@import url("common.css?v=83");
@import url("hover-popup.css?v=6");
@import url("jquery.qtip.min.css?v=1");
@import url("tooltip.css?v=1");
@import url("employee-lookup.css?v=4");
@import url("font-awesome/css/font-awesome.min.css?v=1");
@import url("notices.css?v=6");

/*
 * Use default-scrollbar class to exclude custom scrollbar css and to apply the default scrollbar UI.
 */
html:not(.default-scrollbar)::-webkit-scrollbar {
    width: 12px;
}
 
html:not(.default-scrollbar)::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
html:not(.default-scrollbar)::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

html {
  width:100vw;
  height:100%;  
}

html.popUp, html.iFrame {
  width:auto;
  height:auto;
}

body {
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  font-family:arial;
  font-size:14px;
}

html.popUp body {
  padding:10px;
  background-color: #F1F1F2;
  width:auto;
  height:auto;
}

body.embedded {
  background-color: #F1F1F2;
  padding:10px;
}

#contentWrapper {
  overflow:hidden;
}

/* PAGE LOADING */

#pleaseWait {
  left:0;
  top:0;
  position:absolute;
  z-index:100;
  width:100%;
  height:100%;
  background-color:#ededed;
}

#pleaseWait div {
  position:absolute;
  top:50%;
  width:100%;
  height:40px;
  margin-top:-20px;
  text-align:center;
  font-family:verdana;
  font-size:10px;
}

#pleaseWait img {
  margin-bottom:6px;
}

body.home {
  padding: 0 4px !important;
}
  
body.noPadding {
  padding: 0px !important;
}

a {
  text-decoration:none;
  color:#2864af;
}

a:hover {
  color:#07a6de;
}

a:hover,a:visited:hover {
  color:#07a6de;
}

.componentFooter{
  width:99%;
  position:absolute;
  bottom:18px;
  height: 20px;
  clip: rect(auto,auto,18px,auto);
}
.atticSpace{
  position:absolute; top:-200000px; left:-5000px;
}
form {
  margin:0px;
}

p {
  margin: 0 0 15px 0;
}

h1 {
  font-family:verdana;
  font-size:14px;
  font-weight:bold;
  margin: 0 0 13px 0;
}

.big {
  font-size: 12px;
}

.huge {
  font-size: 14px;
}

.msg {
   font-size: 12px;
   font-weight:bold;
   font-family: arial;
}

.first {
  margin-top: 0px;
}

#mask {
  background-color:#DDDDDD;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  left: 0px;
  top: 0px;
  position: absolute;
}

#popUp {
  border: 1px solid #666666;
  background-color: #ffffff;
}


.hidden {
  display: none;
}

.row {
  margin: 0px;
  clear: both;
}

.col1 {
  float: left;
  display: block;
  margin-top:8px;
}

.col2 {
  float: left;
  display: block;
  margin-top:8px;
}

.rollOverNote {
  font-family: verdana;
  padding: 10px;
  font-size:12px;
  font-weight:bold;
  opacity: 0.90;
  -moz-opacity: 0.90;
  filter: alpha(opacity=90);
}

#history {
  display:none;
}

#popUpHeader {
  background-color:#BDBEC0;
  border-bottom:1px solid #9C9B9B;
  font-weight:bold;
  color:#000;
  line-height:18px;
  padding-left:4px;
}

#popUpHeaderClose {
  float:right;
  border-left:1px solid #cccccc;
  background-color:#f0f0f0;
  margin-top:-2px;
  padding:2px;
  font-weight:bold;
  font-size:11px;
  font-family:verdana;
}
#popUpHeaderClose a {
  color:#000000;
}

.preAuth {
  color: #A60000 !important;
}

.printOnly {
  display: none;
}

.disclaimer {
  font-size:12px;
}

form {
  margin: 0px;
}

