/**======================================================================
=========================================================================
Template Name: Custom Styles
Author: AccruemeNext
File: AccruemeNextCustom.css
=========================================================================
=========================================================================*/

.text-GreenAccrueme {
    color: #36B729;
}

.text-BlueAccrueme {
    color: #202E55;
}

.text-SucessAccrueme {
    color: #368B85;
}

.text-Primary1 {
    color: #001E6C;
}

.text-Primary2 {
    color: #035397;
}

.text-Primary3 {
    color: #5089C6;
}

.text-Primary4 {
    color: #FFAA4C;
}
.progress-bar.progress-c-green {
    background: #36B729;
}
.progress-bar.progress-c-blue {
    background: #202E55;
}

.progress-bar.progress-c-greenG {
    background: #36B729;
}

.progress-bar.progress-c-blueG {
    background: #253b6c;
}

.navbar-content {
    background-color: #202e55;
}

.navbar-brand {
    background: #00032c;
}

.pcoded-navbar .pcoded-inner-navbar li.active > a, .pcoded-navbar .pcoded-inner-navbar li:focus > a, .pcoded-navbar .pcoded-inner-navbar li:hover > a {
    color: #36B729;
}

.pcoded-navbar .pcoded-inner-navbar > li.active:after, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger:after {
    background-color: #36B729;
}

.pcoded-navbar .pcoded-inner-navbar li.active > a, .pcoded-navbar .pcoded-inner-navbar li:focus > a, .pcoded-navbar .pcoded-inner-navbar li:hover > a {
    color: #36B729;
}

.pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before, .pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
    background: #36B729;
}

.pcoded-content {
    padding: 20px;
}

.pcoded-header .dropdown.drp-user.show:before {
    color: #36B729;
}

.card .card-header h5:after {
    background-color: #36B729;
}

.input-blueAccrueme {
    color: #202E55;
    border-color: #202E55;
}

.input-blueAccrueme::placeholder {
    color: #36B729;
    opacity: 1;
}

.input-white {
    color: #fff;
    border-color: #fff;
}

.input-white::placeholder {
    color: #fff;
    opacity: 1;
}

.btn-primaryGreenAccrume {
    color: #fff;
    background-color: #36B729;
    border-color: #36B729;
}

.btn-primaryGreenAccrume:hover {
    color: #fff;
    background-color: #28871E;
    border-color: #28871E;
}

.btn-primaryGreenAccrume.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #36B729;
    border-color: #36B729;
}

.btn-primaryGreenAccrume:not(:disabled):not(.disabled).active, .btn-primaryGreenAccrume:not(:disabled):not(.disabled):active, .show > .btn-primaryGreenAccrume.dropdown-toggle {
    color: #fff;
    background-color: #28871E;
    border-color: #28871E;
}

.btn-primaryGreenAccrume {
    color: #fff;
    background-color: #36B729;
    border-color: #36B729;
}

.btn-primaryGreenAccrume:hover {
    color: #fff;
    background-color: #28871E;
    border-color: #28871E;
}

.btn-primaryGreenAccrume.disabled, .btn-primaryGreenAccrume:disabled {
    color: #fff;
    background-color: #36B729;
    border-color: #36B729;
}

.btn-primaryGreenAccrume:not(:disabled):not(.disabled).active, .btn-primaryGreenAccrume:not(:disabled):not(.disabled):active, .show > .btn-primaryGreenAccrume.dropdown-toggle {
    color: #fff;
    background-color: #28871E;
    border-color: #28871E;
}


.btn-primaryBlueAccrume {
    color: #fff;
    background-color: #202E55;
    border-color: #202E55;
}

.btn-primaryBlueAccrume:hover {
    color: #fff;
    background-color: #32467E;
    border-color: #32467E;
}

.btn-primaryBlueAccrume.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #202E55;
    border-color: #202E55;
}

.btn-primaryBlueAccrume:not(:disabled):not(.disabled).active, .btn-primaryBlueAccrume:not(:disabled):not(.disabled):active, .show > .btn-primaryBlueAccrume.dropdown-toggle {
    color: #fff;
    background-color: #32467E;
    border-color: #037eb6;
}

