/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 13, 2018, 6:01:26 PM
    Author     : pradipk
*/

/*======Glodal setup start=======*/

body{
    font-family: Poppins;
}
body :focus{
    outline: 1px dashed #595959 !important;    
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0 !important;
}

.m-accordion__item-title :focus{
    outline: 1px dashed #595959 !important;
}
a:focus {
outline: medium dotted black !important;
z-index: 1000 !important;
}


a,
a:visited {
    text-decoration: underline !important;
}
a{
    color:#0000FF;
    text-decoration: none !important;
}

/*Skip to main contain */
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
/*======Glodal setup end=======*/

/* Start ADA Tag element hide */

.sr-only {
position: absolute;
left: -9999px;
}

/* check box + radio control */

.m-checkbox>span, .m-radio>span{
    border: 1px solid #6e6e6e;
}
.m-checkbox>input:checked ~ span {
    border: 1px solid #6e6e6e;
}
.m-radio>input:checked ~ span {
    border: 1px solid #6e6e6e;
}

/* Responsive Datatable control */
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    top: 50%;
    left: 8px;
    height: 20px;
    width: 20px;
    margin-top: -9px;
    font-size: 20px;
    color: #004D00 !important;
    border: 0;
    background-color: transparent;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\f2c3" !important;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\f28f" !important;
    color: #9E0000 !important;
    background-color: transparent
}

/* Datepicker control */

.day.active{
    background: #182277 !important;
    color: #fff !important;
}

.day:hover {
    background: #182277 !important;
    color: #fff !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* End ADA Tag element hide */

/*===========Login page start=========*/


.limiter {
    width: 100%;
    margin: 0 auto;
}

.container-login100 {
    width: 100%;  
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;  
}

.container-login100::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    background-image: url('../../assets/images/CSBA-Background.jpg');  
    background-repeat: no-repeat;
    background-size: cover;
}


.wrap-login100 {
    width: 700px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 7px 3px rgba(58,126,157,0.78);
    -moz-box-shadow: 1px 1px 7px 3px rgba(58,126,157,0.78);
    box-shadow: 1px 1px 7px 3px rgba(58,126,157,0.78);
}

/* Note: This class for other pages except login page */
.container-login_otherPages {
    width: 100%;  
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;  
}
.container-login_otherPages::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;   
    background-repeat: no-repeat;
    background-size: cover;
}
.wrap-login_otherPages {
    width: 75%;
    border-radius: 0px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    
}

.form-control {
    display: block;
    width: 100%;
    /*padding: .65rem 1rem;*/
    font-size: 1rem;
    line-height: 1.5 !important;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #6e6e6e !important;
    border-radius: .35rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control {
    font-family: inherit;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    border-radius: 40px;
    border: none;
    padding: 1.5rem 1.5rem;
    margin-top: 1.5rem;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
    color: #000;   
    border:1px solid #000000 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
    text-align: center !important;
    margin: 0 auto .5rem auto !important;
}
.m-login__account-msg{
    color:#000 !important;
}

/*========Login page end============*/






/*======Specific section======*/


/* All Buttons control */

.btn-primary {
    color: #fff !important;    
    background-color: #993333;
    border-color: #993333;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #00346B;
    border-color: #00346B;
}
.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(88, 103, 221, 0.5);
    box-shadow: 0 0 0 .2rem rgba(88, 103, 221, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #00346B;
    border-color: #00346B;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00346B;
    border-color: #00346B;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(88, 103, 221, 0.5);
    box-shadow: 0 0 0 .2rem rgba(88, 103, 221, 0.5)
}
/* Left-Aside top-section header */

.leftAsideHeader{
    background-color: #993333 !important;
}
.leftAsideHeader-Text{
    color:#ffffff !important;
}
.leftAsideHeader-Icon{
    color:#ffffff !important;
}

/* Top menu bar header */

.m-page--wide .m-header,
.m-page--fluid .m-header {
    background-color: #363636;
}

.m-page--boxed .m-header .m-header-head {
    background-color: #363636;
}

/* Top header menu item text color */
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: #ffffff;
}
/* Top header menu item, submenu item text hover color*/
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text{        
    color:#FFC175;
}

/* Top header menu item text active color*/
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text .selectedPortfolio {
    color:#FFC175;
    font-family: Poppins !important;
}
/* Top header menu > submenu item text active color*/
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__link .m-menu__link-text .selectedPortfolio {
    color:#FFC175;
    font-family: Poppins !important;
}
/* Top header menu > submenu item icon color*/
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-icon{        
    color:#ffffff;
}

/* Top header menu > submenu item icon hover color*/
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-icon{        
    color:#FFC175 !important;
}



/* Top header menu item icon color */
.topmenulinkIcon{
    color:#ffffff !important;
}
/*Top header user icon drill-down background*/
.userProfile-Top-BG{
    background-color: #2e2e2e !important;
}



/*Top header submenu background color and arrow color and size*/

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav {
    background-color: #363636 !important;
    -webkit-box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
    box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
}

@media (min-width: 1025px){
    .m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--tabs>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before, .m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before {
        position: relative;
        top: 100%;
        margin-top: 11px;
        font-size: 60px;
        color:#363636;
    }
}

@media (min-width: 1025px){
.m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--tabs>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before, .m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before {
    display: inline-block;
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0px;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\25B2";
}
}
/* All portlet header */

.m-portlet__head{
    background-color: #006699 !important;

}
.m-portlet--admin-head{
  background-color: #006699 !important;   
}
.m-portlet__head-text{
    color:#ffffff !important;  
}
.m-portlet__admin-head-text{
     color:#ffffff !important;
}
.m-wizard.m-wizard--step-between [data-wizard-action="next"] {
    background-color: #993333 !important;
    color: #ffffff;
}
.m-wizard.m-wizard--step-between [data-wizard-action="prev"] {
    background-color: #993333 !important;
    color: #ffffff ;
}
/****** Left Account Section item bg + icon + right-arrow******/
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link {
    background-color: #eabfbf;
}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
    background-color: #eabfbf;    
}
.leftAside-itemIcon{
    color:#204776 !important;
}
/****** Left Account Section item text color******/
.accountList-bold {    
    color: #153A6A !important;
}

/****** Left Aside Accounts Selected Color *******/
.accntSelected{
    background-color: #f7e6e6 !important;  
   
}
.accntNtSelected{
    background-color: inherit !important; 
}
.m-left-menuItem {
    color: #030335 !important;
    
}
.m-badge-accountList {
    background-color: transparent !important;
    color: #030335;   
}
/* Wizard -User Section Button */
.m-wizard.m-wizard--step-between [data-wizard-action="next"] {
    background-color: #993333 !important;
    color: #ffffff;
}
.m-wizard.m-wizard--step-between [data-wizard-action="prev"] {
    background-color: #993333 !important;
    color: #ffffff ;
}
.m-wizard.m-wizard--step-between [data-wizard-action="next"]:hover {
    color:#ffffff !important;
    background-color: #00346B !important;
    border-color: #00346B !important;
}
.m-wizard.m-wizard--step-between [data-wizard-action="prev"]:hover {
    color:#ffffff !important;
    background-color: #00346B !important;
    border-color: #00346B !important;
}
/* Switch button controll */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #5867dd;
    border-color: #5867dd;
    color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    padding-top: .85rem;
    padding-bottom: .85rem;
    padding-left: 0.5rem; 
    padding-right: 0.5rem; 
    letter-spacing: 0rem;
    line-height: 1.25;
    font-size: .85rem;
    font-weight: 400; 
}