/*body,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
   font-family: arial,helvetica,verdana; 
     font-size: 9pt; 
}*/

html, body {
    height: 100%;
}

body {
    min-width: 1000px;
}

.bodyWider {
  max-width: 1150px; 
  margin: auto;
}

.body960 {
    max-width: 960px;
    margin: auto;
}

/* a special style for popups */
.body640 {
    width: 640px;
    margin: auto;
}

h2 {
  /* color: #cecece; */
  text-align: center;
  padding-bottom: 1rem;
}


.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus,
.pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus,
.pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
outline: 0 !important;
/*outline: thin dotted \9;*/
/* border-color: #129FEA; */
border: 3px solid #129FEA !important;
background-color: lightblue;
}

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email],
.pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month],
.pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local],
.pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search],
.pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    border: 3px solid #cecece;
    border-radius: 8px !important;
}

#header {
    background-image: url(/images/bkgrndTileSm.png);
    background-repeat: repeat-x;
    min-width: 1016px;
    min-height: 50px;
    color: white;
    z-index: 10000;
}

#logo {
    padding-top: 10px;
    padding-left: 20px;
}

#greeting {
    padding-top: 15px;
}

#chpass {
    padding-top: 16px;
    padding-right: 20px;
}

#logout {
    float: right;
}

#menu {
    min-width: 1000px;
    clear: both;
    font-size: 9pt;
}

/* the container, generated in the header to main.php */
#wrap { position:fixed; left:0; width:100%; top:80px; bottom: 0; }
#iframe { display: block; width:100%; height:100%;}
.ios_fix { -webkit-overflow-scrolling:touch !important; overflow: scroll !important }


@media print{
  /*
    html { width: 100%; }
    body { width: 100%; }
    #header {display: none;}
    #menu { display: none; }
    #iframe { border: solid thin black; height: 10000px }
    #content { border: solid thin black; }
    .body960 { max-width: 100%; width: 100%; border: solid thin black; }
    .controls { display: none; }
    */
    #wrap {
      position:fixed;
      left:0;
      width:995px;
      top:80px;
      bottom: 0;

      display:inline-block;
    }
}



/* the iframe, generated in main.php */
#main {
    border: none;
    min-width: 1017px;
    width: 100%;
    height: 100%;
}

/* the content, generated in the header to every other page */
/* #content {
} */

#content h1 {
    text-align: center;
    margin-bottom: 10px;
}

option:hover {
    background-color: #1E90FF !important;
}



