/* Styles */
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, 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, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/*23-08-2016 style for login box*/
.section.section-login .appForm{margin-bottom:30px}@media (min-width: 768px){.section.section-login .appForm{margin-left:auto;margin-right:auto;max-width:400px}}.section.section-login .appForm .checkbox{margin-top:0}

.c_container{padding-bottom:0px !important;}
.RBCYellow {color:#ffffff;}
.BoldText {font-weight:bold;}
.LOGIN_object, a.LOGIN_object {color:#ffffff;}
.selectclienttxt, .selectmembertxt, .switchusertxt {
    font-size: 100%;
}
.LOGIN_object {}
.switchusertxt a {color:#ffffff;}
a.cssUSERDETAILS {color:#ffffff;}
@media (min-width: 768px) {
    .topbar nav .nav > li .selectmembertxt, .topbar nav .nav > li .switchusertxt, .topbar nav .nav > li .switchlangtxt {
        padding: 0 15px;
        height: 44px;
        padding: 10px 15px;
    }
}
#menu > ul#navbar-1 > li { max-width:125px;border-right: 0px;} /* this will only affect the first level. */
@media (max-width: 767px){
	#mobile-menu .mm-panels .mm-panel ul.mm-listview li.non-mobile-menu {display:none;visibility:hidden;}
}
@media (min-width: 768px) {
    #menu > ul#navbar-1 > li.show-on-menu {
        visibility:hidden;
        display:none;
    }
}
/*only for screen raders*/
#skip-link, .hidden 
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

/* login form */
@media (min-width: 768px) {
    .section.section-login #login-form {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
		max-height: 210px; /*optional: this line can be removed, if required*/
    }

    /* language specific logo */
    .navbar-top>.container .navbar-brand.logo_fr-CA, .navbar-top>.container-fluid .navbar-brand.logo_fr-CA {
	    width: 220px;
	    height: 95px;
	    margin-left: -15px;
        background-image: url(../img/base/logo_fr-CA.png);
        display:flex;
        background-size: contain;
        margin-left: 0px;
	}
	.navbar-top>.container .navbar-brand.logo_en-US, .navbar-top>.container-fluid .navbar-brand.logo_en-US {
	    width: 220px;
	    height: 95px;
	    /*margin-left: -15px; Mantis 77797 Ramizan Nov 2019 */
        background-image: url(../img/base/logo_en-US.png);
        display:flex;
        margin-right: 0px;
        background-size: contain;
        margin-left: 0px;
	}

}

.section.section-login #login-form {
    margin-bottom: 30px;
}
.section.section-login #login-form .dnnLabel {
    text-align:inherit;
}
.section.section-login #login-form .checkbox .dnnLabel { width:100%; }

/*.navbar-top .navbar-toggle + .navbar-brand is not working since .navbar-brand is inside an additional span */
@media (max-width: 992px) {
    .navbar-top .navbar-toggler + .navbar-brand, .navbar-top .navbar-toggler + span .navbar-brand,.navbar-light .navbar-brand {
        margin-left: 85px;
    }
}
/*langage switch control*/
.langButton, .langButton:hover, .langButton:focus, .langButton:active, .langButton.active, .open>.dropdown-toggle.langButton {
    background-color: #0079c1;
    color: #fff;
    border:0px;
}
.switchlangtxt { font-size:100%; font-weight:bold;}
.switchlangtxt ul.dropdown-menu { z-index:1010;}
.switchlangtxt.open .dropdown-menu { min-width: 120px; top:90%;}
@media (max-width: 767px) {

}
/*language switch conrol for login page*/
.loginpagelangtxt{
    margin-top: 20px;
    margin-right: -15px;
    float: right;
    background-color: #fff !important;
    color: #0079c1 !important;
    font-size:85%;
}
.loginpagelangtxt .langButton, .loginpagelangtxt .langButton:hover, .loginpagelangtxt .langButton:focus, .loginpagelangtxt .langButton:active, .loginpagelangtxt .langButton.active, .loginpagelangtxt.open>.dropdown-toggle.langButton {
    background-color: #fff;
    color: #0079c1;
    border:0px;
}

/*.loginpagelangtxt .langButton:hover
{
    background-color: #fff;
    color: #0079c1;
    border:0px;
}*/

