.nav-tabs {
    margin-bottom: 15px;
}


/*-------------------AngularJS & jQuery UI Datepicker starts-----------------------------
.datepicker-container{position: relative;padding: 6px;float: left;border-radius: 2px;margin-bottom: 8px;}
.datepicker-container.ng-invalid-datepicked{background-color: #F8C4C4;border: 1px solid #C28080;}
.datepicker-container.ng-valid-datepicked{background-color: #DDFBCD;border: 1px solid #A6C297;}
.datepicker-container .plugin{position: absolute;z-index: 1;}
.datepicker-container .date-picked{color: #5D7A4E;}
.datepicker-container .calendar-icon:before{content: 'Pick Date';}
-------------------AngularJS & jQuery UI Datepicker ends-----------------------------*/

/*button STYLE menuitem IMPROVMENTS*/
.btn-2 {
    background: #dc3545 !important;
    border-color: #EC1F28 !important;
    border-radius: 2px !important;
    border: none !important;
    padding: 10px
}
.top-bar .logged-user-w .logged-user-menu ul li a:hover {
    text-decoration: none;
    color: #fff !important;
}

/*button STYLE menuitem IMPROVMENTS*/


.detail-table thead tr {
    background: #111723 !important;
}

input[type=text] {
    /*border-radius: 0px !important;*/
}

a:hover {
    text-decoration: none;
}

.ui-datepicker-trigger {
    position: absolute;
    margin-top: -28px;
    right: 15px;
    border: none;
    background-color: transparent;
}

.nav.smaller.nav-tabs .nav-link {
    padding: 0.7em 1.1em;
    border: 2px solid;
    margin-right: 4px;
    border-radius: 0px !important;
}

a.nav-link.active.show {
    background-color: #11618B;
    border: none !important;
    color: #fff !important;
    border-bottom: none !important;
    height: 37px;
}

.nav-tabs .nav-link:after {
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    ul.nav.nav-tabs.smaller li {
        width: 50% !important;
        margin: 10px 0px !important;
    }
}

.body-bottm {
    background-color: #11618B;
    padding: 0;
    color: #fff;
    text-align: center;
    z-index: 1;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.content-panel.content-sidebar {
    height: 100% !important;
    overflow: auto !important;
}

.body-bottm ul {
    margin: 0px;
    padding: 5px 0px;
}

    .body-bottm ul li {
        display: inline-block;
        width: 18%;
    }

.circle-top {
    color: #000 !important;
    display: block;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    color: #fff;
    padding: 0px;
    bottom: 24px;
    margin-bottom: 0px;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(64 64 64 / 40%) !important;
}
/* General ledger pages Styles */
.switch {
    width: 45px !important;
    height: 20px !important;
}

.slider:before {
    height: 15px !important;
    width: 15px !important;
}

.table .row-actions a {
    color: #04AA6D;
}

.detail-table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

.records-total {
    color: #4482A8;
}

.cancel-btn {
    background-color: #E30713 !important;
    padding: 10px 30px !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
}

.btn.save-btn {
    padding: 10px 30px !important;
    background-color: #04AA6D !important;
    border: none !important;
}

.btn i {
    padding: 0px 5px;
}

.lgn-border {
    border: 1px solid #111723 !important;
    border-radius: 8px;
}

legend {
    width: auto;
    color: #fff;
    background-color: #111723;
    padding: 10px;
}

    legend:before {
        position: unset !important;
    }

fieldset {
    margin-top: 1rem;
}

.btn-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .btn-wrap .next-btn a.btn {
        width: 125px;
        margin: 0px 5px;
    }

    .btn-wrap .prev-btn a.btn {
        width: 125px;
        margin: 5px 5px;
    }

.add-btn {
    width: 100%;
    max-width: 125px;
}

.coadit {
    color: #5DC8A1;
}

.itemsetupEdit i {
    color: #E30713;
}

.GroupEdit {
    color: #5DC8A1;
}

.CompanyEdit, .DivisionEdit, .depEdit, .costEdit, .curEdit, .fileEdit {
    color: #5DC8A1;
}

.os-icon-documents-03 {
    color: #4482A8 !important;
}

.itemsetupEdit i {
    color: #5DC8A1;
}

.btn:disabled {
    opacity: 1 !important;
}
/* General ledger pages Styles  END*/
/*CSS ERP DASHBOARD START*/
body {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.top-bar .logged-user-w .avatar-w img {
    width: 30px;
    height: auto;
}

.top-bar .logged-user-w .logged-user-menu .avatar-w {
    margin-right: 10px;
}

.top-bar .logged-user-w .logged-user-menu {
    background: #111723;
    top: 43px;
    right: -10px;
    border-radius: 0px;
}

    .top-bar .logged-user-w .logged-user-menu .bg-icon {
        display: none;
    }

.logged-user-w .avatar-w {
    border-radius: 0;
}

.burger-icon {
    display: none;
}

.mbl-logo {
    display: none;
}

.top-menu-controls .content-panel-open {
    display: none;
}

.bar1, .bar2, .bar3 {
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 5px);
    transform: rotate(-45deg) translate(-4px, 5px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -7px);
    transform: rotate(45deg) translate(-6px, -7px);
}

.menu-w .logo-w {
    padding: 14px 1rem 2px 1.7rem;
}

.top-bar.color-scheme-transparent {
    background: #111723;
    color: #fff !important;
    padding: 0px 10px !important;
    margin-left: 0px;
    padding: 5.5px 10px !important;
}

.top-bar #page_heading {
    margin: 0px;
    color: #fff;
}