.btn-primaryBlueAccrume {
    color: #fff;
    background-color: #202E55;
    border-color: #202E55;
}

.btn-primaryBlueAccrume:hover {
    color: #fff;
    background-color: #32467E;
    border-color: #32467E;
}

.btn-primaryBlueAccrume.disabled, .btn-primaryBlueAccrume:disabled {
    color: #fff;
    background-color: #202E55;
    border-color: #202E55;
}

.btn-primaryBlueAccrume:not(:disabled):not(.disabled).active, .btn-primaryBlueAccrume:not(:disabled):not(.disabled):active, .show > .btn-primaryBlueAccrume.dropdown-toggle {
    color: #fff;
    background-color: #32467E;
    border-color: #037eb6;
}

.breadcrumb {
    list-style: none;
    background-color: #f4f7fa;
    border-radius: 0px;
}

.breadcrumb > li > a {
    display: inline-block;
    color: #888;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #888;
    content: "/\00a0";
}

.breadcrumb > .active {
    color: #111;
    font-weight: 600;
}

/* Zebra-striping */
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(136, 136, 136, 0.1);
}

/* Hover effect */
.table-hover tbody tr:hover {
    background-color: rgba(54, 183, 41, 0.07);
}

.Alist-box {
    padding: 6px 10px;
    border-bottom: dashed 1px #888;
}

.pointer {
    cursor: pointer;
}

.pointerDisabled {
    cursor: not-allowed
}

.m-t-29 {
    margin-top: 29px;
}

.m-t-28 {
    margin-top: 28px;
}

div.dt-buttons {
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}

.table-primary1,
.table-primary1 > th,
.table-primary1 > td {
    background-color: #5089c6;
    color: whitesmoke;
}

.table-primary1 th,
.table-primary1 td,
.table-primary1 thead th,
.table-primary1 tbody + tbody {
    border-color: #77A6D9;
}

.table-hover .table-primary1:hover {
    background-color: #6E85B2;
}

.table-hover .table-primary1:hover > td,
.table-hover .table-primary1:hover > th {
    background-color: #6E85B2;
}

.table td.specialPadding {
    white-space: nowrap;
    padding: .09rem .75rem;
}

.table td.specialPadding, h6 {
    margin-top: 5px;
}

.modal-xxl {
    width: 1500px;
    min-width: 1500px;
}

.hiddenItem {
    visibility:hidden;
    display:none;
}

.cursorPointer {
    cursor:pointer;
}

.visibleItem {
    visibility: visible;
}

.backgroundColor {
    background-color: #F4F7FA;
}

.customCheckBox[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 2px;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

.customCheckBox[type="checkbox"]:before {
    border: 1px solid #808080;
    content: "";
    background: #FFF;
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
}

.customCheckBox[type="checkbox"]:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}
/* Large checkboxes */
.customCheckBox.large {
    height: 22px;
    width: 22px;
}

.customCheckBox.large[type="checkbox"]:before {
    width: 20px;
    height: 20px;
}

.customCheckBox.large[type="checkbox"]:after {
    top: -20px;
    width: 16px;
    height: 16px;
}

.tdAlignCenter {
    vertical-align: middle;
}

.borderRight {
    border-right: 1px dotted #888;
}

.borderLeft {
    border-left: 1px dotted #888;
} 

table.dataTable td.details-control:before {
    content: '\f152';
    font-family: 'Font Awesome\ 5 Free';
    cursor: pointer;
    color: #36b729;
    text-align: center;
}

table.dataTable tr.shown td.details-control:before {
    content: '\f150';
    color: #55a4be;
    text-align: center;
}

div.dataTables_wrapper div.dataTables_filter input {
    background: #f4f7fa;
    padding: 10px 20px;
    font-size: 14px;
    height: auto;
    border: 1px solid #ced4da;
    margin-top: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
    background: #f4f7fa;
    padding: 10px;
    font-size: 14px;
    height: auto;
    border: 1px solid #ced4da;
    margin-top: 5px;
}

.text-wrap {
    white-space: normal;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px;
}

.width-350 {
    width: 350px;
}

.width-400 {
    width: 400px;
}

