h1 {display:inline-block;}

#ui-datepicker-div { font-size: .9em; }

.tabs {border-bottom:1px solid #afadc0;height:30px;margin:0;}
.tabs a {display:block;float:right;padding:8px 14px 5px;margin:3px 0 0 10px;background-color:#d7d6e0;color:#5e5b81;font-size:13px;line-height:13px;border:1px solid #afadc0;font-family:Georgia, "Times New Roman", Times, serif;border-radius: .4em .4em 0 0;
	-webkit-transition: all 150ms ease-out;transition: all 150ms ease-out;
}
.tabs a:hover {background-color:#ebebf0;margin-top:0;padding-bottom:8px;color:#363262}
.tabs a.on, .requisitionTabs a.on:hover {border-bottom:1px solid #fff; background-color:#fff;margin-top:0;padding-bottom:8px;color:#363262}

.sortable .item {
    background-color: #E0E0E0;
    border: 1px solid;
    margin: 5px;
    padding: 10px;
}

.verylow {background:rgba(204,0,0,.6); color: #fff; cursor:pointer;}
.low {background:rgba(204,0,0,.2); color: rgb(102,0,0); cursor:pointer;}
.good {background:rgba(0,153,0,.2); color: rgb(0,102,0); cursor:pointer;}
.verygood {background:rgba(0,102,0,.6); color: #fff; cursor:pointer;}
.neutral {cursor:pointer;}

.orange {color:#F5A623;}
.green {color:#1DA200;}
.blue {color:#4A90E2;}
.red {color:#FF0000;}

.button, input[type=button] {
    background: #8DC63F;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: .5em 1em;
    font-size: .875em;
    font-weight: 500;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    }
.button:hover, input[type=button]:hover {background: #fff; color: #fff;}
.button.gray {background: #EFEFEF; color: #231F20; padding: .3em 1.2em;}
.button.gray:hover {background: #262262; color: #fff;}

table.like { width:100%;}
table.like td { text-align:center; width:20%; vertical-align:bottom;}

span.req { color:Red;}

tr.dark, div.dark { background-color:#efefef;}
tr.light, div.light { background-color:#ffffff;}

a.folder::before {font-family: "FontAwesome";content:'\f07b'; font-style:normal;}
a.folder.open::before {content:'\f07c';}

#login td {display: block; padding-bottom: 15px;}
#login td.text {font-size: 1em; text-align: left; padding-bottom: 0;}
#login .formSelect {font-size: 2em; line-height: 2.25em;}
#login input[type="text"], #login input[type="password"] {font-size: 1em; line-height: 2.25em; max-width: 350px; width: 100%;}
.formButton {font-size: 2em; line-height: 2em; padding:4px 10px;}

.google-translate-wrapper {float:right;margin:0.125rem 0.5em 0 0; display: inline-block}
.google-translate-wrapper .disclaimer {float: right; padding: 0 0.25rem; opacity: 0.5; color:#fff; line-height: 1.5625rem;}
.google-translate-wrapper:hover .disclaimer {opacity: 1;}
#google_translate_element {height: 1.5625rem; line-height: 1.5625rem; font-size: 1em; border-radius: 0.25em; -webkit-transition:all ease-out 200ms; transition:all ease-out 200ms; position: relative; background: rgba(255, 255, 255, 0.17); display: inline-block}
#google_translate_element:hover {background: rgba(255, 255, 255, 0.25)}
#google_translate_element img {display: none}
#google_translate_element .goog-te-gadget-simple > span {display: inline-block; line-height:1.5625rem; color:#fff; vertical-align: middle}
#google_translate_element .goog-te-gadget-simple > span:before {content: ""; display: inline-block;  vertical-align: middle;  width: 0.875rem;  height: 0.875rem;  background: url(/images/google-translate@2x.png) no-repeat center / contain;  position: absolute;  top: 6px;  left: 10px; }
#google_translate_element .goog-te-gadget-simple a span {color:#DFE2E4; font-size: 0.8rem; font-family: "proxima-nova", sans-serif; margin-left:17px}
#google_translate_element .goog-te-gadget-simple a:after {content: ''; display: inline-block; vertical-align: middle; margin-left: 0.25rem; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; opacity: 0.75;}
#google_translate_element .goog-te-gadget-simple a span {display: none}
#google_translate_element .goog-te-gadget-simple a span:first-child {display: inline-block}
#google_translate_element .goog-te-gadget-simple {border:0; background:none; padding:0 0.75em;}
#google_translate_element .goog-te-gadget-simple spam[style="border-left-width: 1px"] {display: none}


@media screen and (max-width: 750px) {
    header #logo {display: block}
    header #logo img {max-width: 100%; height: auto}
    main {padding: 1em}
    main form {margin: 0}
    .google-translate-wrapper {width:100%; display: block}
    .google-translate-wrapper .disclaimer {float: none;}
    #tocWrapper, #policyWrapper {width: 100%; float: left; padding: 1em; clear:both}
    #tocWrapper {margin-bottom: 3em}
    #policyWrapper {padding: 0}
    #tocWrapper ul li {padding: 0.5em 0.25em}
    #policyWrapper h1 {font-size: 1.25em}
    #policyWrapper h1 {margin-bottom: 1em}
    .mobileTable th {display: none}
    .tableOfContents.listTable.mobileTable tr {display: block; width:100%;  overflow: auto}
    .tableOfContents.listTable.mobileTable td {display: block; line-height: 130%; white-space: normal !important; padding:0.25em !important ;width:100%; text-align: right !important; border: 0; float:left; clear: both}
    .tableOfContents.listTable.mobileTable td:first-child {padding-top: 1em !important; border-top: 1px solid #ccc;}
    .tableOfContents.listTable.mobileTable td:last-child {padding-bottom: 1em !important;}
    .tableOfContents.listTable.mobileTable td:before {content: attr(data-attribute); float: left; margin: 0 1em 1em 0; opacity: 0.7}
    .tableOfContents.listTable.mobileTable td[style="padding-left:30px"],
    .tableOfContents.listTable.mobileTable td[style="padding-left:60px"],
    .tableOfContents.listTable.mobileTable td[style="padding-left:90px"],
    .tableOfContents.listTable.mobileTable td[style="padding-left:30px"]+td,
    .tableOfContents.listTable.mobileTable td[style="padding-left:60px"]+td,
    .tableOfContents.listTable.mobileTable td[style="padding-left:90px"]+td,
    .tableOfContents.listTable.mobileTable td[style="padding-left:30px"]+td+td,
    .tableOfContents.listTable.mobileTable td[style="padding-left:60px"]+td+td,
    .tableOfContents.listTable.mobileTable td[style="padding-left:90px"]+td+td {border: 0}
    main #children #Nav {width: calc(100% - 2.75rem); -webkit-appearance:none; float: left; height: 2.5rem}
    main #children #Nav + a {width: 2.5rem; position: relative; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); text-align: center; color: #fff; font-weight: 600; background: #8DC63F; border-radius: 3px; height: 2.5rem; display: block; float: right;}
    main #children #Nav + a img {display: none}
    main #children #Nav + a:before {content: "›"; display: inline-block; line-height: 2.5rem; font-size: 1.5rem}

}

/*============= TARGET iPAD FOR FORM BUTTONS ===============*/
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2){
.formTable td {display: block; padding:5px 5px 25px 5px;}
.formTable table.like td {display: inline-block; width: 15%;}
.formTable td.text {font-size: 2em; text-align: left; padding-bottom: 0;}
.formTable .formSelect {font-size: 2em; line-height: 2.25em;}
.formTable input[type="text"], .formTable input[type="password"] {font-size: 2em; line-height: 2.25em;}
.formButton {font-size: 1.5em; line-height: 2em; padding:.3em .6em;}
body {font-size:16px;}
}

/* iPhone5+ */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
#login td {display: block; padding-bottom: 25px;}
#login td.text {font-size: 2em; text-align: left; padding-bottom: 0;}
#login .formSelect {font-size: 2em; line-height: 2.25em;}
#login input[type="text"] {font-size: 2em; line-height: 2.25em;}
.formButton {font-size: 2em; line-height: 2em; padding:4px 10px;}
body {font-size:16px;}
}

/* iPhone 4/4S */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
#login td {display: block; padding-bottom: 25px;}
#login td.text {font-size: 2em; text-align: left; padding-bottom: 0;}
#login .formSelect {font-size: 2em; line-height: 2.25em;}
#login input[type="text"] {font-size: 2em; line-height: 2.25em;}
.formButton {font-size: 2em; line-height: 2em; padding:4px 10px;}
body {font-size:16px;}
}