.top-bar h6#page_heading:after {
    background-color: #fff !important;
    left: 10px;
    bottom: 5px !important;
}

.top-bar .logged-user-w .avatar-w {
    color: #fff !important;
}

.logged-user-name h4.activeModuleName {
    color: #11618b !important;
}

.logged-user-w.avatar-inline .logged-user-i {
    padding-left: 0px !important;
}

.function-img {
    width: 30px;
    height: auto;
}

.logged-user-name a {
    display: flex;
    align-items: center;
}

    .logged-user-name a h4 {
        margin-left: 5px;
        font-size: 16px;
    }

.menu-w.color-scheme-light .logo-w .logo-label {
    color: #fff;
}

.menu-w.color-scheme-light .logo-w .logo:hover .logo-label {
    color: #fff;
}

.menu-left {
    background: #111723;
}

.main-menu li {
    transition: .2s all ease;
}

    .main-menu li:hover {
        background-color: #DC3545;
        transition: .2s all ease;
    }

.modal-backdrop {
    display: none;
}
/*SUB MENU STYLE*/
.has-sub-menu .os-icon {
    color: #fff !important;
    font-size: 18px !important;
}

.has-sub-menu span {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.has-sub-menu a::before {
    color: #fff !important;
}

.main-menu li.selected span {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.main-menu li.selected .os-icon {
    color: #fff !important;
}

.menu-w.sub-menu-style-over ul.main-menu > li.active > a {
    background-color: #333 !important;
    color: #fff;
}

.has-sub-menu:hover {
    background-color: transparent !important;
}

.sub-menu li a {
    color: #fff !important;
}
/*SUB MENU STYLE END*/
/*main Dashboard card style Css*/
.nopadding {
    padding: 0px !important;
}

a:hover {
    color: #000 !important;
    text-decoration:none !important;
}

.card-footer {
    border-top: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    margin: 0px 10px;
    background-color: transparent !important;
}

    .card-footer i.os-icon {
        font-size: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .card-footer p {
        margin: 0px;
        font-size: 12px;
        padding-left: 10px;
    }

.el-tablo:not(.centered) {
    padding-right: 10px;
}

.card-flex .card-content {
    width: 100%;
}

    .card-flex .card-content .label {
        color: #333 !important;
    }

        .card-flex .card-content .label span {
            color: #333 !important;
        }

.card-footer i.os-icon {
    color: #333 !important;
}

.card-flex {
    padding: 10px !important;
    margin-bottom: 1rem;
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    text-align: right;
}

.icon-box {
    display: inline-block;
    width: 65px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-top: -23px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(64,64,64,.4) !important;
    border-radius: .75rem;
}

    .icon-box i.os-icon {
        color: #fff !important;
    }

.dark-bg {
    background: linear-gradient(195deg,#42424a,#191919);
}

.col-green {
    background-image: linear-gradient(195deg,#66bb6a,#43a047);
}

.col-orange {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.col-pink {
    background: linear-gradient(60deg, #ec407a, #d81b60);
}
/*managment reports sections*/
.element-box-tp .el-buttons-list .btn-white {
    color: #fff;
    /*background-color: #11618B;*/
    background-color: #dc3545;
    border: none;
    padding: 10px 0px;
    transition: .3s all ease-in;
    text-align: left;
    padding-left: 8px;
    width: 48%;
    display: inline-block;
    font-size: 11px;
}

    .element-box-tp .el-buttons-list .btn-white:hover {
        color: #FFF !IMPORTANT;
        background: linear-gradient(195deg,#42424a,#191919);
        transition: .3s all ease-in;
    }
/*managment reports sections end*/
/* Sales Modules Section Start*/
.element-box-tp .el-buttons-list .el-tablo:not(.centered) {
    padding-right: 0px;
}

.element-box-tp .el-buttons-list .element-box {
    padding: 10px 0px;
    margin-bottom: 1rem;
    text-align: center;
}

    /*.element-box-tp .el-buttons-list .element-box i.os-icon {
    color: #333 !important;
}*/

    .element-box-tp .el-buttons-list .element-box .label {
        text-align: center !important;
        margin: 0 !important;
        padding: 3px 0px;
        color: #333 !important;
        font-size: 8px !important;
    }

/* Sales Modules Section End*/
.chart-effect {
    transition: .2s all ease-in;
}

    .chart-effect:hover {
        box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(64 64 64 / 40%);
        transition: .2s all ease-in;
    }

.report-box {
    padding: 10px !important;
}

.gl-sidebar {
    display: none;
}

.btn-primary {
    background-color: #dc3545 !important;
    border: #dc3545 !important;
    border-radius: 0px !important;
    padding: 10px !important;
    font-size: 16px !important;
    transition: .2s all ease-in;
    color: #fff !important;
}

.btn:hover {
    background-color: #333 !important;
    color: #fff !important;
    transition: .2s all ease-in;
}

/*main Dashboard card style Css END*/
@media only screen and (max-width: 1150px) {
    .top-menu-controls .content-panel-open {
        display: block;
    }

    .gl-sidebar {
        display: block;
    }
}

@media only screen and (max-width: 1024px) {
    .menu-w {
        display: block !important;
    }
}
/*main dashboard reports card style Start*/
.report-value .os-icon {
    color: #11618B !important;
}

.report-value b {
    font-size: 12px !important;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: normal;
    word-spacing: normal;
}

@media only screen and (max-width: 991px) {

    .el-tablo .report-value {
        display: block;
        text-align: left;
    }

    .report-value b {
        display: block;
        font-size: 12px !important;
        padding: 5px 0px;
        line-height: 1.5;
    }
}
/*main dashboard reports card style End*/
@media only screen and (max-width: 767px) {
    .detail-table thead tr th {
        font-size: 10px !important;
    }

    .detail-table tbody tr td {
        font-size: 10px !important;
    }

    .top-bar {
        flex-direction: row;
    }

    .element-wrapper .element-header {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 575px) {
    .element-box {
        margin-bottom: 2rem;
    }

    .btn.save-btn {
        display: block;
        width: 95%;
        margin: 15px auto;
    }

    .btn.cancel-btn {
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    .element-wrapper .btn + .btn {
        margin-left: auto;
    }

    .company-prev {
        margin: 10px 0px;
    }

    .btn-wrap {
        flex-direction: column;
    }

        .btn-wrap .prev-btn {
            width: 95%;
        }

            .btn-wrap .prev-btn a.btn {
                width: 100%;
            }

    .next-btn {
        width: 95%;
    }

    .btn-wrap .next-btn a.btn {
        width: 100%;
        margin: 9px 5px;
    }

    .detail-table thead tr th {
        padding: 5px;
        font-size: 10px !important;
        text-align: left;
    }

    .detail-table tbody tr td {
        font-size: 10px;
    }

    .add-btn {
        width: 100%;
        max-width: 100%;
    }

    .form-buttons-w {
        padding-top: 0px;
    }

    .table .row-actions {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .print-btn {
        margin-bottom: 9px !important;
    }

    .full-width {
        width: 100% !important;
        margin: 15px 0px !important;
    }

    .pdf-btn {
        width: 30% !important;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 800px) {
    .mbl-logo {
        display: block;
    }

        .mbl-logo img {
            height: 35px;
            width: auto;
            margin: 10px;
        }

    body.menu-position-side .content-w {
        width: 100%;
        margin-left: 0px;
        height:100vh !important;
    }

    .top-bar.color-scheme-transparent {
        margin: 0 !important;
        margin-bottom: 20px !important;
        padding: 0px 10px !important;
    }

    .menu-left {
        display: none;
        width: 280px;
        top: 49px;
    }

    .burger-icon {
        display: block;
    }

    .top-bar #page_heading {
        display: none;
    }

    .prs-menu__link-text span {
        display: block !important;
    }

    .menu-w .logo-w {
        display: none;
    }

    .activeModuleName {
        display: block !important;
    }
}
/*CSS ERP DASHBOARD END*/
@media screen and (max-width:480px) {
    .no-margin {
        margin-left: 0px !important;
    }
    .body-bottm {
        display: block;
    }

    /*.btn-wrap {
        height: 180px !important;
    }*/

    /*.element-wrapper {
        padding-bottom: 20% !important;
    }*/

    /*.element-box {
        padding: 1rem;
        padding-bottom: 3rem !important;
    }*/
}
 .uploadButton {
    background-color: #425F9C;
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 15px;
    width: auto;
    padding: 0 20px;
    box-sizing: content-box;
}

.upload {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    padding: 3px 40px 3px 3px;
    position: relative;
    width: auto;
}

     .upload input[type="file"] {
        display: input-block;
        width: 100%;
        height: 30px;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        left: 0;
    }

.upload {
    height: 38px;
}

/*Pagination style start*/
.pagination li {
    border: 1px solid #cac4c46e;
    padding: 5px;
}

    .pagination li a {
        color: #000 !important;
        padding: 10px 10px;
    }

    .pagination li:hover {
        background: #ccc;
        color: #fff;
    }

    .pagination li a:hover {
        color: #047bf8;
    }

.pagination {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

li.ng-scope.active {
    background-color: #047bf8;
}

    li.ng-scope.active a {
        color: #fff !important;
    }
/*Pagination style end*/



/*body BACKGROUND COLOR REMOVE*/


.content-w {
    height: auto !important;
}