@media (max-width: 767px) {
    .loginpagelangtxt {
        margin-right: 0px;
        margin-left: -15px;
    }
    .loginpagelangtxt.open .dropdown-menu {
        margin-right: 0px;
        margin-left: -38px;
        min-width: 100px;
    }
}
/* below 1 lines are 
change to fix the background colour not getting changed 
when mouse-leave it (after opening language switch drop down)*/
.navbar-top .navbar-nav>li>a:focus {background-color: #fff;}

/* below 60 lines (till line number 164) are fixing the top menu height issue */
.navbar-light .navbar-nav>li>a:focus,.navbar-light .navbar-nav>li>a:hover{color:#333;background-color:transparent}
.navbar-light .navbar-nav>.active>a,.navbar-light .navbar-nav>.active>a:focus,.navbar-light .navbar-nav>.active>a:hover{color:#555;background-color:transparent}
.navbar-light .navbar-nav>.open>a,.navbar-light .navbar-nav>.open>a:focus,.navbar-light .navbar-nav>.open>a:hover{color:#555;background-color:transparent}
.navbar-light .navbar-nav>li.active, .navbar-light .navbar-nav>li.active:focus, .navbar-light .navbar-nav>li.active>:hover {
    color: #555;
   /* background-color: #e7e7e7;*/
}
.navbar-light .navbar-nav>li:focus, .navbar-light .navbar-nav>li:hover {
    color: #555;
    background-color: #e7e7e7;
}
/* fix for bug */
.navbar-light .navbar-nav>li.dropdown.open {
    color: #555;
    background-color: #e7e7e7;
}
@media (min-width: 768px) {
    .navbar-top .navbar-nav > li > a {
        height: auto;
    }
    .container{max-width: 1170px;}
}
#menu > ul#navbar-1 > li {
    max-width: 125px;
    height: 95px;
    line-height:95px;
    /*display:table;*/

    /*vertical-align:middle;
    margin: auto 0;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;*/
}
.navbar-light #navbar-1.navbar-nav > li > a {/* display:table-cell;*/padding-top:0px; padding-bottom: 0px;padding-right: 15px; padding-left:15px;}
.navbar-top .navbar-nav>li>a:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

#menu > ul#navbar-1 > li {
   /* older webkit */
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: center;

    /* older firefox */
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;

    /* IE10*/
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;

    /* newer webkit */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: center;

    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Security Questions Form :: STARTS */
.grdSecurityQuestions th, .grdSecurityQuestions td {
    font-size: 100%;
    color: #414141;
}
.grdSecurityQuestions input[type="text"] {
    width: 200px;
}
/*Security Questions Form :: ENDS */
.dataTable1 .ngo_list {list-style-type:none;}

.SingeSessionEnforcement {position:fixed !important;top:10px !important;z-index:101 !important;}

/* custom width for contact us dropdown */
@media (min-width: 768px){
.navbar-top .navbar-nav .li_contact_us_0 .dropdown-menu.dropdown-menu-banner{padding-left:265px;min-width: 100%;white-space:nowrap;min-height:210px;left: auto; right: 0;}
.navbar-top .navbar-nav .li_contact_us_0.open .dropdown-menu.dropdown-menu-banner{display: block;} /* chanderkant */
}
/* new */

.page-login {
	position: relative;
	overflow: hidden;
}
.page-login .container {
	position: absolute;
	top: 0;
	left:0; 
	right:0;
}
.login-bg {
    width: 100%;
    display:flex;
}


@media (max-width: 1024px) {
	.page-login {
		
	}
	.login-bg {
		width: auto;
		height: 100%;
	}	
}

@media (max-width: 767px) {
	.section.section-login {
		margin-top: 150px;
    }	
    .section.section-login .text-right-sm{text-align: right;}
	.login-bg {
		margin-left: -170px;
		margin-right: auto;
		display: block;
	}	
}

.btn-round,
.icon-round{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 3px;
}

.text-black{
    color:#000;
}

.footer-links a:hover,
.footer-links a:visited,
.footer-links a:focus{
    color: #fff;
    text-decoration: underline;
}





/* Accessibility */
#skip {
    display: block;
    padding: 1em;
    color: #fff;
    background-color: #0079c1;
    outline: 0;
}
#skip .skiplink {
    padding: .5em;
    outline: 1px dotted;
    color: #fff;
    background-color: #0079c1;
}

.topbar nav .nav>li>a:hover>span, .topbar nav .nav>li>a:focus>span {
	text-decoration: underline;
} 
.seach-container .search-query .form-control:hover, .seach-container .search-query .form-control:focus {
	border-bottom: 1px solid #0079c1;
}
.seach-container .btn-search:hover, .seach-container .btn-search:focus {
	text-decoration: underline;
}
.navbar-top .navbar-nav .dropdown-menu>li>a:hover, .navbar-top .navbar-nav .dropdown-menu>li>a:focus {
	text-decoration: underline;
}
.navbar>.container .navbar-brand:focus {
	border: 1px solid #0079c1;
}
.navbar-top .navbar-nav .dropdown-menu>li>a {
	color: #333;
}
.navbar-top .navbar-nav .dropdown-menu>li.open>a {
	background-color: transparent;
	color: #333;
}
.navbar-top .navbar-nav .dropdown-select.open a {
	border: 1px solid #0079c1;
	border-radius: 0;
}
.navbar-top .navbar-nav .dropdown-select.open ul li a {
	border: none;
}
.section-login button:focus, .section-login input[type=button]:focus, .section-login input[type=submit]:focus {
    border: 1px solid #0079c1;
}
.nav-links>li>a:hover, .nav-links>li>a:focus {
	text-decoration: underline;
}
.nav-links>li.active>a:hover, .nav-links>li.active>a:focus {
	text-decoration: none;
}
.link-focus {
	text-decoration: underline;
}
.topbar nav .nav>li>a#topbar-search:hover, .topbar nav .nav>li>a#topbar-search:focus {
	text-decoration: underline;
}
.topbar .container a:hover,
.topbar .container a:focus{
    text-decoration: underline;
}
.topbar .container .langButton:hover,
.topbar .container .langButton:focus{
    text-decoration: underline;
}


