/** pantone 1235C - #FFB81C; /** Orange **/
/** pantone 433C - #1D252D; /** dark Gray **/
/** pantone 430C - #7C878E; /** mid gray **/
/** pantone 429C - #A2AAAD; /** gray **/
/** #c45424 dark orange **/
/** #26336C UK blue **/

@font-face {
    font-family: 'DIN_regular';
    src: url("../../assets/font/din-regular-webfont.eot");
    src: url("../../assets/font/din-regular-webfont.eot") format('embedded-opentype'),
         url("../../assets/font/din-regular-webfont.woff") format('woff'),
         url("../../assets/font/din-regular-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN_bold';
    src: url("../../assets/font/din-bold-webfont.eot");
    src: url("../../assets/font/din-bold-webfont.eot") format('embedded-opentype'),
         url("../../assets/font/din-bold-webfont.woff") format('woff'),
         url("../../assets/font/din-bold-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: DIN_regular, Arial !important;
}
a, .ui-widget-content a, .nav-link {
	color: #26336C; /** UK blue **/
}
a:hover, a:active, .ui-widget-content a:hover, .ui-widget-content a:active {
    color: #c45424;
}

a:not([href]):not([class]) {
	color: #26336C;
}

a:not([href]):not([class]):hover, a:not([href]):not([class]):focus {
	color: #c45424;
}

.ui-widget-content a.btn-primary, .ui-widget-content button.btn-primary, .ui-widget-content input.btn-primary { color: white; }

#tree a:hover, #tabs a:hover {
    color: #c45424;
}
ul.tree li:hover {
    background-color: #EFEFEF;
}
ul.tree li.t-first:hover {
    background-color: #EFEFEF;
}
.t-data-grid table {
    border-bottom: 1px solid #EFEFEF !important;
}


.noMarginL {
    margin-left: 0;
}
/** Header Custom **/
#header {
    margin-bottom: 0;
}
#header-banner {
    height: auto;
}
#header-logo > a > img {
	padding: 5px 0;
	height: 65px;
	width: auto;
}
.namebanner {
	line-height: 1em;
	margin-top: 3px;
	font-size: 0.8em;
}
.pwdAlert {
    width: 350px;
    font-size: 11px;
    padding: 2px 8px 2px 0;
    text-align: right;
    margin: 0;
    margin-left: auto;
    margin-top: 6px;
}
.pwdAlert a {
    font-weight: bold;
}
.pwdAlert .faIcon-md {
    vertical-align: middle;
    font-size: 14px;
}
.pwdAlertLink {
    margin-left: 8px;
}

.VIP_headerSearch {
    height: 35px;
    text-align: right;
}
.VIP_headerSearch form {
    margin: 3px 0 0 0;
}
.VIP_headerSearch div.col-3 {
    width: 87% !important;
}
.VIP_headerSearch input.col-3 {
    width: 200px !important;
}

.VIP_loginDiv {
    margin-top: 3px;
    width: 100%;
}
.VIP_headerButton {
    margin-bottom: 8px;
    background-color: #c45424;
    color: white;
    border-radius: 4px;
    font-family: DIN_regular, Arial !important;
}
.VIP_headerButton > a {
    color: white;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 14px;
}
.VIP_headerButton > a:hover {
    color: #EFEFEF; /** gray **/
    text-decoration: none;
}
#header-box .btn-link {
    padding: 3px 12px;
}

#main_menu .nav-pills {
	background-image: none;
	background-color: white;
	border-radius: 0;
	border-top: 0;
	float: right;
}
#main_menu .nav-pills > li {
	border-right: 1px solid white;
	margin: 0;
}
#main_menu .nav-pills > li:last-child {
	border-right: 0;
	padding-right: 0;
}
#main_menu .nav-pills > li > a {
	padding: 10px 15px;
	margin: 0;
	color: #26336C; /** UK blue **/
	text-shadow: none;
	font-family: DIN_regular, Arial !important;
	font-size: 14px;
}
#main_menu .nav-pills > li:last-child > a {
	padding-right: 0;
}
#main_menu .nav-pills > li >a:hover, #main_menu .nav-pills > li.active > a, #main_menu .nav-pills > li.active > a:hover, #main_menu .nav-pills > li > a:focus {
	background-image: none;
	background-color: white;
	border-radius: 0;
	color: #c45424; /** dark orange **/
}


