/* BrokerBase CSS */
/* Ver 1.77, Last modified on Jan 20, 2026 */

@import url("/css/camera.css");
@import url("/css/jquery-ui-1.10.3.custom.css");
@import url("/css/spectrum.css");
@import url("/css/animate.css");
@import url("/css/icomoon.css");

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, em, embed, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* Setting default text color, background and a font stack */
body {color:#101010; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; line-height: 1.4; background: #ffffff;}

body.modal-open, body.TopMenu-open { overflow: hidden; }

/* Text Link Style */
a{color: #2d53a4; text-decoration:none !important;}
    a:visited, a:active {
        color: #2d53a4;
        text-decoration: none !important;
    }
    a:hover, a:focus {
        color: #0e76bc;
        text-decoration: none !important;
    }

/* Btn Style */
.btn-primary {color: #fff !important;}
@media (max-width: 480px) {
    .btn-mobile {
        margin: 0 0 2px !important;
        width: 100% !important;
        display: block !important;
        white-space: inherit;
    }
}
.btn-brokerbase {
    background-color: #303030 !important;
    border-color: #202020 !important;
    color: #fff !important;
    border: none !important;
}
    .btn-brokerbase:hover,
    .btn-brokerbase:focus,
    .btn-brokerbase:active,
    .btn-brokerbase.active {
        background-color: #101010 !important;
        color: #fff !important;
    }
    .btn-brokerbase.disabled:hover,
    .btn-brokerbase.disabled:focus,
    .btn-brokerbase.disabled:active,
    .btn-brokerbase.disabled.active,
    .btn-brokerbase[disabled]:hover,
    .btn-brokerbase[disabled]:focus,
    .btn-brokerbase[disabled]:active,
    .btn-brokerbase[disabled].active,
    fieldset[disabled] .btn-brokerbase:hover,
    fieldset[disabled] .btn-brokerbase:focus,
    fieldset[disabled] .btn-brokerbase:active,
    fieldset[disabled] .btn-brokerbase.active {
        background-color: #404040 !important;
        color: #fff !important;
    }

/* Global Font Style */
h1 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:4em; font-weight:lighter; letter-spacing:0px; line-height:1.2;}
h2 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:3em; font-weight:lighter; letter-spacing:0px; line-height:1.2;}
h3 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:lighter; letter-spacing:0px; line-height:1.2;}
h4 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:300; letter-spacing:0px; line-height:1.2;}
h5 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1.2857em; font-weight:300; letter-spacing:0px; line-height:1.2;}
.Font_LineHeight1{line-height:1;}
.Font_Footnote {font-size:0.8em;}
.Font_White{color:#fff;} .Font_Blue{color:#0e76bc;} .Font_Red{color:#c90000;} .Font_Black{color:#101010;} .Font_Orange{color:#FF8600;}
.Font_Bold{font-weight:400;} .Font_Italic{font-style:italic;}
.Font_Required {font-size:0.8em; color:#00aad6; font-weight:bold; margin:0; line-height:1;}
/**
 * This hack targets the Webkit browser engine
 * which includes Safari and Chrome.
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
h1, h2, h3{text-shadow: 0.0em 0.0em 0.07em rgba(0,0,0,0.1); font-weight:100;}
.italic{font-style:italic; font-weight:600; letter-spacing:-2px;}
}

/* Body Style */
#Wrapper {min-height:100%; position:relative; margin:0px auto; width:100%; height:100%;}
.clear {clear: both;} .clear2 {clear: both; height:1px; margin-bottom:12%;} .clear3 {clear: both; height:1px; margin-bottom:1em;}
.Hide {display:none !important;}
.BG_Blue_Gradient {
    background: linear-gradient(0deg, rgba(14, 118, 188, 1) 76%, rgba(45, 83, 164, 1) 100%) !important;
}
.Line_Black {width:100%; height:1px; margin:2px 0px 10px 0px; float:left; display:block; position:relative; background:#202020;}
.Line_LightGrey {width:100%; height:1px; margin:0px 0px 10px 0px; float:left; display:block; position:relative; background:#c1c1c1;}
.Line_LightGrey2 {width:100%; height:1px; margin:10px 0px 10px 0px; float:left; display:block; position:relative; background:#c1c1c1;}
.TextAlign_Center{text-align:center;} .TextAlign_Left{text-align:left;} .TextAlign_right{text-align:right;}
.Align_right{float:right !important;} .Align_left{float:left !important;}
.NoMargin{margin:0px !important;}
.DivResize {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box;}
.Space-Filler {clear:both; height:100vh; width:100%;}
.Space-exlg {clear:both; margin-bottom:70px; width:100%; min-height:1px;}
.Space-lg {clear:both; /*margin-bottom:50px;*/ margin-bottom:30px; width:100%; min-height:1px;}
.Space-md {clear:both; margin-bottom:30px; width:100%; min-height:1px;}
.Space-sm {clear:both; margin-bottom:20px; width:100%; min-height:1px;}
.Space-xm {clear:both; margin-bottom:15px; width:100%; min-height:1px;}
.Space_MarginLeft {margin:0 0 0 10px;}
.Space_MarginRight {margin:0 10px 0 0;}
.Space_NoPadding {padding:0 !important;}
.Space_NoSidePadding {padding-left:0 !important; padding-right:0 !important;}
.Space_PaddingRight {padding-left:0 !important;}
.Space_PaddingLeft {padding-right:0 !important;}
@media (max-width: 992px) {
    [class*='col-md-'].Space_PaddingRight, [class*='col-md-'].Space_PaddingLeft, [class*='col-lg-'].Space_PaddingRight, [class*='col-lg-'].Space_PaddingLeft {padding-left: 0 !important; padding-right: 0 !important;}
}
@media (max-width: 768px) {
    [class*='col-sm-'].Space_PaddingRight, [class*='col-sm-'].Space_PaddingLeft {padding-left: 0 !important; padding-right: 0 !important;}
}
.Space_CenterBlock {float:none; margin:0 auto;}
hr {max-width: 1600px; margin:1rem auto; border-top:1px solid #c0c0c0; opacity:initial !important;}
.alert hr {margin:5px auto;}
.progress-circular {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(30,30,30,0.2);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

/* Header */
#Wrapper_Header {
    width: 100%;
    max-width: 1600px;
    padding: 0px 0.75rem;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
#Box_Logo {width:213px; height:80px; position:relative; float:left; margin:10px 0;}
#Box_Logo img {max-height: 75px;}

/* Language Box */
#Box_Language {float:right; margin:0 0 5px 0; position:relative;}
#Box_Language li {float:left;}
#Box_Language li a{padding:5px 10px; font-size:0.8em; margin-left:2px;}
#Box_Language li a:hover {background:#0276bc; color:#fff !important; cursor: pointer;}
#Box_Language li a.selected {background:#0e76bc; color:#fff !important;}

/* Main Navigation */
#Menu_Row {margin-top: 0px;}
#TopNavigation{font-size: 18px; float: left; margin-top: 20px; width:100%;}
    #TopNavigation li a, #TopNavigation li a:visited, #TopNavigation li a:focus {
        color: #303030 !important;
        padding: 20px;
        border-radius: 0;
    }
#TopNavigation li a:hover{color: #fff !important; background: #0e76bc;}
#TopNavigation li a.selected{color: #fff !important; background: #0c5c92;}
#TopNavigation li a:hover#NavVA{color: #fff; background: #61ab45;}
#TopNavigation li a:hover#NavBBPlus{color: #fff; background: #cc1f43;}
#TopNavigation li a.selected#NavBBPlus{background:#701235;}
#TopNavigation li a.Logo {padding:0 !important; margin-right: 30px;}
#TopNavigation li a:hover.Logo, #TopNavigation li a:hover.Logo {background: none !important;}
#TopNavigation li a.Logo img {height: 65px; padding:0px;}
#TopNavigation li a:hover#NavVR{color:#fff; background:#3cb9eb;}
#TopNavigation li a:hover#NavAdmin{color:#fff; background:#303030;}
#NavMyAccount.selected{background: #ffffff !important; box-shadow: none !important;}
#NavMyAccount {padding:0 !important; margin-left: 20px; width:65px; height:65px;}
#NavMyAccount.affix {position:fixed; top:15px; right:15px; box-shadow: 0px 2px 18px 0 rgba(0,0,0,.5);}
#NavMyAccount:hover, #NavMyAccount:focus {background: #fff !important;}
    #NavMyAccount:hover .NavMyAccount_Photo {
        box-shadow: none;
    }
    #NavMyAccount .NavMyAccount_Photo.Sticky {
        position: fixed;
        top: 1rem;
        right: 12px;
        animation: fadeIn 1s;
    }
.NavMyAccount_Photo {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 5px solid #0e76bc;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
}
.MenuExpanded {padding:0px 15px 30px; background:#fff; margin-top: 0px; box-shadow: 0px 25px 23px 0 rgba(0,0,0,.3); border-bottom: 5px solid #0e76bc; position:absolute; top:140px; left:15px; width:100%;}
.TopNavigation_SubMenu > li {margin-right:15px;}
#MenuProfile{height: 100vh; width:300px; background: #fff; padding:15px; position: fixed; margin-top: 0; top:0px !important; right: 0 !important; left:inherit; z-index: 1000; border-bottom: none; box-shadow: -20px 0px 23px 0 rgba(0,0,0,.3);}
    #MenuProfile .NavMyAccount_Photo {
        width: 110px;
        height: 110px;
        box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
        border: 8px solid #0c629c;
        margin-bottom: 15px;
    }
#MenuProfile .btn-primary:visited{color: #fff;}
#MenuProfile .nav>li>a{padding:7px 15px !important;}
#MenuProfile .NavMain_Close, #MenuBBPlus .NavMain_Close {
    position: absolute;
    right: 15px;
    background: #0c629c;
    border: none;
    color: #fff;
}
#Wrapper_MenuProfile_ProfilePhoto {background:#0e76bc; margin:-15px; padding:15px;}
#Wrapper_MenuProfile_ProfilePhoto h4 {color:#fff; word-wrap:break-word;}
/* BrokerBase+ */
#MenuBBPlus{height: 100vh; width:90%; max-width:600px; min-width:300px; background: #cc1f43; color:#fff; padding:15px; position: fixed; margin-top: 0; top:0px !important; right: 0 !important; left:inherit; z-index: 1000; border-bottom: none; box-shadow: -20px 0px 23px 0 rgba(0,0,0,.3); overflow-y:auto; overflow-x:hidden;}
#MenuBBPlus h1, #MenuBBPlus h2, #MenuBBPlus h3, #MenuBBPlus h4, #MenuBBPlus h5{color:#fff;}
#MenuBBPlus .MenuBBPlus_Logo{width:90%; max-width:300px; box-shadow: none; margin: 30px auto;}
#Wrapper_MenuBBPlus_Logo{background:#efefef; margin:-15px; padding:15px;}
.BBPlusTerms{width:100%; height:250px; padding:10px; margin-bottom:15px; overflow-y:auto; border:5px solid #efefef;}
.Wrapper_BBPlus_SignUp a, .Wrapper_BBPlus_SignUp a:visited {color: #fff;}
/* /BrokerBase+ */
/* Slideout Menu */
.Wrapper_Slidemenu{height: 100vh; width:90%; max-width:600px; min-width:300px; background: #0e76bc; color:#fff; padding:15px; position: fixed; margin-top: 0; top:0px !important; right: 0 !important; left:inherit; z-index: 1000; border-bottom: none; box-shadow: -20px 0px 23px 0 rgba(0,0,0,.3); overflow-y:auto; overflow-x:hidden;}
.Wrapper_Slidemenu h1, .Wrapper_Slidemenu h2, .Wrapper_Slidemenu h3, .Wrapper_Slidemenu h4, .Wrapper_Slidemenu h5{color:#fff;}
.Wrapper_SlideMenu_Logo {background:#efefef; margin:-15px -15px 0; padding:15px;}
.SlideMenu_Logo{max-height:76px; height:100%; box-shadow: none; margin: 1.1rem 0;}
.Wrapper_Slidemenu .list-group-item {color:#303030;}
#MenuVA {background:#61aa45;}
#MenuVR {background:#3cb9eb;}
#MenuVC {background: #0e76bc;}
/* /Slideout Menu*/
#Wrapper_MobileMenu {margin-top: 20px;}
#TopNavigation_Mobile_Button {margin-top:0px;}
#TopNavigation_Mobile {
    margin-top: 15px;
    border-bottom: solid 5px #0e76bc;
    background: #fff;
    box-shadow: 0px 25px 23px 0 rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: inherit;
    width: calc(100% + 0.75rem);
}
#TopNavigation_Mobile > li {border-bottom:1px solid #efefef;}
@media (max-width: 992px) {
	.MenuExpanded {height: 100vh; top:0; position: fixed; background:#fff; overflow: auto;}
	.TopNavigation_SubMenu > li{width:100%; display: block;}
	#TopNavigation_Mobile {height: auto;}
	#TopNavigation_Mobile_Button {font-size:2em;}
	.nav-tabs > li > a {font-size:1.3em !important;}
	.nav-tabs > li {width:100% !important;}
}
.MenuBar_Icon {margin-left:10px;}
.nav-tabs-body > li > a {font-size: 1rem !important;}
.nav-tabs-body > li {width: inherit !important;}

/* Sub Navigation */
#Wrapper_NavSub{}
.NavSub {margin:0px 0px 15px 0px;}
.NavSub li { }
.NavSub > li > a {display: block; text-decoration: none; font-size:1.1em; padding:0 0 6px 0; margin:0 0 6px 0; line-height:1.2;}
.NavSub > li > a.open {color:#000;}
.NavSub li ul { display: none; padding:6px 0 6px 0; margin:0 0 6px 0; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.NavSub li ul li a {display: block; background: #303030; font-size:1.1em; padding:6px 12px; margin-bottom:5px; border-radius: 4px; color:#fff;}
.NavSub li ul li a:active, .NavSub li ul li a:visited {color:#fff;}
.NavSub li ul li a:hover {background:#0e76bc;}
	
/* Slider */
#Wrapper_Slider{width:100%; height:506px; margin:30px auto 0; padding:0px; position:relative; overflow:hidden;}
#Wrapper_Slider_Mobile{border-bottom:10px solid #0e76bc; margin:30px 0; text-align:center; width:100%; height:auto; min-height:400px; background-size: cover; background-position: center; position:relative; background-image:url(/image/slider/Main_Slider_Mobile_1.jpg);}
.Contents_Slider{width:100%; max-width:1600px; height:450px; margin:0px auto; padding:0px; position:relative; overflow:auto;}
.Contents_Slider_Caption {width:100%; max-width:320px; min-height:200px; padding:20px; background:url(/image/global/Bg_Caption.png); display:block; position:absolute; bottom:175px; left:0px; overflow:auto; word-wrap:break-word;}
.cameraCont, .cameraContents {border-bottom:10px solid #0e76bc;}
.camera_pag {max-width:1600px; margin:0 auto;}
.SliderWithLink {
    cursor: pointer;
}
.img-slider {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100% - 9px) !important;
    object-fit: cover;
}
@media (max-width: 767px) {
    .caption {height:100%;overflow:auto;background:rgba(0,0,0,0.5);}
}
/* /Slider */

/* Page Banner */
.Wrapper_PageBanner {width:100%; max-width:1600px; padding:0; margin:-26px auto 0px; position:relative; overflow:hidden;}
.Wrapper_PageBanner img{max-width:1200px;width:100%;}
@media only screen and (max-width:480px) {
    .Wrapper_PageBanner {
        margin: -10px auto 0px;
    }
        .Wrapper_PageBanner img {
            max-width: 480px;
            width: auto;
        }
}
/* /Page Banner */

/* Page Title */
#Wrapper_PageTitle{width:100%; height:auto;min-height:180px; margin:30px auto 0px; padding:0px; position:relative; overflow:auto; background:#0e76bc url(/image/global/Bg_PageTitle.png) top center no-repeat; background-size: cover;}
#Contents_PageTitle{width:100%; max-width:1600px; margin:0px auto; padding:0px; position:relative; overflow:auto;}
#Contents_PageTitle h1{color:#fff; display:inline-block;}
#Contents_PageTitle h2{color:#fff; display:inline-block; font-size:2.5em; margin-left:10px;}
.PageTitleArrow{background:url(/image/global/Image_SubTitleArrow.png) center right no-repeat; height:180px; width:110px !important; padding-right:0px!important; margin-right:30px;}
.PageTitle_Row1{width:100%; height:66px; margin-top:54px; color:#fff; overflow:visible; float:left; display:block; position:relative;}
.PageTitle_Row2{width:572px; height:50px; padding:5px 0px 5px 148px; color:#fff; overflow:hidden; float:left; display:block; position:relative; word-wrap:break-word;}
.PageTitle_Notice {position:absolute; top:8px; left:125px;}
@media (max-width: 992px) {
	#Wrapper_PageTitle{min-height: inherit; padding:30px 0;}
	#Contents_PageTitle{width:100% !important; margin:0px auto; padding:15px !important; position:relative; overflow:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; text-align: center;}
	#Contents_PageTitle h1{color:#fff; display:block; word-wrap: break-word; font-size:3rem;}
    #Contents_PageTitle h2{color:#fff; display:block; word-wrap: break-word; font-size:1.5em;}
	.Contents_Column2 {width:100% !important;}
	.PageTitleArrow {display: none;}
	.PageTitle_Row1 {margin-top: 0; height: auto;}
	.PageTitle_Row2 {display:none;}
}
/* /Page Title */

/* Contents */
.Wrapper_Contents {width:100%; max-width:1600px; margin:0px auto 70px auto; padding:0; position:relative; overflow:auto;}
.Wrapper_Home { width:100%; max-width:1600px; margin:0px auto -50px auto; padding:0; overflow:auto;}
.Wrapper_SubContents {width:100%; max-width:1600px; margin:0px auto 70px auto; padding:50px 15px 0; position:relative;}
.Wrapper_SubContents_Responsive {
    width: 100%;
    max-width: 1600px;
    margin: 0px auto 70px auto;
    padding: 50px 15px 0;
    position: relative;
    display: flex;
}
.Wrapper_SubContents_Responsive.Sticky .Contents_Column1{
    position:fixed;top:1rem;
}
    .Wrapper_SubContents_Responsive.Sticky .Contents_Column2, .Wrapper_SubContents_Responsive.Sticky .Contents_Column2_Responsive {
        margin-left: 220px;
    }
.Contents_Column1 {width:220px; padding:1px 30px 1px 0px; position:relative; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.Contents_Column2 {width:calc(100% - 220px); padding:1px 10px; position:relative; float:left; overflow:visible;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.Contents_Column2_Responsive {width: calc(100% - 220px); padding:1px 10px; position:relative; float:left; overflow:visible;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.mud-form .Contents_Column2, .mud-form .Contents_Column2_Responsive {width:auto;}
.Contents_ColumnWide {
    width: 100%;
    padding: 1px 0;
    position: relative;
    float: left;
    overflow: visible;
}
.Contents_SubHeader {width:100%; max-width:720px; border-bottom:4px solid #076ebc; margin-bottom:30px;}
.Column_Benefits {width:200px; margin:0px 20px 0px 0px; position:relative; float:left;}
.Column_Half {width: calc(50% - 15px); position:relative; float:left; margin-right:15px; overflow:visible;}
/*.Column_Half:nth-child(2n) {width: 50%; margin-right:0;}*/
.Column_Half img {max-width:100%;}
.Box_Benefits {display:inline-block;width: 100px;max-height: 75px;margin-top: 20px;margin-right: 5px;padding: 5px;position: relative;background: none;color: #fff;overflow: hidden;}
.Box_Benefits img {max-width:100%;}
.Box_Dashboard {width:150px; height:150px; font-size:1em; padding:1rem; margin:0 5px 5px 0px; position:relative; float:left; background:#efefef; color:#101010; overflow:hidden;}
.Box_Dashboard h2 {font-size:2em;}
.Box_Dashboard img {max-height:150px; max-width:150px;}
.Box_DashboardX2 {width:calc(100% - 180px) !important; height:150px; background:#fff; padding:10px 15px; margin-bottom: 30px; border-bottom: 1px solid #0e76bc; overflow:hidden;}
.Box_DashboardX2 h3 {line-height:1.3em; font-size:1.45em; margin-bottom:18px; color:#0e76bc;}
.Notification_Row {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #efefef;
    border-radius: 6px;
    padding: 1rem;
    margin: 0 0 0 0;
}
.Notification_Row_NoEllipsis {
    flex-shrink: 0;
    margin:0 1rem 0 0;
}
.Notification_Row_Ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.Wrapper_Notification_Image {padding:1rem; display:flex;}
    .Wrapper_Notification_Image img {
        max-width: 300px !important;
        width: 100% !important;
        border: 5px solid #efefef;
        margin: 0 auto;
    }
.Wrapper_Notification_Content img {
    display: none;
}
.Box_Dashboard img {
    height: auto;
    width: auto;
    flex-shrink: 0;
    min-width: 100%;
    overflow: hidden;
}
.Box_Dashboard.Highlight {
    background: linear-gradient(0deg, rgba(14, 118, 188, 1) 76%, rgba(45, 83, 164, 1) 100%) !important;
    color: #fff;
}
.Box_Dashboard.Highlight2 {background:#0a4c9b; color:#fff;}
.Box_Dashboard.Highlight h2, .Box_Dashboard.Highlight2 h2{color:#fff;}
.Box_Dashboard:hover, .Box_Dashboard:hover h2 {background:#0e76bc; color:#fff;}
.Box_Dashboard.Highlight:hover, .Box_Dashboard.Highlight:hover h2 {background:#303030 !important;}
.Box_Dashboard.BBPlus {
    background: #cc1f43;
    color: #fff;
}
.Box_Dashboard.BBPlus:hover, .Box_Dashboard.BBPlus:hover h2 {background:#ea264f; color:#fff;}
.Box_Dashboard.BBPlus:focus{text-decoration:none;}
.Box_Dashboard_ProfilePhoto {width:150px; height:150px; padding:0px;} .Box_Dashboard_ProfilePhoto img{max-width:150px; max-height:150px;}
#ProfilePhoto img{max-width:350px;}
#LargeProfilePic {border:5px solid #0e76bc; max-width:100%;}
.Button, a.Button {border:0px; background:#202020; color:#ffffff; display:block; width:auto; height:auto; margin:2px; padding:5px 10px; font-size:1.3em; font-weight:300!important; float:right;}
.Button:hover, a.Button:hover {color:#fff; background:#0e76bc; cursor:pointer;}
.ManageAccounts_btn_FilogixID {
    color: #fff;
    background: #0e76bc;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 5px;
    min-width:72px;
    text-align: center;
}
.ManageAccounts_btn_FilogixID:hover, .ManageAccounts_btn_FilogixID:visited, .ManageAccounts_btn_FilogixID:active {
    background: #2d53a4;
    color: #fff;
}
.ManageAccounts_btn_FilogixID_New {
    background: #85d200;
    font-weight: bold;
}
@media only screen and (max-width:992px) {
    /*.Wrapper_SubContents, .Wrapper_SubContents_Responsive {margin:0px auto 30px auto !important; padding:20px 15px 0 !important;}*/
    .Wrapper_SubContents_Responsive.Sticky .Contents_Column2, .Wrapper_SubContents_Responsive.Sticky .Contents_Column2_Responsive {
        margin-left: inherit;
    }
    .Contents_Column1{display:none;}
    .Contents_Column2, .Contents_Column2_Responsive {width:100%; padding:0;}
    .Column_Half, .Column_Half:nth-child(2n){width:100%; margin:0; padding:15px;}
}
@media only screen and (max-width:480px) {
    .Box_Dashboard {width: 100%; text-align:center; height:auto;}
    .Box_Dashboard img {max-height:150px; min-width:inherit !important; float:initial !important;}
    .Box_DashboardX2 {width:100% !important; margin-bottom: 1rem !important; height: auto !important;}
}
.Checklist li{padding-left:20px; padding-bottom:12px; font-size:1em; color:#0e76bc;}
.Checklist li:before {
  font-family: 'fontello';
  content: '\e870';
  display: inline-block;
  margin-left: -20px; /*same as padding-left set on li*/
  width: 20px; /*same as padding-left set on li*/
}
.Checklist li ul li{margin-left:10px; color:#101010; padding-bottom:2px;}
.Checklist li ul li:before {
  font-family: 'fontello';
  content: '\e805';
  display: inline-block;
  margin-left: -15px; /*same as padding-left set on li*/
  width: 15px; /*same as padding-left set on li*/
}
/* Table List */
.Table_List {width:100%;}
.Table_List thead th{padding:5px 10px; border-bottom:2px solid #0e76bc; color:#202020; font-size:1.2857em; font-weight:300; vertical-align:middle;}
.Table_List thead th:empty{background:transparent;}
.Table_List thead th[data-sort]{cursor:pointer; color:#0e76bc;}
.Table_List tbody tr:nth-child(odd) {background:#e6f1ff;}
.Table_List tbody th{padding:2px 4px; word-wrap:break-word; word-break:break-all; vertical-align:middle;}
.Table_List tbody td{padding:2px 4px; word-wrap:break-word; word-break:break-all; vertical-align:middle; line-height:1.8;} 
.Table_List tbody td.TableImage{padding:0px;} .Table_List tbody td.TableImage img{max-width:70px;}
.Table_List tbody td a i{display:block; padding:1px;}
.TableBg_White{background:#fff !important;}
.Table_SubTitle{font-size:1.2em; padding:10px !important; background:#fff; border-bottom:2px solid #efefef;}
.Table_List tbody td input{margin:0px !important; width:100%; min-width:60px;}
.Table_List tbody td.Rate input{width:98% !important; padding:10px 0px !important;}
.Table_List tbody td input[type=radio] + label{margin:0 !important; padding:12px 10px; color: #d1d1d1; background-color: #efefef; border:none; cursor:pointer; font-size:1em;}
.Table_List tbody td input[type=checkbox] + label{margin:0 !important; padding:12px 10px; background-color: #efefef; color:#707070; border:none; cursor:pointer; font-size:1em;}
.Table_List tbody td input[type=radio] + label:hover, .Table_List tbody td input[type=radio]:checked + label:hover, .Table_List tbody td input[type=checkbox] + label:hover, .Table_List tbody td input[type=checkbox]:checked + label:hover{background:#0e76bc; color:#fff;}
.Table_List tbody td input[type=radio]:checked + label {background-image: none; background-color:#202020; color:#fff; cursor:default;} 
.Table_List tbody td input[type=checkbox]:checked + label {background-image: none; background-color:#202020; color:#fff;}
.Table_List tbody .Word_Wrap{word-break:normal !important; word-wrap:break-word !important;}
.Table_List tbody .Account_New {background:#85d200; color:#fff;}
.Table_List tbody .Account_Active {background:#39F; color:#fff;}
.Table_List tbody .Account_Inactive {background:#808080; color:#fff;}
#TeamTable tr td img {max-width:90px;}

/* GridView */
.GridView {width:100%;}
.GridView thead th{padding:5px 10px; border-bottom:2px solid #0e76bc; color:#202020; font-size:1.2857em !important; font-weight:300; vertical-align:middle;}
.GridView thead th:empty{background:transparent; border:none;}
.GridView thead th[data-sort]{cursor:pointer; color:#0e76bc;}
.GridView tbody tr:nth-child(odd) {background:#e6f1ff;}
.GridView tbody th{padding:2px 4px; word-wrap:break-word; word-break:break-all; vertical-align:middle; font-size:0.9em !important;}
.GridView tbody td{padding:2px 4px; word-wrap:break-word; word-break:break-all; vertical-align:middle; line-height:1.5; font-size:0.9em !important;} 
.GridView tbody td.TableImage{padding:0px;} .GridView tbody td.TableImage img{max-width:70px;}
.GridView tbody td a i{display:block; padding:1px;}
/*.TableBg_White{background:#fff !important;}
.Table_SubTitle{font-size:1.2em; padding:10px; background:#fff;}*/
.GridView tbody td input{margin:0px !important; width:auto !important}
.GridView tbody td.Rate input{width:98% !important; padding:0px 0px 10px 0px !important;}
.GridView tbody td input[type=radio] + label{margin:0 !important; padding:2px 10px; background-color: #efefef; border:none; cursor:pointer; font-size:1em; height:12px;}
.GridView tbody td input[type=checkbox] + label{margin:0 !important; padding:12px 10px !important; background-color: #efefef; color:#707070; border:none; cursor:pointer; font-size:1em;}
.GridView tbody td input[type=radio] + label:hover, .GridView tbody td input[type=radio]:checked + label:hover, .GridView tbody td input[type=checkbox] + label:hover, .GridView tbody td input[type=checkbox]:checked + label:hover{}
.GridView tbody td input[type=radio]:checked + label {background-image: none; background-color:#202020; color:#fff; cursor:default;} 
.GridView tbody td input[type=checkbox]:checked + label {background-image: none; background-color:transparent;}
/*.GridView tbody .Word_Wrap{word-break:normal !important; word-wrap:break-word !important;}
.GridView tbody .Account_New {background:#85d200; color:#fff;}
.GridView tbody .Account_Active {background:#39F; color:#fff;}
.GridView tbody .Account_Inactive {background:#808080; color:#fff;}*/


/* CRM */
.CRM_Box{width:calc(12.5% - 10px); min-height:125px; margin:0px 10px 10px 0px; padding:10px; float:left; background:#fff; position:relative;-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); text-align:center;}
.CRM_Box:hover{-webkit-box-shadow:  0px 0px 5px 1px rgba(14, 118, 188, 0.3); box-shadow:  0px 0px 5px 1px rgba(14, 118, 188, 0.3); cursor:default;}
.CRM_Box_Logo{width:90px; height:68px; padding:10px; display:table-cell; vertical-align:middle; position:relative;}
.CRM_Box_Logo img {width:100%; margin: 0 auto;}  
.WebPart {min-height:170px; width:100%; text-align:center; padding:15px; margin-bottom:15px; border:2px solid #efefef;}
.WebPartButton { border: 1px solid #c0c0c0; width: 100%; background: #fff; color: #707070; padding: 3px; margin: 0 0 10px 0; font-size: 1em;}
.WebPartButton .checked { background: #0e76bc; color: #fff; }
.WebPartButton .checked:hover { background: #000; color:#FFF; cursor:pointer;}
.WebPartButton:hover { background: #000; color:#FFF; }
.Program_Box_More{display:none; width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; font-weight:bold; z-index:99; position:absolute; top:24px; left:24px;}
.CRM_Box_Logo:hover .Program_Box_More{display:inherit; color:#fff; background:#000; opacity:0.8;}
.CRM_Box_Logo_Lender{width:90px; max-width:70px; height:42px; padding:10px; position:relative; display:table-cell; vertical-align:middle;}
.Description_CRM{overflow:hidden; position:relative;}
.Description_CRM_Collapse {height:0px; padding:0px; border:none;} .Description_CRM_Expand {height:auto; margin:4% 0 2% 0; padding:10px 0px; border-top: 4px solid #0e76bc; border-bottom: 4px solid #0e76bc;}
.Description_CRM .Button {float:left;}
#BannerSelection .CRM_Box {
    min-height: 300px;
    height: auto;
}
#BannerSelection .CRM_Box_Logo {width:100%; height: 130px; padding:0; display:flex; align-content:center; align-items: center; float:left;}
#BannerSelection .CRM_Box_Logo img {max-width: 100%; width:auto; max-height: 100%; margin:0 auto;}
.CRM_Box hr {margin:10px 0;}
.CRM_Box .box_label {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:5px;
    background:#efefef;
    color:#606060;
    text-align: center;
    font-size: 0.8rem;
}
@media (max-width: 991px) {
    .CRM_Box{width:calc(33% - 10px);}
}
@media (max-width: 576px) {
    .CRM_Box {
        width: calc(50% - 10px);
    }
}
/* /CRM */

/* Video Container */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* /Video Container */

/* Description(Notice) Div Toggle */
.Description{overflow:hidden; position:relative; display:none;}
.Description_Collapse {display:none;} .Description_Expand {display:inherit; height:auto; margin:2% 0 2% 0; padding:15px 0px; background:#fff; border-top: 4px double #707070; border-bottom: 4px double #707070;}
.Description .Button {position:absolute; top:10px; right:0px; z-index:10;}
/* /Description(Notice) Div Toggle */

/* Banner Builder */
.Image_BannerBuilder {border:5px solid #0e76bc; max-width:100%; max-height:400px;} 
/* /Banner Builder */

/* Recruitment Package Builder */
#ProfileLogoHolder{width:60%; margin: 0 auto 8% auto; display:block; text-align:center;}
#ProfileColourHolder{width:54%; margin: 0 auto 3% auto; display:block; padding:2% 2% 2% 0%; text-align:center; border-left: 35px solid #22386e /*Broker Colour*/;}
#Container{position:relative;}
.Container_Show{margin:0 0 20px 0; padding:2%; background: #dbf1ff; float:left; height:auto; width:100%; word-wrap:break-word;}
.Container_Hide{margin:0 0 20px 0; padding:2%; background: #efefef; float:left; height:auto; width:100%; word-wrap:break-word;}
hr.Carved {clear: both; float: none; width: 100%; height: 2px; margin: 1.4em 0; border: none; background: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(221,221,221)), color-stop(0.5, rgb(255,255,255))); background-image: -moz-linear-gradient(center top, rgb(221,221,221) 50%, rgb(255,255,255) 50%);}
.FadedBlue{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(177,223,254)), color-stop(0.5, rgb(255,255,255))) !important; background-image: -moz-linear-gradient(center top, rgb(177,223,254) 50%, rgb(255,255,255) 50%) !important;}
.RecruitmentPackage_Slide li {display:inline-block; vertical-align:top; cursor:move; color: #222; margin: 1%; padding: 2%; width: 22.6%; height: auto; background-color: #fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.RecruitmentPackage_Slide li:hover {-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1);}
.RecruitmentPackage_Slide li.OpenEdit{display:block; width:98%; overflow:auto; padding:0%; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1);}
.RecruitmentPackage_Slide li.OpenEdit .RecruitmentPackageSlides_Edit{display:none;}
.RecruitmentPackage_Slide li.OpenEdit .RecruitmentPackageSlides_Edit_Container{display:block;}
.RecruitmentPackageSlides_Button {position:absolute; top:2px; right:5px;}
.RecruitmentPackageSlides_Button_Show {float:right;}
.RecruitmentPackageSlides_Button_Show:after{font-family: "icomoon"; content:'\ea0a';}
.RecruitmentPackageSlides_Button_Hide {float:right;}
.RecruitmentPackageSlides_Button_Hide:after{font-family: "icomoon"; content:'\ea0b';}
.RecruitmentPackageSlides_Edit {display:block; width:100%; text-align:center; margin:15px 0 0; padding:2%; border-top:#efefef solid 1px; border-bottom:#efefef solid 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
span.RecruitmentPackageSlides_Edit:before{font-family: "fontello"; content:'\e8a2'; margin-right:5px;}
a.RecruitmentPackageSlides_Edit:before{font-family: "fontello"; content:'\e822'; margin-right:5px;}
a.RecruitmentPackageSlides_Edit:hover {background:#0e76bc; color:#fff; text-decoration:none; border-top:#0e76bc solid 1px; border-bottom:#0e76bc solid 1px;}
.RecruitmentPackageSlides_Edit_Container{display:none; float:left; width:100%; margin:-20px 0 0px 0; padding:2%; background:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.RecruitmentPackageSlides_Edit_Container input, .RecruitmentPackageSlides_Edit_Container textarea {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.RecruitmentPackageSlides_Edit_Container .Button {position:absolute; top:-2px; right:-2px; z-index:10;}
.RecruitmentPackageSlides_Edit_Container h4 {font-size:1.8em;}
.RecruitmentPackageSlides_Edit_Container h4 strong{color:#0e76bc;}
.RecruitmentPackageSlides_Edit_Container label .Font_Footnote{font-size:0.7em; color:#808080; margin-left:20px;}
.RecruitmentPackageSlides_Edit_Container label .Font_Footnote:before{font-family: "fontello"; content:'\e817'; margin-right:5px;}
.LeftMargin{margin:0 0 0 5px !important;}
/* /Recruitment Pakcage Builder */

/* Rows */
.Row {width:100%; margin:0 0 2px 0; padding:0; float:left; position:relative;}
.Row_White {background:#fff;} .Row_Grey {background:#303030; color:#fff;} .Row_Blue {background:#2d53a4; color:#fff;} .Row_LightBlue {background:#009af5; color:#fff;}
.Row_Title{float:left; width:auto; margin-right:4.17%; position:relative;}
.Row_TitleDescription{float:left; width:auto; position:relative; color:#a5a5a5; line-height:1.75;} 
.Row_Highlight {padding:15px; border-bottom:5px solid #0e76bc; background:#ffffff; color:#303030; box-shadow: 0px 10px 30px 0 rgba(0,0,0,0.3);}
.Row_Highlight .help-block {color:#303030;}
/* /Rows */

/* MortgageWeb */
.MortgageWebSlider_Box{width:32.3%; height:103px; overflow:hidden; margin:0px 1% 1% 0px; padding:5px; float:left; background:#fff; position:relative; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.1); text-align:center;}
.MortgageWebSlider_Box:hover{-webkit-box-shadow:  0px 0px 5px 1px rgba(14, 118, 188, 0.3); box-shadow:  0px 0px 5px 1px rgba(14, 118, 188, 0.3); cursor:default;}
.MortgageWebSlider_Box_Image{width:100%; padding:0; margin-bottom:0px; display:block; position:relative; overflow:hidden;}
.MortgageWebSlider_Box_Image:hover:after {font-family: "fontello"; content:'\e841'; position:absolute; top:30px; left:0; right:0; margin:0 auto; font-size:4em; color:#fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.MortgageWebSlider_Box_Image img{min-height:120px;}
@media only screen and (min-height: 900px) {
                .MortgageWebSlider_Box_Image:hover:after {top:50px;}
                .MortgageWebSlider_Box_Image img{min-height:160px;}
}

.ThemeGroup { display:inline-block; padding: 10px 0px 10px 0px; }
.ThemeSelect {float:right; margin-right: 8px;}
/* /MortgageWeb */

/* Marketing Dashboard */
.Wrapper_SubContents h3, .Wrapper_SubContents_Responsive h3 {margin-bottom:20px; word-wrap:break-word;}
.Wrapper_SubContents h5, .Wrapper_SubContents_Responsive h5 {margin-bottom:20px; word-wrap:break-word; color: #0e76bc;}
.Contents_ColumnWide_Responsive {width:100%; padding:1px 15px; position:relative; float:left; overflow:visible;}
.Wrapper_TabNavigation {width:100%; max-width:1600px; height:60px; background:#303030; margin:-50px 0 0; padding:0; position:relative; font-size:1.286em; color:#fff; overflow:auto;}
.Wrapper_TabNavigation ul{list-style:none; width:970px; margin:10px auto 0 auto; position:relative;}
.Wrapper_TabNavigation li{float:left; line-height:50px; margin-right:5px;}
.Wrapper_TabNavigation li.selected, .Wrapper_TabNavigation li.selected a, .Wrapper_TabNavigation li.selected a:visited, .Wrapper_TabNavigation li.selected a:active, .Wrapper_TabNavigation li.selected a:hover{background:#f1f1f1; color:#303030; cursor:default; display:block; padding:0 15px;}
.Wrapper_TabNavigation li a, .Wrapper_TabNavigation li a:visited, .Wrapper_TabNavigation li a:active{color:#fff; line-height:50px; display:block; padding:0 15px;}
.Wrapper_TabNavigation li a:hover {background:#f1f1f1; color:#303030;}
/* Filter */
.Wrapper_ListFilter {width:100%; max-width:1600px; height:60px; font-size:1.28em; color:#303030; text-align:center; line-height:60px; background:#f1f1f1; margin:0 0 0; padding:0; position:relative;}
.Container_ListFilter {width:1100px; margin:0 auto; position:relative;}
.Container_ListFilter label {display:inline-block; margin-right:5px; font-size:0.8em;}
.Container_ListFilter input {border:1px solid #c0c0c0; width:200px; background:#fff; color:#707070; padding:5px; margin:0 30px 0 0; font-size:0.8em;}
.Container_ListFilter select {border:1px solid #c0c0c0; width:160px; background:#fff; color:#707070; padding:4px 5px; margin:0 20px 0 0; font-size:0.8em;}
.SearchButton {color:#303030; display:inline-block; position:relative; padding:0px 10px; margin:0 0 0 -35px;}
.SearchButton:after{font-family: "icomoon"; content:'\e986';}
.SearchButton:hover {color:#0e76bc;}
/* /Filter */
/* Global Marketing Type */
.Wrapper_GlobalMarketingSchedule {width:100%; max-width:1600px; height:auto; font-size:1.28em; color:#fff; background:#2d53a4; margin:-10px 0 20px; padding:0 0 0px; position:relative;}
.Container_GlobalMarketingSchedule {width:100%; min-width:970px; margin:0 auto; padding:0px; position:relative;}
#MarketingSchedule {cursor:pointer; display:block; padding:10px 15px; position:relative; float:right; background:#3f74e5; /*margin-top:-5px;*/}
#MarketingSchedule.close {color:#fff !important; font-weight: inherit !important; font-size:inherit !important; padding:10px 15px !important; text-shadow:none !important; opacity:inherit !important; }
#MarketingSchedule.open:after{font-family: "icomoon"; content:'\e9bf'; position:relative; margin-left:15px; padding:5px;text-align:center; background:#fff; color:#2d53a4; line-height:17px; display:inline-block; width:auto; height:auto;}
#MarketingSchedule.close:after{font-family: "icomoon"; content:'\e9bf'; position:relative;}
#GlobalMarketingSchedule_Options {
    margin: 0px 0 15px;
    padding: 15px;
    position: relative;
    font-size: 0.8em;
    overflow: auto;
    background: #fcfcfc;
    color: #303030;
    border-top: 4px solid #3f74e5;
    border-bottom: 4px solid #3f74e5;
}
#GlobalMarketingSchedule_Options h3{border-bottom:1px solid #303030;}
.Table_MarketingType {margin:15px 0 30px; position:relative; width:100%;}
.Table_MarketingType th {padding:5px 10px; font-size:1.2em; text-align:left; display:inline-block; width:31%;}
.Table_MarketingType td {padding:5px 10px; color:#303030; vertical-align:top; display:inline-block; width:31%;}
/* Tooltip */
.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(tooltip);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
/* /Tooltip */
/*
.Table_MarketingType input[type=checkbox] + label {padding: 5px 2px;}
.Table_MarketingType input[type=radio] + label:hover, .Table_MarketingType input[type=checkbox] + label:hover, .Table_MarketingType input[type=checkbox]:checked + label:hover {background:#303030;}
*/
/* Checkbox Fix */
.Table_MarketingType input {width:auto; float:left;}
.Table_MarketingType input[type=checkbox] {display: inline-block; margin-left:0; margin-right:5px; clear:both;}
.Table_MarketingType select {width:100%;}
.Table_MarketingType label {float:left; display: inline-block;}
.Table_MarketingType input[type=checkbox] + label {display: inherit; margin:0 2px 0 0; padding: 6px 4px; background: none; color:#303030; border:none; cursor:default; font-size:1em;}
.Table_MarketingType input[type=checkbox] + label:hover, .Table_MarketingType input[type=checkbox]:checked + label:hover {background: none; color:#303030;}
.Table_MarketingType input[type=checkbox]:checked + label {background:none; color:#303030;}
.MarketingList_MarketingType_SubColumn input {width:auto; float:left; width:50%;}
.MarketingList_MarketingType_SubColumn input[type=checkbox] {display: inline-block; margin:0;}
.MarketingList_MarketingType_SubColumn label {float:left; display: inline-block;}
.MarketingList_MarketingType_SubColumn input[type=checkbox] + label {display: inherit; margin:0 2px 0 0; padding: 6px 4px; background: none; color:#fff; border:none; cursor:default; font-size:1em;}
.MarketingList_MarketingType_SubColumn input[type=checkbox] + label:hover, .MarketingList_MarketingType_SubColumn input[type=checkbox]:checked + label:hover {background: none; color:#fff;}
.MarketingList_MarketingType_SubColumn input[type=checkbox]:checked + label {background:none; color:#fff;}
/* /Checkbox Fix */

/* /Global Marketing Type */

/* List View */
#FloatSave {display:none;}
.MarketingList_Header {width:100%; margin-bottom:10px; position:relative;}
.MarketingList_Header_Fixed {position:fixed; top:0; left:0; padding:10px 10px 0px; background:#fff; z-index:10; -webkit-box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; border-bottom:5px solid #0e76bc;}
.MarketingList_Header_Container {width:100%; max-width:1580px; position:relative; margin:0 auto;}
.MarketingList_Header_Fixed .MarketingList_SubTitle{border-bottom:0px;}
.MarketingList_Header_Fixed #FloatSave {display:inherit;}
.MarketingList_Header_Fixed #FloatSave .SubmitButton {font-size:1em;}
.MarketingList_Title {padding:0 0 5px; margin-bottom:5px; border-bottom:2px solid #0e76bc;}
.MarketingList_SubTitle {font-weight:bold; padding:5px 0 10px; border-bottom:1px solid #303030;}
.MarketingList_MarketingType_Column {width:14%; position:relative; float:left; margin-right:1%;}
.MarketingList_MarketingType_SubColumn {width:49%; position:relative; float:left; margin-right:1%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box;}
.MarketingList_Client_Column {width:85%; position:relative; float:left;}
.MarketingList_Client_SubColumn {width:11.5%; min-width:80px; position:relative; float:left; margin-right:1%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box;}
.MarketingList_Client_CreatedDate {font-size:0.8em; border-top: solid 1px #c0c0c0; margin-top:3px; padding-top:3px;}
.Wrapper_MarketingList_Row {width:100%; padding:8px 0; position: relative; float:left; min-height:30px; border-bottom:1px solid #efefef;}
.Wrapper_MarketingList_Row .SubmitButton {font-size:1em;}
/* /List View */
/* Client Information View */
.Wrapper_MarketingList_Client_Information {
    margin: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #0e76bc;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.Wrapper_MarketingList_Client_Information h2{font-size:2.2rem; color:#fff; line-height:1; border-bottom:#fff solid 1px; padding-bottom:0.5rem; margin-bottom:0.5rem;}
    .Wrapper_MarketingList_Client_Information h3 {
        margin: 0;
        color: #fff;
        line-height: 1;
    }
    .Wrapper_MarketingList_Client_Information h4 {
        border-bottom: 2px solid #c0c0c0;
        padding-bottom: 10px;
    }
    .Wrapper_MarketingList_Client_Information_Contents{background:#fff; padding:1rem;}
    .Wrapper_MarketingList_Client_Information_Contents label {
        display: inherit;
        margin-bottom: inherit;
        font-size: inherit;
    }
        .Wrapper_MarketingList_Client_Information_Contents .mud-input {
            margin-bottom: 0.5rem; background:#fff;
        }

.ClientInformation_Close {margin-top:15px !important;}
.Edit_Visibility {display:none;}
/* /Client Information View */

/* Direct Email View */
.Wrapper_MarketingList_DirectEmail {width:100%; position:relative; margin:10px 0; padding:15px; background:#fff; color:#303030; border-bottom:2px solid #0e76bc; border-top:2px solid #0e76bc; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; overflow:auto;}
.Wrapper_MarketingList_DirectEmail iframe { width:100%; padding:0; border:0; height:100px;}
/* /Direct Email View */

/* /Marketing Dashboard */

/* Form */
/* Input Style */
.form-group {
    margin-bottom:10px;
}
label {
    display: block; /*margin-bottom:5px;*/
    font-size: 1rem;
}
input {border:1px solid #c0c0c0; width:327px; background:#fff; color:#707070; padding:10px; margin:0 0 10px 0; font-size:1em;}
input:focus {background: #202020; color:#fff;}
.Required {border-color:#0e76bc;}
.Error { border-color: #A20000; background-color:#c90000; color:#FFF; }
select {border:1px solid #c0c0c0; width:349px; background:#fff; color:#707070; padding:9px 10px; margin:0 0 10px 0; font-size:1em;}
select:focus {background-color: #202020; color:#fff;}
textarea {width:327px; height:150px; min-height:150px; border:1px solid #c0c0c0; background:#fff; color:#707070; padding:10px; margin:0 0 10px 0; font-size:1em; resize:vertical;}
textarea:focus {background-color: #202020; color:#fff;}
.Input_Wide{width:698px}
/*CSS3 style Button */
.SubmitButton {border:0px; background:#202020; color:#ffffff; display:block; width:auto; height:auto; margin:0px; padding:5px 10px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:300 !important;}
.SubmitButton:hover {color:#fff; background:#0e76bc; cursor:pointer;}
/*CSS3 style Radio & Checkboxes */
input[type=radio], input[type=checkbox] {display:none;margin:10px;}
input[type=radio] + label {display:inline-block; margin:0 2px 5px 0; padding: 5px 10px 5px 10px; background-color: #efefef; border:none; cursor:pointer; font-size:1em;}
input[type=radio] + label .icon-check, input[type=checkbox] + label .icon-check {color:#d1d1d1;}
input[type=radio] + label:hover .icon-check, input[type=radio]:checked + label .icon-check, input[type=checkbox] + label:hover .icon-check, input[type=checkbox]:checked + label .icon-check {color:#fff;}
input[type=checkbox] + label {display:inline-block; margin:0 2px 0 0; padding: 5px 4px; background-color: #efefef; border:none; cursor:pointer; font-size:1em;}
input[type=checkbox] ~ label {display:inline-block; margin:0 2px 0 0; padding: 5px 4px; background-color: #efefef; border:none; cursor:pointer; font-size:1em;}
input[type=radio] + label:hover, input[type=checkbox] + label:hover, input[type=checkbox]:checked + label:hover {background:#0e76bc; color:#fff;}
.checked { background:#0e76bc; color:#fff; }
/* icon hack to style like btn-brokerbase label */
input[type=radio] + label .icon-check:before, input[type=checkbox] + label .icon-check:before {font-family: 'icomoon'; content: '\ea11'; display: inline-block; color:#c0c0c0;}
input[type=radio] + label:hover .icon-check:before, input[type=radio]:checked + label .icon-check:before, input[type=checkbox] + label:hover .icon-check:before, input[type=checkbox]:checked + label .icon-check:before {font-family: 'icomoon'; content: '\ea10'; display: inline-block; color:#fff;}
/* Change background color for label next to checked radio button to make it look like highlighted button */
input[type=radio]:checked + label{background-image: none; background-color:#202020; color:#fff; cursor:default;}
input[type=checkbox]:checked + label {background-image: none; background-color:#202020; color:#fff;}
input[type=checkbox]:checked ~ label {background-image: none; background-color:#202020; color:#fff;}
h3 input[type=checkbox] + label {display:inline-block; margin:0 2px 0 0px; padding: 5px 10px; background-color: #efefef; color:#606060; border:none; cursor:pointer; font-size:1em;}
/* label with btn-brokerbase */
label.btn-brokerbase{padding:6px !important; color:#303030 !important; background:#efefef !important; border:1px solid #c0c0c0 !important;}
label.btn-brokerbase:hover{color:#fff !important; background:#0e76bc !important; border:1px solid #2d53a4 !important;}
label.btn-brokerbase:before { font-family: 'icomoon'; content: '\ea11'; display: inline-block; color:#c0c0c0; margin-right:4px;}
label.btn-brokerbase:empty:before {margin-right:0px !important;}
input[type=checkbox]:checked ~ label.btn-brokerbase{color:#fff !important; background:#303030 !important; border:1px solid #000000 !important;}
input[type=checkbox]:checked ~ label.btn-brokerbase:hover {color:#fff !important; background:#0e76bc !important; border:1px solid #2d53a4 !important;}
input[type=checkbox]:checked ~ label.btn-brokerbase:before { font-family: 'icomoon'; content: '\ea10'; display: inline-block; color:#fff; margin-right:4px;}
/* Error message for Jquery Form Validate */
form label.error{font-size:0.9em; color:#F00; margin-left:0px;}
.field-validation-error{font-size:0.9em; color:#ffffff; margin: 0 0 6px 0; display:table; padding:10px; background:#ca2027; border-radius:4px; }
:empty.field-validation-error{display:none;}
:empty.validation-summary-errors{display:none;}
.validation-summary-errors {    
    padding: 0;
    margin-top: 18px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.validation-summary-errors ul li {padding: 10px 14px 10px 14px;}
.validation-summary-errors ul li:before { font-family: 'icomoon'; content: '\ea0c'; display: inline-block; margin-right:10px;}
/* /Form */

/* Notification */
.Notification {
    width: 100%;
    padding: 1.5rem 1rem;
    margin: 0px 0;
    display: block;
    background: #303030;
    color: #fff;
    border-bottom: 5px solid #efefef;
    position: fixed;
    z-index: 100;
    box-shadow: 0px 20px 23px 0 rgba(0,0,0,.3)
}
.Notification-Success {background:#0e76bc;}
.Notification-Warning {background:#FF9E00;}
.Notification-Failed {background:#AF0000;}
.Notification h1, .Notification h2, .Notification h3 {color:#fff; line-height:1.6; margin-bottom:10px; font-weight:bold; font-size: 1.2em;}
.Notification-Close { position:absolute; top:1rem; right:1rem; cursor:pointer; }
/* /Notification */

/* Footer */
#Wrapper_Footer{width:100%;max-width:1600px;margin:50px auto 0; padding:20px 0; position:relative; overflow:auto; background:#fff; border-top:4px solid #efefef;}
.Footer_Shadow{-webkit-box-shadow:0px -4px 5px 2px rgba(0, 0, 0, 0.1); box-shadow:0px -4px 5px 2px rgba(0, 0, 0, 0.1);}
#Contents_Footer {width:970px; margin:30px auto; position:relative;}
#Wrapper_Sitemap{width:100%; position:relative; overflow:auto; background:#f1f1f1;}
#Contents_Sitemap{width:970px; margin:30px auto; padding:0px; position:relative;}
#Contents_Sitemap .Contents_Nav_Column1 li a{color:#101010; padding:2px 10px; display:inline-block; position:relative;}
#Contents_Sitemap .Contents_Nav_Column1 li a:hover{color:#0e76bc;}
.Contents_Footer_SocialMedia{position:absolute; top:0px; right:0px; font-size:2em; z-index:101;}
.Contents_Footer_SocialMedia a{color:#101010;} .Contents_Footer_SocialMedia a:hover{color:#0e76bc;}
.Column_Footer_Lender{width:42.0492%; position:absolute; bottom:0; left:0;} .Column_Footer_Lender img{height:30px;}
.Column_Footer_Logo{width:15.9016%; min-height:50px; margin:0px auto; position:relative;}
.Column_Footer_Legal{width:42.0492%; position:absolute; bottom:0; right:0; font-size:0.85em; text-align:right;}
.Footer_Logo {max-height: 30px;}
.Footer_Logo_Sticky{margin-right:70px;}
@media only screen and (min-width:1700px) {
    .Footer_Logo_Sticky {
        margin-right: 0px;
    }
}
/* /Footer */
/*==============
Spinner
==============*/
.page-aligned-spinner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 0px;
    z-index: 10100;
}

.page-aligned-spinner span {
        opacity: 0.92;
        background: url(/Images/loader.gif) no-repeat center center;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        position: absolute;
        border-radius: 8px;
        width: 32px;
        height: 32px;
}

.spinner {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.5);
    display: block;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.spinner-circle {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: auto;
    z-index: 100000;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    background: #FFF;
    transform: translate(-50%, -50%);
}

    .spinner-circle:after, .spinner-circle:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 70px;
        height: 70px;
        border: 10px solid transparent;
        border-bottom: 10px solid #0E76BC;
        border-radius: 100%;
        -webkit-animation: rotate 1s linear infinite;
        animation: rotate 1s linear infinite;
    }
    .spinner-circle:before {
        width: 90px;
        height: 90px;
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*Log In*/
#Wrapper_LogIn {
    box-shadow: 0px 12px 23px 0 rgba(0,0,0,.3);
    border-radius: 4px;
    overflow: auto;
    background: #fff;
    margin-top: 0px;
    padding-top: 1rem;
    display: flex;
    flex-flow: column;
}
#Login_Footer {
    background: linear-gradient(0deg, rgba(14, 118, 188, 1) 76%, rgba(45, 83, 164, 1) 100%);
    padding: 1rem 0 3rem 0;
    flex: 1 1 auto !important;
    color:#fff;
    text-align:center;
}
    #Login_Footer a, #Login_Footer a:visited, #Login_Footer a:active, #Login_Footer a:hover, #Login_Footer a:focus {
        color: #fff;
        text-decoration: none !important;
    }
}
/*remodal*/
.remodal {
    max-width: 750px;
    width: 100%;
}

/*Bootstrap Tab*/
.nav-tabs {border-bottom:1px solid #0e76bc;}
.nav-tabs > li > a {font-size:1.5em;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:1px solid #0e76bc; background:#0e76bc; color:#fff;}
.nav-tabs > li > a{border-radius:0;}
.nav-tabs > li > a:hover{border-bottom-color:#0e76bc;}

/*Alert*/
#PartnerList_Empty, #ProfilePhotoHolder_NoPhoto, #ProfilePhotoHolder_Error {    
    padding: 0; margin-top: 18px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #31708f; background-color: #d9edf7; border-color: #bce8f1;
}
#PartnerList_Empty h3, #PartnerList_Empty h4, #ProfilePhotoHolder_NoPhoto h3, #ProfilePhotoHolder_NoPhoto h4, #ProfilePhotoHolder_Error h3, #ProfilePhotoHolder_Error h4 {padding:15px !important; color:#000000;clear:both;}
#PartnerList_Empty h3:before, #PartnerList_Empty h4:before, #ProfilePhotoHolder_NoPhoto h3:before, #ProfilePhotoHolder_NoPhoto h4:before, #ProfilePhotoHolder_Error h3:before, #ProfilePhotoHolder_Error h4:before {font-family: "icomoon"; content:'\ea0c'; margin-right:5px; color:#000000;}

/*Thumbnail*/
.thumbnail_Blue {background: #e6f1ff; padding: 8px; border-radius: 4px; border: 1px solid #cbe2ff;}
.thumbnail_Grey {background: #efefef; padding: 8px; border-radius: 4px; border: 1px solid #c0c0c0;}
.thumbnail_col_md_3 {width: 100%; margin-right:0; margin-bottom:10px;}
@media (min-width: 992px){
    .thumbnail_col_md_3 {width: calc(25% - 5px); margin-right:5px; margin-bottom:5px;}
}

/*Terms*/
.Wrapper_terms .multi-column {
    width: 100%;
    column-count: 2;
    column-gap: 2rem;
    /* For older browser compatibility */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
}
.Wrapper_terms h5{
    font-size:2rem;
    margin: 2rem 0 0.5rem 0;
}
.Wrapper_terms .multi-column h5:first-of-type {
    margin-top: 0;
}
    @media (max-width: 450px) {
        .Wrapper_terms .multi-column {
            column-count: 1;
            /* For older browser compatibility */
            -webkit-column-count: 1;
            -moz-column-count: 1;
        }
    }

/*app*/
.loading-progress {
    margin: 0 auto 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*MudBlazor*/
.mud-alert:has(.mud-alert-message:empty) {
    display: none;
}
.mud-tab.mud-tab-active {
    color: #0e76bc;
}
    .mud-tab.mud-tab-active:hover{
        background:none;
        cursor:default;
    }
    .mud-tab-slider {
        background: #0e76bc;
    }
.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border{color:#0e76bc;}
.mud-alert {max-width:800px; margin:0 auto;}
.mud-alert-message {word-break:break-word;}
    .mud-alert-message h2 {
        border-bottom: 1px solid rgba(255,255,255,0.7);
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
    }
/*MudBlazor Table*/
.mud-dialog .alert-title{
    color:#0e76bc;
    font-weight:600;
}
td.mud-table-cell {
    word-break: break-word;
}
@media (max-width: 450px) {
    .mud-table .mud-table-pagination .mud-table-pagination-toolbar {
        flex-wrap: wrap;
        padding-top: 16px;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
        min-height: 100px;
    }
}
@media (max-width: 600px) {
    .mud-xs-table .mud-table-row {
        display: block;
        margin: 1rem 0 2rem;
        padding: 1rem 0;
        border: 1px solid #0e76bc;
        border-radius: 0.5rem;
    }

    .mud-table-row.tr-bamp-deal-details {
        padding: 0;
        border: none;
        border-radius: inherit;
    }

    .tr-bamp-deal-details .Wrapper_MarketingList_Client_Information {
        margin: 0;
        box-shadow: none;
    }

    .mud-xs-table .mud-table-row .mud-table-cell:last-child {
        border: none;
    }

    .mud-table-cell:empty {
        display: none;
    }
}