#langswitch.navbar-top{margin-bottom:0;background-color:#0079c1;color:#fff;border:0;border-radius:0}
#langswitch.navbar-top .navbar-nav.navbar-pills>li.dropdown>a {
    background-color: transparent;
    color: #fff;
}
#langswitch.loginpagelangtxt.navbar-top{margin-bottom:0;background-color:#fff;color:#fff;border:0;border-radius:0}
#langswitch.loginpagelangtxt.navbar-top .navbar-nav.navbar-pills>li.dropdown>a {
    background-color: transparent;
    color: #0079c1;
}
#langswitch.switchlangtxt.navbar-top .navbar-nav.navbar-pills {
     margin-top: 0; 
    margin-right: 0;
}
#langswitch.navbar-top .navbar-nav .dropdown-select.open a {
	border: 0px solid #0079c1;
    border-radius: 0;
    display:block;
}
#langswitch.navbar-top .navbar-nav.navbar-pills>li>a {
    font-size: 100%;
    font-weight: bold;
    padding: 5px 10px;
    padding-top:0;
    background-color: #0079c1;
    color: #fff;
    border-radius: 15px;
}



#tab-container .nav-tabs {
    border: none;
    border-radius: 0;

    width: 100%; 
    list-style-type: none; 
    display: flex; 
    padding: 0;
}
#tab-container .nav-tabs li {
    width: 100%; 
    box-sizing: border-box; 
    flex-wrap: nowrap;
}
#tab-container .nav-tabs li a {
    border-radius: 0;
    border: 2px solid #cacaca;
    padding: 28px;
    background-color: #fff;
    color: #414141;
    font-weight: bold;
    text-align: center;
    margin-right: 0;
}
#tab-container .nav-tabs li:first-child a {
    border-radius: 10px 0 0 10px;
    border: 2px solid #cacaca;
}
#tab-container .nav-tabs li:last-child a {
    border-radius: 0 10px 10px 0;
    border: 2px solid #cacaca;
}
#tab-container .nav-tabs>li>a:focus, #tab-container .nav-tabs>li>a:hover {
    border: 2px solid #0079c1;
    background-color: #fff;
    color: #414141;
}
#tab-container .nav-tabs>li.active>a, #tab-container .nav-tabs>li.active>a:focus, #tab-container .nav-tabs>li.active>a:hover {
    border: 2px solid #0079c1;
    background-color: #0079c1;
    color: #fff;    
}
#tab-container .tab-content {
    margin-top: 45px;
    text-align: left;
}






