td,
th {
    vertical-align: middle !important;
}

body {
    background: #f9f9f9;
}

.nav-icon {
    color: black !important;
}

.left,
.right {
    float: left;
    /* height: 100vh; */
}

.logo-dashboard {
    width: 6%;
    position: absolute;
    background: white;
    margin: 1.2% 0 0 1.3%;
}

.page-hdng {
    color: #606060;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
}

.pg-contnr {
    margin: 0;
    width: 100%;
    padding: 24px 3px;
    border-radius: 5px;
}

.cards {
    padding: 14px 15px;
    background: white;
    width: 32%;
    margin: 2% 1% 2% 0;
    height: 30vh;
    box-shadow: 0 6px 10px 1px lightgrey;
}

.icn-brdr {
    border-bottom: 5px solid #404aae;
    margin: 26% 0 0 37%;
    width: 62%;
}

.cardicn-txt {
    font-size: 15px;
    /* font-weight: 600; */
}

.subscrptn-dtls {
    line-height: 29px;
}

.dashbrd-icn {
    background: #585555;
    width: 65px;
    height: 65px;
    color: #f9f9f9;
    padding: 19px 21px;
    font-size: 29px;
    border-radius: 50%;
}

.dashbrd-icn1 {
    background: #404aae;
    width: 59px;
    height: 59px;
    color: #f9f9f9;
    padding: 15px 18px;
    font-size: 29px;
    border-radius: 6%;
    margin: -28% 0 0 0;
    float: right;
    /* width: 65px;
    height: 65px;
    color: #f9f9f9;
    padding: 19px 21px;
    font-size: 29px;
    border-radius: 50%; */
}

.cmpnydtls {
    padding: 20px 26px;
    border-radius: 5px;
    background: white;
    margin: 0 0 0 0%;
}

.cont-num {
    width: 61% !important;
}

.left {
    background: #337ab7;
    display: inline-block;
    white-space: nowrap;
    width: 50px;
    margin: -4% 0 0 0;
    z-index: 0;
    position: relative;
    height: 102vh;
    padding-top: 2%;
}

.nav-hdng {
    font-size: 25px;
    font-family: 'Baloo Da 2', cursive;
    color: #2596be;
    font-weight: 600;
    /* margin: 0 0 0 -89%; */
    line-height: 33px;
}

.right {
    background: #f9f9f9;
    width: 96%;
    height: 91vh;
    overflow-y: overlay;
    /* border-style: solid;
    border-color: #ccc;
    border-width: 1px; */
}

.menuicon {
    cursor: pointer;
    margin: 1.3% 0 0 -90%;
    font-size: 22px;
}


/* .left:hover {
    width: 250px;
    color: #337ab7;
}

.left:hover+.right {
    width: 83%;
} */

.item:hover {
    background-color: #3949ab;
    color: white;
    /* color: #337ab7; */
}

.left .glyphicon {
    margin: 15px;
    width: 20px;
    /* color: #fff; */
}

.right .glyphicon {
    color: #a9a9a9;
}

span.glyphicon.glyphicon-refresh {
    font-size: 17px;
    vertical-align: middle !important;
}

.item {
    height: 49px;
    overflow: hidden;
    color: #ffffffad;
    line-height: 57px;
    font-weight: 600;
}

.arr-right .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    vertical-align: top;
    color: #408080;
    font-size: 15px;
    line-height: 18px;
}

.logo {
    height: 34px;
    overflow: hidden;
    background: white;
    text-align: center;
    width: 75%;
    margin: 9% 11%
}

.item:active {
    background-color: #3949ab;
    /* color: #337ab7; */
}

.customertable {
    /* width: 81%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 5%; */
    background: white;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius: 3px;
    width: 100%;
}

.customer_td {
    padding: 1.5% !important;
}

.details_row {
    /* border-bottom: 1px solid lightgray !important; */
    margin: 0 0 0 2%;
}

.details_lbl {
    color: #a8a4a4;
    font-size: 14px;
    font-weight: 100;
    padding: 0;
}

.class275 {
    color: black;
    font-weight: 600;
    font-size: 37px;
    text-align: center;
}

.dayremng {
    color: gray;
    font-weight: 600;
    line-height: 45px;
}

.cmpnyId {
    border: 0;
    width: 100%;
    border: 1px solid lightgray !important;
    color: black;
    border-radius: 3px;
    height: 30px;
}

.contct_label {
    margin: 0 0 2% 0;
    padding: 0;
}