.VIP_headerDivider {
    border-bottom: 2px solid #c45424; /** dark orange **/
}

/** **/



div.footersection {
	background-image: none;
	background-repeat: no-repeat;
	background-color: white;
}
.footersection_content {
	padding: 6px 10px;
	border-radius: 0;
	background-color: white;
	color: #26336C; /** UK blue **/
	border-top: 1px solid #c45424; /** dark orange **/
}
.footersection_content div.copyrights {
	color: #26336C; /** UK blue **/
}
.footersection_content .footerlinks a {
	color: #26336C; /** UK blue **/
}
div.hsection {
    font-family: DIN_regular, Arial !important;
	font-size: 12pt;
	font-weight: bold;
	color: #26336C; /** UK blue **/
	border-bottom: 1px solid #26336C; /** UK blue **/
}
.viewAllAnn {
	text-align: left;
	border: 0;
	border-bottom: 1px solid #26336C; /** UK blue **/
	line-height: 30px;
	padding: 2px 0 1px 0;
	margin-bottom: 10px;
}
.viewAllAnn > a {
	font-family: DIN_regular, Arial !important;
    font-size: 12pt;
	font-weight: bold;
	color: #26336C; /** UK blue **/
}
.viewAllAnn > a:hover, .viewAllAnn > a:active, .viewAllAnn > a:focus {
    color: #26336C; /** UK blue **/
}
.infoLabel {
	font-weight: bold;
	font-size: 8pt;
}
.infoData {
	font-size: 8pt;
}
.btn-primary, .btn-primary:focus {
	background-color: #c45424; /** dark orange **/
}
.btn-primary:hover, .btn-primary:active {
	background-color: #c45424; /** dark orange **/
}
.btn-link {
	color: #26336C; /** UK blue **/
}


/** Book **/
div.t-data-grid table {
	border-radius: 0;
	border: 0;
}
div.t-data-grid table thead th {
	background-image: none;
	background-color: #7C878E; /** mid gray **/
	color: white;
	border-radius: 0 !important;
}
div.t-data-grid table thead th:first-child {
	border-left: 0;
}
.table th {
	background-image: none;
	border-top: 2px solid #26336C; /** UK blue **/
	background-color: #7C878E; /** mid gray **/
	color: white;
}
div.t-data-grid table td:first-child {
	border-left: 0;
}
.boldR {
	font-weight: bold;
}
.div-bordered {
	background-color: #EFEFEF; /** light gray **/
	border-radius: 0;
	border: 0;
}
#contractSummary td.tab-data {
	font-weight: bold;
	text-align: left;
}

/** nav-tabs **/
.nav-tabs {
	border-bottom: 2px solid #c45424; /** dark orange **/
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
    color: #26336C; /** UK blue **/
    border: 2px solid #c45424 !important; /** dark orange **/
    border-bottom-color: white !important;
}
/** end of nav-tabs **/

.nav-pills > li > a {
	border-radius: 0; 
}
.well {
	border-radius: 0; 
}

#tabs {
    margin-top: 3px;
}
#tabs .nav-pills > li {
    margin-right: 2px;
}

#tabs .nav-pills > li > a {
    margin: 0;
    font-family: DIN_regular, Arial !important;
    font-weight: normal;
    font-size: 12px;
    color: #26336C; /** UK blue **/
    text-transform: uppercase;
}
#tabs .nav-pills > li.active > a {
	background: 0;
	background-color: #c45424; /** dark orange **/
    color: white;
	font-family: DIN_regular, Arial !important;
	font-weight: normal;
	font-size: 12px;
	border-radius: 0;
}
#tabs .nav-pills > li > a:hover, #tabs .nav-pills > li > a:focus, #tabs .nav-pills > li.active > a:hover, #tabs .nav-pills > li.active > a:focus {
    background-color: #c45424; /** dark orange **/
    color: white;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	color: #26336C; /** UK blue **/
}
#acctActions {
	background-color: #EFEFEF; /** light gray **/
	border-radius: 0;
}
.acctSummaryTop > table.table-nohead th {
	display: none;
}

.acctSummaryTop table.table-striped td, .acctSummaryContract table.table-striped td {
	border: 0;
	padding: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
	background-color: #EFEFEF; /** light gray **/
}