.link-group{
    margin-top: 45px;
}
.link-group .nav-links {
    border: none;
    border-radius: 0;

    width: 100%; 
    list-style-type: none; 
    display: flex; 
    padding: 0;
}
.link-group .nav-links li {
    width: 100%; 
    box-sizing: border-box; 
    flex-wrap: nowrap;
}
.link-group .nav-links li a {
    border-radius: 0;
    border: 2px solid #cacaca;
    padding: 28px;
    background-color: #fff;
    color: #414141;
    font-weight: bold;
    text-align: center;
    margin-right: 0;
    font-size: 1.133em;
}
.link-group .nav-links li:first-child a {
    border-radius: 10px 0 0 10px;
    border: 2px solid #cacaca;
}
.link-group .nav-links li:last-child a {
    border-radius: 0 10px 10px 0;
    border: 2px solid #cacaca;
}
.link-group .nav-links>li>a:focus, .link-group .nav-links>li>a:hover {
    border: 2px solid #0079c1;
    background-color: #fff;
    color: #414141;
}
.link-group .nav-links>li.active>a, .link-group .nav-links>li.active>a:focus, .link-group .nav-links>li.active>a:hover {
    border: 2px solid #0079c1;
    background-color: #0079c1;
    color: #fff;    
}

.content-live {
    padding: 10px 30px 30px;
}
.content-live h4.title {
    font-size: 1.438em;
    margin-bottom: 20px;
    font-weight: bold;
}


#sub-navigation .nav-links {
    margin-top: 45px;
}
#sub-navigation .nav-links>li>a {
    font-size: 1.133em;
}



.panel-group .panel {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #cacaca;
    box-shadow: none;
    padding-bottom: 20px;
}
.panel-group .panel+.panel {
    margin-top: 15px;
}
.panel-default>.panel-heading {
    color: #0079c1;
    background-color: #fff;
    border-color: transparent;
    min-height: 65px;
    padding: 10px 0 0;
}
.panel-default>.panel-heading a {
    display: block;
    width: 100%;
}
.panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:focus {
    text-decoration: none;
}
.panel-default>.panel-heading a .more-less {
	display: inline-block;
	float: left;
	background-color: #0079c1;
    padding: 10px;
    border: 2px solid #0079c1;
    border-radius: 22px;
    margin: 0 20px 0 0;
}
.panel-default>.panel-heading a:hover .more-less, .panel-default>.panel-heading a:focus .more-less {
	background-color: #1a4d78;
    border: 2px solid #1a4d78;
}
.panel-default>.panel-heading a .more-less:before {
	color: #fff;
    line-height: 20px;
    font-size: 19px;
}
.panel-default>.panel-heading p {
    margin: 0;
    display: table-cell;
    height: 44px;
    line-height: 1.1em;
    vertical-align: middle;
    color: #0079c1;
    font-weight: 600;
    font-size: 1.438em;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    padding-left: 64px;
    font-size: 16px;
}

.h2, h2 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 1.733em;
    font-weight: 300;
}
/*footer css*/
.footer-actions{display: inline-flex;}
.footer-actions ul{display: block;}
.footer-actions ul li{display: inline-block;vertical-align: middle; margin-right: 10px;}
.footer-actions ul li a span , .icon-circle{
    line-height: 30px;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 16px;
}
.footer-actions ul li a:hover>span, .icon-hover:hover>span {
    background-color: #fff;
    color: #0079c1;
}
.infoLink, #myframe .infoLink {
    color: rgb(0,121,193);
    }
    .nav-links>li.active>a {
        color: #414141;
   }
   a, a:visited {
    /* color: rgb(0,121,193); /*blue */
    /* text-decoration: underline; */
    
    color: #0075be;
}
a:focus, a:active {
    outline: 1px solid #add8e6 !important;
}
@media (max-width: 767px) {
	#tab-container .nav-tabs {
	    display: block;
	}
	#tab-container .nav-tabs li {
		display: block;
	}	
	#tab-container .nav-tabs li:first-child a {
	    border-radius: 0;
	}
	#tab-container .nav-tabs li:last-child a {
	    border-radius: 0;
	}	

	.link-group .nav-links {
	    display: block;
	}
	.link-group .nav-links li {
	    display: block;
	}
	.link-group .nav-links li:first-child a {
	    border-radius: 0;
	}
	.link-group .nav-links li:last-child a {
	    border-radius: 0;
	}	

	.content-live {
	    padding: 10px 15px 15px;
    }	
    .footer-actions{display: initial;}
}
.MainTab {
    width: 100%;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 10px 15px 10px 15px;
}
.TwoFactorAuthTab {
    /*width: 100%;*/
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 10px 15px 10px 15px;
}
.TwoFactorAuthTab td {
    padding:10px;
}
.no-padding-right {
    padding-right:0px;
}