.tabl-alignmn {
    text-align: center;
}

.tab-css {
    box-shadow: 0 6px 12px 0 rgb(220 214 214 / 55%);
    /* padding: 26px 20px; */
    background: white;
    border-radius: 3px;
}

.table>tbody>tr>th {
    padding: 15px;
}

.notificn {
    margin: 0.7% 0 0 85%;
    float: left !important;
}

.subscrptn-save {
    margin: 0 0 4% 85%;
}

.editmodal-admin {
    padding-left: 6px;
}

.editmodal-admin-status {
    width: 64%;
}

.admin-modal {
    width: 160%;
    float: left;
    left: -31%;
}

@media(max-width:576px) {
    .navbarcss {
        float: right;
        background: white !important;
        border: none;
        margin: 0 0 0 3%;
        width: 87%;
    }
    .nav-mbl {
        width: 41%;
        float: right;
    }
    .menuicon {
        cursor: pointer;
        margin: 2% 0 0 -76%;
        font-size: 22px;
    }
    .notificn {
        text-align: right;
        margin: 0 0 0 -25%;
        float: none !important;
    }
    .left {
        margin: -1% 0 0 0;
    }
    .right {
        width: 88%;
        height: 92vh;
        overflow-y: scroll;
    }
    .search-box {
        position: relative;
        /* float: right; */
        margin: 0 54% 0 0;
    }
    table.table td i {
        font-size: 13px;
    }
    .cust-tbl {
        width: 69%;
        font-size: 12px;
    }
    .icon-width {
        width: 15%;
    }
    .cards {
        padding: 14px 15px;
        background: white;
        width: 100%;
        margin: 2% 1% 6% 0;
        height: 30vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .pagination {
        float: none !important;
        margin: 0 0 0% 29% !important;
    }
    .details_row {
        /* border-bottom: 1px solid lightgray !important; */
        margin: 0 0 0 -2%;
    }
    .details_lbl {
        color: #a8a4a4;
        font-size: 12px;
        font-weight: 600;
        padding: 0;
    }
    .cont-num {
        width: 100%;
    }
    .admincards {
        padding: 14px 15px;
        background: white;
        width: 82%;
        margin: 2% 1% 5% 0;
        height: 28vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
}

@media(min-width:576px) and (max-width:767px) {
    .cards {
        padding: 14px 15px;
        background: white;
        width: 94%;
        margin: 2% 1% 8% 0;
        height: 30vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .navbarcss {
        float: right;
        background: white !important;
        border: none;
        margin: 0 0 0 -1%;
        width: 93%
    }
    .nav-mbl {
        width: 36%;
        float: right;
    }
    .menuicon {
        cursor: pointer;
        margin: 2% 0 0 -76%;
        font-size: 22px;
        display: none !important;
    }
    .notificn {
        text-align: right;
        margin: 0 0 0 -25%;
        float: none !important;
    }
    .left {
        margin: -1% 0 0 0;
    }
    .right {
        width: 91%;
        height: 92vh;
        overflow-y: scroll;
    }
    .search-box {
        position: relative;
        /* float: right; */
        margin: 0 54% 0 0;
    }
    table.table td i {
        font-size: 13px;
    }
    .cust-tbl {
        width: 69%;
        font-size: 12px;
    }
    .icon-width {
        width: 15%;
    }
    .pagination {
        float: none !important;
        margin: 0 0 0% 29% !important;
    }
    .details_row {
        /* border-bottom: 1px solid lightgray !important; */
        margin: 0 0 0 -2%;
    }
    .details_lbl {
        color: #a8a4a4;
        font-size: 12px;
        font-weight: 600;
        padding: 0;
    }
    .admincards {
        padding: 14px 15px;
        background: white;
        width: 82%;
        margin: 2% 1% 5% 0;
        height: 28vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .admin-modal {
        width: 140%;
        float: left;
        left: 3%;
    }
    .editmodal-admin-status {
        width: 97%;
    }
    .editmodal-admin {
        padding-left: 16px;
    }
    .editmodal-admin-status-div {
        margin: 0 0 0 2%;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .navbarcss {
        background: white !important;
        border: none;
        margin: 0 0 0 -3%;
    }
    .menuicon {
        cursor: pointer;
        margin: 2% 0 0 -63%;
        font-size: 22px;
        /* display: none !important; */
    }
    .notificn {
        margin: 0.7% 0 0 72%;
    }
    .left {
        margin: -8% 0 0 0;
    }
    .right {
        width: 93%;
    }
    .search-box {
        position: relative;
        /* float: right; */
        margin: 0 100% 0 -62%;
    }
    table.table td i {
        font-size: 13px;
    }
    .cust-tbl {
        width: 84%;
        font-size: 12px;
    }
    .icon-width {
        width: 15%;
    }
    .pagination {
        float: none !important;
        margin: 0 0 0% 29% !important;
    }
    .cards {
        padding: 14px 15px;
        background: white;
        width: 76%;
        margin: 5% 1% 2% 0;
        height: 30vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .subscrptn-save {
        margin: -2% 0 5% 79%;
    }
    .admincards {
        padding: 14px 15px;
        background: white;
        width: 82%;
        margin: 2% 1% 5% 0;
        height: 28vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .dashbrd-crdtxt {
        font-size: 14px;
    }
    .cardicn-txt {
        font-size: 13px;
        /* font-weight: 600; */
    }
    .editmodal-admin-status {
        width: 97%;
    }
    .editmodal-admin {
        padding-left: 16px;
    }
    .editmodal-admin-status-div {
        margin: 0 0 0 2%;
    }
}


/* @media(min-width:803px) and (max-wdith:890px) {
    .left {
        margin: -9% 0 0 0;
    }
} */

@media(min-width:992px) and (max-width:1199px) {
    .navbarcss {
        background: white !important;
        border: none;
        margin: 0 0 0 3%;
    }
    .menuicon {
        cursor: pointer;
        margin: 2% 0 0 -80%;
        font-size: 22px;
    }
    .notificn {
        margin: 0.7% 0 0 75%;
    }
    .left {
        margin: -6% 0 0 0;
    }
    .right {
        width: 94.9%;
    }
    .search-box {
        position: relative;
        /* float: right; */
        margin: 0 32% 0 -6%;
    }
    table.table td i {
        font-size: 13px;
    }
    .cust-tbl {
        width: 90%;
        font-size: 12px;
    }
    .icon-width {
        width: 11%;
    }
    .cont-num {
        width: 61%;
    }
    .pagination {
        float: none !important;
        margin: 0 0 0% 50% !important;
    }
    .dashbrd-crdtxt {
        font-size: 13px;
    }
    .dashbrd-icn1 {
        margin: -53% 0 0 0;
    }
    .cards {
        padding: 14px 15px;
        background: white;
        width: 32%;
        margin: 2% 1% 2% 0;
        height: 38vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .subscrptn-save {
        margin: 12% 0 5% 79%;
    }
    .admincards {
        padding: 14px 15px;
        background: white;
        width: 32%;
        margin: 2% 1% 2% 0;
        height: 28vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
}

@media(min-width:1200px) and (max-width:1599px) {
    .navbarcss {
        background: white !important;
        border: none;
        margin: 0 0 0 3%;
    }
    .menuicon {
        cursor: pointer;
        margin: 1.5% 0 0 0%;
        font-size: 22px;
    }
    .notificn {
        margin: 0.7% 0 0 78%;
        float: left;
    }
    .left {
        margin: -5% 0 0 0;
    }
    .right {
        width: 95%;
    }
    .cont-num {
        width: 61%;
    }
    .dashbrd-icn1 {
        margin: -42% 0 0 0;
    }
    .cards {
        padding: 14px 15px;
        background: white;
        width: 32%;
        margin: 2% 1% 2% 0;
        height: 38vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .subscrptn-save {
        margin: 12% 0 5% 79%;
    }
    .admincards {
        padding: 14px 15px;
        background: white;
        width: 32%;
        margin: 2% 1% 2% 0;
        height: 28vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
}

@media(min-width:1600px) and (max-width:1900px) {
    .navbarcss {
        background: white !important;
        border: none;
        margin: 0 0 0 3%;
    }
    .menuicon {
        cursor: pointer;
        margin: 1.3% 0 0 -1%;
        font-size: 22px;
    }
    .cont-num {
        width: 61%;
    }
}

@media(min-width:2000px) and (max-width:2600px) {
    .left {
        margin: -3% 0 0 0;
    }
    .cards {
        padding: 14px 15px;
        background: white;
        width: 32%;
        margin: 2% 1% 2% 0;
        height: 21vh;
        box-shadow: 0 6px 10px 1px lightgrey;
    }
    .menuicon {
        cursor: pointer;
        margin: 0.8% 0 0 -80%;
        font-size: 22px;
    }
}