.acctSummaryTop > table.table-nohead td, .acctSummaryContract > table.table-nohead td {
	font-size: 9pt;
}
.acctSummaryTop > table.table-nohead td:nth-child(odd), .acctSummaryContract > table.table-nohead td:nth-child(odd) {
	font-weight: bold;
}

.acctPosTable td {
	border-top: 1px solid #7C878E; /** Gray **/
	padding: 2px 4px;
	font-size: 9pt;
}

.acctPosTable tbody > tr:nth-child(odd) > td {
	background-color: #EFEFEF; /** light gray **/
}

/** rotate color not implemented on this table**/
.acctTransTab td {
	padding: 3px 4px;
	border-top: 0;
	border-bottom: 1px solid #7C878E; /** Gray **/
}
.acctTransTab td > a > img {
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -3px;
	height: 11px;
	width: auto;
}

.txntrades {
	padding: 0 !important;
}

.acctTransSubTab {
	border: 0;
	margin-bottom: 0;
	border-left: 1px solid #EFEFEF; /** light gray **/
	border-top: 1px solid #EFEFEF; /** light gray **/
	border-right: 1px solid #EFEFEF; /** light gray **/
	padding-left: 17px;
}
.acctTransSubTab td {
	border: 0;
	border-top: 1px solid #EFEFEF; /** light gray **/
	font-size: 8pt;
}

.acctTransSubTab th {
	border: 0 !important;
	border-bottom: 1px solid #EFEFEF; /** light gray **/
	background-color: #EFEFEF !important; /** light gray **/
	color: black !important;
	font-size: 8pt;
	font-weight: bold !important;
}
.acctTransTab tr.noborder td {
	border-bottom: 0;
}
.voucherOption {
	margin-bottom: 5px;
}
#performancetab table {
    border-bottom: 1px solid #26336C; /** UK blue **/
}

/** modal **/
div.ui-widget-header {
	background: #26336C; /** UK blue **/
}
/** cascade fixes **/
DIV.t-data-grid-pager SPAN.current {
	background-color: #26336C; /** UK blue **/
}

/** Ann **/
.annTitle {
    color: #4F6D9F;
}

a.qq-upload-button {
    background: url("../../assets/font/upload-arrow.png") 16px 6px no-repeat !important;
}

#docsZone ul.doclist li {
    color: #4F6D9F;
}
.remove-icon,.reorder-icon,.download-icon,.upload-icon,.play-icon,.refresh-icon,.virus-icon,.download-wait-icon, .splitter-icon {
	background: url("../../assets/font/imsicons.png") no-repeat;
}


/** Client Summary **/
table.acctrels {
    table-layout: fixed;
    width: 100%;
    empty-cells: show;
}
table.acctrels td {
    border-bottom: 1px solid #EFEFEF;
}


.cmsMarketingMenu {
    border-right: 1px solid #c45424; /** dark orange **/
}
.cmsMarketingMenu .filterEmptyClass a, .cmsMarketingMenu .cmsMarketingMenuActive a {
    border: 1px solid #c45424; /** dark orange **/
    border-right: 1px solid white;
}





/** Dark and Light Branding colors **/
.darkBrandingColor {
    color: #26336C !important; /** UK blue **/
}

.lightBrandingColor {
    color: #c45424 !important; /** dark orange **/
}

.darkBrandingBGColor {
    background-color: #26336C !important; /** UK blue **/
}

.lightBrandingBGColor {
    background-color: #c45424 !important; /** dark orange **/
}

.darkBrandingBColor {
    border-color:  #26336C !important; /** UK blue **/
}

.lightBrandingBColor {
    border-color: #c45424 !important; /** dark orange **/
}

/** Responsive Menu **/
#wrapMenu .label-checkbox {
    display: none;
}

/** Responsive **/
@media (max-width: 768px) {
    #header-logo {
        margin-bottom: 20px;
    }

    #main_menu .nav-pills {
        text-align: center;
    }

    .nav-tabs>li, .nav-pills>li a {
        display: inline-block;
    }
    #wrapMenu #main_menu{
        background-color: white;
    }
    #wrapMenu label i {
        color: #c45424;
    }
    .col-2.col-md-7.VIP_mainNavDiv {
        order: 3;
    }

    div#header-logo > a > img {
        width: 100%;
        height: auto;
    }
}