/* --------- FONTS --------- */
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('../Fonts/Playfair_Display/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Raleway';
    font-weight: 400;
    src: url('../Fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url('../Fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open-Sans';
    font-weight: 400;
    src: url('../Fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}

.header-font {
    font-family: PlayfairDisplay-Regular, "Times New Roman", serif!important;
    font-variant: normal;
}

.body-font {
    font-family: Raleway, serif !important;
    font-variant: normal;
}

/* DEFAULTS
----------------------------------------------------------*/
body   
{
    font-size: .80em;
    font-family: Open-Sans, sans-serif;
    //font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #666666;
}

a:link, a:visited {color: #034af3;}
a:hover {color: #1d60ff;text-decoration: none;}
a:active {color: #034af3;}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
hr
{
    border: 0;
    height: 1px;
    background: #465c71;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
hr.vert
{
    border: 0;
    width: 1px;
    background: #465c71;
    background-image: -webkit-linear-gradient(top, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(top, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(top, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(top, #ccc, #333, #ccc); 
}
hr.side
{
    border: 0;
    height: 1px;
    background: #666666;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #666666;
    font-family: Roboto, sans-serif !important;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}
h1
{
    color: #f9f9f9;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    font-size: 1.7em;
}
h2
{
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0px;
}
h3
{
    font-size: 1.4em;
    font-weight: 500;
    margin-top: 0px;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

h1.header-font, h2.header-font { color: white; }
h1.header-font { font-weight: bolder; font-size: 2.5em; }
h2.header-font { font-weight: bold; font-size: 1.7em; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
    width: 1300px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.pageLog
{
    width: 1420px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.header
{
    margin: 0px;
    padding: 0px;
    background: #012F47;
    width: 100%;
    height: auto;
}
.main
{
    padding: 0px;
    margin: 0px;
    min-height: 420px;
    width: 100%;
    vertical-align: top;
}
.mainLog
{
    padding: 10px;
    margin: 0px;
    width: 1040px;
    vertical-align: top;
}
.mainCol
{
    padding: 10px;
    background-color: #fff;
    vertical-align: top
}
.sideCol
{
    padding: 10px;
    background-color: #012F47;
    color: #465c71;
    vertical-align: top
}
.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* TOP MENU   
----------------------------------------------------------  div.hideSkiplink {background-color:#4b6c9e; width:100%;}*/
div.hideSkiplink {width:100%; background: #F1F1F1;}
div.menu {padding: 4px 0px 4px 8px;}
div.menu ul {list-style: none; margin: 0px; padding: 0px; width: auto;}
div.menu ul li {list-style: none;}
div.menu ul li a {background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap;}
div.menu ul li a:visited {background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap;}
div.menu ul li a:hover {background-color: #bfcbd6; color: #465c71; text-decoration: none;}
div.menu ul li a:active {background-color: #465c71; color: #cfdbe6; text-decoration: none;}

/* SIDE MENU   
----------------------------------------------------------*/
div.sideMenu ul {list-style: none; margin: 0px; padding: 0px; width: auto;}
div.sideMenu ul li {list-style: none;}
div.sideMenu ul li a {color: #696969; display: block; line-height: 1.35em; padding: 2px; text-decoration: none; white-space: nowrap;}
div.sideMenu ul li a:visited {color: #696969; display: block; line-height: 1.35em; padding: 2px; text-decoration: none; white-space: nowrap;}
div.sideMenu ul li a:active {color: #696969; display: block; line-height: 1.35em; padding: 2px; text-decoration: none; white-space: nowrap;}
div.sideMenu ul li a:hover {color: #696969; display: block; line-height: 1.35em; padding: 2px; text-decoration: underline; white-space: nowrap;}

a.SideMenu {color: #696969;text-decoration: none;} 
a.SideMenu:link {color: #696969;text-decoration: none;} 
a.SideMenu:visited {color: #696969;text-decoration: none;}
a.SideMenu:active {color: #696969;text-decoration: none;}
a.SideMenu:hover {color: #696969;text-decoration: underline;}

/* LOG IN VIEW   
----------------------------------------------------------*/
.loginDisplay {font-size: 1.1em;text-align: right;padding: 10px;color: White;white-space: nowrap; }
.loginDisplay a:link {color: white;}
.loginDisplay a:visited {color: white;}
.loginDisplay a:hover {color: white;}

/* TABS   
----------------------------------------------------------*/
.tabs .ajax__tab_outer {padding-right:4px;background:url(../images/Tabs/tab-right.gif) no-repeat right;height:21px;}
.tabs .ajax__tab_inner {padding-left:3px;background:url(../images/Tabs/tab-left.gif) no-repeat;}
.tabs .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../images/Tabs/tab.gif) repeat;}
.tabs .ajax__tab_hover .ajax__tab_outer {background:url(../images/Tabs/tab-hover-right.gif) no-repeat right;}
.tabs .ajax__tab_hover .ajax__tab_inner {background:url(../images/Tabs/tab-hover-left.gif) no-repeat;}
.tabs .ajax__tab_hover .ajax__tab_tab {background:url(../images/Tabs/tab-hover.gif) repeat-x;}
.tabs .ajax__tab_active .ajax__tab_outer {background:url(../images/Tabs/tab-active-right.gif) no-repeat right;}
.tabs .ajax__tab_active .ajax__tab_inner {background:url(../images/Tabs/tab-active-left.gif) no-repeat;}
.tabs .ajax__tab_active .ajax__tab_tab {background:url(../images/Tabs/tab-active.gif) repeat-x;}
.tabs .ajax__tab_header {text-align:left;font-family:verdana,tahoma,helvetica;font-size:11px;background:url(../images/Tabs/tab-line.gif) repeat-x bottom;}
.tabs .ajax__tab_body {border: 1px solid #999999; border-top: 0; padding: 10px; background-color: #e1ddd7;}

/* CALENDAR   
----------------------------------------------------------*/
.cal .ajax__calendar_container {border:1px solid #465c71;background-color:#465c71;color:#465c71;padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.cal .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.cal .ajax__calendar_days,
.cal .ajax__calendar_months,
.cal .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.cal .ajax__calendar_container TABLE {border:solid 1px white;background-color:white;font-size:11px;}
.cal .ajax__calendar_header {height:20px;width:100%;}
.cal .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;color:white;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.cal .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;color:white;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.cal .ajax__calendar_title {color:#dde4ec;cursor:pointer;font-weight:bold;}
.cal .ajax__calendar_footer {height:15px;}
.cal .ajax__calendar_today {color:#dde4ec;background-color:#465c71;cursor:pointer;}
.cal .ajax__calendar_dayname {color:#465c71;height:17px;width:17px;text-align:right;}
.cal .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.cal .ajax__calendar_month,
.cal .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.cal .ajax__calendar_active .ajax__calendar_day,
.cal .ajax__calendar_active .ajax__calendar_month,
.cal .ajax__calendar_active .ajax__calendar_year {border:1px solid #ccd4e3;background-color:lemonchiffon;color:black;font-weight:bold;}
.cal .ajax__calendar_other .ajax__calendar_day,
.cal .ajax__calendar_other .ajax__calendar_year {color:#dde4ec;}
.cal .ajax__calendar_hover .ajax__calendar_day,
.cal .ajax__calendar_hover .ajax__calendar_month,
.cal .ajax__calendar_hover .ajax__calendar_year {background-color:#dde4ec;color:#465c71;}
.cal .ajax__calendar_hover .ajax__calendar_title,
.cal .ajax__calendar_hover .ajax__calendar_today {color:white;}

/* REORDER GRID
----------------------------------------------------------*/
tr.Drag td {
    background-color: #bfcbd6;
}
.nodrop
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    text-align: center;
    background-color: #465c71;
}

    
/* FORM ELEMENTS   
----------------------------------------------------------*/
input.textEntry 
{
    font-size: 1.2em;
    width: 150px;
    border: 1px solid #ccc;
}
input.textEntryOther
{
    font-size: 1.2em;
    border: 1px solid #ccc;
}
input.textEntryRight
{
    font-size: 1.2em;
    text-align: right;
    border: 1px solid #ccc;
}
input.textEntry:focus, input.textEntryOther:focus, input.textEntryRight:focus
{
    font-size: 1.2em;
    background-color: #ffffcc;
}
textarea 
{
    resize: none;
}

select:focus
{
    background-color: #ffffcc;
}

/* GRIDS  
----------------------------------------------------------*/
table.right
{ 
    float: right; 
}
.TableBack
{
    background-color: #012F47;
}
.pnlHead
{
    font-size: 1.5em;
    font-weight: 600;
    color: White;
    text-align: center;
}
.CellPage
{
    background-color: #012F47;
}
.CellHead
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #012F47;
}
.CellRow
{
	background-color: White;
	font-size: 12px;
	color: Black;
}
.CellRowMove
{
    background-color: White;
    font-size: 12px;
    color: Black;
    border-bottom: thin solid #808080;
}
.CellRowAlternating
{
    background-color: #EDF0F3;
    font-size: 12px;
    color: Black;
}
.CellRowSelect
{
    background-color: #FFFFCC;
    font-size: 12px;
    color: Black;
}
.CellFoot
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #012F47;
}

.FieldStatic
{
    border-left-color: #012F47;
    font-size: .9em;
    text-align: left;
    white-space: nowrap;
    border-left-width: 1px;
    border-left-style: solid;
}
.Field
{
    font-size: .9em;
	text-align: left;
    white-space: nowrap;
}
.FieldWrap
{
    font-size: .9em;
	text-align: left;
}
.FieldLabel
{
    font-size: .9em;
	font-weight: bold;
	text-align: right;
    white-space: nowrap;
}
.FieldLabelWrap
{
    font-size: .9em;
	font-weight: bold;
	text-align: right;
}
.FieldLabelLeft
{
    font-size: .9em;
	font-weight: bold;
	text-align: left;
    white-space: nowrap;
}
.FieldDate
{
    font-size: .9em;
	text-align: right;
    white-space: nowrap;
}
.FieldCenter
{
    font-size: .9em;
	font-weight: bold;
	text-align: center;
    white-space: nowrap;
}
.NavHeader
{
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0px;
    color: #FFF;
    text-align: left;
}

/* MISC  
----------------------------------------------------------*/
.title
{
    padding: 6px;
    text-align: left;
    width: auto;
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
}
.disclaimer
{
    font-size: .80em;
    font-style: italic;
    text-align: center;
}
.legendTitle
{
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 500;
    font-size: 1.4em;
	text-align: left;
}
.defect
{
    background-color: #ffcccc !important;
}
.match
{
    background-color: #CCFFCC;
}
.nomatch
{
    background-color: #ffcccc;
}
.bold
{
    font-weight: bold;
}
.left
{
    text-align: left;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
#blur
{
    width: 100%;
    background-color: Gray;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 888888 !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#progress
{
    z-index: 999999 !important;
    background-color: White;
    position: absolute;
    top: 0pt;
    left: 0pt;
    border: solid 1px black;
    padding: 5px 5px 5px 5px;
    text-align: center;
}
.modalBackground
{
	background-color:Gray;
    opacity: .7;
    filter: alpha(opacity=70);
}
.NoBreakFloat
{
    clear:none;
    float:none;
    vertical-align:bottom;
    margin-top:6px;
    margin-bottom:1px;
    
}
.EditButton
{
    background-image: url(../Images/Edit.gif);
    width: 12px;
    height: 12px;
}
.DeleteButton
{
    background-image: url(../Images/Delete.gif);
    width: 12px;
    height: 12px;
}
.flex-center {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dxmLite_MaterialCompact .dxm-main {
    border-bottom: none;
}

/**
Uploader styles
*/
.uploadifySubHeading
{
    font-size:14px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
}

.uploadifyWizardPage
{
    width:775px;
    clear:both;
    border:1px solid black;
    padding:8px;
}

.uploadifyWizardResultsPage
{
    width:1200px;
    clear:both;
    border:1px solid black;
    padding:8px;
    overflow:auto;
}

.uploadifyResultsSummaryPage
{
    clear:both;
    padding:8px;
}

.uploadifyColMappingDiv
{
    padding:8px;
}

.uploadifyColMapping_Mapping
{
    clear:none;
    float:none; 
}

.uploadifyField
{
    font-size: .9em;
	text-align: left;
    white-space: nowrap;
}
.FieldWrap
{
    font-size: .9em;
	text-align: left;
}
.uploadifyFieldLabel
{
    font-size: .9em;
	font-weight: bold;
	text-align: right;
    white-space: nowrap;
}
.uploadifyFieldLabelBigger
{
    font-size:1.4em;
	font-weight: bold;
	text-align: right;
    white-space: nowrap;
    padding:3px;
}
.uploadifyFieldBigger
{
    font-size: 1.4em;
	text-align: left;
    white-space: nowrap;
    padding:3px;
}
.uploadifyFieldLabelWrap
{
    font-size: .9em;
	font-weight: bold;
	text-align: right;
}
.uploadifyFieldLabelLeft
{
    font-size: .9em;
	font-weight: bold;
	text-align: left;
    white-space: nowrap;
}
.uploadifyFieldDate
{
    font-size: .9em;
	text-align: right;
    white-space: nowrap;
}
.uploadifyFieldCenter
{
    font-size: .9em;
	font-weight: bold;
	text-align: center;
    white-space: nowrap;
}
.uploadifyBreadCrumb
{
    font-size: 1.5em;
    font-weight: 600;
    margin:10px;
    color: #3C40AE;
}

/* Grids ************************************************/
.uploadifyFormTable
{
    padding:5px;
}

.uploadifyCellHead
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #465c71;
    padding:4px;
}
.uploadifyCellHead th
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #465c71;
    padding:4px;
}
.uploadifyCellRow
{
	background-color: White;
	font-size: 12px;
	color: Black;
}
.uploadifyCellRow td
{
	padding:4px;
}
.uploadifyCellRowMove
{
    background-color: White;
    font-size: 12px;
    color: Black;
    border-bottom: thin solid #808080;
}
.uploadifyCellRowAlternating
{
    background-color: #EDF0F3;
    font-size: 12px;
    color: Black;
}
.uploadifyCellRowAlternating td
{
	padding:4px;
}
.uploadifyCellRowSelect
{
    background-color: #FFFFCC;
    font-size: 12px;
    color: Black;
}
.uploadifyCellRowSelect td
{
	padding:4px;
}
.uploadifyCellFoot
{
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #465c71;
}


.UploadDoc {
    background-image: url(../../images/AddDoc.png);
    width: 16px;
    height: 16px;
}

.highZIndexPanel{
    z-index:1000000 !important;
}

.inlineBlock{
    display:inline-block!important;
}

/*--- DEVEXPRESS STYLE EDITS ---*/
.dxmLite_MaterialCompact {
    font-family: Open-Sans, sans-serif;
}

.display-flex {
    display: flex !important;
}