/* simple styles */
.c { text-align: center; }
.r { text-align: right; }
.lg { color: #222; background-color: #ddd; }
.g { color: #222; background-color: #bbb; }
.dg { color: #222; background-color: #999; }
.notice { color: green; }

.vsep { margin-top: 30px; }
.vpad { margin-top: 30px; margin-bottom: 30px; }
.vpad15 { margin-top: 15px; margin-bottom: 15px; }


.buttonpad { margin: 4px; padding: 4px; }

.odd { background-color: #e8e8e8; }
.even { background-color: #f8f8f8; }

.smallgray { font-size: 80%; color: #222; }

.hidden { display: none; }

.smallinput {
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px; }

.smaller option { font-size: 7pt; }

.rounded {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    padding: 3px;
    margin: 3px;
}

table.smallfont td { font-size:14.5pt; }
table.smallpad td { padding: 0 2px !important; }
table.smallerpad td { padding: 1px !important; }
table.heavier td {
    font-family: Arial, sans;
    font-weight: bold;
    font-size: 11px;
    padding: 2px !important;
  }
table.largepad td { padding: 6px; }

/* general entry stylings */
form.pure-form div.pure-g > div,
form.pure-form div.pure-g-r > div {
    margin-top: 4px;
    margin-bottom: 4px;
    float: left;
    padding: 0.25rem;
}


select option:nth-child(odd) { background-color: white; }
select option:nth-child(even) { background-color: #ddd; }

.pure-form select {
    font-size: 11pt;
}
select option {
    font-size: 100%;
}



/* for the menu */
#menu {
    border-top: solid thin black;
    border-bottom: solid thin black;
    color: white;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.pure-menu-horizontal li {
    padding-left: 1px;
    padding-right: 1px;
}

#menu .pure-menu.pure-menu-open, #menu .pure-menu.pure-menu-horizontal li .pure-menu-children {
    background: inherit;
}

.pure-menu a {
    color: black;
}


.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
    content: "";
}

.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label, .pure-menu-can-have-children > .pure-menu-label {
    padding-right: 18px;
}

.pure-menu li a, .pure-menu-label {
    padding-left: 18px;
    padding-right: 18px;
}

.pure-menu-can-have-children > .pure-menu-label:after {
    margin-right: -15px;
}


div.row {
  padding: 7px;
  clear: both;
}

div.row_right {
  float: right;
  width: 49%;
}

div.row div.left, div.row_right div.left {
  float: left;
  width: 75px;
  text-align: right;
  font-weight: bold;
  line-height: 20px;
}

div.row div.right, div.row_right div.right {
  float: left;
  margin-left: 10px;
}

.endrow {
  clear: both;
}

.row .field {
  float: left;
  font-weight: bold;
  padding: 7px;
  padding-right: 35px;
}

.row .field_r {
  float: right;
  font-weight: bold;
  padding: 7px;
  padding-left: 35px;
}






/* general form stylings */
.controls {
    /* font-size: 8pt; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 80%;
    padding: 0.5em 1em;
    border: solid 2px black;
    background: #f8f8f8;
    border-radius: 5px;
}

.controls fieldset {
    border: solid thin black;
    padding: 10px;
    border-radius: 5px;
}

.controls fieldset.noborder {
    border: none;
}

.controls fieldset .withborder {
    border: solid thin black;
    padding: 10px;
}

.controls .field {
  float: left;
  font-weight: bold;
  padding: 7px;
  padding-right: 15px;
}

.inst {
  text-align: center;
  font-size: 8pt;
  color: #222;
  margin-bottom: 20px;
}

/*.pure-form .pure-input-1 {
     width: calc(100% - 4px) !important;
    font-size: 9pt !important; 
}*/

/*.pure-form .pure-input-1-2 {
    width: calc(50% - 4px) !important;
    font-size: 9pt; 
}*/


.combo {
    background: white;
    position: absolute;
    width: 10px;
    top: 6px;
    right: 4px;
    padding: 5px;
    width: 20px;
}

.yui3-skin-sam .yui3-aclist-content {
    max-height: 20em;
    overflow: auto;
}



/* custom styling for labor */
.labor .pure-form label {
  font-size: 10pt;
  line-height: 200%;
}

/* .labor .pure-form input[type="text"],  */
.labor .pure-form input[type="password"], 
.labor .pure-form input[type="email"], 
.labor .pure-form input[type="url"], 
.labor .pure-form input[type="date"], 
.labor .pure-form input[type="month"], 
.labor .pure-form input[type="time"], 
.labor .pure-form input[type="datetime"], 
.labor .pure-form input[type="datetime-local"], 
.labor .pure-form input[type="week"], 
.labor .pure-form input[type="number"], 
.labor .pure-form input[type="search"], 
.labor .pure-form input[type="tel"], 
.labor .pure-form input[type="color"], 
.labor .pure-form select, 
.labor .pure-form textarea {
  font-size: 9pt;
  background-color:rgb(66, 184, 221);
}




/* general table stylings */
#content table {
  width: 100%;
  background: white;
  margin-left: auto;
  margin-right: auto;
}

#content table tbody tr:first-child {
    background-color: white;
    border: 1px solid white;
    color: black;
    white-space: nowrap;
    height: 30px;
}

#content table tbody tr:first-child a {
  color: lightgray;
}

#content table tbody tr th {
  border: solid thin black;
  padding: 3px;
}

#content table tbody tr td {
  border: solid thin black;
}

#content table tbody tr td.jobcount {
  background: lightgray;
  text-align: center;
  font-weight: bold;
}


.borderless th, .borderless td {
    border: none !important;
}




/* general report stylings */
.report {
  border: solid thin black;
  margin-bottom: 20px;
}

.report_scroll {
  height: 500px;
  overflow-y: scroll;
}

.report tr:first-child {
  background-color: lightblue;
}

.report tr.odd {
  background-color: #eee;
}

.report tr.even {
  background-color: #fff;
}

.report th, .report td {
  font-size: 7pt;
}

table.gridTable {
  border: solid thin #bbb;
}

table.gridTable td {
  border: solid thin #ccc;
}

.report button {
  padding: 2px;
}


.report-table {
    background-color:#fff;
}
.report-table tr:nth-child(2n-1) td{
    background-color:#f2f2f2
}


/* CC Import styles */
#filelist {
  margin-top: 15px;
}
#filenames {
  width: 100%;
  border: solid thin black;
}
#filenames th {
  background-color: #ccc;
}
#filenames tr.even {
  background-color: #ddd;
}


