/********Login styles*****/

/*background image on the logged out pages*/
#custom-theme { position: relative; text-align: center; width: 100%; background-image: url('img/intro-bg.jpg'); background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }

/*logo on the webparts and the main logo on the logged out pages*/
#custom-logo-bg {background-image: url('img/logo.png');background-repeat: no-repeat;display: block;width: 100%;height: 80px;position: relative;background-size: contain;background-position: center;padding: 0px !important;margin: 0px !important;}
#custom-main-logo{background-image: url('img/main-logo.png');background-repeat: no-repeat;display: block;background-size: contain;background-position: center;height:370px;width: 460px;}

/*the white webpart area on the logged out pages*/
.panel-admin { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 5px; margin-top: 30px; margin-bottom: 20px; }

/*Button for the logged out pages*/
.custom-btn { background-color: #9fc163; border-color: #9fc163; color: #ffffff;}
.custom-btn:hover,.custom-btn:focus, .custom-btn:hover,.custom-btn:focus,.custom-btn:active,.custom-btn.active,
.custom-btn.active:hover,.custom-btn.disabled:hover,.custom-btn.disabled:focus,.custom-btn.disabled:active,.custom-btn.disabled.active,.custom-btn[disabled] .custom-btn:hover,
.custom-btn[disabled] .custom-btn:focus,.custom-btn[disabled] .custom-btn:active,
.custom-btn[disabled] .custom-btn.active { background-color: #9fc163; border-color: #9fc163;color: #ffffff; }

/*Signup pages - header control*/
.f1-progress { background: #dddddd;position: absolute; top: 24px; left: 0; width: 100%; height: 1px;  }
.f1-step-icon {  background: #dddddd; font-size: 20px; color: #ffffff; display: inline-block; width: 40px; height: 40px; margin-top: 5px;line-height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.f1-step.active .f1-step-icon { background: #0080c6;width: 48px; height: 48px; margin-top: 0;  font-size: 30px; line-height: 48px; }
.f1-step.completed .f1-step-icon { background: #9fc163; width: 40px; height: 40px; margin-top: 5px;  font-size: 20px; line-height: 40px; }
.f1-step p { color: #dddddd; }
.f1-step.active p { color: #0080c6; }
.f1-step.completed p { color: #0080c6; }

/*Background for all modal dialogs*/
.modal-content { background-color: #ffffff; }
.login-top-menu-text-color{color:#ffffff !important;}
/* text color for the language dropdown on logged out pages*/
.language {color:#333333 !important;}

/*Logged out content only pages - all styles*/
#privacy { background-image: url('img/privacy-bg.jpg');position: relative; min-height: 325px; text-align: center; width: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } 
#privacy .header-content { position: relative; width: 100%; padding: 50px 15px; text-align: center; z-index: 2; }
#privacy .header-content .inner h1 { margin-top: 0; margin-bottom: 0; font-size: 38px; font-weight: 500; color: #ffffff; }

/*all the controls on the logged out pages*/
.form-control { color: #777777; border: solid 1px #999999 ;display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 15px; line-height: 1.5;  background-image: none; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { color: #373737; background-color: #e5f2f5; box-shadow: none; border: solid 1px #0080c6;}
.input-group-addon{border: solid 1px #999999; border-right: none; }
.right-border{border-right: solid 1px #999999;}

/*colors for the logged out pages*/
.secondary-color {color: #0080c6;}
.secondary-color-background{background-color: #0080c6;}
.color-background{color:#ffffff;}
.border-secondary-color { border: solid 1px #0080c6; } 
.border-primary-color{ border-color: #9fc163;}
.primary-color {color:#9fc163;}

/* color and background color for the metafee card table*/
.bg-primary {color: #fff; background-color: #337ab7;}

 /*text color on the logged out pages */
.text-color { color:#2a3f54;} 

/*all hyper links on the logged out pages*/
a.partner-link { color: #0080c6; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
a.partner-link:hover,a.partner-link:focus { color: #9fc163; text-decoration: none; outline: 0; }

/*background color for footer on the logged out pages*/
.loggedout-footer { background-color: #242424; } 
.text-muted { color:#777;} /*text color for footer*/

/*border colors - mainly for horizontal lines on the logged out webparts*/
.border-gray { border: solid 1px #cccccc; } 
.bottom-border-gray { border-bottom: 1px solid #dedede; } 

/*used on the horizontal lines below the title on logged out webparts*/
.green{ border-color: #9fc163;}

/*Color for error and success text, green red check marks for password requirements*/
.color-red{color:#d43f3a;}  
.color-green { color:#5CB85c}

/*LogIn top nav*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #333333 !important; }

.richtext-container-color-background{background-color:#ffffff;}

/********Logged In Styles******************/

/*logo for the sidebar menu*/
#custom-logo-bg-sidebar {background-image: url('img/logo-sidebar-menu.png');background-repeat: no-repeat;display: block;width: 100%;height: 42px;position: relative;background-size: contain;background-position: center;padding: 0px !important;margin: 0px !important;}
@media (max-width: 768px) {#custom-logo-bg {width: auto !important;height: 60px !important;background-size: contain;background-position: center;}}

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Raleway:400,500,700';
/*text color for the sidebar menu*/
.side-menu-text-color{color:#e7e7e7;}
/*horizontal divider for side bar menu*/
hr.horizontal-divider { border: 1px solid #e7e7e7; width: auto; } 
/*background color for the sidebar menu*/
.left_col { background: #2A3F54; min-height: 1320px; } 
/*solid bar covering span of child menus under a menu*/

/*menu text color*/
.nav.side-menu > li > a, .nav.child_menu > li > a { color: #E7E7E7; font-weight: 500; }
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm { border-right: 5px solid #9FC163; } 
/*Background color for child menu item menu item*/
.nav-sm ul.nav.child_menu { background: #3E5367; left: 100%; position: absolute; top: 0; width: 210px; z-index: 4000;  display: none; } /*Background color for child menu item menu item*/ 
/*hover effect on a menu item*/
.nav-md ul.nav.child_menu li:before { background: #425668; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 15px; position: absolute; right: auto; width: 8px; z-index: 1; border-radius: 50%; } /*Gradient effect when you hover on a menu item*/
.nav-md ul.nav.child_menu li:after { border-left: 1px solid #425668; bottom: 0; content: ""; left: 27px; position: absolute; top: 0; }

/*solid bar covering span of child menus under a menu*/
.nav.side-menu > li.current-page, .nav.side-menu > li.active { border-right: 5px solid #9fc163; }

/*logged in top nav menu text color*/
.logged-in-top-menu-text-color {color: #2a3f54 !important;}

/* button for the logged in pages*/
a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger { color: #ffffff; }
.btn-success { background: #26B99A !important; border: 1px solid #169F85; }
.btn-success:focus, .btn-success:active { background: #169f85; border: solid 1px #169f85; }
.btn-success:hover  { background: #169f85!important; border: solid 1px #169f85!important; }
/*success / error messages*/
.alert-success { color: #ffffff; background-color: rgba(38,185,154,0.88); border-color: rgba(38,185,154,0.88); }
.alert-danger { color: #ffffff; background-color: rgba(231,76,60,0.88); border-color: rgba(231,76,60,0.88); }

/*panels inside the main content area of the logged in pages*/
.x_panel { background: #ffffff; border: 1px solid #e7e7e7; position: relative; width: 100%; margin: 8px 15px 8px 6px; padding: 8px 14px; display: inline-block;  -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; opacity: 1; transition: all .2s ease; }
.x_title { border-bottom: 2px solid #e7e7e7; padding: 1px 5px 6px; margin-bottom: 10px; }

/*footer for the logged in pages*/
footer { padding: 15px 20px 30px 15px; display:block; background-color: #f7f7f7; }
/*font color for the main area*/
.main-content { color: #2a3f54; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471; } 
/*color for the small icons on the textbox. this must be the same as the color for main-content*/
.icon-color {color:#2a3f54;}
 /*background color for the right column. Main content area*/
body .container.body .right_col { background: #f7f7f7; } 

/*borders*/
#account-type-header { border-bottom: solid 1px #e7e7e7; width: 75%; text-align: center; margin: 0px auto; font-size: 15px; padding-bottom: 6px; }
#account-reason, #account-type { border: solid 1px #e7e7e7; padding: 8px 0; }
.no-left-border-on-mobile { border-right: solid 2px #e7e7e7 !important; }

/*This is for the small chevron icon to collapse/expand sections.*/
.panel_toolbox > li > a:hover { background: #F5F7FA; }  

/*sidebar menu and top nav*/
.nav_menu { float: left; border-bottom: 1px solid #D9DEE4; margin-bottom: 10px; width: 100%; position: relative; } 
.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover { background: #D9DEE4; }

/*all hyperlinks in the logged in pages*/
a { color: #5a738e; text-decoration: none; }
a:hover { color: #5A738E; text-decoration: none; }

/*used when controls are enabled and disabled by code*/
.background-color-disabled{background-color: #EEEEEE;}
.background-color-white{background-color: #FFFFFF;} /*this should be same as the color in x_panel*/

#debit-mastercard { width: 320px; height: 208px; background-image: url('img/debit-mastercard.png'); background-repeat: no-repeat; text-align: center; margin-left: auto; margin-right: auto; }
#debit-mastercard .credit-card-status h1 { text-align: left; font-size: 30px; padding: 20px 0px 30px 18px; text-transform: uppercase; font-weight: 600; }
.card-requested { color: #c69900; text-align: center;font-size: 30px;text-transform:uppercase; }
.card-active { color: #22b14c; text-align: center;font-size: 30px;text-transform:uppercase; }
.card-inactive, .card-expired { color: #ed1c24; text-align: center;font-size: 30px;text-transform:uppercase; }
#debit-mastercard .credit-card-number { text-align: center; font-family:'OCR A Std'; font-weight:normal; font-size:20px; padding-bottom: 5px; color:#000000;}
#debit-mastercard .valid-thru { font-family:'OCR A Std'; font-weight:500; font-size:11px; text-align: center; text-transform: uppercase; color:#000000; }
#debit-mastercard .credit-card-expiration { font-family:'OCR A Std'; font-weight:500; font-size:11px; text-align: left; padding-top: 0px;color:#000000; }
/* text color for the language dropdown on logged in pages*/
.loggedin-language{color:#333333 !important;}


@media (min-width: 768px) 
{
    .navbar-default.affix {background-color: #242424;border-bottom: 2px solid #51af33;}
}

/*.left_col { background: #2A3F54; }*/
.nav-sm .container.body .col-md-3.left_col { min-height: 100%; width: 80px; padding: 0; z-index: 9999; position: absolute; min-height: 1300px; }
.nav-sm .container.body .col-md-3.left_col.menu_fixed { position: fixed; height: 100%; }
.nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox { overflow: visible; }
.nav-sm .hidden-small { visibility: hidden; }
.nav-sm .container.body .right_col { padding: 10px 20px; margin-left: 70px; z-index: 2; }
.nav-sm .navbar.nav_title { width: 80px; }
.nav-sm .navbar.nav_title a span { display: none; }
.nav-sm .navbar.nav_title a i { font-size: 27px; margin: 13px 0 0 3px; }
.nav-sm .main_container .top_nav { display: block; margin-left: 70px; z-index: 2; }
.nav-sm .nav.side-menu li a { text-align: center !important; font-weight: 400; padding: 10px 5px; }
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm { border-right: 5px solid #9FC163; } /*solid right border covering the span of the child menus*/
.nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul { position: static; width: 200px; background: none; }
/*.nav-sm > .nav.side-menu > li.active-sm > a { color: #9FC163 !important; }*/
.nav-sm .nav.side-menu li a i.toggle-up { display: none !important; }
.nav-sm .nav.side-menu li a i { font-size: 25px !important; text-align: center; width: 100% !important; margin-bottom: 5px; }
.nav-sm ul.nav.child_menu { left: 100%; position: absolute; top: 0; width: 210px; z-index: 4000; background: #3E5367; display: none; } /*background for menu when it is minimized*/
.nav-sm ul.nav.child_menu li { padding: 0 10px; }
.nav-sm ul.nav.child_menu li a { text-align: left !important; }
.nav-sm .profile { display: none; }
.nav-sm .menu_section { margin: 0; }
.nav-sm span.fa, .nav-sm .menu_section h3 { display: none; }
.nav-sm li li span.fa { display: inline-block; }
.nav_menu { float: left; border-bottom: 1px solid #D9DEE4; margin-bottom: 10px; width: 100%; position: relative; }
@media (min-width: 480px) {
    .nav_menu { position: static; }
}
.nav-md .container.body .col-md-3.left_col { min-height: 100%; width: 230px; padding: 0; position: absolute; display: -ms-flexbox; display: flex; z-index: 1; }
.nav-md .container.body .col-md-3.left_col.menu_fixed { height: 100%; position: fixed; }
body .container.body .right_col { background: #F7F7F7; } /* back ground color for the right column*/
.nav-md .container.body .right_col { padding: 10px 20px 0; margin-left: 230px; }
/*.nav_title { width: 230px; float: left; background: #2A3F54; border-radius: 0;}*/
@media (max-width: 991px) {
    .nav-md .container.body .right_col, .nav-md .container.body .top_nav { width: 100%; margin: 0; }
    .nav-md .container.body .col-md-3.left_col { display: none; }
    .nav-md .container.body .right_col { width: 100%; padding-right: 0; }
    .right_col { padding: 10px !important; }
}

.btn-group { padding: 10px; }

.btn-margin {
    margin-left: 10px !important;
}
.btn-cursor { cursor:pointer; }

.p-strong { font-weight:900 !important;
}