body
{
background:#f5f5f5;
}
.container
{
width: 100%;
}
.logo
{
background:#474F57 ;
margin-top:28px;
padding-top:10px;

}
.logoicons
{
margin-top:10px;
color:#eee;
}
.headericons
{
color:#eee;
}
.tagline
{
color:#eee;
font-size:24px;
margin-top:10px;
}
.pageheader
{
font-size:30px;
font-weight:800;
padding:10px;
background:#474F57;
color: #0cbbfa;
font-style:italic;
border-radius:4px;
margin-bottom:10px;
}
.content
{
min-height:500px;
}
.footer
{
background:#2d323d;
min-height:150px;
}
.navbar-default {
background-color: #375471;
border-color: #375471;
color:#f5f5f5;
}
.navbar-default .navbar-brand {
color: #f5f5f5;
}
.navbar-default .navbar-nav>li>a {
color: #f5f5f5;
}
.navbar li {
background-color: #406182;
border-right: 1px solid #2f4760;
font-weight: 550;
}
.navbar li:hover {
background-color: #2f4760;
border-right: 1px solid #2f4760;
font-weight: 550;
}
.navbar-default .navbar-nav>li>a:hover {
color: #f5f5f5;
}

.bigblue
{
  color:#F5f5f5;
  Font-weight: bolder;
  font-size:30px;
}
.bigblack
{
  color:#f5f5f5;
  Font-weight: bolder;
  font-size:30px;
}
h3
{
margin: 10px 0px;
color: #428bca;
Font-weight: bolder;
padding:4px;
background-color:#dedede;
border-radius:4px;
font-size:26px;
}
h6
{
 color:#428bca;
  Font-weight: bolder;
  font-size:24px;

padding: 4px;
}
.well
{
background-color:#fff;
}
.panel-warning 
{
border-color: #C1840B;
}
.panel-warning>.panel-heading {
color: #fff;
background-color: #F2AB1B;
border-color: #C1840B;
}

.xcrud-nested-container
{
padding:10px;
margin: 20px 0px;
border-radius:4px;
background:#f5f5f5;
border:1px solid #dedede 
}

.tab-pane
{
margin-top:10px
}

.modal-dialog {
    right: auto;
    left: 50%;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.modal-dialog.auto-width{
    max-width: 600px;
}

#sliding-bar {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
    color: #f5f5f5;
}
.sliding-content {
    display:none;
    background:#2d323d;
    padding: 10px 0 10px 0;
}
.sliding-toggle {
    cursor: pointer;
    bottom: -40px;
    border-right: solid 40px #2d323d;
    border-bottom: solid 40px transparent;
    position: absolute;
    right: 0;
    height: 0;
    width: 0;
    z-index: 999;
}
.sliding-toggle:after {
    font-size: 12px;
    font-family: 'fontawesome';
    content: '\f067';
    display: block;
    position: absolute;
    height: 40px;
    left: 24px;
    top: 3px;
    color: #fff;
}
.sliding-toggle.open:after {
content: '\f068';
}
.slidec
{
background:#2d323d;
padding:4px;
width:100%;
}