.navbar-nav 
{
   flex-direction: row !important;  /* temporary disappearing menu fix -Ramizan*/
} 
/*
.collapse:not(.show) {
    display: block !important;  commented Chanderkant
}*/
 /* temporary disappearing menu fix -Ramizan*/

 /* Css added for inner navigation by Navneet on 29-July-2019 */

 .inner-navigation {justify-content: center;}
 .inner-navigation li a{padding: 10px 15px;}
 div#dnn_ContentPane {width: 100%;}
 #login-form .form-control{max-height: 34px;}
.LoginPanel .text-center-sm .LoginErrorLabel{margin-top: 20px; display: block;width: 100%;}
.page-banner>.container {
    max-width: 100%;padding: 0px;
}
#dnn_ctr2220_ModuleContent div#resultTR {
    font-size: 12px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: inherit;}
.navbar-top .navbar-toggler:focus, .navbar-top .navbar-toggler:hover {
    background-color: #66a6ca;
    outline: none;
}
span.icon-round.btn-blue.bmo-icon-laptop {
    margin-right: 3px;
    top: 3px;
    position: relative;
}
.topbar nav .nav.user-name>li span{    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
}

/* Css added by Navpreet on 4th Sept, 2019  */
.navbar-top#langswitch{
    float: left;
}
#langswitch.navbar-top .navbar-nav.navbar-pills>li>a {
    height: 28px;
}
.panel-default>.panel-heading a[aria-expanded ="true"] .more-less:before{
    content: "\e642";
}
.LoginErrorLabel, .ErrorLabel {
    color: #C81414;
}
.fixed-bottom>.container .back-to-top {
    color: #0075be;
    background-color: #f5f6f7;
}

.navbar-top>.container .navbar-brand, .navbar-top>.container-fluid .navbar-brand {
    margin-left: 86px;
}
@media (min-width: 576px) {
    .container {
        max-width: 1200px !important;
    }
}

@media (max-width: 1180px) {
    #langswitch ul li.open>.dropdown-menu {
        display: none;
    }
    #langswitch ul li.show>.dropdown-menu {
        display: block;
    }
    
}
/*new language selector css*/
.lng-selector button {
    border-radius: 0px;
    font-size: .86em;
    font-weight: bold;
    opacity: 1;
    color: #0079c1;
    letter-spacing: .5px;
}
.lng-selector ul{border-radius: 0px;border:none;    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);top: 32px;}
   
.lng-selector ul li{}
.lng-selector ul li a {
    display: block;
    padding: 5px 0px 5px 15px;
    color: #333;
    font-weight: 400;
    font-size: .86rem;
}
.lng-selector:hover ul {display: block;}
.nav-right .lng-selector button{color: #fff;font-size: 100%;margin-top: 5px;}
.lng-selector button.focus, .lng-selector button:focus {

 box-shadow: none; 
    outline: 1px solid #add8e6 !important;
}
@media (max-width: 767px){
    .ModForgotPasswordQuestionsC .alert{
       display: block;
       margin-top: 10px;
    }
    .section.section-login h1{
        font-size: 1.8em;
    }
}

.header-login .navbar-top>.container .navbar-brand, .header-login .navbar-top>.container-fluid .navbar-brand{
    margin-left: 0 !important;
}

#login-form .row.form-group{
    margin-left: 0;
    margin-right: 0;
}

#login-form .btn-blue{
    margin-left: 15px;
}

#login-form .checkbox label{
    margin-left: 9px;
}