#uploadFilesButtonContainer, #selectFilesButtonContainer, #overallProgress {
  /* display: inline-block; */
  float: left;
  width: 50%;
}
#uploadContainer {
  text-align: center;
}
#overallProgress {
  float: right;
}
#upload {
  text-align: center;
}




/* Styles from Erika */


.white12 {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

.white12 a {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}

.white12 a:link {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}

.white12 a:active {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}

.white12 a:visited {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}

.white12 a:hover {
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}

.white16 {
    font-family: arial,helvetica,verdana;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}



/* Menu styles */
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
    padding-right: 20px;
}







/* Validator styles */
div.validator {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  padding:0;
  background-image:url(/images/red_gradient.png);
  background-repeat:repeat-x;
  background-position:0 0;
  /*filter:alpha(opacity=40);
  -moz-opacity:.40;
  opacity:.40;*/
}

div.indicator {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  background-image:url(/images/green_gradient.png);
  background-repeat:repeat-x;
  background-position:0 0;
}

div.validator span.validator,
div.indicator span.indicator {
  position:absolute;
  right:10px;
  margin-top:7px;
}

span.validator{
  background-image:url(/images/exclamation_small.png);
  background-repeat:no-repeat;
  background-position:center center;
  padding-left:17px;
}

span.indicator{
  background-image:url(/images/checkmark_small.png);
  background-repeat:no-repeat;
  background-position:center 0;
  padding-left:17px;
}




.yui3-progressbar {
    margin-bottom:3px;
    border: 2px solid #c4c4c4;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
.yui3-progressbar .yui3-progressbar-content {
    background-color:#fff;
    position:relative;
/*    width: 200px; */
}
.yui3-progressbar .yui3-progressbar-label {
    position: absolute;
    top:1px;
    left:3px;
    font-size:11px;
    font-family:Arial,Helvetica,sans-serif;
}
.yui3-progressbar .yui3-progressbar-slider {
    background-color:#e0bb30;
    height: 15px;
    line-height: 29px;
    width: 0;
}


/* buttons */

.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
    color: white;
    border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.pure-button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.pure-button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.pure-button-red {
    background-color: #ff6666;
}

.pure-button-yellow {
    background-color: #ffffcc;
}

.pure-button-green {
    background-color: #99cc99;
}

.pure-button-gray {
    background-color: #e0e0e0;
}

.pure-button-small {
    font-size: 94%;
}

.pure-button-smaller {
    font-size: 75%;
}

.pure-button-smallest {
    font-size: 50%;
}


/* Striped tables */
.pure-table{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border:1px solid #cbcbcb;
}
.pure-table caption{
    color:#000;
    font:italic 85%/1 arial,sans-serif;
    padding:1em 0;
    text-align:center
}
.pure-table td,.pure-table th{
    border-left:1px solid #cbcbcb;
    border-width:0 0 0 1px;
    font-size:inherit;
    margin:0;
    overflow:visible;
    padding:6px 12px
}
.pure-table td:first-child,.pure-table th:first-child{
    border-left-width:0
}
.pure-table thead{
    background:#e0e0e0;
    color:#000;
    text-align:left;
    vertical-align:bottom
}
.pure-table-striped {
    background-color:#fff;
    /* min-width: 66rem; */
    width: 88%;
}
.pure-table td{
    background-color:transparent
}
.pure-table-odd td{
    background-color:#f2f2f2
}
.pure-table-striped tr:nth-child(2n-1) td{
    background-color:#f2f2f2
}

.pure-table-striped td {
  padding-left: 1rem;
  border: 1px solid;
}

.pure-table-striped th {
  border: 1px solid;
  font-weight: bold;
  background-color: #0a2341d6;
  color: #fff;
}

.pure-table-bordered td{
    border-bottom:1px solid #cbcbcb
}
.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{
    border-bottom-width:0
}
.pure-table-horizontal td,.pure-table-horizontal th{
    border-width:0 0 1px;border-bottom:1px solid #cbcbcb
}
.pure-table-horizontal tbody>tr:last-child td{
    border-bottom-width:0
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE"
}


.yui3-icello-datechooser {
    z-index: 10 !important;
}

.yui3-icello-datechooser-viewmonth-day {
    z-index: 20 !important;
}

.BDISPLAY {
    width: 1rem;
    height: 1rem;
}

/* .BEMAIL {} */

.swal2-content input {
    border: 1px solid;
    border-radius: 8px;
    width: 100%;;
}