.width-450 {
    width: 450px;
}

.width-500 {
    width: 500px;
}

.width-550 {
    width: 550px;
}

.width-600 {
    width: 600px;
}

.width-650 {
    width: 650px;
}

.width-700 {
    width: 700px;
}

.width-750 {
    width: 750px;
}

.width-800 {
    width: 800px;
}

.width-850 {
    width: 850px;
}

.width-900 {
    width: 900px;
}
.width-950 {
    width: 950px;
}
.width-1000 {
    width: 1000px;
}

.table-greenAccrueMe,
.table-greenAccrueMe > th,
.table-greenAccrueMe > td {
    background-color: #36b729;
}

.table-greenAccrueMe th,
.table-greenAccrueMe td,
.table-greenAccrueMe thead th,
.table-greenAccrueMe tbody + tbody {
    border-color: #9dd798;
}

.table-blueAccrueMe,
.table-blueAccrueMe > th,
.table-blueAccrueMe > td {
    background-color: #202E55;
}

.table-blueAccrueMe th,
.table-blueAccrueMe td,
.table-blueAccrueMe thead th,
.table-blueAccrueMe tbody + tbody {
    border-color: #8c9fd4;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
    display: block;
}

.row.equal-cols > [class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.overme {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.dataTable {
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

.scroll-inventory-filter {
    overflow-y: scroll;
    height: 700px;
}

.form-control-force {
    background: #f4f7fa;
    padding: 10px 20px;
    font-size: 14px;
    height: auto;
    border: 1px solid #ced4da;
}

div.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.cardMissingMandatoryDoc {
    border: 3px solid red;
}

.text-blue-link {
    color: #007bff;
}

.doc-link {
    height: 100px;
}

.custom-navbar {
    padding-top: 0;
    padding-bottom: 0;
    left: -30px;
    font-size: 13px;
}

.nav-link-white:hover {
    color: white;
}

.form-container{
    font-size: 11px;
    margin-top: 7px;
}

.cr-top{
    top: 2px!important;
}

.padding-0{
    padding: 0
}

.nav-link-white {
    color: white;
}

.custom-nav-item  {
    background-color: #01032C;
    padding-left: 6px;
    padding-right: 6px;
}

.custom-nav-item.active {
    background-color: #36B628;
}


@media only screen and (min-width: 992px) {
    .custom-nav-item:nth-child(1) {
        border-radius: 10px 0 0 10px;
    }

    .custom-nav-item:nth-last-child(1) {
        border-radius: 0 10px 10px 0;
    }

    .custom-nav-item:not(:last-child) {
        border-right: 2px solid white;
    }
}

@media only screen and (max-width: 991px) {
    .custom-nav-item {
        border-radius: 3px;
    }
}

.navbar-nav > li > .dropdown-menu {     
    background-color: black;
    opacity: 0.7;
}

.navbar-nav > li > .dropdown-menu a {   
    color: white;
    font-size: 13px;
}

.dropdown-menu {
    padding: 10px;
    margin-top: 1px;
}

.dropdown-menu a:hover {
    background-color: black;
    opacity: 0.7;
    color: white;
}

.dropdown-menu::before {
    display:none;
}

.btn-onboarding {
    height: 39px;
    padding-top: 7px;
}

.error {
    color: #dc3545!important;
}

.close-bank-form {
    text-decoration: underline;
    margin-left: 20px;
    cursor:pointer;
    position: absolute;
    margin-top: 1.5px;
}

.fix-options-margins {
    margin-bottom: 20px;
    margin-top: 10px;
}

.scroll-x-hidden {
    overflow-x: hidden;
}

.scroll-y-hidden {
    overflow-y: hidden;
}

.info-box {
    padding: 0px !important;
    border-radius: 0.25rem !important;
    border-color: #9BA1B3 !important;
    background-color: #E9ECEF !important;
    border-width: 1px !important;
}

.info-box td, .info-box th {
    padding: .25rem;
    padding-right: 0.50rem;
    padding-left: 0.50rem;
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.table-caption {
    display: table-caption;
}

.title1 > img, .title1 > h5 {
    display: inline;
}

.underline {
    text-decoration: underline;
}