/* Minification failed. Returning unminified contents.
(354,62): run-time error CSS1039: Token not allowed after unary operator: '-default'
 */
/***
 Colours:
	default text:               #333333
	white tile text:            #FFFDFF
	yellow link text:           #F9C32F

 Fonts:
	default text:               Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
	navigation, title text:     Arial, "Helvetica Neue", Helvetica, sans-serif


/*=====================================
---------- RESET ----------------------
=====================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


/*=====================================
---------- GLOBAL ELEMENTS ------------
=====================================*/

body { line-height: 1.0em; color: #000; background-color: #fff; margin: 0; padding: 0; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }

a,
a:link { color: #F9C32F; text-decoration: none; }

.button { border: 1px solid #FFFFFF; /*color:#FFFDFF;*/ font-size: 14px; padding: 5px 15px; text-align: center; }
    .button.noOutline { background-color: #516AA5; border: none; color: #FFFDFF; }
    .button.greyOutline { background-color: transparent; border: 1px solid #666666; color: #666666; }
    .button.whiteOutline { background-color: transparent; border: 1px solid #FFFFFF; color: #FFFDFF; }

.arrow { background-image: url('arrowsFilter.png'); background-repeat: no-repeat; height: 5px; width: 8px; }
    .arrow.white { background-position: 0px 0px; }
    .arrow.lightBlue { background-position: -9px 0px; }
    .arrow.mediumBlue { background-position: -18px 0px; }
    .arrow.darkBlue { background-position: -27px 0px; }

textarea,
input[type=text], input[type=number],
input[type=password] { background-color: #FFFFFF; border-radius: 3px; border: 1px solid #CCC; color: #000000; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; resize: none }

    textarea:focus { border: 1px solid #000; }
    input[type=text]:focus { border: 1px solid #000; }
    input[type=password]:focus { border: 1px solid #000; }

select { background-color: #FFFFFF; border: 1px solid #ccc; color: #000000; }
    select:focus { border: 1px solid #000; }
    select:focus { border: 1px solid #000; }

label { margin-right: 5px; display: inline-block }

h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 20px; line-height: 20px; }
h3 { font-size: 17px; line-height: 17px; }
h4 { font-size: 15px; line-height: 15px; }

/* Base Style */
table.top { width: 100%; border-width: 0px; margin: 0px; padding: 0px; background-color: #253D75; }
    table.top image { margin: 0px; padding: 0px; border: 0px; }

ul.menutop { font-size: 16px; font-weight: 600; margin: 0 0; padding: 0; }
ul.menu li { display: inline; list-style: none; padding-left: 15px; }
    ul.menu li a { background: none; color: #999; text-decoration: none; white-space: nowrap; }
        ul.menu li a:hover { color: #fff; text-decoration: none; white-space: nowrap; }

ul.menusub { font-size: 14px; font-weight: 600; margin: 0 0; padding: 0; }
ul.menusmall { font-size: 8px; font-weight: 600; margin: 0 0; padding: 0; }

div.padding { height: 4px; }

.nobr { white-space: nowrap; }

h1.error { font-size: 36px; line-height: 36px; color: #1FAADF; font-weight: bold; }
h2.error { font-size: 25px; line-height: 25px; color: #1FAADF; }

hr { height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; }

.ui-widget { font-family: "Segoe UI",​Helvetica,​Verdana !important; font-size: 1.0em; }
.ui-dialog { border: solid 1px #555; border-top: 5px solid #516aa5; border-radius: 3px; padding: 0px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); }
    .ui-dialog.warning { border-top: 5px solid #d00; }
.ui-widget-header { color: #000; background-color: #fff; font-weight: normal; font-size: 18px; padding-left: 0px !important }
.ui-dialog-titlebar { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ccc }
.ui-dialog-titlebar-close { display: none; }

.ui-datepicker { border: 1px solid #253D75; }
.ui-datepicker-header { margin: -0.2em -0.2em 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default .ui-state-hover { font-weight: bold; }

#body { padding-left: 10px; padding-right: 10px; }

/*.errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #1F8DB8; -webkit-box-shadow: 0 0 2px 2px#1F8DB8; box-shadow: 0 0 2px 2px #1F8DB8; }*/
.errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #d00; -webkit-box-shadow: 0 0 2px 2px #d00; box-shadow: 0 0 2px 2px #d00; }

a.ui-selectmenu.errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #d00; -webkit-box-shadow: 0 0 2px 2px #d00; box-shadow: 0 0 2px 2px #d00; }

.tinyspinner { background-image: url('/Areas/Global/Images/tiny-ajax-loader.gif'); width: 100%; height: 16px; background-position: center; background-repeat: no-repeat; }

/* Selection Bars*/
.selectbar { height: 30px; margin-bottom: 2px; line-height: 30px; font-size: 16px; text-align: center; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; cursor: pointer; overflow: hidden; text-wrap: none; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ccc; }
    .selectbar.selected { background-color: #002E5E !important; color: #fff }
    .selectbar:hover { color: #fff; background-color: #516AA5 !important }

/* jQuery Customizations */
.ui-slider { -webkit-border-radius: 3px !important; border-radius: 3px !important; border-color: #ccc !important; }
.ui-slider-handle { -webkit-border-radius: 3px !important; border-radius: 3px !important; }

/* Blur Dialogs */
.ui-dialog { background: rgba(255, 255, 255, 0.92); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); border: 1px solid #fff; padding: 0px }
.ui-dialog-title { width: 100%; margin: 0px !important; padding: 5px 5px 2px 5px; }
.ui-dialog-titlebar { background: transparent; padding: 0px 0px 5px 0px !important; margin: 0px 0px 0px 0px !important; border-top: 4px solid #516AA5 !important; }
.ui-widget-overlay { background: rgba(0, 0, 0, 0.1); }

/* jQuery UI tooltip Customization */
.bt-tooltip { font-size: 12px; line-height: 12px; border: solid 1px !important; border-color: #888 !important; border-radius: 5px; box-shadow: 2px 2px 5px #000; background-color: #fff; }

/* jQueryUI Calendar customizations */
table.ui-datepicker-calendar { border-collapse: separate; }
.ui-datepicker { border: 0px; }
.ui-datepicker-title { font-size: 16px; font-weight: normal }
.ui-datepicker-calendar thead tr th { font-size: 14px; font-weight: normal }
.ui-datepicker-calendar td { border: 0px solid transparent; }
.ui-widget-header { border-top: 0px; border-left: 0px; border-right: 0px }
.ui-datepicker td { padding-top: 0px; padding-bottom: 1px; padding-left: 0px; padding-right: 1px }
.ui-datepicker .ui-datepicker-calendar .ui-state-default { background: #B4C0E8 none; color: #000; padding: 5px; border: 0px; font-size: 14px; text-align: center; font-weight: normal }
.ui-datepicker-other-month { background: #D5CFCF none }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background: #253D75 none; color: #fff }

/* Default Tooltips */
#rstooltip { background: #fff; border: #000 1px dashed; padding: 3px 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50); z-index: 1000 }

/* Draggable for rule selection */
ul.draggable li { height: 22px; margin-top: 1px; margin-bottom: 1px; background-color: #1F8DB8; border-radius: 3px; }

.dragbaricl { position: absolute; top: 4px; left: 5px; }
.dragbaricr { position: absolute; top: 3px; right: 5px; }
.dragbartxtr { position: absolute; top: 3px; right: 5px; }
.dragbartxt { position: absolute; top: 4px; bottom: 5px; left: 30px; right: 25px; font-size: 14px; line-height: 14px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: move; }

/* File Upload */
.imageupload { opacity: 0; width: 0; height: 0; position: absolute; }
.fileupload label { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px !important; width: 95px; height: 32px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; border: solid 1px #ccc; background-color: #fff; color: #555; }
    .fileupload label:hover { background-color: #516AA5; border-color: #516AA5; color: #fff }

/* TODO: Apply to new datepick multi-month calendar these old DateGrid control basic stylings */
.dategrid-cell { color: #000; }
    .dategrid-cell.this-month { background-color: #B4C0E8; }
    .dategrid-cell.other-month { background-color: #D5CFCF; }
    .dategrid-cell.today { background-color: orange; }

/* Time-off navigation calendar */

.torcal-glyph { width: 32px; height: 32px; padding: 2px; }

.datepick-nav { margin-top: 3px; }

/* Time-off request list detail highlighting */

#torDatePicker td.ui-state-highlight { border: none; opacity: 1; }
    #torDatePicker td.ui-state-highlight span { background: #516AA5; }

.pagedialog { position: absolute; text-align: center; left: 5px; right: 5px; z-index: 1000; }
    .pagedialog .pagedialogcontent { display: inline-block; border: solid 1px #000; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50); background-color: #fff; padding: 10px; text-align: left; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(0); }
        .pagedialog .pagedialogcontent.open { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); }

.required { position: relative }
    .required i { position: absolute; top: 0px; color: #d00; display: inline-block; font: normal normal normal 14px/1 biotimeSet1; }
        .required i:before { font-size: 20px; content: "*"; }

.conditionlistboxelement { font-size: 16px; text-indent: 2px; line-height: 18px; min-height: 18px; cursor: default; transition: 0.3s; user-select: none; }
    .conditionlistboxelement:hover { background-color: #ddd; }
    .conditionlistboxelement.selected { background-color: #ddd }
        .conditionlistboxelement.selected:hover { background-color: #ccc; }
    .conditionlistboxelement label { white-space: nowrap }

.dialog-no-title .ui-dialog-titlebar { display: none }

.osn { display: inline-block; vertical-align: top; cursor: default; margin-right: 15px; width: 98px; text-align: right; font-size: 14px; line-height: 18px; margin-top: 5px }
.osc { display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 5px; margin-right: 5px }

.optionBox { width: 400px; margin-right: 5px; margin-bottom: 5px; padding: 5px; float: left; }
.optionHeader { width: 100%; height: 40px; background-color: #253D75; color: #fff }
.optionName { cursor: default; margin-right: 15px; width: 175px; margin-top: 3px; text-align: right; float: left; }
.optionSName { cursor: default; margin-right: 15px; width: 100px; margin-top: 1px; text-align: right; float: left; font-size: 14px; line-height: 18px; }
.optionTName { cursor: default; margin-top: 3px; margin-right: 15px; width: 175px; vertical-align: middle; display: table-cell; text-align: right; float: left; }
.optionLCtrl { margin-right: 15px; width: 100px; vertical-align: middle; display: table-cell; text-align: left; float: left; }
.optionCtrl { padding-bottom: 5px; vertical-align: middle; display: table-cell; text-align: left; float: left; }
.optionValueDisplayOnly { margin-bottom: 5px; padding: 2px; text-align: left; width: 300px; float: left; padding-right: 20px; padding-top: 4px; }
.optionText { margin-top: 3px; vertical-align: middle; display: table-cell; float: left; }

.optl { display: inline-block; vertical-align: middle; width: 150px; text-align: right; margin-bottom: 10px; margin-right: 5px }
.optc { display: inline-block; vertical-align: middle; margin-bottom: 10px; }

.fl { float: left; }
.fr { float: right; }
.cf { clear: both; }
.ib { display: inline-block }
.vat { vertical-align: top }
.nw { white-space: nowrap }

td.vat { vertical-align: top }

.unitLabel { margin-bottom: 5px; padding: 4px; width: 200px; text-align: right; float: left; display: block; }
.unitoptionName { margin-bottom: 5px; padding: 4px; width: 300px; text-align: left; float: left; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Allocation */
.allocated-container { width: 180px; max-height: 200px; overflow-y: auto; }
    .allocated-container > ul > li { padding: 2px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer}
    .allocated-container > ul > li:hover { background-color: #eee; color: #000; }

/* Scrollbar Styling */
@supports not selector(::-webkit-scrollbar) {
    * { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0.2); }
}

::-webkit-scrollbar { width: 12px; height: 12px }
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); -webkit-border-radius: 3px; }
    ::-webkit-scrollbar-track:hover { background-color: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb { border: solid 1px rgba(0,0,0,0.3); -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0,0,0,0.3); }
    ::-webkit-scrollbar-thumb:hover { }

/* Employee profile opacity when it is read only */ input:disabled, .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: 0.65; }
.checker.disabled { opacity: 0.5; }

/* Sequence Colour*/
.colour0 { color: #fff; background-color: #f44336 }
.colour1 { color: #fff; background-color: #e81e63 }
.colour2 { color: #fff; background-color: #9c27b0 }
.colour3 { color: #fff; background-color: #673ab7 }
.colour4 { color: #fff; background-color: #3f51b5 }
.colour5 { color: #fff; background-color: #2196f3 }
.colour6 { color: #fff; background-color: #03a9f4 }
.colour7 { color: #fff; background-color: #00bcd4 }
.colour8 { color: #fff; background-color: #009688 }
.colour9 { color: #fff; background-color: #4caf50 }
.colour10 { color: #fff; background-color: #8bc34a }
.colour11 { color: #fff; background-color: #cddc39 }
.colour12 { color: #fff; background-color: #ffeb3b }
.colour13 { color: #fff; background-color: #ffc107 }
.colour14 { color: #fff; background-color: #ff9800 }
.colour15 { color: #fff; background-color: #ff5722 }

.colourspecial { color: #fff; background-color: #555 }
.branding-login { width: 80px; border-radius: 5px; border: solid 1px #ccc; box-sizing: border-box; display: inline-block; margin-right: 6px; background-color: #fff; transition-duration: 0.5s; cursor: pointer }
    .branding-login:hover { background-color: #ddd; }
    .branding-login:active:hover { margin-top: 1px; margin-bottom: -1px }

.branding-ms { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E"); }
.branding-goog { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='10 10 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_710_6223)'%3E%3Cpath d='M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z' fill='%234285F4'/%3E%3Cpath d='M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z' fill='%2334A853'/%3E%3Cpath d='M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z' fill='%23FBBC04'/%3E%3Cpath d='M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z' fill='%23E94235'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.branding-fb { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='fbl' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='340 340 1194.4 846.11' style='enable-background:new 0 0 1194.4 846.11;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230866FF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Logo'%3E%3Cpath id='Initiator' class='st0' d='M847.2,423.05c0-138.07-111.93-250-250-250s-250,111.93-250,250 c0,117.24,80.72,215.62,189.61,242.64V499.45h-51.55v-76.4h51.55v-32.92c0-85.09,38.51-124.53,122.05-124.53 c15.84,0,43.17,3.11,54.35,6.21v69.25c-5.9-0.62-16.15-0.93-28.88-0.93c-40.99,0-56.83,15.53-56.83,55.9v27.02h81.66l-14.03,76.4 h-67.63v171.77C751.27,656.27,847.2,550.87,847.2,423.05z'/%3E%3Cpath id='F' class='st1' d='M695.12,499.45l14.03-76.4h-81.66v-27.02c0-40.37,15.84-55.9,56.83-55.9c12.73,0,22.98,0.31,28.88,0.93 v-69.25c-11.18-3.11-38.51-6.21-54.35-6.21c-83.54,0-122.05,39.44-122.05,124.53v32.92h-51.55v76.4h51.55v166.24 c19.34,4.8,39.57,7.36,60.39,7.36c10.25,0,20.36-0.63,30.29-1.83V499.45H695.12z'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.branding-apple { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='30' viewBox='200 0 1300 1780.7955'%3E%3Cpath d='M979.042 925.187c-17.954 41.478-39.206 79.657-63.828 114.76-33.563 47.852-61.044 80.975-82.222 99.37-32.83 30.191-68.006 45.654-105.672 46.533-27.041 0-59.652-7.695-97.611-23.304-38.085-15.535-73.084-23.23-105.086-23.23-33.563 0-69.56 7.695-108.061 23.23-38.561 15.61-69.625 23.744-93.376 24.55-36.12 1.539-72.123-14.364-108.06-47.78-22.938-20.006-51.627-54.302-85.997-102.887-36.875-51.884-67.191-112.048-90.942-180.64C12.751 781.703 0 709.96 0 640.504c0-79.562 17.192-148.183 51.627-205.687 27.063-46.189 63.066-82.625 108.127-109.372 45.06-26.748 93.749-40.379 146.182-41.25 28.69 0 66.312 8.874 113.066 26.315 46.622 17.5 76.557 26.374 89.682 26.374 9.812 0 43.068-10.377 99.443-31.064 53.313-19.185 98.307-27.13 135.168-24 99.883 8.061 174.923 47.435 224.828 118.372-89.33 54.126-133.52 129.935-132.64 227.187.806 75.751 28.287 138.788 82.295 188.84 24.476 23.23 51.81 41.184 82.222 53.935-6.595 19.126-13.557 37.447-20.958 55.034zM749.964 23.751c0 59.373-21.692 114.81-64.928 166.122-52.176 61-115.286 96.248-183.724 90.686a184.836 184.836 0 01-1.378-22.498c0-56.998 24.813-117.998 68.878-167.873 21.999-25.253 49.978-46.25 83.907-63 33.856-16.5 65.88-25.625 95.999-27.188.88 7.937 1.246 15.875 1.246 23.75z'/%3E%3C/svg%3E"); }
.branding-li { width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg width='22' height='22' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z' fill='%23007EBB'/%3E%3Cpath d='M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); }


@keyframes bk {
    0% { background-color: #fff }
    100% { background-color: #ddd }
}

/*#region Biotime Header*/
#gHeader { height: 38px; min-width: 1280px; position: relative; background-color: #fff }

/* Page Header Menus */
#wheader { position: relative; z-index: 2; }
    #wheader #header { margin-right: 50px; }

.navUtility { float: right; height: 35px; vertical-align: middle; }

.navAccount,
.navAccount:link { color: #516AA5; text-decoration: none; padding-top: 10px; padding-right: 10px; }
    .navAccount:hover { color: #002E5E; }

#wrapRibbon { background-color: #516AA5; clear: both; position: relative; z-index: 1; min-width: 1292px }
    #wrapRibbon #ribbon { margin: auto; height: 40px; padding-left: 100px; padding-right: 15px }
        #wrapRibbon #ribbon input[type=text] { border: 1px solid #fff; }

#navLocal { float: left; height: 30px; margin: 0; padding: 7px 0 0 0; }
    #navLocal li { position: relative; float: left; list-style-type: none; padding: 0; }
        #navLocal li a { border-left: 1px dotted #A9B8DC; color: #F1F1F1; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; padding: 6px 10px; text-decoration: none; }
            #navLocal li a:hover,
            #navLocal li.selected a { color: #F9C32F; }
        #navLocal li:first-child a { border-left: none; padding-left: 0; }

        #navLocal li ul { position: absolute; padding-top: 8px; padding-left: 10px; padding-bottom: 8px; top: 25px; width: 142px; background-color: #516AA5; box-shadow: 0px 3px 5px #000 }
        #navLocal li li { clear: both; }
            #navLocal li li a { color: #fff !important; border-left: none !important; padding-left: 0px !important; width: 130px; }
                #navLocal li li a:hover { color: #F9C32F !important; border-right: 2px solid; border-right-color: #F9C32F; }

ul.sub-menu { display: none; }

#navRight { float: right; height: 30px; margin: 0; padding-top: 8px; color: #fff }

/*#region Main Navigation*/
#gNav { position: absolute; height: 30px; top: 8px; right: 50px; z-index: 101; }
    #gNav li { float: left; list-style-type: none; padding: 0 0 13px 0; }
        #gNav li.selected,
        #gNav li:hover { background: url('/Images/arrow_navGlobal.png') no-repeat center bottom; z-index: 101; color: #002e5e; }
        #gNav li a { border-right: 1px solid #e3e8f3; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 4px 10px; text-decoration: none; cursor: pointer }
        #gNav li:last-child a { border-right: none; }

.helplink { height: 14px; font-size: 26px; color: #516aa5 !important; }
    .helplink i { margin-top: -6px }

/* The container <div> - needed to position the dropdown content */
.dropdownmenu { position: relative; display: inline-block; }

/* Dropdown Content (Hidden by Default) */
.dropdownmenu-content { display: none; position: absolute; margin-left: -1px; border-radius: 0 0 5px 5px; padding: 8px 0; background-color: #fff; box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.5); z-index: 50; min-width: 100px; }
    .dropdownmenu-content.dropmenuright { right: -10px; }

    /* Links inside the dropdown */
    .dropdownmenu-content a { font-size: 15px; line-height: 15px; color: #516aa5; padding: 1px 10px !important; text-decoration: none; display: block; border: none !important }

        /* Change color of dropdown links on hover */
        .dropdownmenu-content a:hover { color: #000 !important; }

/* Show the dropdown menu on hover */
.dropdownmenu:hover .dropdownmenu-content { display: block; float: left; }

/* Submenu Icons */
.submenu-icon { position: absolute; }
.submenu-title { margin-left: 24px; line-height: 21px; }

/*#endregion Main Navigation*/

/*#region Notification*/
#dUserNotificationMenu .acktitle { font-size: 15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.ackcounter { position: absolute; top: 0px; left: 15px; padding: 1px 5px; height: 14px; color: #fff; background-color: #d00; border-radius: 8px }
.ackmenuitem { padding: 2px 10px; }
    .ackmenuitem:hover { color: #002E5E; }
.ackicon { float: left; }
.acktitle { margin-left: 24px; }
/*#endregion Notification*/

.buttonpopup { display: none; background-color: #fff; padding: 5px; border: solid 1px #000; border-radius: 3px; width: 200px; z-index: 12; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); }
    .buttonpopup .optioncontainer { z-index: 15; color: var(--default); font-size: 15px; line-height: 15px; border-radius: 3px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 4px 0px 4px 4px; cursor: pointer }
        .buttonpopup .optioncontainer:hover { color: #000; background-color: #f1f1f1; cursor: pointer }
.buttonpopupscroll { max-height: 400px; overflow-y: auto }
    .buttonpopupscroll div { padding-right: 5px }

/* Tab Header */ .navigateblock { float: left; min-width: 120px; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 30px; margin-top: 3px; background-color: #516AA4; box-sizing: border-box; user-select: none }
    .navigateblock:hover { cursor: pointer; height: 32px; margin-top: 1px; }
    .navigateblock.selected { font-weight: bold; background-color: #fff; color: #000; cursor: default; line-height: 34px; height: 34px; margin-top: 0px; border-left: solid 1px #253D75; }
        .navigateblock.selected:last-child { border-right: solid 1px #516AA4 }
    .navigateblock.disabled { color: #8EA2CC; cursor: default; }
        .navigateblock.disabled:hover { background-color: #516AA4; line-height: 30px; height: 30px; margin-top: 3px; }
    .navigateblock:not(:first-child) { border-left: solid 1px #253D75; }

/* Notifications */
#dUserNotification { top: 22px; right: -35px; }
    #dUserNotification .dropdownmenu-content { width: 420px; cursor: default }

.floatingButton { border-radius: 3px; padding: 5px; cursor: pointer }
    .floatingButton:hover { background-color: #eee }

.notificationmenu { color: #000; width: 400px; padding: 2px 10px; font-size: 16px; user-select: none }
    .notificationmenu .container { height: calc(100vh - 80px); overflow-y: auto; padding-right: 5px }
        .notificationmenu .container .header { padding: 5px; padding-top: 10px; position: sticky; top: 0px; background-color: #fff; height: 20px; border-bottom: 1px solid #ccc; z-index: 2 }
        .notificationmenu .container .section { font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #ccc }
            .notificationmenu .container .section .header { font-size: 18px; padding: 5px; padding-top: 10px; position: sticky; top: 35px; background-color: #fff; height: 20px; border-bottom: 1px solid #ccc; z-index: 1 }
        .notificationmenu .container .item { border-radius: 3px; padding: 5px; min-height: 40px; background-color: #fff; margin-top: 5px; padding-bottom: 20px }
            .notificationmenu .container .item .ih { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; height: 25px; }
            .notificationmenu .container .item .left { font-size: 12px; display: inline-block; width: 40px; vertical-align: top; color: #666; }
            .notificationmenu .container .item .middle { display: inline-block; font-size: 14px; line-height: 14px; width: 305px; vertical-align: top; color: #666; }
                .notificationmenu .container .item .middle a { padding: 0px !important; padding-top: 10px !important; }
            .notificationmenu .container .item .right { display: inline-block; width: 20px; vertical-align: top; margin-left: 5px; }
            .notificationmenu .container .item:hover { background-color: #eee }

#ddlEmployeeFilterSelect-button.colour0 { border-color: #000 !important; color: #fff !important; background-color: #f44336 !important }
#ddlEmployeeFilterSelect-button.colour1 { border-color: #000 !important; color: #fff !important; background-color: #e81e63 !important }
#ddlEmployeeFilterSelect-button.colour2 { border-color: #000 !important; color: #fff !important; background-color: #9c27b0 !important }
#ddlEmployeeFilterSelect-button.colour3 { border-color: #000 !important; color: #fff !important; background-color: #673ab7 !important }
#ddlEmployeeFilterSelect-button.colour4 { border-color: #fff !important; color: #fff !important; background-color: #3f51b5 !important }
#ddlEmployeeFilterSelect-button.colour5 { border-color: #000 !important; color: #fff !important; background-color: #2196f3 !important }
#ddlEmployeeFilterSelect-button.colour6 { border-color: #000 !important; color: #fff !important; background-color: #03a9f4 !important }
#ddlEmployeeFilterSelect-button.colour7 { border-color: #000 !important; color: #fff !important; background-color: #00bcd4 !important }
#ddlEmployeeFilterSelect-button.colour8 { border-color: #000 !important; color: #fff !important; background-color: #009688 !important }
#ddlEmployeeFilterSelect-button.colour9 { border-color: #000 !important; color: #fff !important; background-color: #4caf50 !important }
#ddlEmployeeFilterSelect-button.colour10 { border-color: #000 !important; color: #000 !important; background-color: #8bc34a !important }
#ddlEmployeeFilterSelect-button.colour11 { border-color: #000 !important; color: #000 !important; background-color: #cddc39 !important }
#ddlEmployeeFilterSelect-button.colour12 { border-color: #000 !important; color: #000 !important; background-color: #ffeb3b !important }
#ddlEmployeeFilterSelect-button.colour13 { border-color: #000 !important; color: #000 !important; background-color: #ffc107 !important }
#ddlEmployeeFilterSelect-button.colour14 { border-color: #000 !important; color: #fff !important; background-color: #ff9800 !important }
#ddlEmployeeFilterSelect-button.colour15 { border-color: #000 !important; color: #fff !important; background-color: #ff5722 !important }

/* Buttons
/*---------------------------------------------------------------------------------------------------------------------------------*/

.glowbutton { font-size: 14px !important; height: 32px; border: solid 1px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; text-align: center; cursor: pointer }
    .glowbutton.small { height: 16px; }
    .glowbutton:focus { border-color: #000; background-color: rgba(0,0,0,0.05) }
    .glowbutton:disabled { cursor: default; }

    .glowbutton:active { -webkit-transform: translateY(1px); transform: translateY(1px); }
    .glowbutton.transparent { border-color: #ccc; background-color: transparent; color: #ccc; }
        .glowbutton.transparent:hover { border-color: #fff; color: #fff; }

    .glowbutton.grey { border-color: #ccc; color: #555; }
        .glowbutton.grey:enabled:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.grey:disabled { background-color: #eee; border-color: #ccc; }

    .glowbutton.gray { border-color: #ccc; color: #555; }
        .glowbutton.gray:enabled:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.gray:disabled { background-color: #eee; border-color: #ccc; }
        .glowbutton.gray.hoverwhite:hover { background-color: #ddd; border-color: #bbb; color: #000 }

    .glowbutton.blue { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.blue:hover { background-color: #ddd; border-color: #bbb; color: #000; }

    .glowbutton.white { background-color: transparent; border-color: #fff; color: #fff; }
        .glowbutton.white.hoverblue:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.white.hoverwhite:focus { background-color: #ddd; border-color: #000; color: #000 }
        .glowbutton.white.hoverwhite:hover { border-color: #000; background-color: #fff; color: #000; }

    .glowbutton.errorframe { color: #d00; }
        .glowbutton.errorframe:hover { border: solid 1px !important; border-color: #d00 !important; background-color: #d00 !important; color: #fff; }

    .glowbutton.hiddenframe { border-color: transparent; background-color: transparent; }
        .glowbutton.hiddenframe:hover { border-color: transparent; background-color: transparent; }

.squaredbutton { font-size: 14px; height: 32px; border: none 0px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; border-radius: 1px; cursor: pointer }
    .squaredbutton.grey,
    .squaredbutton.gray { color: #000; background-color: #D5CFCF; }
    .squaredbutton.blue { color: #fff; background-color: #516AA5; }
    .squaredbutton.selectedlightblue { color: #000; background-color: #B4C0E8; }
    .squaredbutton.selectedblue { color: #fff; background-color: #516AA5; }
    .squaredbutton.whiteborder { border: solid 1px; border-color: #fff; }
    .squaredbutton.hoverblue:hover { background-color: #A9B8DC; }
    .squaredbutton.selectedblue:hover { background-color: #516AA5; }

.cornerwtr { position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #fff transparent transparent }
.cornerrtr { position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #f00 transparent transparent }
.cornerrbr { position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #f00 transparent }

.hoverborderbutton { font-size: 14px; height: 32px; border: solid 1px; background-color: transparent; border-color: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; text-align: center }
    .hoverborderbutton.white { color: #fff; }
        .hoverborderbutton.white:hover { border-color: #fff; }

    .hoverborderbutton.black { color: #000; }
        .hoverborderbutton.black:hover { border-color: #000; }

.progressbutton { font-size: 18px; line-height: 32px; height: 32px; border: solid 1px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; text-align: center; cursor: pointer; text-align: center }
    .progressbutton div.progressframe { position: relative; width: 100%; text-align: center; }
        .progressbutton div.progressframe div.progressvalue { position: absolute; overflow: hidden; height: 100%; color: #fff; background-color: #516AA5; transition: 0.3s }
    .progressbutton.grey { border-color: #ccc; color: #555; }
        .progressbutton.grey.disabled { background-color: #eee; border-color: #ccc; }
        .progressbutton.grey:hover:not(.disabled) { background-color: #516AA5; border-color: #516AA5; color: #fff; }

@font-face { font-family: "biotimeSet1"; src: url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.eot"); src: url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.eot?#iefix") format("embedded-opentype"), url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.woff2") format("woff2"), url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.woff") format("woff"), url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.ttf") format("truetype"), url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.svg#biotimeSet1") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face { font-family: "biotimeSet1"; src: url("/Areas/Global/Images/FontSets/fc076cf2-d4d7-4fbf-ab87-61a667902669.svg#biotimeSet1") format("svg"); }
}

.i8 { display: inline-block; font-display: block; font: normal normal normal 14px/1 biotimeSet1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: default }
    .i8.black { color: #000; }
    .i8.white { color: #fff; }
    .i8.i13 { font-size: 13px; line-height: 13px; }
    .i8.i16 { font-size: 16px; line-height: 16px; }
    .i8.i18 { font-size: 18px; line-height: 18px; }
    .i8.i20 { font-size: 20px; line-height: 20px; }
    .i8.i21 { font-size: 21px; line-height: 21px; }
    .i8.i22 { font-size: 22px; line-height: 22px; }
    .i8.i24 { font-size: 24px; line-height: 24px; }
    .i8.i26 { font-size: 26px; line-height: 26px; }
    .i8.i28 { font-size: 28px; line-height: 28px; }
    .i8.i32 { font-size: 32px; line-height: 32px; }
    .i8.i34 { font-size: 34px; line-height: 34px; }
    .i8.i36 { font-size: 36px; line-height: 36px; }
    .i8.i40 { font-size: 40px; line-height: 40px; }

    .i8.ot1 { padding-top: 1px }
    .i8.ot2 { padding-top: 2px }
    .i8.ot3 { padding-top: 3px }
    .i8.ot4 { padding-top: 4px }

    /* Font Effects */
    .i8.rot45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .i8.rot90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .i8.rot135 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
    .i8.rot180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .i8.rot225 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
    .i8.rot270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
    .i8.rot315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); }
    .i8.spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.pulsate { animation: pulseate 1s infinite linear forwards; }
@keyframes pulseate {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.stepscale { animation: stepscale 1s steps(2, end) infinite }
@keyframes stepscale {
    to { transform: scale(1.3); text-shadow: 2px 2px 2px rgba(0, 0, 0, .3) }
}


/* Font Definition */

.i8.selected { opacity: .5; filter: alpha(opacity=50); }
.i8:hover { opacity: .75; filter: alpha(opacity=75); cursor: pointer }
.i8.nohover:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; cursor: default }
.i8.selected.nohover:hover { opacity: .5 !important; opacity: .50; filter: alpha(opacity=50) !important }
.i8.hovergrow:hover { transform: scale(1.05); -webkit-transform: scale(1.05); opacity: 1; filter: alpha(opacity=100); text-shadow: 2px 2px 2px rgba(0, 0, 0, .3); }
.i8.hovershrink:hover { transform: scale(0.95); -webkit-transform: scale(0.95); opacity: 1; filter: alpha(opacity=100); }
.i8.hoversink:hover { -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1; filter: alpha(opacity=100); }
.i8.hoverfloat:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); opacity: 1; filter: alpha(opacity=100); }
.i8.hoverleft:hover { -webkit-transform: translateX(-2px); transform: translateX(-2px); opacity: 1; filter: alpha(opacity=100); }
.i8.hoverright:hover { -webkit-transform: translateX(2px); transform: translateX(2px); opacity: 1; filter: alpha(opacity=100); }

.i8-work:before { content: "\f100"; }
.i8-lock-2:before { content: "\f101"; }
.i8-ruler:before { content: "\f102"; }
.i8-settings:before { content: "\f103"; }
.i8-gender-neutral-user:before { content: "\f104"; }
.i8-marker:before { content: "\f105"; }
.i8-light-on:before { content: "\f106"; }
.i8-circled-chevron-up:before { content: "\f107"; }
.i8-circled-chevron-down:before { content: "\f108"; }
.i8-cloud:before { content: "\f109"; }
.i8-help:before { content: "\f10a"; }
.i8-exit:before { content: "\f10b"; }
.i8-query-outer-join-left:before { content: "\f10c"; }
.i8-ok:before { content: "\f10d"; }
.i8-cancel:before { content: "\f10e"; }
.i8-plus:before { content: "\f10f"; }
.i8-minus:before { content: "\f110"; }
.i8-xbox-menu:before { content: "\f111"; }
.i8-circled-chevron-left:before { content: "\f112"; }
.i8-circled-chevron-right:before { content: "\f113"; }
.i8-delete:before { content: "\f114"; }
.i8-print:before { content: "\f115"; }
.i8-refresh:before { content: "\f116"; }
.i8-airplane-mode-off:before { content: "\f117"; }
.i8-beach:before { content: "\f118"; }
.i8-money-bag:before { content: "\f119"; }
.i8-data-configuration:before { content: "\f11a"; }
.i8-pie-chart:before { content: "\f11b"; }
.i8-expired:before { content: "\f11c"; }
.i8-dashboard:before { content: "\f11d"; }
.i8-process:before { content: "\f11e"; }
.i8-leave:before { content: "\f11f"; }
.i8-today:before { content: "\f120"; }
.i8-no-baggage:before { content: "\f121"; }
.i8-info:before { content: "\f122"; }
.i8-todo-list:before { content: "\f123"; }
.i8-geo-fence:before { content: "\f124"; }
.i8-internal:before { content: "\f125"; }
.i8-vertical-settings-mixer:before { content: "\f126"; }
.i8-hourglass:before { content: "\f127"; }
.i8-50-percents:before { content: "\f128"; }
.i8-in-transit:before { content: "\f129"; }
.i8-date-from:before { content: "\f12a"; }
.i8-date-to:before { content: "\f12b"; }
.i8-week-view:before { content: "\f12c"; }
.i8-month-view:before { content: "\f12d"; }
.i8-calendar:before { content: "\f12e"; }
.i8-calendar-9:before { content: "\f12f"; }
.i8-multiply:before { content: "\f130"; }
.i8-search:before { content: "\f131"; }
.i8-copy-2:before { content: "\f132"; }
.i8-plus-math:before { content: "\f133"; }
.i8-minus-math:before { content: "\f134"; }
.i8-double-left:before { content: "\f135"; }
.i8-back:before { content: "\f136"; }
.i8-forward:before { content: "\f137"; }
.i8-double-right:before { content: "\f138"; }
.i8-select-all:before { content: "\f139"; }
.i8-circle:before { content: "\f13a"; }
.i8-resize-four-directions:before { content: "\f13b"; }
.i8-hammer:before { content: "\f13c"; }
.i8-engine:before { content: "\f13d"; }
.i8-maintenance:before { content: "\f13e"; }
.i8-running:before { content: "\f13f"; }
.i8-high-priority:before { content: "\f140"; }
.i8-error:before { content: "\f141"; }
.i8-clear-filters:before { content: "\f142"; }
.i8-hide:before { content: "\f143"; }
.i8-visible:before { content: "\f144"; }
.i8-checked-checkbox:before { content: "\f145"; }
.i8-unchecked-checkbox:before { content: "\f146"; }
.i8-timer:before { content: "\f148"; }
.i8-area-chart:before { content: "\f149"; }
.i8-fingerprint:before { content: "\f14a"; }
.i8-no-edit:before { content: "\f14b"; }
.i8-edit:before { content: "\f14c"; }
.i8-circled-user-male:before { content: "\f14d"; }
.i8-more:before { content: "\f14e"; }
.i8-sort:before { content: "\f14f"; }
.i8-sort-down:before { content: "\f150"; }
.i8-sort-up:before { content: "\f151"; }
.i8-save:before { content: "\f152"; }
.i8-user-groups:before { content: "\f153"; }
.i8-watch:before { content: "\f154"; }
.i8-submit-progress:before { content: "\f155"; }
.i8-mailbox-closed-flag-up:before { content: "\f156"; }
.i8-schedule:before { content: "\f157"; }
.i8-menu:before { content: "\f158"; }
.i8-drag-list-up:before { content: "\f159"; }
.i8-party-baloons:before { content: "\f15a"; }
.i8-remove-user-male:before { content: "\f15b"; }
.i8-tree-structure:before { content: "\f15c"; }
.i8-worker:before { content: "\f15d"; }
.i8-attention:before { content: "\f15e"; }
.i8-new-moon:before { content: "\f15f"; }
.i8-notification:before { content: "\f160"; }
.i8-wait:before { content: "\f161"; }
.i8-microsoft-excel:before { content: "\f162"; }
.i8-pdf-2:before { content: "\f163"; }
.i8-microsoft-word:before { content: "\f164"; }
.i8-csv:before { content: "\f165"; }
.i8-database:before { content: "\f166"; }
.i8-user-photo:before { content: "\f168"; }
.i8-photo-camera:before { content: "\f169"; }
.i8-key-2:before { content: "\f16a"; }
.i8-birthday-candle:before { content: "\f16b"; }
.i8-no-entry:before { content: "\f16c"; }
.i8-reset:before { content: "\f16d"; }
.i8-passport:before { content: "\f16e"; }
.i8-payroll:before { content: "\f16f"; }
.i8-thermometer:before { content: "\f170"; }
.i8-star:before { content: "\f171"; }
.i8-exchange:before { content: "\f172"; }
.i8-data-transfer:before { content: "\f173"; }
.i8-advance:before { content: "\f174"; }
.i8-unchecked-checkbox-2:before { content: "\f175"; }
.i8-indeterminate-checkbox:before { content: "\f176"; }
.i8-checked-checkbox-2:before { content: "\f177"; }
.i8-holiday:before { content: "\f178"; }
.i8-paper-plane:before { content: "\f179"; }
.i8-moonlit-night:before { content: "\f17a"; }
.i8-foggy-night:before { content: "\f17b"; }
.i8-replace:before { content: "\f17c"; }
.i8-swap:before { content: "\f17d"; }
.i8-walking:before { content: "\f17e"; }
.i8-safety-collection-place:before { content: "\f17f"; }
.i8-sort-right:before { content: "\f180"; }
.i8-sort-left:before { content: "\f181"; }
.i8-no-error:before { content: "\f183"; }
.i8-sign-out:before { content: "\f184"; }
.i8-move:before { content: "\f185"; }
.i8-resize-vertical:before { content: "\f186"; }
.i8-coderwall:before { content: "\f187"; }
.i8-compress:before { content: "\f189"; }
.i8-full-screen:before { content: "\f18a"; }
.i8-normal-screen:before { content: "\f18b"; }
.i8-resize-horizontal:before { content: "\f18c"; }
.i8-resize-file:before { content: "\f18d"; }
.i8-house-keys:before { content: "\f18e"; }
.i8-home-safety:before { content: "\f18f"; }
.i8-home-page:before { content: "\f190"; }
.i8-important-time:before { content: "\f191"; }
.i8-time-to-pay:before { content: "\f192"; }
.i8-meeting-time:before { content: "\f193"; }
.i8-clock-checked:before { content: "\f194"; }
.i8-clock-alert:before { content: "\f195"; }
.i8-remove-clock:before { content: "\f196"; }
.i8-clock-add:before { content: "\f197"; }
.i8-add-time:before { content: "\f198"; }
.i8-important-month:before { content: "\f199"; }
.i8-checked-user-male:before { content: "\f19a"; }
.i8-atm-approve:before { content: "\f19b"; }
.i8-pass-fail:before { content: "\f19c"; }
.i8-grip-vertical:before { content: "\f19d"; }
.i8-add-user-male:before { content: "\f19e"; }
.i8-box-important:before { content: "\f19f"; }
.i8-circled-menu:before { content: "\f1a0"; }
.i8-menu-vertical:before { content: "\f1a1"; }
.i8-braille:before { content: "\f1a2"; }
.i8-approval:before { content: "\f1a3"; }
.i8-database-view:before { content: "\f1a4"; }
.i8-move-right:before { content: "\f1a5"; }
.i8-users-settings:before { content: "\f1a6"; }
.i8-search-database:before { content: "\f1a7"; }
.i8-planner:before { content: "\f1a8"; }
.i8-automatic:before { content: "\f1a9"; }
.i8-connect:before { content: "\f1aa"; }
.i8-graph:before { content: "\f1ab"; }
.i8-doughnut-chart:before { content: "\f1ac"; }
.i8-increase-profits:before { content: "\f1ad"; }
.i8-stocks:before { content: "\f1ae"; }
.i8-line-chart:before { content: "\f1af"; }
.i8-graph-2:before { content: "\f1b0"; }
.i8-phone:before { content: "\f1b1"; }
.i8-phone-time:before { content: "\f1b2"; }
.i8-phone-call:before { content: "\f1b3"; }
.i8-phone-message:before { content: "\f1b4"; }
.i8-upload-to-cloud:before { content: "\f1b5"; }

@font-face {
    font-family: 'koblenz-serial-lightregular';
    src: url('/Areas/Global/Images/FontSets/koblenz-serial-light-regular.woff2') format('woff2'),
         url('/Areas/Global/Images/FontSets/koblenz-serial-light-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.biotimelogo { font-display: block; font: normal normal normal 14px/1 koblenz-serial-lightregular; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }

 
/* Triple State Checkboxes */

.tristate { display: block; position: relative; padding-left: 24px; margin-bottom: 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .tristate input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top:-1px; left: 0; height: 18px; width: 18px; line-height:18px; background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; }
    .checkmark.indeterminate { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -36px 0px; }
.tristate input:checked ~ .checkmark { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -18px 0px; }
.tristate input:indeterminate ~ .checkmark { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -36px 0px; }

.tristate:hover input ~ .checkmark { background-color: rgba(0,0,0,0.1); }

/* Landing page multiple checkbox select */
.check3 { display: inline-block; width: 18px; height: 18px; border: none; }
    .check3.black { background-image: url('/Areas/Global/Images/check3black.png'); }
    .check3.white { background-image: url('/Areas/Global/Images/check3white.png'); }

    .check3.check { background-position: 0px 0px; }
    .check3.cross { background-position: 54px 0px; }
    .check3.blank { background-position: 36px 0px; }
    .check3.addressed { background-position: 18px 0px; }

    .check3.black:hover { cursor: default; background-color: rgba(0,0,0,0.1) }
    .check3.white:hover { cursor: default; background-color: rgba(255,255,255,0.1) }

/*
    Biotime style sheet for jQuery Datepicker "datepick" v5.0.1.

    Adapted from default and Redmond stylesheet
*/
.datepick { background-color: #fff; color: #000; }

.datepick-rtl { direction: rtl; }

.datepick-popup { z-index: 1000; }

.datepick-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); }

.datepick a { color: #fff; text-decoration: none; }

    .datepick a.datepick-disabled { color: #888; cursor: auto; }

.datepick-nav { height: 24px; line-height: 24px; }

    .datepick-nav button { color: #fff; border: none; }

.datepick-nav, .datepick-ctrl { float: left; width: 100%; /*background-color: #516AA5;*/ background-color: #f1f1f1; }
    .datepick-nav a, .datepick-ctrl a { color: #000; }

.datepick-ctrl { }

.datepick-cmd { width: 31%; height: 24px; }

    .datepick-cmd:hover { background-color: #b4c0e8; color: #000; }

button.datepick-cmd:hover { color: #000; }

.datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; }

a.datepick-cmd { }

button.datepick-cmd { text-align: center; }

.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; }

.datepick-cmd-current, .datepick-cmd-today { float: left; width: 31%; text-align: center; }

.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; text-align: right; }

.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear { float: right; text-align: right; }

.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; }

.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close { float: left; text-align: left; }

.datepick-month-nav { float: left; text-align: center; }

    .datepick-month-nav div { float: left; width: 12.5%; margin: 1%; }

    .datepick-month-nav span { color: #888; }

.datepick-month-row { clear: left; }

.datepick-month { float: left; text-align: center; }

.datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 24px; line-height: 24px; }

    .datepick-month-header select, .datepick-month-header input { border: none; }

    .datepick-month-header input { position: absolute; display: none; }

.datepick-month table { width: 100%; border-collapse: collapse; }

.datepick-month thead { }

.datepick-month th, .datepick-month td { margin: 0em; text-align: center; }

.datepick-month th { /*border: 1px solid #fff;*/ padding-top: 10px; padding-bottom: 8px; border: 1px solid #ddd; /*Alternate Color*/ background-color: #d5cfcf; /*Alternate Color*/ }
.datepick-month td.datepick-week * { background-color: #d0e5f5; color: #222; border: none; }

.datepick-month a, .datepick-month span { display: block; width: 100%; color: #000; }

.datepick-month a { text-decoration: none; }

.datepick-status { clear: both; text-align: center; }

.datepick-clear-fix { clear: both; }

/* These apply to the <a> or <span> elements composing each day cell */
.datepick-month td { /*border: 1px solid #fff;*/ /*background-color: #b4c0e8;*/ border: 1px solid #ddd; background-color: #fff; }

    .datepick-month td .datepick-other-month { /*background-color: #d5cfcf;*/ background-color: #f5f5f5; /* Alternate Color */ color: #666; /* Alternate Color */ }

    .datepick-month td .datepick-today { }

    .datepick-month td .datepick-highlight { }

    .datepick-month td .datepick-selected { background-color: #4297d7; color: #fff; }

/* Make some room between months but keep "outerWidth()" measurement working */
.datepick-month { padding: 5px; }

    .datepick-month.first { padding-left: 0px; }

    .datepick-month.last { padding-right: 0px; }

.list-calendar .today, .edit-calendar .today { background-color: rgb(227, 232, 243) }
.list-calendar .holiday, .edit-calendar .holiday { background-color: rgba(173,216,230,.40); }
.list-calendar .conflict { background-color: orange }

.edit-calendar .selected { background-color: #516aa5; color: #fff }

/** MultiDatesPicker **/
.ui-datepicker td {
    height: 42px;
    padding: 0;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin-top: 2px;
}

.ui-datepicker-calendar thead {
    background-color: #d5cfcf;
}

.ui-datepicker-calendar td {
    border: 1px solid #ddd;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    height: 34px;
    line-height: 34px;
    background-color: #516aa5;
}

.ui-datepicker .ui-datepicker-prev {
    height: 1.6em;
    background-color: #d5cfcf;
}

.ui-datepicker .ui-datepicker-next {
    height: 1.6em;
    background-color: #d5cfcf;
}
.bttooltip { position: absolute; display: inline-block; }
    .bttooltip .tooltiptext { display: none; background-color: #fff; color: #000; text-align: center; border-radius: 5px; padding: 10px; position: absolute; z-index: 1000; bottom: 150%; left: 50%; border: solid 1px #000; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); }
        .bttooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 20px; height: 10px; width: 10px; margin-top: -5px; border-width: 10px; background-color: #fff; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(45deg); }
        .bttooltip .tooltiptext.ttpcenter::after { content: ""; position: absolute; top: 100%; left: 50%; height: 10px; width: 10px; margin-top: -5px; border-width: 10px; background-color: #fff; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(45deg); }
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 15px 15px;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer;
        }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover {
        border-style: solid;
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0;
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        min-height: 100px;
    }

        .dropzone .dz-preview:hover {
            z-index: 1000;
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1;
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 5px;
            background: #ccc;
            background: linear-gradient(to bottom, #ccc, #ccc);
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview.dz-image-preview {
            background: white;
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -ms-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 1em 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 3em;
                font-size: 16px;
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.9);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 5px;
            overflow: hidden;
            width: 165px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -moz-transition: opacity 0.4s ease-in;
            -ms-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in;
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 100px;
            margin-left: -50px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 3px;
            overflow: hidden;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #253D75;
                background: linear-gradient(to bottom, #253D75, #253D75);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out;
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            border-radius: 5px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #253D75;
            padding: 0.5em 1.2em;
            color: white;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #253D75;
            }

.xdsoft_datetimepicker{
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	display:block;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
    padding-top:6px !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}

.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #BBBBBB !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    font-weight: 700;
	text-align: center;
    vertical-align:middle;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow { border-radius: 5px; background: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); border: 1px solid; border-color: #555; }
    .tooltipster-shadow .tooltipster-content { font-family: 'Arial', sans-serif; font-size: 12px; line-height: 14px; padding: 8px 10px; }

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
/* Remove transparency */
#toast-container > div { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }

/* Change offset from top */
.toast-top-center { top: 100px; margin-left: auto; margin-right: auto; }
.toast-top-right { top: 150px; right: 5px; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div { width: 400px; }

/* Remove icons */
#toast-container > .toast-info { background-image: none !important; }
#toast-container > .toast-error { background-image: none !important; }
#toast-container > .toast-success { background-image: none !important; }
#toast-container > .toast-warning { background-image: none !important; }

/* Override padding and width since icon has been removed */
#toast-container > div { padding: 10px; width: 400px; }

/* Override background colours */
.toast-success { background-color: #1FAADF; }
.toast-error { background-color: #BD362F; }
.toast-info { background-color: #1FAADF; }
.toast-warning { background-color: #F89406; }

/* New icon/message div class */
.toastr-iconcontainer { display: inline-block; vertical-align: top; width: 40px; }
.toastr-messagecontainer { display: inline-block; width: 315px }
    .toastr-messagecontainer.full { display: inline-block; width: 355px }


/**************************** grid sort ****************/
span.s-ico span.ui-state-disabled
{
	display: none;
}

span.s-ico span.ui-state-hover
{
	background-color: #4D71C7;
}

span.s-ico
{
	height: 9px;
	margin-left: 0px;
	margin-top: 5px;
}

table.ui-jqgrid-btable tr.ui-state-hover
{
	background-image: none;
	background-color: #eee;
}

table.ui-jqgrid-btable tr
{
	background-image: none;
}

table.ui-jqgrid-btable tr td
{
	color:#333; 
}

table.ui-jqgrid-btable tr.ui-state-hover td
{
	text-decoration: none;	
	color:#333; 
}

table.ui-jqgrid-btable.notselectable tr.ui-state-hover td
{
	text-decoration: none;	
	cursor: default;
}

table.ui-jqgrid-btable.notselectable tr.ui-state-highlight
{
	background: none;
	cursor: default;
}

table.ui-jqgrid-btable.notselectable tr.ui-state-hover
{
	cursor: default;
}

tr.ui-jqgrid-labels div
{
	vertical-align: middle;	
	margin-top: 1px;
}

tr.ui-jqgrid-labels th.ui-state-hover span.s-ico span {}

span.s-ico span.ui-icon-triangle-1-s
{
	background-position: 0px 0px;
	width: 18px;
	height: 18px;
	right: 5px;
	top: -5px;
}

span.s-ico span.ui-icon-triangle-1-n
{
	background-position: 0px -18px;
	width: 18px;
	height: 18px;
	top: 0px;
	right: 5px;
}




/**************************** grid ****************/
.jqgrow
{
	cursor: pointer;
}

.jqgrow.ui-state-hover
{
	background-color: #4D71C7;
	color: white;
}

div.ui-jqgrid div.loading
{
	color: #253D75;
}

div.ui-jqgrid  tr.ui-row-ltr td
{
	text-align: center;
	border-left:#F2F2F1; 
	border-top:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
}


div.ui-jqgrid  tr.ui-row-ltr.first td
{
	border-top: none;

}

div.ui-jqgrid  tr.ui-row-ltr td.first
{
	border-left: none;
}


div.ui-jqgrid tr.ui-jqgrid-labels th.ui-th-column
{
	background:#E4E9F4;
	border-left:1px solid #FFFDFF;
}

div.ui-jqgrid tr.ui-jqgrid-labels th.ui-th-column.first
{
	border-left-color: #E4E9F4;
}

div.ui-jqgrid tr.ui-jqgrid-labels th.ui-th-column div
{
	color:#333;
	font-weight: normal;
	text-align: center;
}

div.ui-jqgrid tr.ui-jqgrid-labels th.ui-th-column.ui-state-hover div.ui-jqgrid-sortable
{
	text-decoration: none;
}

div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv
{
	background-image: none;
	background:#E4E9F4;
}

div.ui-jqgrid div.frozen-div.ui-jqgrid-hdiv th
{
	background: #E4E9F4;
		/*border-bottom: 1px solid #FFFDFF;*/
	border-right: 1px solid #FFFDFF;
	border-top: none;
	border-left: none;
}

div.ui-jqgrid div.frozen-div.ui-jqgrid-hdiv th td
{
	border-bottom: 1px solid #FFFDFF;
	border-right: 1px solid #FFFDFF;
	border-top: none;
	border-left: none;
}

div.ui-jqgrid div.frozen-bdiv.ui-jqgrid-bdiv tr
{
	background: #E4E9F4;
}

div.ui-jqgrid div.frozen-bdiv.ui-jqgrid-bdiv table.ui-jqgrid-btable tr.ui-state-hover  td
{
	text-decoration: none;	
	cursor: default;
}

div.ui-jqgrid div.frozen-bdiv.ui-jqgrid-bdiv tr td
{
	border-bottom: 1px solid #FFFDFF;
	border-right: 1px solid #FFFDFF;
	border-top: none;
	border-left: none;	
}

div.ui-jqgrid div.frozen-bdiv.ui-jqgrid-bdiv tr.header td
{
	font-weight: bold;
}

table.ui-jqgrid-btable tr.ui-state-hover.header td
{
	text-decoration: none;	
	cursor: default;
}

table.ui-jqgrid-btable tr.header td
{
	background: #E4E9F4;
}

table.ui-jqgrid-btable td.rawTime
{
	background-color: #E8E8E8;
}


table.ui-jqgrid-htable th.columnhover
{
	cursor: pointer;
}

table.ui-jqgrid-htable th.columnhover div:hover
{
	text-decoration: none;
}

/**************************** Icons ****************/

.icon-save { background-position: -96px -112px; }
.icon-delete { background-position: -176px -96px; }
.icon-cancel { background-position: 0 -128px; }
.icon-add { background-position: -16px -128px; }
.icon-movestart { background-position: -240px -32px; }
.icon-moveprevious { background-position: -96px -32px; }
.icon-movenext { background-position: -32px -32px; }
.icon-movelast { background-position: -208px -32px; }
.icon-select { background-position: -64px -144px; }

.icon-arrow { background-image: url('../Images/arrows.gif'); width: 9px; height: 9px;}

.icon-arrow-s-white { background-position: 0px 0px;}
.icon-arrow-n-white { background-position: 0px -9px;}
.icon-arrow-e-white { background-position: 0px -18px;}
.icon-arrow-w-white { background-position: 0px -27px;}
.icon-arrow-se-white { background-position: 0px -36px;}
.icon-arrow-sw-white { background-position: 0px -45px;}
.icon-arrow-nw-white { background-position: 0px -54px;}
.icon-arrow-ne-white { background-position: 0px -63px;}

.icon-arrow-s-grey { background-position: -9px 0px;}
.icon-arrow-n-grey { background-position: -9px -9px;}
.icon-arrow-e-grey { background-position: -9px -18px;}
.icon-arrow-w-grey { background-position: -9px -27px;}
.icon-arrow-se-grey { background-position: -9px -36px;}
.icon-arrow-sw-grey { background-position: -9px -45px;}
.icon-arrow-nw-grey { background-position: -9px -54px;}
.icon-arrow-ne-grey { background-position: -9px -63px;}

.icon-arrow-s-blue { background-position: -18px 0px;}
.icon-arrow-n-blue { background-position: -18px -9px;}
.icon-arrow-e-blue { background-position: -18px -18px;}
.icon-arrow-w-blue { background-position: -18px -27px;}
.icon-arrow-se-blue { background-position: -18px -36px;}
.icon-arrow-sw-blue { background-position: -18px -45px;}
.icon-arrow-nw-blue { background-position: -18px -54px;}
.icon-arrow-ne-blue { background-position: -18px -63px;}

.icon-arrow-s-darkblue { background-position: -27px 0px;}
.icon-arrow-n-darkblue { background-position: -27px -9px;}
.icon-arrow-e-darkblue { background-position: -27px -18px;}
.icon-arrow-w-darkblue { background-position: -27px -27px;}
.icon-arrow-se-darkblue { background-position: -27px -36px;}
.icon-arrow-sw-darkblue { background-position: -27px -45px;}
.icon-arrow-nw-darkblue { background-position: -27px -54px;}
.icon-arrow-ne-darkblue { background-position: -27px -63px;}

.icon-arrow-s-yellow { background-position: -36px 0px;}
.icon-arrow-n-yellow { background-position: -36px -9px;}
.icon-arrow-e-yellow { background-position: -36px -18px;}
.icon-arrow-w-yellow { background-position: -36px -27px;}
.icon-arrow-se-yellow { background-position: -36px -36px;}
.icon-arrow-sw-yellow { background-position: -36px -45px;}
.icon-arrow-nw-yellow { background-position: -36px -54px;}
.icon-arrow-ne-yellow { background-position: -36px -63px;}

.icon-arrow18 { background-image: url('../Images/arrows18.gif'); width: 18px; height: 18px;}

.icon-arrow18-s-white { background-position: 0px 0px;}
.icon-arrow18-n-white { background-position: 0px -18px;}
.icon-arrow18-e-white { background-position: 0px -36px;}
.icon-arrow18-w-white { background-position: 0px -54px;}
.icon-arrow18-se-white { background-position: 0px -72px;}
.icon-arrow18-sw-white { background-position: 0px -90px;}
.icon-arrow18-nw-white { background-position: 0px -108px;}
.icon-arrow18-ne-white { background-position: 0px -126px;}

.icon-arrow18-s-grey { background-position: -18px 0px;}
.icon-arrow18-n-grey { background-position: -18px -18px;}
.icon-arrow18-e-grey { background-position: -18px -36px;}
.icon-arrow18-w-grey { background-position: -18px -54px;}
.icon-arrow18-se-grey { background-position: -18px -72px;}
.icon-arrow18-sw-grey { background-position: -18px -90px;}
.icon-arrow18-nw-grey { background-position: -18px -108px;}
.icon-arrow18-ne-grey { background-position: -18px -126px;}

.icon-arrow18-s-blue { background-position: -36px 0px;}
.icon-arrow18-n-blue { background-position: -36px -18px;}
.icon-arrow18-e-blue { background-position: -36px -36px;}
.icon-arrow18-w-blue { background-position: -36px -54px;}
.icon-arrow18-se-blue { background-position: -36px -72px;}
.icon-arrow18-sw-blue { background-position: -36px -90px;}
.icon-arrow18-nw-blue { background-position: -36px -108px;}
.icon-arrow18-ne-blue { background-position: -36px -126px;}

.icon-arrow18-s-darkblue { background-position: -54px 0px;}
.icon-arrow18-n-darkblue { background-position: -54px -18px;}
.icon-arrow18-e-darkblue { background-position: -54px -36px;}
.icon-arrow18-w-darkblue { background-position: -54px -54px;}
.icon-arrow18-se-darkblue { background-position: -54px -72px;}
.icon-arrow18-sw-darkblue { background-position: -54px -90px;}
.icon-arrow18-nw-darkblue { background-position: -54px -108px;}
.icon-arrow18-ne-darkblue { background-position: -54px -126px;}


.icon-arrow18-s-yellow { background-position: -72px 0px;}
.icon-arrow18-n-yellow { background-position: -72px -18px;}
.icon-arrow18-e-yellow { background-position: -72px -36px;}
.icon-arrow18-w-yellow { background-position: -72px -54px;}
.icon-arrow18-se-yellow { background-position: -72px -72px;}
.icon-arrow18-sw-yellow { background-position: -72px -90px;}
.icon-arrow18-nw-yellow { background-position: -72px -108px;}
.icon-arrow18-ne-yellow { background-position: -72px -126px;}


/**************************** Inputs ****************/

input[type='text']
{
	padding: 0px 3px 0px 3px;	
	height: 22px;	
	font-size: 14px;
}

input[type='password']
{
	padding: 0px 3px 0px 3px;	
	height: 22px;	
	font-size: 14px;
}

label
{
    vertical-align: baseline;
}


input[type='text'].input-validation-error
{
	border: 1px solid #FFDDDD;
	background-color: #FFEEEE;
}

input[type="checkbox"]
{
	padding: 0px;
	width: 19px;
	height: 24px;	
	margin: 0px;
	
}

div.ui-datepicker a.ui-state-default, 
div.ui-datepicker a.ui-state-hilight
{
	background-color: #516AA5;
	background-image: none;
	border-color: #516AA5;
	color: #FFFFFF;
}

div.ui-datepicker a.ui-state-active
{
	background-color: #B3C2E5;
	background-image: none;
	border-color: #B3C2E5;
}

button.ui-datepicker-current { display: none; }

button.ui-datepicker-current { display: none; }

button.ui-datepicker-current { display: none; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear
{                          	
	padding-top: 3px;
	background-color: transparent;
	background-image:url('../Images/buttonsCircle.png'); background-repeat:no-repeat; height:30px; width:31px; top:0px; left:0px; margin-left: 0px; margin-top: 0px;
	background-position:-128px 0px;
	border: none;
	margin-top: 5px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear.ui-state-hover	                                {background-position:-128px -31px;}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close
{                          	
	padding-top: 3px;
	background-color: transparent;
	background-image:url('../Images/buttonsCircle.png'); background-repeat:no-repeat; height:30px; width:31px; top:0px; left:0px; margin-left: 0px; margin-top: 0px;
	background-position:-192px 0px;
	border: none;
	margin-top: 5px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover	                                {background-position:-192px -31px;}

/*.ui-button.buttonRound .ui-icon.split 		                                    {background-position:-160px 0px;}
.ui-button.buttonRound:hover .ui-icon.split	                                {background-position:-160px -62px;}

.ui-button.buttonRound .ui-icon.cancel 		                                {background-position:-192px 0px;}
.ui-button.buttonRound:hover .ui-icon.cancel                                   {background-position:-192px -62px;}

.ui-button.buttonRound .ui-icon.delete 		                                {background-position:-224px 0px;}
.ui-button.buttonRound:hover .ui-icon.delete                                   {background-position:-224px -62px;}                                                                                

*/

/**************************** letter buttons ****************/


table.employeesearch
{
    background-color:#F1F1F1;
    width: 100%;
    padding: 2px 7px 1px 7px;
    color: #333333;
}

table.employeesearch td
{
    padding: 3px;
}

table.letters
{
    padding-top: 5px;
	width: 100%;
	border: 1px solid #F1F1F1; 
}

table.letters td
{
	border: 1px solid #F1F1F1; 
	padding: 0px;
	background-color: #D5CFCF;
	color: #333333;
	height: 33px;
}

span.letterbutton
{
	/*height: 33px;*/
	display: block;	  
	cursor: pointer;
	padding-top: 10px;
	vertical-align:baseline;
	padding-bottom: 10px;
}

span.letterbutton.selected
{
    color: #ffffff;
    background-color: #516AA5;
}

span.letterbutton:hover
{
	background-color: #A9B8DC;
}

/**************************** Select Menu ****************/

.ui-menu { padding: 1px; }

a.ui-state-active.ui-selectmenu { color: white; background: white; }

a.ui-selectmenu { border: 1px solid #ccc !important; border-radius: 3px; padding-left: 3px; height: 21px; font-weight: normal; padding-bottom: 1px; }
a.ui-selectmenu { background-color: white !important; color: #000 !important; background-image: none !important; }

div.ui-selectmenu-menu ul { border-color: #ccc; box-sizing: border-box }

ul.ui-selectmenu-menu-dropdown li { transition: 0.3s }
ul.ui-selectmenu-menu-dropdown li a { border: 0px; padding-left: 3px; color: #000; font-size: 14px; }

.ui-selectmenu-icon { right: 4px; top: 7px; height: 9px; width: 9px; margin-top: 0px; }
    .ui-selectmenu-icon.ui-icon { background-image: url("/Images/arrows.gif"); background-position: -9px 0px; }

span.ui-selectmenu-status { text-align: left; font-weight: normal; font-size: 14px; }

ul.ui-selectmenu-menu-dropdown li.ui-state-hover { background: #ccc; color: #666;border-color:#ccc }
    ul.ui-selectmenu-menu-dropdown li.ui-state-hover a { color: #000; }

a.ui-state-focus.ui-selectmenu { }
a.ui-selectmenu.ui-state-disabled { text-decoration: none; }

/**************************** Panels ****************/

div.content
{
	position:absolute;
	right: 5%;
	left: 5%;
}

div.pagecontent
{
	margin-left: 0%;
	margin-right: 0%;
	border: 1px solid #253D75;
	margin-bottom: 10px;
    border-radius:3px;
}

div.pagecontent.ui-state-locked
{
	border: 1px solid #253D75;
}

div.pagecontent div.editcontent
{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

div.pagecontent div.headersmall
{
	background-color: #253D75;
	color: white;
    font-weight:lighter;
    /*height: 38px;    */
}

div.pagecontent.ui-state-locked div.headersmall
{
	background-color: #657DA5;
	color: white;
    font-weight:lighter;
}

div.pagecontent div.headersmall div.text
{
	font-size:15px;
	line-height:15px;	
	padding-left: 10px;
	display: inline-block;
	height: 18px;    
}


div.pagecontent div.header
{
	background-color: #253D75;
	color: white;
    font-weight:lighter;
    /*height: 38px;    */
}

div.pagecontent div.header div.text
{
	font-size:30px;
	line-height:36px;	
	padding-left: 10px;
	display: inline-block;
	height: 38px;    
}

div.pagecontent div.header div.buttons
{
	float:right;
	padding-top: 2px;
	padding-right: 5px;
}

div.headerwrapper
{
	position:relative; 
	display: block; 
	height: 20px;
}

div.headerwrapper div.left
{
	width:50%; 
	position:absolute;
	left: 0px;
}

div.headerwrapper div.right
{
	width:50%; 
	position:absolute;
	right: 0px;
	text-align: right;
}

div.panel800
{
	width: 800px;	
	margin-left: 30px;
}

div.panel500
{
	width: 500px;	
	margin-left: 30px;
}

div.panel
{
	
}

div.heading
{
	height: 20px;
	/*background-color: #253D75;
	color: white;*/
	font-size: 16px;
	font-weight: bold;
}

div.panel div.heading
{
	width: 100%;
	height: 20px;
	background-color: #253D75;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

div.panel div.heading span
{
	padding-left: 5px;
}

.jqgrow.ui-state-hover
{
	background-color: #4D71C7;
	color: white;
}

div.panel div.padding2
{
	height: 2px;
	background-color: white;
}

div.panel.error div.heading
{
	background-color: #FFBBBB;
	color: #FF0000;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.panel.error div.heading div.text
{
	padding-left: 5px;
	font-size: 20px;
	font-weight: bold;

}

div.panel.error
{
	background-color: #FFDDDD;
	padding-bottom: 5px;
	border: 1px solid #FFBBBB;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 14px;
}

div.panel.error div.errorcontent
{
	color: #FF0000;
	text-align: left;
	padding-left: 30px;
	padding-top: 3px;
	
}

div.line
{
	height: 2px;
	position: relative;
	left:0px;
	right:0px;
	border-top: 2px solid #253D75;
	
}


fieldset
{
	border: none;
	padding: 0px;
	margin: 0px;
}

/* Tab Control */
.ui-tabs .ui-tabs-panel { padding: 15px; }

.ui-tabs.ui-widget-content { border: none !important; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important }

.ui-tabs .ui-tabs-nav li { border: none; padding: 0px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important }

ul.ui-tabs-nav { margin-left: 20px !important; border-bottom: 1px; font-size: 14px !important; }

.ui-tabs-nav .ui-state-default a { height: 11px }

.ui-tabs-nav a { border: none !important; line-height: 12px; text-align: center; border-left: 1px solid #fff !important; color: #000 !important; width: 120px; }
    .ui-tabs-nav a:hover { height: 13px !important; line-height: 12px !important; margin-top: -2px; background: #ddd !important; }

.ui-tabs-nav .ui-tabs-active { background-color: #fff !important; }
    .ui-tabs-nav .ui-tabs-active a { background-color: #fff; font-weight: bold; height: 15px !important; line-height: 15px !important; margin-top: -4px; border-left: solid 1px #516aa4 !important; border-top: solid 1px #516aa4 !important; border-right: solid 1px #516aa4 !important; cursor: default !important; }
        .ui-tabs-nav .ui-tabs-active a:hover { background-color: #fff !important; }

.ui-tabs-nav > li.ui-state-default { background: #ddd; font-weight: normal; margin-right: 0px; }

.ui-tabs div.tabcontent { border-left: solid 1px #253d75; border-top: solid 1px #253d75; border-right: solid 1px #253d75; padding-top: 5px; height: 100%; margin-bottom: 30px }

/**************************** Tables ****************/


table.itemlist
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.itemlist tr.heading
{
	background-color: #253D75;
	color: white;
	height: 16px;
}

table.itemlist tr.heading td
{
	padding-left: 4px;
	padding-right: 4px;
}

table.itemlist td.minsize 
{
    width: 1px;
    white-space: nowrap;
}

table.itemlist td.button
{
	background-color: white;
	text-align: right;
}

table.itemlist tr.item td
{
	padding-left:5px;
}

table.itemlist tr.item.hover
{
	background-color: #4D71C7;
	color: white;
}

ul.simplelist
{
	padding-left: 10px;
}

ul.simplelist a
{
	color: #253D75;
	font-size: 15px;
	line-height: 20px;
}
/**************************** tables ****************/

table.inputlayout
{
}

table.inputlayout tr.inputline
{
	height: 29px;
}

table.inputlayout tr.inputline > td
{
	padding-right: 5px;
	padding-top: 5px;
}

span.displayname
{
	white-space: nowrap;
}

span.settingheading
{
	font-size: 20px;
}

/*tr.disabled td 
{
	opacity: .35;
	filter: Alpha(Opacity=35);
}*/



table.calendar
{
}

table.calendar td
{
	width: 22px;
	height: 22px;
}

table.calendar tr.heading td span
{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 1px;
	text-align: center;
	line-height: 20px;
}

table.calendar tr.row td span
{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #516AA5;	
	margin: 1px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #516AA5;
}

table.calendar tr.row td.exception span
{
	border: 1px solid white;
}

table.calendar tr.row td.approval span
{
	border: 1px solid white;
}

table.calendar tr.row td.selected span
{
	background: #B4C0E8;	
	border: 1px solid #B4C0E8;
	color: black;
}

table.calendar tr.row td span:hover
{
	text-decoration: underline;
	cursor: pointer;
}

table.calendar tr.row td span.blankdatebutton
{
	background-color: #253D75;
	border: 1px solid #253D75;
}
.threecol .col1, .threecol .col12, .threecol .col2, .threecol .col3
{
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}
.threecol .col1
{
	width: 32%;
	left: 0%;
}
.threecol .col2
{
	width: 32%;
	left: 5px;
}
.threecol .col3
{
	width: 35%;
	left: 10px;
}
.threecol .col12
{
	width: 64%;
	left: 0%;
}





.employeeheader .col1, .employeeheader .col2, .employeeheader .col3
{
	float: left;
	position: relative;
	overflow: hidden;
}
.employeeheader .col1
{
	width: 32%;
	left: 0%;
}
.employeeheader .col2
{
	width: 32%;
	left: 2%;
	padding-bottom: 0px;
}
.employeeheader .col3
{
	width: 32%;
	left: 4%;
	padding-bottom: 0px;
}

.employeeheader .col3 .inputline
{
	height: 25px;
}

/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	font-family: tahoma, arial, helvetica;
	font-size: 10pt; /* font size should not be too big */
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */
	background-color: white;
	border: 1px dotted gray;
	overflow: auto;
	height: 100%; /* issue 263 */
}

ul.dynatree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;
	/*background-image: url("/Images/vline.gif");*/
	background-position: 0 0;
	/*
	background-image: url("icons_96x256.gif");
	background-position: -80px -64px;
	*/
	margin: 0;
	padding: 1px 3px 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/Images/icons.gif");
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

span.dynatree-connector
{
	background-position: -16px -64px;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
span.dynatree-expander:hover
{
	background-position: -16px -80px;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -80px;
}
.dynatree-exp-e span.dynatree-expander:hover,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander:hover,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander:hover,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander:hover  /* Expanded, delayed, last sibling */
{
	background-position: -48px -80px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("loading.gif");
}

/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("/Images/loading.gif");
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
/*  display: inline-block; /* Required to make a span sizeable */
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
	cursor:default;
}

ul.dynatree-container.selectable a:hover
{
	cursor: pointer;
}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	/*background-color: #F2F7FD;
	border-color: #B8D6FB;*/
	cursor:default;
}

span.dynatree-node a
{
	
	font-size: 10pt; /* required for IE, quirks mode */
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/

	padding: 3px 2px 3px 2px;
	/*padding-bottom: 6px;*/
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
	font-weight: bold;
}

span.dynatree-has-children a
{
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
	/*color: green;
	font-style: italic;*/
}

ul.dynatree-container.selectable span.dynatree-active a
{
	background-color: #333333 !important;
	color: #F1F1F1 !important;
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
/*	border: 1px solid red; */
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
}


/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: maroon;
	color: yellow;
}


.dynatree-checkbox
{
	cursor: pointer;	
}

#expcontainer .tilewrapper { position: relative; float: left; width: 100%; margin: 1% 0px 0px 0px; background-color: white; }

    #expcontainer .tilewrapper.first { margin-top: 0px; }

a.largefont, a.largefont:hover { font-size: 22px !important; line-height: 26px !important; }

.tile { font-size: 12px; line-height: 20px; }

#expcontainer .tilesmall { margin-left: 1%; height: 99%; overflow: hidden; position: relative; float: left; }

    #expcontainer .tilesmall.firstonrow { left: 0px; margin-left: 0px; }

.tileContent .title { font-size: 30px; font-weight: lighter; padding-bottom: 10px; margin-top: 2px; height: 28px; }

    .tileContent .title .buttons { display: inline-block; float: right; line-height: 30px; padding-right: 10px; padding-top: 2px; }


#expdivcontent .tiletext { overflow: hidden; height: 95%; }

#expdivcontent .tileContent { overflow: hidden; margin-top: 3px; top: 0px; bottom: 0px; padding: 10px; }

.tileContent { overflow: hidden; margin-top: 3px; padding: 10px; }

#expdiv { position: absolute; background-color: #253D75; }

#expcontainer { position: absolute; display: block; top: 90px; bottom: 3%; left: 5%; right: 5%; }

.expandbutton { position: absolute; right: 2px; bottom: 2px; cursor: pointer; }

.shrinkbutton { position: absolute; right: 2px; bottom: 2px; cursor: pointer; }

.tileContent .title .titleicon { background-image: url('../Images/iconsTitle.png'); margin-right: 5px; height: 37px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; width: 37px; }
    .tileContent .title .titleicon.onleave { background-position: 0px 0px; }
    .tileContent .title .titleicon.reports { background-position: -37px 0px; }
    .tileContent .title .titleicon.exception { background-position: -74px 0px; }
    .tileContent .title .titleicon.overtime { background-position: -111px 0px; }
    .tileContent .title .titleicon.leave { background-position: -148px 0px; }
    .tileContent .title .titleicon.onsite { background-position: -185px 0px; }
    .tileContent .title .titleicon.settings { background-position: -222px 0px; }
    .tileContent .title .titleicon.userAdmin { background-position: -259px 0px; }
    .tileContent .title .titleicon.awards { background-position: -296px 0px; }
    .tileContent .title .titleicon.tools { background-position: -333px 0px; }


div.tile.cyan, div.tile.cyan a { background-color: #00adef; color: #333333; }
div.tile.blue, div.tile.blue a { background-color: #516AA5; color: White; }
div.tile.cobalt, div.tile.cobalt a { background-color: #0050EF; color: White; }
div.tile.royalblue, div.tile.royalblue a { background-color: #253D75; color: White; }
div.tile.grey, div.tile.grey a { background-color: #58585a; color: white; }
div.tile.magenta, div.tile.magenta a { background-color: #ed008c; color: White; }
div.tile.lime, div.tile.lime a { background-color: #a4c400; color: Black; }
div.tile.green, div.tile.green a { background-color: #60a917; color: White; }
div.tile.emerald, div.tile.emerald a { background-color: #008a00; color: White; }
div.tile.crimson, div.tile.crimson a { background-color: #a20025; color: White; }
div.tile.red, div.tile.red a { background-color: #e51400; color: White; }
div.tile.amber, div.tile.amber a { background-color: #f0a30a; color: White; }
div.tile.orange, div.tile.orange a { background-color: #fa6800; color: White; }
div.tile.steel, div.tile.steel a { background-color: #647687; color: White; }
div.tile.mauve, div.tile.mauve a { background-color: #76608a; color: White; }
div.tile.olive, div.tile.olive a { background-color: #6d8764; color: White; }
div.tile.yellow, div.tile.yellow a { background-color: #e3c800; color: black; }

.tilewrapper1 { height: 98%; }
.tilesmall1 { width: 99%; }
.tilewrapper2 { height: 48%; }
.tilesmall2 { width: 49%; }
.tilewrapper3 { height: 31%; }
.tilesmall3 { width: 32%; }
.tilewrapper4 { height: 22%; }
.tilesmall4 { width: 23%; }
.tilewrapper5 { height: 18%; }
.tilesmall5 { width: 19%; }
.tilewrapper6 { height: 14%; }
.tilesmall6 { width: 15%; }

input[type="checkbox"] {
    padding: 0px;
    width: 19px;
    height: 19px;
    margin: 0px;
}

div.checker {
    height: 20px;
    width: 19px;
    /*margin: 3px 3px 3px 4px;*/
}

    div.checker input {
        height: 22px;
        width: 19px;
        /*padding: 3px 3px 3px 4px;*/
    }

    div.checker span {
        height: 19px;
        width: 19px;

        /*margin-top: 3px;*/
    }

    div.checker span {
        background-position: 0px 0px;
    }

    div.checker span,
    div.radio span {
        background-image: url("/Areas/Global/Images/checksprite.png");
        background-repeat: no-repeat;
        -webkit-font-smoothing: antialiased;
    }

div.white div.checker span,
div.white div.radio span {
    background-image: url("/Areas/Global/Images/checkspritewhite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.checker span.checkbox-input-validation-error,
div.radio span.checkbox-input-validation-error {
    background-image: url("/Areas/Global/Images/checkspriteerror.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}


div.checker:active span,
div.checker.active span {
    background-position: -19px 0px;
}

div.checker.focus span,
div.checker:hover span {
    background-position: -38px 0px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -57px 0px;
}

div.checker span.checked {
    background-position: -76px 0px;
}

div.checker:active span.checked,
div.checker.active span.checked {
    background-position: -95px -0px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position: -114px -0px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position: -133px -0px;
}


div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span,
div.checker.disabled:hover span,
div.checker.disabled:hover.active span {
    background-position: -152px -0px;
}

    div.checker.disabled span.checked,
    div.checker.disabled:active span.checked,
    div.checker.disabled.active span.checked,
    div.checker.disabled:hover span.checked,
    div.checker.disabled.active:hover span.checked {
        background-position: -171px -0px;
    }



div.checker span.ui-state-disabled,
div.checker:active span.ui-state-disabled,
div.checker.active span.ui-state-disabled,
div.checker:hover span.ui-state-disabled,
div.checker:hover.active span.ui-state-disabled {
    background-position: -152px -0px;
}

div.checker span.checked.ui-state-disabled,
div.checker:active span.checked.ui-state-disabled,
div.checker.active span.checked.ui-state-disabled,
div.checker:hover span.checked.ui-state-disabled,
div.checker.active:hover span.checked.ui-state-disabled {
    background-position: -171px -0px;
}

div.radio {
  width: 19px;
  height: 24px;
}

div.radio input {
  width: 19px;
  height: 24px;
}

div.radio span {
  height: 24px;
  width: 18px;
  margin-top: 1px;
  background-position: 0px -19px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -19px -19px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -38px -19px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -57px -19px;
}

div.radio span.checked {
  background-position: -76px -19px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -95px -19px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -114px -19px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -133px -19px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -152px -19px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -171px -19px;
}

ul.linkpanel
{
	
}

ul.linkpanel li a, table.tiletable a
{
	font-size: 15px;
	width: 100%;
	display: inline-block;
	/*color: white;*/
}

ul.linkpanel li:hover a, table.tiletable tr:hover a
{
	font-size: 15px;
	width: 100%;
	display: inline-block;
	/*color: white;*/
	text-decoration: underline;
}

ul.linkpanel li
{
	/*border-bottom: 1px dashed white;*/
}

table.tiletable
{
	width: 100%;
}

.ui-menu > .ui-menu-item > a
{
	color: #666666;
	background-image: none;
	background-color: white;
}

.ui-menu > .ui-menu-item > a.ui-state-focus
{
	color: #666666;
	text-decoration: underline;
	background-image: none;
	background-color: white;
	border-color: white;
	cursor: pointer;
}

.ui-menu .ui-menu-divider
{
	margin: 1px -2px 1px -2px;
}
.mCSB_scrollTools.dark .mCSB_buttonUp{
	background-position:-80px 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools.dark .mCSB_buttonDown{
	background-position:-80px -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools.dark .mCSB_buttonLeft{
	background-position:-80px -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools.dark .mCSB_buttonRight{
	background-position:-80px -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}


.mCSB_horizontal .mCSB_container
{
	margin-bottom: 10px;
}

/*.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger 
{
	height: 4px;
}*/

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	background: none repeat scroll 0 0 #253D75;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background: none repeat scroll 0 0 #F9C32F;
}