.iq-sidebar-menu .iq-menu li a i {
    font-size: 22px;
}

.font-18 {
    font-size: 16px;
    font-weight: 300;
    /*color: #535f6b;*/
}

.header-title {
    font-size: 18px;
}

.sidebar {
    /*padding-bottom: 5px;*/
}

.pd-fourblock {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pd-fourblock-one {
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li.active > a {
    color: #009553;
    background-color: rgb(193 242 232);
    border: 8px;
    /*font-weight: bold;*/
}

.font-size-header-four {
    font-size: 20px;
}

.iq-icon-box-3 {
    height: 55px !important;
    width: 55px !important;
    line-height: 55px;
    text-align: center;
    margin-right: 10px;
    font-size: 26px;
}

@media (max-width: 500px) {
    .text-center-mobile {
        text-align: center;
    }
}

@media (max-width: 800px) {
    .font-responsive-header-table {
        font-size: 20px !important;
    }
}

@media (max-width: 714px) {
    .font-responsive-header-table {
        font-size: 18px !important;
    }
}

.body-list {
    margin-top: 20px;
    font-size: 16px;
}

.slide-four {
    top: 5px !important;
}

.card .card-header {
    /*padding: 40px;*/
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.bg-info-or {
    background: linear-gradient(to bottom right, #fe6f1a82 0%, #fe6f1a 100%) !important;
    box-shadow: 0 5px 10px #ffa97c9c;
    color: #fff;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.badge-primary {
    background-color: #00cca9 !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #fe711b;
}

input:focus + .slider {
    box-shadow: 0 0 1px #fe711b;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.btn-green {
    color: #43d396;
}


/* ---------index.html------------ */

.welcome-text {
    font-size: 24px;
}

.bg-primary-light {
    color: #FEA725 !important;
    background-color: rgb(255 142 30 / 27%) !important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 840px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 509px) {
    .button-respon-table {
        width: 120px;
        height: 40px !important;
        position: relative !important;
        top: 20px;
    }

    .button-respon-table-3 {
        width: 120px;
        height: 40px !important;
        position: relative !important;
        top: 10px;
    }

    .button-respon-table-2 {
        width: 120px;
        height: 40px !important;
        position: relative !important;
        top: 30px;
    }
}

.button-respon-table-2 {
    width: 120px;
    height: 40px;
    position: static;
}

.button-respon-table-3 {
    width: 120px;
    height: 40px;
    position: static;
}

.button-respon-table {
    width: 120px;
    height: 40px;
    position: static;
}

@media (max-width: 767px) {
    .scroll {
        height: auto !important;
        overflow-y: scroll;
    }
}

@media (max-width: 800px) {
    .hide-desktop {
        display: block !important;
    }
}

@media (max-width: 479px) {
    .ex1 {
        /* background-color: lightblue; */
        height: auto !important;
        width: 200px;
        overflow-y: scroll;
    }

    .btn-viewAll {
        height: 60px;
    }
}

@media (max-width: 768px) {
    .scroll {
        height: 60px;
        overflow-y: scroll;
    }
}

.hide-desktop {
    display: none;
}

.scroll {
    height: 40px;
    overflow-y: scroll;
    margin-top: 10px;
}

.welcome-text-name {
    color: #56C596;
    font-weight: 700;
}

.welcome-dashboard {
    font-weight: bold;
}

.block-4-dashboard {
    font-weight: 600;
}

.cursor-point {
    cursor: pointer;
}

.block-1-dashboard {
    width: 30px;
    height: 30px;
    text-align: center;
    align-self: center;
    position: relative;
    border-radius: 8px;
    background-color: #c1f3e8;
    border-color: #c1f3e8;
    color: #209f84;
    border-radius: 5px;
}

.name-acc {
    color: #56C596;
    font-weight: bold;
    font-size: 16px;
}

.font-bold {
    font-weight: bold;
}

.lineheight-acc {
    line-height: 1.8;
}

.text-bold {
    font-weight: bold;
}

.num {
    font-size: 32px;
    font-weight: bold;
    color: #00cca9;
}

.wrapper-menu {
    color: #56c494 !important;
}

.card-body-table {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.iq-sidebar-menu .iq-menu li a span {
    white-space: break-spaces;
}

@media (max-width: 1550px) {
    .body-list {
        font-size: 15px;
    }

    #show_account_name {
        font-size: 15px;
    }

    #show_account_number {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .card-body-table {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767px) {
    .card-body-table {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .card .card-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 991px) {
    .iq-top-navbar .navbar-toggler {
        color: #229f83;
        background: #c1f2e8;
        border: none;
        padding: 7px 10px 3px;
        border-radius: 5px;
        font-size: 24px;
    }
}

@media (max-width: 1532px) {
    .body-list {
        font-size: 16px;
    }

    .round-bank {
        border-radius: 100%;
        width: 50px;
    }
}

.round-bank {
    width: 45px;
}

.round-bank {
    border-radius: 100%;
}

.margin-bottom-card-four {
    margin-bottom: 15px !important;
}

.iq-sidebar-menu .iq-menu li a i {
    margin-right: 13px !important;
}

.bank-center {
    align-self: center;
    padding: 5px !important;
    text-align: center;
}

.iq-sidebar-menu .iq-menu li a .iq-arrow-right {
    margin-right: 0px !important;
}

@media (max-width: 1200) {
    .bank-center {
        align-self: center;
        padding: 10px !important;
    }
}

.num-or {
    color: #ff803c;
}

.num-gr {
    color: #49d2b1;
}

.ex1 {
    /* background-color: lightblue; */
    height: 40px;
    width: 200px;
    overflow-y: scroll;
}

.tr-color {
    background-color: #68cb9f;
    color: #fff;
}

.font-white {
    color: #fff !important;
}

.tr-color-modal {
    color: #535f6b;
}

.card .card-header .header-title .card-title {
    font-weight: 700;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .card .card-header .header-title .card-title {
        font-weight: 700;
        line-height: 1.6;
    }
}

.color-heder {
    color: #56C596;
}

.buy {
    color: #e78e09;
    font-weight: lighter;
    /*text-align: left;*/
    /*padding: 3px 10px;*/
    border-radius: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    color: #26ae72 !important;
    border: 1px solid #c1f2e8;
    background: #c1f2e8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #26ae72 !important;
    border: 1px solid #c1f2e8;
    background: #c1f2e8;
}

.waite {
    color: #dd8400;
    text-align: center;
}

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

.num-id {
    color: #56C596;
    font-weight: bold;
}

.sidebar-default .iq-sidebar-menu .iq-menu > li.active > a {
    color: #3fb481;
    text-decoration: none;
    background: #ffffff;
    /*background: rgb(193 242 232);*/
}

.sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] i.iq-arrow-left {
    color: #229f83;
}

.sidebar-default .iq-sidebar-menu .iq-menu li a:hover {
    color: #55c695;
    background-color: #c1f2e8;
}

.sidebar-default .iq-sidebar-menu .iq-menu li ul a:hover {
    color: #36a68d;
}

a.bg-primary-light:hover,
a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
    color: #fe6f1a !important;
    background-color: rgb(254 111 26 / 47%) !important;
}

.iq-sidebar-menu .iq-menu li a {
    /*color: #40b381;*/
}

.iq-sidebar {
    background: #fff;
    color: #fff;
    box-shadow: 2px 0px 8px 5px rgb(0 0 0 / 6%);
}

.bg-info {
    color: #fff !important;
    background: linear-gradient(to bottom right, #54c49373 0%, #00cca9 100%) !important;
    box-shadow: 0 5px 10px #c1f3e6;
}

.round {
    border-radius: 100px !important;
}


/* ---------End index.html------------ */

.dataTables_wrapper {
    margin-top: 25px;
}

@media (max-width: 768px) {
    .dataTables_wrapper {
        margin-top: 25px;
    }
}


/* --------- pay.html------------ */

.hide-mobile {
    display: block;
}

.edit-icon {
    color: #535f6b;
}

.payment-verification {
    color: #e78e09;
    font-weight: lighter;
    text-align: left;
    padding: 3px 10px;
    border-radius: 30px;
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }

    .payment-verification {
        text-align: center !important;
        display: flex !important;
    }

    .end-consultation {
        text-align: center !important;
        display: flex !important;
    }

    .buy {
        text-align: center !important;
        display: flex !important;
    }

    .cancel-consultation {
        text-align: center !important;
        display: flex !important;
    }

    .in-progress {
        text-align: center !important;
        display: flex !important;
    }
}

@media (max-width: 1024px) {
    .payment-verification {
        display: flex;
    }

    .end-consultation {
        display: flex;
    }

    .buy {
        display: flex;
    }

    .cancel-consultation {
        display: flex;
    }

    .in-progress {
        display: flex;
    }
}

@media (max-width: 1550px) {
    .payment-verification {
        display: flex;
    }

    .end-consultation {
        display: flex;
    }

    .buy {
        display: flex;
    }

    .cancel-consultation {
        display: flex;
    }

    .in-progress {
        display: flex;
    }
}

.info-user-profile {
    border-bottom: 1px solid rgb(0 62 136 / 7%);
    padding: 20px 20px 2px 20px;
}

.end-case {
    color: #e78e09;
    font-weight: lighter;
    text-align: left;
    border-radius: 30px;
}

.text-left {
    text-align: left;
}

.end-consultation {
    color: #00CC6A;
    font-weight: lighter;
    text-align: left;
    padding: 3px 10px;
    border-radius: 30px;
}

.cancel-consultation {
    color: #E10000;
    font-weight: lighter;
    text-align: left;
    padding: 3px 10px;
    border-radius: 30px;
}

.in-progress {
    color: #e88e08;
    font-weight: lighter;
    text-align: left;
    padding: 3px 10px;
    border-radius: 30px;
}

.sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] {
    color: #3fb481;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
    color: #26ae72 !important;
    border: 1px solid #c1f2e8;
    background: #c1f2e8;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
    padding: 3px 10px;
    border-radius: 8px;
    color: rgb(35 175 114) !important;
    border: 1px solid rgb(193 242 232) !important;
    background: rgb(193 242 232) !important;
}

.status1 {
    color: #e78e09;
}

.status2 {
    color: #52af83;
}

.status3 {
    color: #7b00c7;
}

.status4 {
    color: #E10000;
}

.status5 {
    color: #cdbf07;
}

.status6 {
    color: #7a3232;
}

.status7 {
    color: #000;
}

.status8 {
    color: #d37255;
}

.status9 {
    color: #ad0000;
}

.status10 {
    color: #08917e;
}

.status11 {
    color: #e78e09;
}

.status12 {
    color: #099af1ee;
}

.status13 {
    color: #00CC6A;
}


/* ---------End pay.html------------ */


/* --------- forget.html------------ */

@media (max-width: 991px) {
    .icon-motion {
        display: none !important;
    }
}

.icon-motion {
    display: block;
}


/* ---------End forget.html------------ */


/* ---------case.html------------ */

.case-green {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #009553;
}

.iq-icon-box-table {
    height: 35px;
    width: 35px;
    text-align: center;
    margin-right: 10px;
    font-size: 20px;
    padding: 2px 12px 7px 8px;
    border: 1px;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
}


/* ---------End case.html------------ */


/* --------- edit pay.html------------ */

.id-buy {
    font-size: 18px;
}

.bc-new {
    background-color: #fafbfe;
    font-size: 18px;
    padding: 0;
}

.font-head-editpay {
    font-size: 30px;
}

.a {
    color: #009553 !important;
}

.b {
    color: #000 !important;
}

.info-pay {
    font-size: 18px;
    margin-top: 80px;
}

.price {
    font-size: 40px;
}

.user-profile {
    text-align: center;
    border-right: 1px solid rgb(0 62 136 / 7%);
    padding: 40px 0px 30px 0px;
}

.color-green {
    color: #45c189;
}

.color-red {
    color: #E20000;
}

.color-orange {
    color: #FEA725 !important
}

a.color-orange:hover, a.color-orange:focus {
    color: #fe6f1a !important;
}

.iq-icon-box-pay {
    height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    font-size: 17px;
    padding: 1px 6px;
}

.table.dataTable thead th {
    color: #fff;
}

.style-couclu {
    border-top: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}

.price-all {
    font-size: 26px;
}

.myHide {
    display: none;
}

.myVisible {
    display: block;
}

@media (max-width: 500px) {
    .price-all {
        font-size: 21px;
    }
}

@media (max-width: 768px) {
    .style-ipad {
        padding: 0px 170px !important;
    }
}

@media (max-width: 600px) {
    .style-ipad {
        padding: 0px 50px !important;
    }
}


/* --------- End edit pay.html------------ */


/* ---------  case.html------------ */

.level {
    height: 20px;
    width: 20px;
    text-align: center;
    margin-right: 10px;
    font-size: 20px;
    padding: 7px 4px 4px 9px;
}

.bg-info-green {
    color: #fff !important;
    background-color: #68cc9f;
    pointer-events: none;
}

.bg-info-red {
    color: #fff !important;
    background-color: #f00000;
    pointer-events: none;
}

.bg-info-yellow {
    color: #fff !important;
    background-color: #f3e10e;
    pointer-events: none;
}


/* ---------  End case.html------------ */


/* ---------   productlist.html------------ */

.btn-upload {
    color: #ffffff;
    background-color: #ff7b34;
    border-color: #ff7b34;
    box-shadow: unset;
}

.btn-add {
    color: #fff;
    background-color: #68cc9f;
    border-color: #68cc9f;
    box-shadow: unset;
}


/* ---------  End productlist.html------------ */


/* ---------   pharmacist.html------------ */

.font-15 {
    font-size: 15px;
}

.waite-check {
    color: #fe721c;
    border-color: #fe721c;
}

.border-waite-check {
    border: 1px solid #fe721c !important;
}

.disapproved {
    color: #E10000;
    border-color: #E10000;
}

.border-disapproved {
    border: 1px solid #E10000 !important;
}

.text-grey {
    color: #535f6b !important;
}

.hr-modal {
    margin-top: 30px;
    margin-bottom: 30px;
}

.headder-editcase {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 10px;
}

.total {
    font-size: 21px;
}

.total-num {
    font-size: 18px;
    font-weight: bolder;
    color: #fe721c;
}


/* ---------  End pharmacist.html------------ */