/*---------
    HR_SEARCH-APPLICATION-POPUPS
    MAIN | 9
    HTML-ELEMENTS | 36
    POPUP-ELEMENTS
    CLEARFIX
    MEDIA-QUERIES
---------*/

/***********
    MAIN
************/
body, html {
    width: 100%;
}
body {
	font-family: "Droid Sans Regular", "Segoe UI", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
	line-height: 1.45;
    margin: 0 0 44px;
	text-rendering: optimizeLegibility;
}
html { 
    min-height: 100%;
    position: relative;
}




/***********
    HTML_ELEMENTS
************/
h1, h2, h3, h4 {
    color: #13294B;
    font-family: "AvenirLTStd-Medium";
    font-weight: inherit;
    line-height: 0.5em;
    margin: 1.414em 0 0.5em;
}
h2 {
    font-size: 4.5em;
    margin-top: 0;
    padding-top: 30px;
}
h2 ~ h2 { margin-top: 1.414em; }
h3 { 
    font-size: 2.8em;
    margin-top: 5px;
}
h4 { font-size: 1.7em; }
em { font-style: italic; }
a { 
    color: #478FCC;
    cursor: pointer;
    text-decoration: none;
}
/*-- Makes element align to the right --*/
.left { 
    float: left;
    text-align: left; 
}
.right {
    float: right;
    text-align: right;
}




