.project-color {
    background-color: #2980b9;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 3px;
}
.loader-div {
    z-index: 99;
    text-align: center;
    padding-top: 50px;
    min-height: 100px;
}

.margin-top-3px{
    margin-top: 3px;
}
.margin-top-6px{
    margin-top: 6px;
}
.margin-top-20px{
    margin-top: 20px;
}
.height-32{
    height: 32px;
}

.custom-pmd-textfied .form-group.pmd-textfield {
	margin-bottom: 7px;
	line-height: 3px;
}
.loader-show {
    display: block;
}

.width-150 {
    width: 150px;
}

.loader-hide {
    display: none;
}

.action-width-trid {
    width: 40px !important;
    text-align: center !important;
}

.table .no-bordered-top {
    border-top-color: transparent !important;
}

.table .no-bordered-bottom {
    border-bottom-color: transparent !important;
}

.table .no-bordered-left {
    border-left-color: transparent !important;
}

.table .no-bordered-right {
    border-right-color: transparent !important;
}

.v-middle {
    vertical-align: middle !important;
}

.icon-pad {
    padding: 3px;
}

.vr-no {
    width: 52px !important;
    text-align: center;
}

.active {
    color: #fff;
    font-weight: bold !important;
    font-size: 16px !important;
}

.w3-btn.btn-beauty {
    position: absolute;
    top: 0px !important;
    border-radius: 0 !important;
    padding: 8px 16px !important;
    right: 16px;
    background-color: #88527f !important;
}

.src-margin {
    margin-bottom: 12px;
}

.pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:hover,
.pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:focus,
.pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a.active {
    background-color: #2c3e50;
}

.edit-text-color {
    color: #0d97ff !important;
}

.pmd-content .container-fluid {
    max-width: 1590px;
    background-color: #fff;
    padding: 16px 25px;
}

/* .table-hcolor, .table-hcolor > td, .table-hcolor > th {
	background-color: #1a2940;
	color: #fff;

} */

table > thead > tr > th {
    background-color: #616283;
    color: #fff !important;
    font-weight: 500 !important;
}

.btn-success,
.dropdown-toggle.btn-success {
    background-color: #88527f;
}

.cust_boder {
    border-bottom: 1px solid #aaa !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 1px solid #ddd !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 4px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    /*background-color: #ddd !important;*/
    /*border: 1px solid #9e9e9e !important;*/
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #2a2a2a transparent transparent transparent;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #2a2a2a transparent;
    /*border-width: 0 4px 5px 4px;*/
}

.row_ltotal_head,
.row_bag,
.row_bag_head,
.row_damage,
.row_damage_head,
.row_price,
.row_price_head,
.row_demerage,
.row_demerage_head,
.row_qty,
.row_qty_head
{
    width: 100px;
    text-align: right !important;
}

.row_warehouse,
.row_warehouse_head{
    width: 250px;
    text-align: left !important;
}
.cancel_btn{
    width: 100px;
    text-align: center !important;
}
.product_name{
    width: 330px;
    text-align: left !important;
}

/* =========================
	New CSS start form here
======================== */

.pmd-textfield label {
    font-size: 14px !important;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.84);
}

.pmd-textfield-floating-label-completed .select2-container {
    width: 100% !important;
}

.pmd-content.content-area.dashboard
    .container-fluid
    > .col-lg-12
    > .col-lg-9
    .pmd-card-body,
.pmd-content.content-area.dashboard
    .container-fluid
    > .col-lg-12
    form
    > .col-lg-9
    .pmd-card-body,
.pmd-card.right_side .pmd-card-body {
    padding: 0px 20px !important;
    margin: 10px 0px !important;
}

.pmd-content.content-area.dashboard
    .container-fluid
    > .col-lg-12
    > .col-lg-9
    .pmd-card-body
    label,
.pmd-content.content-area.dashboard
    .container-fluid
    > .col-lg-12
    form
    > .col-lg-9
    .pmd-card-body
    label {
    font-size: 14px !important;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.84);
    margin-bottom: 0px !important;
}

.pmd-card.right_side
    .pmd-card-body
    .group-fields:last-child
    div
    .pmd-btn-fab.btn-sm {
    margin: 0px auto;
}

/* .pmd-card.right_side .pmd-card-body .group-fields:not(:last-child) {
    margin-bottom: 10px;
} */