.dropdown-menu 
{
padding:20px;
margin-left: -1px;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
 
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

/*
.dropdown:hover .dropdown-menu {
    display: block;
}
*/

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.dropdown-menu ,.sub-menu {
padding:4px 0px;
background:#2f4760;
color:#f5f5f5
}

.dropdown-menu li ,.sub-menu li {
background:#2f4760;
border-right: 0px solid #375471;
color:#f5f5f5
}
.dropdown-menu li a ,.sub-menu li a {
color:#f5f5f5
}
.dropdown-menu li:hover ,.sub-menu li:hover {
background:#2f4760;
border-right: 0px solid #375471;
border-left: 0px solid #375471;
}

.loading{
    cursor: progress !important;
}

.mt-1{
    margin-top: 1rem;
}

.mt-2{
    margin-top: 2rem;
}

.mt-3{
    margin-top: 3rem;
}

.mt-4{
    margin-top: 4rem;
}

.mt-5{
    margin-top: 5rem;
}

.py-1{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.stateoverride-popup .modal-title{
    color: rgb(255, 132, 0);
    font-weight: bold;
}

.stateoverride-popup .center{
    text-align: center;
}
.stateoverride-popup .uppercase{
    text-transform: uppercase;
}
.stateoverride-popup .bold{
    font-weight: bold;
}

.stateoverride-popup thead th{
    vertical-align: middle !important;
    font-size: 14px;
}

.stateoverride-popup tr td{
    vertical-align: middle !important;
}

.stateoverride-popup tr p{
    font-size:13px;
    margin-bottom: 0px !important;
}

.stateoverride-popup tr .blue{
    color: #50ce50;
    font-size: 35px;
}

.stateoverride-popup tr .red{
    color: #d70808;
    font-size: 35px;
}

.seasonal-override .override-active-pane{
    width: 100%;
    padding: 10px;
    border: 1px solid #9fb7cf;
    border-radius: 5px;
}

.seasonal-override .override-active-pane .active-overrides{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:20px;
}

.seasonal-override .override-active-pane .active-overrides .override-controls{
    display: flex;
    flex-wrap: wrap;
}

.seasonal-override .override-active-pane .active-overrides .override-actions{
    margin-left: 20px;
}

.seasonal-override .override-active-pane .active-overrides .col{
    padding: 5px;
}

.error_display{
    /* text-align:center; */
}
.error_display p{
    margin:0px;
    color: #c00;
}

.netrate-adjustment{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #9fb7cf;
    border-radius: 5px;
}

.netrate-adjustment .manual-debit-credit .debit-credit-controls{
    display: flex;
    flex-wrap: wrap;
}

.netrate-adjustment .manual-debit-credit .debit-credit-controls .col{
    padding: 5px;
}

.netrate-adjustment .loading-pane{
    margin-top:20px;
    text-align: center;
    font-size:16px;
}

.netrate-adjustment .loading-pane span{
    font-size:25px;
}
.show-password{cursor: pointer;}
.search_dropdown {
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    width: 100%;
    height: auto;
    padding: 5px 20px;
    position: relative;
    z-index: 2;
}
.search_dropdown input {width: 100%;padding:0 5px;}
.dropdown_btn {
    cursor: pointer;
    background: #fff;
    border: 0;
    width: 100%;
}
.dropdown_btn:hover {background: #1e90ff;opacity:0.5;}
.dropdown_btn:focus {background: #1e90ff;opacity:1;}
.full-width {width: 100%;}
.alpine_modal_bg{background:#000;opacity:0.5;z-index:2;height:100vh;width:100%;position:absolute;top:0;left:0}
.alpine_modal{z-index:3;width:auto;position:absolute;top:25%;left:20%;height:auto;background:#fff;border-radius:5px;border:1px solid #000;padding:5px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.alpine_modal_content{background: #fff;border-radius: 5px;border: 1px solid #fff;padding:10px 0;}
.alpine_modal_header{border-bottom: 1px solid #ccc;margin-bottom: 5px;}
.alpine_modal_body{padding:0 10px;width:100%;}
.alpine_modal_footer{border-top: 1px solid #ccc;margin-top: 5px;padding: 5px;}
.alpine_modal_close{text-decoration:none;float:right;margin:0 20px;color:#000;font-size:20px;opacity:0.5;cursor:pointer;}
.alpine_modal_header h4{text-align:center;}
.contact_modal{max-width:600px;}
.qmarku{position:absolute;}
.hidden_rules,.hidden{display:none;}
.rules_container{
    position:relative;
    top:-75px;
    left:225px;
    width:0px;
    height:0px;
}
.rules_content{
    position:absolute;
    border:solid 2px;
    width:300px;
    height:auto;
    background-color:#f5e979;
    z-index:2;
}
.role_tooltip{position:relative;top:-200px;left:100px;}
.role_tooltip_content{position:absolute;top:0px;left:0px;border:1px solid #000;z-index:5;padding:0 10px;border-radius:5px;
    color: #212529;background-color: #f8f9fa;border-color: #000;max-width:500px;}
.cn_tooltip{position:relative;top:-20px;left:100px;}
.cn_tooltip_content{position:absolute;top:0px;left:0px;border:1px solid #000;z-index:5;padding:0 10px;border-radius:5px;
    color: #212529;background-color: #f8f9fa;border-color: #000;max-width:500px;}
@media screen and (max-width:600px) {
    .cn_tooltip{top:-75px;left:50px;}
}
.fee_breakdown{width:400px;border:1px solid #000;margin-bottom:5px;}
.fee_breakdown.no_border{border:0;}
.fee_breakdown hr{margin:0;}
.breakdown-group{display:grid;grid-template-columns:repeat(2, 1fr);}
.breakdown-group div{padding:5px;}
.breakdown-group div:first-child{border-right:1px solid #000;margin-right:5px;width:250px;}
.breakdown-group div:nth-child(2){width:100px;} 
.fee_breakdown.no_border .breakdown-group div:first-child{border-right:0px;}
.fee_modal{max-width:450px;}
.fee_modal .alert{max-width: 400px;}
.table-responsive.sticky_container{overflow-y:auto;height:550px;position:relative;}
.table-responsive.sticky_container thead th{position:sticky;background-color:#C4C4C4;}
.table-responsive.sticky_container thead tr:first-child th{top:0;}
.table-responsive.sticky_container thead tr:nth-child(2) th{top:50px;}
.payroll_table thead th{position:sticky;top:0;background-color:#C4C4C4;}
.caps_lock_popup{font-weight:bold;border:1px solid #ccc;padding:5px;border-radius:10px;margin-left:20px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.tp_pagination {
    display: flex;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}
.tp_pagination ul {
    list-style-type: none;
    display: flex;
    width: auto;
    margin: 10px auto 15px;
    max-width: 310px;
}
.tp_pagination ul li {
    border: 1px solid #ddd;
    width: 50px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}
.tp_pagination ul li a{
    color: #428bca;
}
.tp_pagination ul li.active {
    color: #fff;
    background: #428bca;
    border-color: #428bca;
}
.tp_pagination ul li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.tp_pagination ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tp_pagination .search {
    margin-left: 10px;
}
.tp_pagination .search input {
    padding: 6px 10px;
    width: 300px;
    border-radius: 5px;
}
.text-bold{font-weight:bold;}
@font-face{font-family:"EmojiSymbols";src:url(/assets/EmojiSymbolsRegular.woff) format("woff");text-decoration:none;font-style:normal}
.fa-emoji-passkey::before{content:"\1F510";font-family:"EmojiSymbols";color:#fff;}
.negative_amt{color: #d70808;}