/***********
    FORM_ELEMENTS
************/
label { 
    display: block;
    font-weight: bold;
}
input[type="checkbox"] + label, input[type="radio"] + label { 
    color: #000;
    display: inline-block; 
    font-size: 1em;
    font-weight: normal;
    margin-left: 5px;
}
/* Creates border around textareas and dropdowns */
input[type="text"], textarea, select { border: 1px solid #E6E6E6; }
/*---- Text Areas ----*/
input[type="text"] { 
    padding: 5px;
    width: 93.5%;
}
textarea { 
    min-height: 150px;
    padding: 10px;
    width: 96.35%;
}
.col textarea { max-width: 95.65%; }
input[type="text"] {
	margin: 0 0 10px;
	padding-left: 11px;
}
input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus {
	outline: #FF9400 auto;
}
input[type="text"]:focus {
	border: 1px solid #FF9400;
}
input[type="text"][disabled="disabled"], input[type="text"].disabled {
    background: url(../../Images/Icons/16/disabled.png) no-repeat 10px #FFF;
    border: 1px solid #E6E6E6;
    border-right: 8px solid #E6E6E6;
    cursor: not-allowed;
    outline: none;
    width: 90%;
}
/*---- Dropdown ----*/
select { padding: 4px; }
/*---- Buttons ----*/
input[type="button"], input[type="submit"], button {
	padding: 7px 10px;
	display: inline-block;
	background: #DBDBDB;
	border: 1px solid #A5A5A5;
    font-size: 1.124em;
	font-weight: bold;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #6E6E70;
    margin: 5px 10px 10px 0;
	-khtml-border-radius: 6px;
    -webkit-transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    transition: background-color .1s ease;
}
input[type="submit"], input[type="button"].submit {
    background: #FA6300;
	color: #FDFDFD;
	border-color: #C06918;
}
input[type="button"]:hover, button:hover { background-color: #C4C4C4; }
input[type="submit"]:hover, input[type="button"].submit:hover { background-color: #D24F13; }
input[type="button"][disabled="disabled"], button[disabled="disabled"] {
	background: #EEE;
	border: 1px solid #DDD;
	color: #B9B9B9;
	cursor: not-allowed;
}
.popupFooter input[type="button"], .popupFooter input[type="submit"] { width: 90px; }
.k-grid-toolbar input[type="button"] {
    background: #FCFCFC;
    border: 1px solid #BBB;
    font-size: 1em;
    padding: 5px;
}
.k-grid-toolbar input[type="button"]:hover { background: #EEE; }
.k-grid-toolbar input[type="button"].altMode {
  background: #FF9400;
  border-color: #C06918;
  color: #FFF;
}
.double.right input[type="button"] {
    font-size: 0.5em;
    margin: 0;
}
/*--- Icon Button Settings ---*/
input[type="button"].icon, input[type="submit"].icon, input[type="button"].icon:hover, input[type="submit"].icon:hover { 
    background-position: 8px;
    background-repeat: no-repeat;
    text-indent: 20px;
}
    /* Icon Backgrounds */
    .add.icon, .add.icon:hover { background-image: url('/Images/add.png'); }
    .download.icon, .download.icon:hover { background-image: url('/Images/download.png'); }
    .printer.icon, .printer.icon:hover { background-image: url('/Images/printer.png'); }
/*---- Radio Buttons + Checkboxes ----*/
.iradio_custom-orange + label, .icheckbox_custom-orange + label, input[type="checkbox"] + label, input[type="radio"] + label { 
    display: inline;
    font-weight: normal;
    margin-left: 5px;
}
.iradio_custom-orange + label:after, .icheckbox_custom-orange + label:after { 
    content: "\A";
    white-space: pre;
}
/*---- Input+Button Container ----*/
.inputWrapper { 
    display: inline-block;
    position: relative;
    /*width: 173px;*/
    z-index: 1;
}
.sectionHeader legend input[type="button"], .sectionHeader legend input[type="submit"] {
    background-color: #003559;
    border: 1px solid #002E4D;
    color: #FEFEFE;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
    font-size: 0.875em;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    right: 5px;
    top: 3px;
}
.sectionHeader legend input[type="button"]:hover, .sectionHeader legend input[type="submit"]:hover { background-color: #004C7D; }
.sectionHeader legend .ovcrNetIdLookupWrapper {
	position: absolute;
    right: 10px;
    top: 4px;
}
.sectionHeader legend input[type="text"]:not([data-role="autocomplete"]) {
    position: absolute;
    right: 10px;
    top: 4px;
}
.sectionHeader legend input[type="text"] {
    color: #000;
    font-size: 0.7em;
    width: 150px;
}
.inputWrapper input[type="text"] { 
    color: #000;
    display: table-cell;
    padding: 5px 11px;
    width: inherit;
}
.inputWrapper input[type="button"], .inputWrapper input[type="submit"] {
    background-color: #6E6E70;
    background-image: url('../Images/Icons/16/adduser.png');
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
    height: 31px;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 32px;
}
.inputWrapper input[type="button"]:hover, .inputWrapper input[type="submit"]:hover { 
    background-color: #FF9400;
    color: #FF9400;
}
.inputWrapper input[type="button"][value="Search"] { background-image: url('../Images/Icons/16/search.png'); }
.inputWrapper input[type="button"][value*="Multiple"] { 
    background-image: url('../Images/Icons/16/add-mult.png');
    /*border-left: 1px solid #000;*/
    right: -32px;
}
a[data-action*="Excel"], a[data-action*="Pdf"] {
    background-position: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-indent: 9999px;
}
a[data-action*="Excel"] { background-image: url('../Images/Icons/32/excel.png'); }
a[data-action*="Pdf"] { background-image: url('../Images/Icons/32/pdf.png'); }
/*Table Link Styles*/
a[class^="delete"], a[id^="delete"], a[class^="Download"], a[id^="Download"], a[class^="edit"], a[id^="edit"], a[class^="View"], a[id^="View"], a[class^="contact"], a[id^="contact"], a[data-action*="Assign"] {
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: inherit; 
    height: 16px;
    margin: auto;
    text-indent: -9999px;
    width: 16px;
}
a[data-action*="Assign"], a[data-action*="Assign"]:hover { background-image: url('/Images/Icons/16/add-table.png'); }
a[class^="delete"], a[id^="delete"] { background-image: url('/Images/Icons/16/delete.png'); }
a[class^="delete"]:hover, a[id^="delete"]:hover { background-image: url('/Images/Icons/16/delete-hover.png'); }
a[class^="edit"], a[id^="edit"], a[class^="edit"]:hover, a[id^="edit"]:hover { background-image: url('/Images/Icons/16/edit.png'); }
a[class^="Download"], a[id^="Download"], a[class^="Download"]:hover, a[id^="Download"]:hover { background-image: url('/Images/Icons/16/download.png'); }
a[class^="View"], a[id^="View"], a[class^="View"]:hover, a[id^="View"]:hover { background-image: url('/Images/Icons/16/view.png'); }
a[class^="contact"], a[id^="contact"], a[class^="contact"]:hover, a[id^="contact"]:hover { background-image: url('/Images/Icons/16/view.png'); }
/*---- Radio buttons ----*/
input[type="radio"] + label { 
    font-weight: normal;
    margin-right: 15px;
}
/*---- Main Row+Fieldset Components ----*/
fieldset {
    background: #FFF;
    border: 1px solid #DBDBDB;
    -webkit-box-shadow: 0 0 1px #E8E8E8;
    -moz-box-shadow: 0 0 1px #E8E8E8;
    box-shadow: 0 0 1px #E8E8E8;
    margin-bottom: 20px;
    margin-left: 0;
    position: relative;
}
legend {
    font-size: 0;
    text-indent: -9999px;
}
fieldset.sectionHeader { padding: 39px 0 0; }
    fieldset.sectionHeader legend {
        background: #004775;
        border-bottom: 1px solid #2E6FB7;
        color: #FFF;
        font-size: 1.25em;
        height: 39px;
        position: absolute;
        left: 0;
        top: 0;
        text-indent: 0;
        width: 100%;
    }
    fieldset.sectionHeader legend span { 
        line-height: 2.2em;
        padding: 0 10px;
    }
    fieldset.sectionHeader textarea {
        display: block;
        height: 150px;
        margin-top: 0px;
        margin-bottom: 0px;
        min-height: 150px;
        width: 99%;
    }
    fieldset.sectionHeader table { 
        border: none;
        width: 100%;
    }
/*.row > div,*/ .row > fieldset { 
    display: inline-block;
    position: relative;
}
.row fieldset { 
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    vertical-align: top;
    width: 100%;
}
.fieldset.row { margin: 0 0 20px; }
.fieldset.row .c1-2 > .row { margin: 12px; }
/*.row > div > input[type="text"] { width: 93.35%; }*/
.row .c1-2 .c1-3 > input { width: 85.35%; }
.row div > .row { 
    margin: 0;
    padding: 5px 15px;
} 
/* Fieldset Grid system */
fieldset.c1 { width: 100%; }
fieldset.c2-3 { width: 65.5%;}
fieldset.c1-2 { width: 48.07%; }
fieldset.c1-3 { width: 30.5%; }
fieldset.c1-4 { width: 23.75%; }
fieldset.c2-3, fieldset.c1-2, fieldset.c1-4 { margin-right: 1.75%;}
.row div fieldset + fieldset { margin: 0; }




/***********
    LAYOUT
*************/
.row { 
    border: none;
    display: block;
    margin: 15px 20px 15px;
    position: relative;
}
/*Row Grid system*/
.c1 { width: 100%; }
.c2-3 { width: 64%; }
.c1-2 { width: 46.5%; }
.c1-3 { width: 30%; }
.c1-4 { width: 23%; }
.c2-3, .c1-2, .c1-3, .c1-4 { 
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
}
.row .last { margin-right: 0; }



/***********
    POPUP_ELEMENTS
************/
.popupHeader, .closeButton, .cancelRedirectButton, .aysCloseButton { color: #FFF; }
.popupHeader {
    background: #13294B;
    border-bottom: 1px solid #0b1528;
    font-size: 1.4em;
    left: 0;
    padding: 5px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.closeButton { 
    cursor: pointer;
    text-decoration: none;
}
.double { 
    display: inline-block;
    margin: 5px 15px;
}
.popupContent { 
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 50px;
    width: 100%;
	margin-bottom: 54px;
}
.popupFooter {
    background: #F0F0F0;
    border-top: 2px solid #CFCFCF; 
    bottom: 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
/*.errorMessage {
    background: url('../Images/Icons/16/error.png') #F00 no-repeat left 15px center;
    display: none;
    padding: 5px 15px;
    position: fixed;
    text-indent: 25px;
    top: 50px;
    width: 100%;
    z-index: 5;
}
.errorMessage span { color: #F1F1F1; }*/




/*********
    TABLE
***********/
table { 
    border: 1px solid #E6E6E6;
    width: 100%;
}
thead {
    background-color: #f0f0f0;
    border-bottom: 1px solid #DBDBDB;
    padding: 5px;
    text-align: left;
    width: 100%;
}
th {
    font-weight: normal;
	padding: 5px;
    text-align: left;
}
td { 
    padding: 5px;
    vertical-align: top;
}
tbody tr:nth-child(even) { background: rgba(71, 143, 204, .15); }
tbody tr:nth-child(odd) { background: #FFF; }
tbody tr:hover { background: rgba(255, 148, 0, .15); }




/***********
    LOADING_OVERLAY
************/
.loadingOverlay {
	background: rgba(0, 0, 0, .5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:none;
}
.loadingOverlay table {
	width: 100%;
	height: 100%;
}
.loadingOverlay td {
	text-align: center;
	vertical-align: middle;
}




/*****
    LOADING-CONTAINER
*******/
.loadingContainer {
    background-color: #FFF;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.loadingContainer .loadingImg, .loadingImg {
    height: 200px;
    margin-top: 50px;
    width: 200px;
}
.loadingContainer .loadingText, .loadingText { 
    display: block;
    font-size: 2.75em;
    margin-top: 10px;
}




/*****
    PROFILE-MODAL-LAYOUT
******/
/*#ProfileSearchWindow label { display: inline-block; }*/
    #ProfileSearchWindow label[role="note"] {
                color: #737373;
                cursor: text;
                display: inline-block;
                font-weight: normal;
                position: absolute;
                padding: 0 12px;
                z-index: 1;
                top: 50%;
                transition: text-transform .5s ease, top .5s ease, font-size color .5s ease;
                -moz-transition: text-transform .5s ease, top .5s ease, font-size color .5s ease;
                -webkit-transition: text-transform .5s ease, top .5s ease, font-size color .5s ease;
                -webkit-user-select: none; /* Chrome all / Safari all */
                -moz-user-select: none; /* Firefox all */
                -ms-user-select: none; /* IE 10+ */
                user-select: none; /* Likely future */
                z-index: 1;
            }
                    #ProfileSearchWindow label[role="note"].focused, #ProfileSearchWindow label[role="note"].filled {
                        top: 38%;
                        font-size: 0.8em;
                        text-transform: uppercase;
                    }
                    #ProfileSearchWindow label[role="note"].focused, #ProfileSearchWindow label[role="note"].filled.focused { color: #478FCC; }
                    #ProfileSearchWindow label[role="note"].filled { color: #222; }
                #ProfileSearchWindow input[type="text"], #ProfileSearchWindow .k-widget {
                    height: 31px;
                    padding: 10px 0 0;
                    width: 99.4%;
                }
                #ProfileSearchWindow input[type="text"] { text-indent: 10px; }
                #ProfileSearchWindow .k-widget { 
                    padding: 0;
                    height: 45px;
                }




/*****
    BLANK-STATES
******/
.blankState {
    color: #6E6E70;
    /*font-size: 2.25em;*/
    padding: 30px;
    text-align: center;
}
.blankState span { display: block; }



/***********
    NOTIFICATIONS
************/
.k-widget.k-notification.k-notification-Info, .k-widget.k-notification.k-notification-Warning, .k-widget.k-notification.k-notification-Error, .k-widget.k-notification.k-notification-Success {
	min-width: 300px;
	max-width: 450px;
	padding: 10px 5px;
}
.k-widget.k-notification h3 {
	text-align: center;
}
.k-widget.k-notification.k-notification-Info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #bae5f2;
}
.k-widget.k-notification.k-notification-Warning {
    background-color: #fbeed5;
    color: #bf8412;
    border-color: #f7dba6;
}
.k-widget.k-notification.k-notification-Error {
    background-color: #ffe0d9;
    color: #d92800;
    border-color: #ffb6a6;
}
.k-widget.k-notification.k-notification-Success {
    background: rgb(0%,60%,0%);
    color: #fff;
}
.ErrorMessageSource {
	border-color: #d92800;
	background-color: #ffe0d9;
}
/* Regular Error Message */ .errorMessage p {
                font-weight: bold;
                font-size: 2.5em;
                margin: 0;
                text-align: center;
            }
.WarningMessageSource {
	border-color: #f7dba6;
	background-color: #fbeed5;
}



/***********
    KENDO-HACKS
************/
/*---- Table Sortable ----*/
.sort { 
    background: url('../Images/Icons/16/sortable.png') no-repeat center;
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
/*---- Selector Focus ----*/
.k-picker-wrap.k-state-focused input[type="text"], .k-picker-wrap.k-state-hover input[type="text"] { border-right-width: 0; }
/*---- Firefox ----*/
.k-ff header {
    padding: 0 0 10px 0;
    width: 100%;
}
.k-ff header .c1-4 { width: 25%; }
.k-ff #imark { margin: 0 5px 0 35px; }
.k-ff .dropdown { margin-right: 35px; }
.k-ff .dropdownLink:after, .k-ff .dropdownMenu { right: 35px; }
.k-ff th.header, div[id$="Container"] .k-ff .k-grid-header th[data-role="columnsorter"] { background-position: right center; }
.k-ff table#grid[style], .k-ff .k-grid-header-wrap table[role="grid"][style] { width: 100% !important; }
/*---- IE ----*/
.k-ie.k-ie11 .appNav h2, .k-ie.k-ie10 .appNav h2, .k-ie.k-ie9 .appNav h2 {
    line-height: 0.75em;
    padding: 20px 0 0;
}
/*---- Email Notifications ----*/
ul.k-tabstrip-items.k-reset { padding: 0; }
.k-tabstrip > .k-content { 
    margin: 0;
    padding-bottom: 50px;
}
.k-tabstrip-items .k-state-active .k-link { font-weight: bold; }
/*IE8 Table Formatting*/
.k-ie.k-ie8 div[id$="Container"] tr.k-alt { background-color: #DFEAF5; }
.k-ie.k-ie8 div[id$="Container"] tr:hover { background-color: #FFE2B6; }
tr.sortable > td:first-child {
	padding: 0 22px;
	vertical-align: middle;
}
.k-list { font-size: 14px; }




/***********
    CLEARFIX
************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

@media print {
    .NoPrint { display: none !important; }
    .printBorder { 
        display: inherit !important;
        height: 100% !important;
        width: 100% !important;
    }
    .popupContent { top: 0 !important; }
}