.active-employee{
 color:red;
}
.component-header-title{
 color:#007770;
 font-size:16px;
 font-weight:bold;
}
.entry-point-menu-main-links{
 color:#FFFFFF;
 font-size:0.8em;
 background-color:#12a6a6;
 border:2px outset #ccc;
}
.employee-search{
  border-bottom:1px solid #999999;
}
#component-toolbar{
 margin-top: 12px;
 clear: both;
 position:static !important;
 bottom:0px !important;
 height:auto !important;
 right:0px !important;
 left:0px !important;
 z-index:0 !important;
}
tr.dark-row{
 background-color:#FFFFFF;
}
#component-help-button{
 color:black;
 font-size:11px;
 background-color:#FFFFCC;
 font-family:verdana;
 border:1px outset #999999;
}
#component-support-button{
 color:black;
 font-size:11px;
 background-color:#3399FF;
 font-family:verdana;
 border:1px outset #999999;
}
#component-security-button{
 color:black;
 font-size:11px;
 background-color:#FFCC00;
 font-family:verdana;
 border:1px outset #999999;
}
.splash-text{
 font-size:20px;
 font-family:Verdana;
 font-weight:bold;
}
.entry-point-menu-sub-links:hover{
 color:#000000;
 background-color:#CCCCCC;
}

.entry-point-menu-sub-links{
 color:black;
 font-size:0.8em;
 background-color:#BBE1DE;
 font-family:Verdana;
 border:1px outset #CCCCCC;
}

.tab-buttons {
 color:#000000;
 font-size:11px;
 background-color:#ffffff;
 text-decoration:none;
 font-family:Verdana;
 border:1px solid #1764A1;
 border-bottom: 0px;
 padding: 2px 4px 2px 4px;
 border-collapse: collapse;
 outline: none;
}

.tab-buttons-active {
 color:#000000;
 font-size:11px;
 background-color:#ffffcc;
 text-decoration:none;
 font-family:Verdana;
 border:1px solid #1764A1;
 border-bottom: 0px;
 padding: 2px 4px 2px 4px;
 border-collapse: collapse;
 outline: none;
}

.tab-buttons-disabled {
 color:#999999;
 font-size:11px;
 background-color:#CCCCCC;
 font-family:Verdana;
 border:1px solid #1764A1;
 border-bottom: 0px;
 padding: 2px 4px 2px 4px;
 border-collapse: collapse;
 outline: none;
}

span.required {
  color: red;
}

p, ul, h1, h2, h3, h4, h5, h6, h7 {
  margin-top:0;
}

h2,h3,h4 {
  font-family:arial;
}

h2 {
  font-size: 18px;
  margin-bottom:13px;
}

h3 {
  font-size:16px;
  margin-bottom:12px;
}

h4 {
  font-size:14px;
  margin-bottom:10px;
}

.authorized {
  color: #008500 !important;
  font-weight:bold !important;
}

.noBackground div {
 background-image:none !important;
}

#interiorContentHeader h1 {
  font-weight:normal;
  font-size:22px;
  color:#000;
  margin:0;
  font-family:arial;
  padding-bottom:12px;
}

#interiorContentMenu {
  padding-right:6px;
  text-align:right;
  height:22px;
  line-height:12px;
  font-size:12px;
  font-family:arial;
  font-weight:bold;
}

#interiorContentMenu a {
  color:black;
  text-decoration:none;
}

#interiorContentMenu a:hover {
  text-decoration:underline;
}