.pmd-textfield-floating-label-completed .select2-container .select2-selection,
.pmd-textfield select,
.pmd-textfield input,
.pmd-card.right_side .pmd-card-body .group-fields select {
    height: 40px !important;
    border-radius: 0 !important;
}

.pmd-textfield .form-control {
    border-color: #ddd !important;
}

.right_side .group-fields .select2-container {
    width: 100% !important;
}

.pmd-card.right_side .pmd-card-body .group-fields i.material-icons,
.group-fields i.material-icons {
    font-size: 24px;
    color: #333c4e;
    transition: all 0.3s ease-in-out;
}

.pmd-card.right_side
    .pmd-card-body
    .group-fields
    .pmd-btn-fab:hover
    i.material-icons,
.group-fields .pmd-btn-fab:hover i.material-icons {
    color: #00b800;
}

.three-btn-design {
    padding-bottom: 20px;
    margin: auto;
}

.pad-left-0 {
    padding-left: 0px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-30 {
    padding-top: 30px;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

.pad-bottom-30 {
    padding-bottom: 30px;
}

#plus {
    padding: 9px 20px 9px 16px;
    background-color: #3c8dbc;
    color: white;
}

/* ===========================
	Media CSS start form here
========================== */

@media only screen and (min-width: 1366px) and (max-width: 1450px) {
    .journal-voucher .journal-receiver-acc {
        width: 31.33333333%;
    }
    .journal-voucher .journal-received-tk {
        width: 18%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .col-lg-4,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .group-fields
        > div:nth-child(2),
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .col-lg-4,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .group-fields
        > div:nth-child(2) {
        width: 50%;
        margin-bottom: 10px;
    }
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .col-lg-3,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .col-lg-3 {
        width: 50%;
        padding-left: 10px !important;
    }
    /* .pmd-content.content-area.dashboard .container-fluid>.col-lg-12>.col-lg-9 .col-lg-2,
    .pmd-content.content-area.dashboard .container-fluid>.col-lg-12 form>.col-lg-9 .col-lg-2 {
        width: 41%;
    } */
    /* labour create */
    .labour-invoice-left .group-fields > div:not(:last-child) {
        width: calc(30.5%) !important;
        margin-bottom: 10px;
    }
    .labour-invoice-left .group-fields > div:first-child,
    .labour-invoice-left .group-fields > div:nth-child(2) {
        width: 50% !important;
    }
    /* labour create */
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .pmd-card.right_side .pmd-card-body .group-fields .col-xs-6 {
        width: 50%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9 {
        padding-left: 0px !important;
    }
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-3,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-3 {
        padding-right: 0px;
    }
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-3
        .section-custom,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-3
        .section-custom {
        width: 100%;
        max-width: 100%;
    }
    .pmd-card.right_side {
        margin-left: 0px;
        padding-bottom: 20px;
    }
    .pmd-card.right_side .pmd-card-body {
        display: flex;
        flex-wrap: wrap;
    }
    .pmd-card.right_side .pmd-card-body .group-fields:nth-child(3) {
        margin-right: 0px;
    }
    .pmd-card.right_side .pmd-card-body .group-fields {
        margin-left: 0px;
    }
    .pmd-card.right_side .pmd-card-body .group-fields input {
        height: 40px;
    }
    .pmd-card.right_side .pmd-card-body .group-fields:last-child {
        flex-basis: 100%;
        margin-top: 10px;
    }
    .pmd-card.right_side .pmd-card-body .group-fields select {
        height: inherit !important;
    }
    .journal-voucher
        .pmd-card.right_side
        .pmd-card-body
        .group-fields:not(:last-child) {
        flex-basis: calc(25% - 13px);
        margin-right: 13px;
    }
    .journal-voucher
        .pmd-card.right_side
        .pmd-card-body
        .group-fields:first-child {
        width: calc(25% - 10px);
    }
    .journal-voucher
        .pmd-card.right_side
        .pmd-card-body
        .group-fields:nth-child(3) {
        margin-right: 14px;
    }
    .journal-voucher
        .pmd-card.right_side
        .pmd-card-body
        .group-fields:nth-child(4) {
        margin-right: 0px;
    }
    .journal-voucher .col-lg-3 .group-fields .select2-selection {
        height: 32px;
    }
    .journal-voucher .col-lg-3 .group-fields .pmd-textfield select {
        height: 40px !important;
    }
    .journal-pay-amount .pmd-textfield label {
        font-size: 15px !important;
    }
    /* labour create */
    .labour-invoice-right
        .pmd-card.right_side
        .pmd-card-body
        .group-fields:not(:last-child) {
        flex-basis: calc(25% - 15px);
    }
    /* labour create */
}

@media only screen and (max-width: 991px) {
    /* dashboard css */

    .three-btn-responsive{
        margin-left: 23px !important;
    }
    .three-btn-responsive .height-32{
        height: 0px !important;
    }
    .main-dashboard-row .pmd-card-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .dashboard-branch .total-sales > div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .dashboard-branch .pmd-card-title > .media-left {
        padding: 0px;
    }
    .over-scroll {
        overflow: auto !important;
    }
    /* dashboard css */
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .pmd-card-body
        .group-fields
        div:not(:last-child),
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .pmd-card-body
        .group-fields
        div:not(:last-child) {
        margin-bottom: 10px;
    }
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .col-lg-3,
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .col-lg-3 {
        padding-left: 10px !important;
    }
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .group-fields
        > div:nth-child(4),
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-9
        .group-fields
        > div:nth-child(5),
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .group-fields
        > div:nth-child(4),
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        form
        > .col-lg-9
        .group-fields
        > div:nth-child(5) {
        width: 100%;
    }
    .pmd-card.right_side .pmd-card-body .group-fields {
        flex-basis: 100% !important;
    }
    .pmd-card.right_side .pmd-card-body .group-fields {
        flex-basis: 100% !important;
        margin-right: 0px !important;
    }
    .pmd-card.right_side .pmd-card-body .group-fields > div {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* labour create */
    .labour-invoice-left .group-fields > div:not(:last-child) {
        width: calc(30.5%) !important;
        margin-bottom: 10px;
    }
    .labour-invoice-left .group-fields > div:first-child,
    .labour-invoice-left .group-fields > div:nth-child(2) {
        width: 50% !important;
    }
    /* labour create */
    /* new cash book*/
    .pmd-card-custom-form.cashbook-date-range {
        max-height: inherit !important;
    }
    .cashbook-result {
        padding-top: 10px !important;
        padding-bottom: 15px;
        clear: both;
    }
    /* new cash book*/
}

@media only screen and (min-width: 768px) {
    .dataTables_wrapper table {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .pmd-content.content-area.dashboard
        .container-fluid
        > .col-lg-12
        > .col-lg-3 {
        padding-right: 0px;
    }
    #online-users {
        display: none;
    }
    .pmd-card.right_side {
        margin-left: 0px;
    }
    .mobile-device {
        display: none;
    }
    .ui-datepicker-div {
        width: 80% !important;
        height: 80% !important;
    }
    #sels-plus {
        padding-top: 9px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .admin-footer {
        display: none;
    }
    .pmd-content {
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }
    .pmd-card.right_side .pmd-card-body .group-fields .col-xs-6 {
        width: 25%;
    }
    .pmd-card.right_side .pmd-card-body {
        margin-bottom: 20px !important;
    }
    .dataTables_wrapper table {
        width: 735px !important;
    }
    .dataTables_wrapper .row .col-sm-12 {
        overflow: auto;
        margin-left: 15px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 770px) {
    .dataTables_length,
    .dataTables_filter {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .desktop-icon {
        display: none;
    }

    .dataTables_length,
    .dataTables_filter {
        display: none;
    }
    .main-dashboard-row,
    .new-cashbook-row {
        padding: 0px 5px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .dashboard-chart {
        width: calc(100% - 30px) !important;
        max-width: 100%;
        overflow: scroll;
        margin-left: 15px;
        margin-right: 15px;
    }
    .dashboard-branch > .pmd-card-body {
        overflow: scroll;
    }
    .pmd-content .container-fluid {
        padding: 15px 0px;
    }
    section.content {
        overflow: hidden;
    }
    /*labour create */
    .pmd-content .labour-invoice-left .group-fields > div {
        width: 100% !important;
    }
    /*labour create */
    /* new cash book */
    .cashbook-table-wrapper {
        overflow: scroll;
    }
    /* new cash book */
}