/**--Print friendly Styles--**/
@media print {
  
  /* any changes to the following must also be duplicated in interior-print.css */
  
  .noPrint {
    display: none !important;
  }
  
  .printOnly {
    display: block;
  }
  
  table.printOnly {
    display: table;
  }
  
  .printForceVisible {
    display: block !important;
  }
  
  .header, .content {
    border: 1px solid #000000 !important;
  }
  
  h2, a:link, a:visited {
    color: #000000;
  }
  
  input, select {
    border:none !important;
    color:#666666 !important;
  }
  
  .buttonWrapper, .buttonWrapper-primary,
    .buttonWrapper-secondary {    
    border-style: solid !important;    
    background-image: none !important;
    background-color: transparent !important;
  }
  
  .button, .button-primary {
    color:#000000 !important;
    background-image: none !important;
  }
  
  .button-secondary {
    color:#E7E8E9 !important;
    background-image: none !important;
  
  }
 
  .grid > tbody > tr > .first,
  .grid, .tabbedGrid,
  .grid > tbody > tr > td,
  .grid > tbody > tr > th,
  .tabbedGrid > tbody > tr > td,
  .grid > thead > tr > td,
  .grid > thead > tr > th,
  .tabbedGrid > thead > tr > td,
  .tabbedGrid > thead > tr > th {    
    border: 1px solid #000000 !important;
    border-color:  #000000 !important;
  }
  
      
  .grid > thead > tr > td,
  .grid > thead > tr > th,
  .tabbedGrid > thead > tr > td,
  .tabbedGrid > thead > tr > th {
    background-image: none !important;
    background-color: #cccccc;
    color: #000000 !important;
    margin: 0px !important;
  }    
  
  .grid > tfoot,
  .grid > thead.empty,
  .tabbedGrid > tfoot,
  .tabbedGrid > thead.empty,
  .component-footer {
    display: none !important;
  }
  
  .first, .last, .headerFirstChild,
  .contentFirstChild, .footerFirstChild,  
  .box, .header, .content, .footer, 
  .grid > thead > tr > td.single > div,
  .tabbedGrid > thead > tr > td.single > div,
  .grid > thead > tr > th.single > div,
  .tabbedGrid > thead > tr > th.single > div {
    background-image: none !important;
  }
  
  .header, .headerFirstChild,
  .grid > tbody > tr.alt > td.first,
  .grid > tbody > tr.alt > th.first,
  .tabbedGrid > tbody > tr.alt > td.first,
  .tabbedGrid > tbody > tr.alt > th.first, 
  .grid > tbody > tr.alt > td.single > div,
  .grid > tbody > tr.alt > th.single > div,
  .tabbedGrid > tbody > tr.alt > td.single > div,
  .tabbedGrid > tbody > tr.alt > th.single > div {
    background-color: #E7E8E9; 
  }
  
  #contentWrapper {
    overflow: visible !important;
  }
  
}

@media screen {
  .printOnly {
    display:none;
  }
}


/* Control bar icons */
.sprite {
    background-image: url(../images/control-bar-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 4px;
}

.sprite-print {
    width: 16px;
    height: 16px;
    background-position: -3px -3px;
}

.sprite-revisions {
    width: 16px;
    height: 16px;
    background-position: -25px -3px;
}

.sprite-close {
    width: 16px;
    height: 16px;
    background-position: -47px -3px;
}

.sprite-favorite-add {
    width: 16px;
    height: 16px;
    background-position: -3px -25px;
}

.sprite-favorite-remove {
    width: 16px;
    height: 16px;
    background-position: -25px -25px;
}

.sprite-help {
    width: 16px;
    height: 16px;
    background-position: -47px -25px;
}

.sprite-maximize {
    width: 16px;
    height: 16px;
    background-position: -3px -47px;
}

.sprite-restore {
    width: 16px;
    height: 16px;
    background-position: -25px -47px;
}

.sprite-settings {
    width: 16px;
    height: 16px;
    background-position: -47px -47px;
} 

/**
 * Scheduled Tasks
 */
#scheduled_task_wrapper {
  background-color: #ededed;
  padding: 10px;
}

input.dateField + span > a > img,
input.longDateField + span > a > img {
  display: none !important;
}

input.dateField + span > a,
input.longDateField + span > a {
  background-image: url('../images/icon-calendar-20x20.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  bottom: -6px;
}

.section_divider {
  height: 3px;
  background-color: #ccc;
  margin: 20px 0;
}

.filter-param {
  display:inline-block;
  margin-bottom:6px;
  line-height:27px;
  white-space:nowrap;
  vertical-align:bottom;
  padding-right:8px;
}

.read-only-field {
  pointer-events: none;
  opacity: 0.5 !important;
}