.top-menu-container{
    width: 100%;
    height: 40px;
    display: block;
}
.top-menu-container .top-menu-toggle{
    width: 3%;
    margin-left: 15px;
    height: 40px;
    line-height: 5px;
    color: white;
    float: left;
    border-right: 1px solid white;
}
.top-menu-container .top-menu-toggle span{
   font-size: 1.5em;
   color: rgba(245, 245, 245, 0.65);
}
.top-menu-container .top-menu-user-nfo{
    float: right;
    height: 28px;
    width: 20%;
    display: block;
    margin-top: 4px;
}
.top-menu-container .top-menu-date-info{
    float: right;
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    width: 14%;
    text-align: center;
    display: block;
    color: #f2f2f2;
    font-size: 1.1em;
    font-family: "Droid Sans";
    border-left: 1px solid #cccc;
}
.top-menu-container .top-menu-lock{
    width: 5%;
    height: 28px;
    line-height: 28px;
    display: block;
    float: right;
    text-align: center;
    margin-top: 5px;
}
.top-menu-container .top-menu-lock .lock{
    width: 28px;
    height: 28px;
    display: block;
    background-color: #2aae2a;
    border-radius: 50%;
    color: white;
}
.top-menu-container .top-menu-clock{
    width: 15%;
    height: 28px;
    display: block;
    text-align: center;
    margin-top: 7px;
    line-height: 28px;
    background-color: white;
    border-radius: 12px;
    /*border-bottom-left-radius: unset;*/
    /*border-bottom-right-radius: unset;*/
    float: right;
}
.top-menu-container .top-menu-clock #myClock,#myClockDisplay2{
    color: black !important;
    font-size: 1.4em;
    font-family: 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
    font-stretch: ultra-condensed !important;
}
.top-menu-container .top-menu-user-nfo .top-menu-user-icon{
    float: left;
    height: 28px;
    width: 30%;
    display: block;
    text-align: center;
    line-height: 28px;
    border-left: 1px solid  #cccc;
}
.top-menu-container .top-menu-user-nfo .top-menu-user-icon img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.top-menu-container .top-menu-user-nfo .top-menu-user-name{
    float: right;
    height: 40px;
    width: 70%;
    display: block;
    line-height: 38px;
    color: whitesmoke;
}


.default-system-page{
    width: 99%;
    margin: auto;
    display: block;
    border-radius: 15px;
    -webkit-box-shadow: 0px 1px 16px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 16px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 16px -1px rgba(0,0,0,0.2);
    background-color: white;
}
.default-system-page .system-page-container{
    width: 96%;
    margin: auto;
    height: 100%;
    display: block;
}
.default-system-page .system-page-container .system-page-header{
    width: 100%;
    height: 70px;
    display: block;
}
.default-system-page .system-page-container .system-page-header div:first-child{
    width: 50%;
    height: 70px;
    float: left;
    display: block;
}
.default-system-page .system-page-container .system-page-header div:last-child{
    width: 50%;
    height: 70px;
    float: left;
    text-align: right;
    display: block;
    line-height: 70px;
    color: #373757;
    font-size: 1.5em;
    font-stretch: ultra-condensed;
}
.default-system-page .system-page-container .system-page-header h5{
    line-height: 80px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    font-family: Tahoma;
}
.default-system-page .system-page-container .system-page-content{
    width: 100%;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu{
    width: 100%;
    height: 45px;
    border-radius: 50px;
    border-bottom-right-radius: 0;
    display: block;
    background-color: #d6d1d2;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside {
    width: 96%;
    height: 45px;
    margin: auto;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item {
    width: 14.1%;
    height: 45px;
    float: right;
    margin-left: .1%;
    display: block;
    overflow: hidden;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item p{
    line-height: 42px;
    color: black;
    font-size: 1.2em;
    text-transform: uppercase;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item p .btn{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    height: 39px;
    width: 95%;
    margin: auto;
    line-height: 10px;

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:first-child p{
    line-height: 45px;
    color: black;
    /*font-size: .9em;*/
    text-align: center;
    text-transform: uppercase;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:first-child input{
    float: right;
    margin-right: 12px;
    margin-top: 15px;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:nth-child(2) p{
    line-height: 45px;
    color: black;
    font-size: .9em;
    text-transform: uppercase;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:nth-child(2) input{
    float: right;
    margin-right: 12px;
    margin-top: 15px;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:nth-child(3) p{
    line-height: 45px;
    color: black;
    font-size: .9em;
    text-transform: uppercase;
}
.default-system-page .system-page-container .system-page-content .pos-page-header-menu .pos-menu-inside .menu-item:nth-child(3) input{
    float: right;
    margin-right: 12px;
    margin-top: 15px;
}

.default-system-page .system-page-container .system-page-content .pos-customer-info-card{
    width: 70%;
    height: 100%;
    display: block;
    float: left;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search {
    width: 100%;
    height: 80px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search .pos-search-container{
    width: 60%;
    height: 80px;
    float: left;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search .pos-search-container-switch{
    width: 25%;
    height: 80px;
    display: block;
    float: right;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search .pos-search-container .search-field{
    width: 90%;
    float: left;
    height: 80px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search .pos-search-container .icon-field{
    width: 10%;
    float: left;
    height: 80px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search .pos-search-container .icon-field span{
    margin-left: -40px;
    line-height: 20px;
    font-size: 1.5em;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search input{
    width: 100%;
    height: 43px;
    margin-top: 30px;
    border: 2px solid rgba(21, 24, 49, 0.76);
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 40px;
    font-size: 1.4em;
    font-weight: 100;
    transition: .2s ease-in-out;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search input:focus{
    border: 2px solid rgba(21, 24, 49, 0.63);
    transition: .2s ease-in-out;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    outline: none;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-customer-drug-search span{
   float: left;
   margin-top: 40px;
   margin-right: -22px;
    z-index: 999999999999999999;
}

.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card{
    width: 100%;
    height: 130px;
    border-radius: 15px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list{
    width: 32.33%;
    height: inherit;
    float: left;
    color: #eb8432;
    background-color: #d6d1d2;
    margin-left: .5%;
    margin-right: .5%;
}

.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list:first-child{
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list:last-child{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list .pos-information-icon{
    height: 100px;
    width: 60%;
    display: block;
    text-align: center;
    float: left;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list .pos-information-icon span{
   font-size: 4em;
   line-height: 100px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list .pos-information-counter{
    height: 100px;
    width: 40%;
    float: left;
    display: block;
    text-align: center;
    font-size: .8em;
    color: white;

}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list .pos-information-counter p{
    font-size: 2.5em;
    line-height: 100px;
    font-stretch: extra-condensed;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-information-show-card .pos-information-card-list .pos-information-description p{
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 20px;
    color: rgba(30, 40, 49, 0.8) !important;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card {
    width: 100%;
    height: 250px;
    overflow-x: auto;
    background-color: #60c1d3;
    margin-top: 20px;
    border-radius: 15px;
    padding: 10px;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
}

.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table{
    display: table;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;

}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-header{
    display: table-header-group;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-header .pos-products-table-row{
    display: table-row;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-header .pos-products-table-row .pos-table-cell{
    display: table-cell;
    padding: 10px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-body{
    display: table-row-group;
    height: 110px;
    overflow: hidden;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-body .pos-table-body-row{
    display: table-row;
    height: 50px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-info-card .pos-products-card .pos-products-table .pos-table-body .pos-table-body-row .pos-table-body-cell{
    display: table-cell;
    text-align: center;
}


.default-system-page .system-page-container .system-page-content .pos-customer-payments-card{
    width: 29.5%;
    margin-left: .5%;
    height: 480px;
    float: left;
    display: block;
    background-color: #d6d1d2;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 3px;
    color: black;
    padding-top: 20px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-customer-name-section{
    width: 100%;
    display: block;
    height: 70px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-customer-name-section label{
    width: 100%;
    display: block;
    text-align: left;
    line-height: 10px;
    font-weight: 500;
    margin-left: 20px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-customer-name-section input{
    padding-right: 10px;
    padding-left: 10px;
    width: 95%;
    margin: auto;
    font-size: 1.2em;
    border-radius: 50px;
    text-align: center;
    background-color: #fff;
    outline: none;
    height: 35px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section{
    width: 100%;
    height: 115px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-amount-text{
    width: 90%;
    margin: auto;
    height: 25px;
    display: block;
    text-align: left;
    line-height: 40px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-amount-text h5{
   font-weight: bold;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount{
    width: 90%;
    margin: auto;
    height: 90px;
    display: block;
    text-align: left;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount .amount-section{
    width: 33.3%;
    float: left;
    margin: auto;
    height: 90px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount .amount-section:first-child{
    width: 20%;
    text-align: center;
    line-height: 10px !important;
    padding-top: 25px;
    font-weight: 600;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount .amount-section:nth-child(2){
    width: 12%;
    text-align: center;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount .amount-section:nth-child(2) input{
    margin-top: 20px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-billing-section .pos-bill-section-amount .amount-section:nth-child(3){
    line-height: 80px;
    width: 68%;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    overflow: hidden;
    font-stretch: extra-condensed;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section{
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper{
    width: 100%;
    height: 50px;
    display: block;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper .pos-other-information-section-wrapper-icon{
    width: 20px;
    margin-left: 25px;
    position: absolute;
    float: right;
    display: block;
    text-align: right;
    line-height: 50px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper .pos-other-information-section-wrapper-icon span{
    font-size: 1.2em;
    color: #0c5460;
    font-weight: bold;
}

.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper .pos-other-information-section-wrapper-input{
    width: 100%;
    float: left;
    height: 100%;
    display: block;
}

.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper .pos-other-information-section-wrapper-input input,select{
    padding-right: 10px;
    padding-left: 55px;
    width: 100%;
    font-size: 1.2em;
    border-radius: 50px;
    text-align: left;
    outline: none;
    height: 40px;
    margin-top: 4px;
    background-color: white !important;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-other-information-section .pos-other-information-section-wrapper .pos-other-information-section-wrapper-input input[disabled]{
    cursor: no-drop;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-change-section{
    padding-right: 10px;
    padding-left: 10px;
    width: 93%;
    margin: auto;
    height: 50px;
    background-color: #a19b98;
    color: black;
    border-radius: 50px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-change-section .pos-change-div{
    width: 25%;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-change-section .pos-change-div:last-child{
    width: 75%;
    font-size: 1.2em;
    letter-spacing: 1px;
    background-color: white;
    border-radius: 50px;
    color: black;
    /*border-bottom-right-radius: 50px;*/
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-change-section .pos-change-div:last-child .not-enough-money{
    line-height: 10px;
    display: none;
    font-size: 1em;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-checkout-buttons{
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    height: 57px;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-checkout-buttons .btn{
    height: 40px;
    border-radius: 50px;
    margin-top: 10px;
    width: 32%;
    margin-left: 1.3%;
    float: left;
}
.default-system-page .system-page-container .system-page-content .pos-customer-payments-card .pos-checkout-buttons .btn[disabled]{
    cursor: no-drop;
}

/* FIXED TABLE HEADER */
.table-wrapper{
    overflow-y: auto;
    border: none;
    height: 100%;
    scrollbar-width: thin !important;
    scrollbar-color: #f5f5f5;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #464c54 white;
}

.table-wrapper thead th{
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px;
    color: #000 !important;
    font-weight: bolder;
}
.table-wrapper tfoot th{
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 10px;
    color: #000 !important;
    font-weight: bolder;
}

/* A bit more styling to make it look better */
.default-system-page .system-page-container .system-page-content .table-wrapper{
    color: white !important;
}

.default-system-page .system-page-container .system-page-content table{
    border-collapse: collapse;
    width: 100%;
}

.default-system-page .system-page-container .system-page-content th{
    background: #fff;
    padding: 10px;
    color: #000 !important;
    font-weight: bolder;
}
.default-system-page .system-page-container .system-page-content th:first-child{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}
.default-system-page .system-page-container .system-page-content th:last-child{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.default-system-page .system-page-container .system-page-content td{
    text-align: center;
    color: white !important;
    padding: 10px;
    font-weight: bolder;
    border-right: 2px solid white;
}
.default-system-page .system-page-container .system-page-content td:last-child{
    border-right: 0px solid white;
}


.cart-items-list .removeItem{
    font-size: 1.5em;
    cursor: pointer;
}
.cart-items-list .btn{
    height: 28px;
    font-size: .9em;
}

/* CART TOTAL AMOUNT POP ANIMATION*/
.popAmountAnimation{;
    animation:popAmount 600ms;
    -webkit-animation:popAmount 600ms;
    transition: .1s ease-in-out;
}

@-webkit-keyframes popAmount {
    from {
        transform: scale(1,1);
        opacity: 1;
    }
    50% {
        transform: scale(1.4,1.9);
        opacity: .5;
    }
    to {
        transform: scale(1,1);
        opacity: 1;
    }
}
/* RETURNED CHANGE POPUP ANIMATION */
.popChangeAnimation{;
    animation:popChange 600ms;
    -webkit-animation:popChange 600ms;
    transition: .1s ease-in-out;
}

@-webkit-keyframes popChange {
    from {
        transform: scale(1,1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3,1.3);
        opacity: .5;
    }
    to {
        transform: scale(1,1);
        opacity: 1;
    }
}
/* POP COUNTER ANIMATION */
.popCounterAnimation{;
    animation:popCounterAnimation 600ms;
    -webkit-animation:popCounterAnimation 600ms;
}

@-webkit-keyframes popCounterAnimation {
    from {
        margin-top: 0;
        opacity: 1;
    }
    50% {
        margin-top: 5px;
        opacity: .3;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}










.print-receipt[disabled]{
    cursor: no-drop;
}

/* CREDIT CARD SALES
 */

.credit-card-modal-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}
.credit-card-modal-container{
    width: 30%;
    visibility: hidden;
    transition: .27s ease-in-out;
    border-radius: 12px;
    right: 5%;
    top: 10%;
    bottom: 3%;
    overflow: auto;
    background-color: white;
    padding: 10px;
    position: fixed;
    opacity: 0;
    z-index: 99999;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
}
.credit-card-modal-container .credit-card-modal-header{
    width: 100%;
    height: 55px;
    background-color: #d65498;
    border-radius: 50px;
    display: block;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.credit-card-modal-container .credit-card-modal-header .credit-card-icon{
    width: 20%;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    font-size: 2em;
    text-align: center;
    color: white;
}
.credit-card-modal-container .credit-card-modal-header .credit-card-icon img{
    width: 100%;
    object-fit: contain;
    height: inherit;
}
.credit-card-modal-container .credit-card-modal-header .credit-card-text{
    width: 80%;
    height: 50px;
    display: block;
    float: right;
}
.credit-card-modal-container .credit-card-modal-header .credit-card-text h4 {
    line-height: 50px;
    font-weight: 500;
    color: white;
}

.credit-card-modal-container .credit-card-body{
    width: 100%;
    height: 80%;
    /*background-color: rebeccapurple;*/
}
.credit-card-modal-container .credit-card-body .credit-card-charged-info{
    width: 100%;
    height: 120px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info {
    width: 96%;
    margin: auto;
    height: 70%;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row{
    width: 100%;
}

.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row .credit-card-icon{
    width: 10%;
    height: 50px;
    line-height: 55px;
    position: absolute;
    margin-top: 2px;
    text-align: right;
    font-size: 1.3em;
    margin-left: 23px;
    font-weight: 700;
    color: rgba(62, 25, 28, 0.86);
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row:nth-child(2) .credit-card-icon{
    margin-top: 52px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row:nth-child(3) .credit-card-icon{
    margin-top: 102px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row:nth-child(4) .credit-card-icon{
    margin-top: 152px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row:nth-child(5) .credit-card-icon{
    margin-top: 202px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row:nth-child(6) .credit-card-icon{
    margin-top: 252px;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info .credit-card-info-row .credit-card-input{
    width: 100%;
    height: 50px;
    float: left;
}
.credit-card-modal-container .credit-card-body .credit-card-payment-info input{
    width: 94%;
    margin: auto;
    height: 40px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.51);
    padding-left: 58px;
    padding-right: 14px;
}
.credit-card-modal-container .credit-card-body .credit-card-charged-info div{
    width: 30%;
    height: 130px;
    float: left;
    font-size: 2em;
    /*background-color: black;*/
    line-height: 130px;
    text-align: center;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
}
.credit-card-modal-container .credit-card-body .credit-card-charged-info div:last-child{
    width: 70%;
    height: 130px;
    float: left;
    font-size: 2.4em;
    font-stretch: extra-condensed;
    color: rgba(0, 0, 0, 0.69);
    font-weight: 700;
}
.credit-card-modal-container .credit-card-footer{
    width: 100%;
    height: 12%;
    background-color: #f2f2f2;
    border-radius: 12px;
}
.credit-card-modal-container .credit-card-footer .credit-card-footer-div{
    width: 30.3%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    float: left;
}
.credit-card-modal-container .credit-card-footer .credit-card-footer-div button{
    margin-top: 14px;
    border-radius: 50px;
    width: 100%;
}






.credit-checkout-modal{
    width: 35%;
    position: fixed;
    right: 5%;
    top: 8%;
    bottom: 3%;
    overflow: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
    background-color: white;
    z-index: 99999;
    border-radius: 12px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    transition: .27s ease-in-out;
}
.credit-checkout-modal .credit-checkout-modal-header{
    width: 100%;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: #d65498;
}
.credit-checkout-modal .credit-checkout-modal-header .credit-checkout-icon{
    width: 14%;
    height: 50px;
    float: left;
    text-align: center;
}
.credit-checkout-modal .credit-checkout-modal-header .credit-checkout-icon span{
    font-size: 2em;
    line-height: 50px;
    color: white;
}
.credit-checkout-modal .credit-checkout-modal-header .credit-checkout-text{
    width: 86%;
    height: 50px;
    float: left;
    font-size: 2em;
    line-height: 50px;
    color: white;
}

.credit-checkout-modal .credit-checkout-body{
    width: 100%;
    height: 410px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-bill{
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bolder;
    color: black;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment{
    width: 100%;
    height: 150px;
    line-height: 60px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bold;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    height: 65px;
    float: left;
    line-height: 60px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div{
    width: 20px;
    height: 50px;
    float: left;
    line-height: 60px;
    display: block;
    position: absolute;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div span{
   font-size: .8em;
   color: #59393c;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:first-child{
    width: 100%;
    position: relative;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:nth-child(2){
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div input{
    width: 100%;
    border-radius: 50px;
    padding-left: 40px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.5);

}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer{
    width: 100%;
    height: 200px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header{
    width: 100%;
    height: 50px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header h6{
    font-size: 1.2em;
    font-weight: bolder;
    color: black;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header hr{
    padding: .01%;
    background-color: rgba(0, 0, 0, 0.42);
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body{
    width: 100%;
    height: 150px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 68px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input{
    width: 100%;
    height: 68px;
    display: block;
}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    padding-left: 35px;
    padding-right: 10px;
    height: 45px;

}
.credit-checkout-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-icon{
    width: 8%;
    height: 45px;
    display: block;
    float: left;
    margin-top: -68px;
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    line-height: 45px;
    color: #59393c;
}


.credit-checkout-modal .credit-checkout-footer{
    width: 100%;
    height: 60px;
    display: block;
}
.credit-checkout-modal .credit-checkout-footer .credit-checkout-footer-div{
    width: 20.3%;
    margin-left: 1%;
    margin-right: 1%;
    height: 50px;
    display: block;
    float: right;
}
.credit-checkout-modal .credit-checkout-footer .credit-checkout-footer-div .btn{
    border-radius: 50px;
    width: 100%;
    margin-top: 10px;
}

.receivable-record-modal{
    width: 35%;
    position: fixed;
    right: 5%;
    top: 8%;
    bottom: 3%;
    overflow: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
    background-color: white;
    z-index: 99999;
    border-radius: 12px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    transition: .27s ease-in-out;
}
.receivable-record-modal .credit-checkout-modal-header{
    width: 100%;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: #d65498;
}
.receivable-record-modal .credit-checkout-modal-header .credit-checkout-icon{
    width: 14%;
    height: 50px;
    float: left;
    text-align: center;
}
.receivable-record-modal .credit-checkout-modal-header .credit-checkout-icon span{
    font-size: 2em;
    line-height: 50px;
    color: white;
}
.receivable-record-modal .credit-checkout-modal-header .credit-checkout-text{
    width: 86%;
    height: 50px;
    float: left;
    font-size: 2em;
    line-height: 50px;
    color: white;
}

.receivable-record-modal .credit-checkout-body{
    width: 100%;
    height: 410px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-bill{
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bolder;
    color: black;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment{
    width: 100%;
    height: 150px;
    line-height: 60px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bold;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    height: 65px;
    float: left;
    line-height: 60px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div{
    width: 20px;
    height: 50px;
    float: left;
    line-height: 60px;
    display: block;
    position: absolute;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div span{
   font-size: .8em;
   color: #59393c;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:first-child{
    width: 100%;
    position: relative;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:nth-child(2){
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div input{
    width: 100%;
    border-radius: 50px;
    padding-left: 40px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.5);

}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer{
    width: 100%;
    height: 200px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header{
    width: 100%;
    height: 50px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header h6{
    font-size: 1.2em;
    font-weight: bolder;
    color: black;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header hr{
    padding: .01%;
    background-color: rgba(0, 0, 0, 0.42);
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body{
    width: 100%;
    height: 150px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 68px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input{
    width: 100%;
    height: 68px;
    display: block;
}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    padding-left: 35px;
    padding-right: 10px;
    height: 45px;

}
.receivable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-icon{
    width: 8%;
    height: 45px;
    display: block;
    float: left;
    margin-top: -68px;
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    line-height: 45px;
    color: #59393c;
}


.receivable-record-modal .credit-checkout-footer{
    width: 100%;
    height: 60px;
    display: block;
}
.receivable-record-modal .credit-checkout-footer .credit-checkout-footer-div{
    width: 20.3%;
    margin-left: 1%;
    margin-right: 1%;
    height: 50px;
    display: block;
    float: right;
}
.receivable-record-modal .credit-checkout-footer .credit-checkout-footer-div .btn{
    border-radius: 50px;
    width: 100%;
    margin-top: 10px;
}

.payable-record-modal{
    width: 35%;
    position: fixed;
    right: 5%;
    top: 8%;
    bottom: 3%;
    overflow: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
    background-color: white;
    z-index: 99999;
    border-radius: 12px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    transition: .27s ease-in-out;
}
.payable-record-modal .credit-checkout-modal-header{
    width: 100%;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: #d65498;
}
.payable-record-modal .credit-checkout-modal-header .credit-checkout-icon{
    width: 14%;
    height: 50px;
    float: left;
    text-align: center;
}
.payable-record-modal .credit-checkout-modal-header .credit-checkout-icon span{
    font-size: 2em;
    line-height: 50px;
    color: white;
}
.payable-record-modal .credit-checkout-modal-header .credit-checkout-text{
    width: 86%;
    height: 50px;
    float: left;
    font-size: 2em;
    line-height: 50px;
    color: white;
}

.payable-record-modal .credit-checkout-body{
    width: 100%;
    height: 410px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-bill{
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bolder;
    color: black;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment{
    width: 100%;
    height: 150px;
    line-height: 60px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-stretch: extra-condensed;
    font-weight: bold;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    height: 65px;
    float: left;
    line-height: 60px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div{
    width: 20px;
    height: 50px;
    float: left;
    line-height: 60px;
    display: block;
    position: absolute;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div span{
   font-size: .8em;
   color: #59393c;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:first-child{
    width: 100%;
    position: relative;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div:nth-child(2){
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.payable-record-modal .credit-checkout-body .credit-checkout-payment .credit-checkout-payment-div div input{
    width: 100%;
    border-radius: 50px;
    padding-left: 40px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.5);

}
.payable-record-modal .credit-checkout-body .credit-checkout-customer{
    width: 100%;
    height: 200px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header{
    width: 100%;
    height: 50px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header h6{
    font-size: 1.2em;
    font-weight: bolder;
    color: black;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-header hr{
    padding: .01%;
    background-color: rgba(0, 0, 0, 0.42);
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body{
    width: 100%;
    height: 150px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 68px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input{
    width: 100%;
    height: 68px;
    display: block;
}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-input input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    padding-left: 35px;
    padding-right: 10px;
    height: 45px;

}
.payable-record-modal .credit-checkout-body .credit-checkout-customer .credit-checkout-customer-body .credit-checkout-customer-body-div .credit-checkout-customer-body-div-icon{
    width: 8%;
    height: 45px;
    display: block;
    float: left;
    margin-top: -68px;
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    line-height: 45px;
    color: #59393c;
}


.payable-record-modal .credit-checkout-footer{
    width: 100%;
    height: 60px;
    display: block;
}
.payable-record-modal .credit-checkout-footer .credit-checkout-footer-div{
    width: 20.3%;
    margin-left: 1%;
    margin-right: 1%;
    height: 50px;
    display: block;
    float: right;
}
.payable-record-modal .credit-checkout-footer .credit-checkout-footer-div .btn{
    border-radius: 50px;
    width: 100%;
    margin-top: 10px;
}

.cheque-modal{
    width: 30%;
    bottom: 10%;
    top : 10%;
    background-color: #fff;
    position: fixed;
    right: 5%;
    padding: 10px;
    z-index: 99999;
    border-radius: 12px;
    visibility: hidden;
    transition: .3s ease-in-out;
    opacity: 0;
}
.cheque-modal .cheque-modal-header{
    background-color: #d65498;
    width: 100%;
    height: 60px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    line-height: inherit;
}
.cheque-modal .cheque-modal-header div{
    width: 20%;
    height: 100%;
    border-bottom-right-radius: 50px;
    display: block;
    float: left;
    line-height: 60px;
    font-size: 2em;
    color: white;
    overflow: hidden;
}
.cheque-modal .cheque-modal-header div img{
    width: 100%;
    height: 80%;
    margin-bottom: 10px;
    object-fit: contain;
}
.cheque-modal .cheque-modal-header div:last-child{
    width: 80%;
    display: block;
    float: left;
}
.cheque-modal .cheque-modal-body{
    height: auto;
}
.cheque-modal .cheque-modal-body .cheque-modal-total{
    height: 100px;
    width: 100%;
    line-height: 100px;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    font-stretch: extra-condensed;
    color: black;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info{
    height: 300px;
    display: block;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div{
    height: 60px;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div:last-child{
    height: 60px;
    margin-top: 40px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div:last-child .cheque-modal-payment-info-div-input input{
    height: 50px;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div .cheque-modal-payment-info-div-input{
    height: 20%;
    float: left;
    width: 100%;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div .cheque-modal-payment-info-div-input input{
    height: 45px;
    padding-left: 40px;
    padding-right: 20px;
    border-radius: 50px;
    border: 1px solid #7d7d7d;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div .cheque-modal-payment-info-div-input select{
    height: 45px;
    padding-left: 40px;
    padding-right: 20px;
    border-radius: 50px;
    border: 1px solid #7d7d7d;
}
.cheque-modal .cheque-modal-body .cheque-modal-payment-info .cheque-modal-payment-info-div .cheque-modal-payment-info-div-icon{
    height: 8%;
    float: left;
    width: 10%;
    position: absolute;
    text-align: center;
    line-height: 45px;
    color: rgba(0, 0, 0, 0.77);
}
.cheque-modal .cheque-modal-footer{
    height: 81px;
    width: 100%;
    display: block;
}
.cheque-modal .cheque-modal-footer .cheque-footer-div{
    height: 81px;
    width: 25%;
    margin-right: 2%;
    float: right;
    display: block;
}
.cheque-modal .cheque-modal-footer .cheque-footer-div .btn{
    width: 100%;
    border-radius: 50px;
    margin-top: 14px;
}



















.pos-search-container-switch .top-label{
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
}
.pos-search-container-switch .main-switch{
    width: 100%;
    height: 40px;
    display: block;
}
.pos-search-container-switch .main-switch div{
    width: 32.3%;
    margin-right: 1%;
    height: 50px;
    line-height: 30px;
    float: right;
    display: block;
    text-align: center;
    color: brown;
    font-weight: bolder;
    font-size: 1em;
}
.pos-search-container-switch .main-switch div i{
    line-height: 30px;
    color: rgba(0, 0, 0, 0.74);
    font-size:2.2em;
    text-align: center;
    cursor: pointer;
}
.pos-search-container-switch .main-switch div i:last-child{
    display: none;
}







.swal-modal{
    z-index: 9999999999999 !important;
}




/* MEDICAL SCHEME */
.medical-scheme{
    width: 80%;
    right: 2%;
    margin: auto;
    height: 550px;
    visibility: hidden;
    background-color: white;
    position: fixed;
    opacity: 0;
    transition: .3s ease-in-out;
    z-index: 9999999999;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 24px;
    overflow: hidden;
}

.medical-scheme .medical-scheme-container{
    width: 95%;
    margin: auto;
    height: 100%;
    display: block;

    /*background-color: red;*/
}
.medical-scheme .medical-scheme-container .medical-scheme-header{
    width: 100%;
    height: 120px;
    display: block;
    /*background-color: #6577ff;*/
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header{
    width: 50%;
    height: 120px;
    display: block;
    float: left;
    /*background-color: #f0f6ff;*/
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-right-header{
    width: 50%;
    height: 120px;
    display: block;
    float: left;
    /*background-color: #f0f6ff;*/
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-title{
    width: 100%;
    height: 60px;
    display: block;
    float: left;
    /*background-color: #5f6bff;*/
    text-align: left;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-title h4{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-weight: 700;
}

.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search{
    width: 100%;
    height: 60px;
    display: block;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products{
    width: 55%;
    border-radius: 12px;
    height: auto;
    max-height: 410px;
    min-height: 42px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px;
    display: block;
    left: -5%;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    padding-left: 10px !important;
    padding-right: 10px;
    color: black;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
    opacity: 0;
    transition: .2s ease-in-out;
    visibility: hidden;
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
    border: 1px solid rgba(0, 0, 0, 0.56);
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .myProducts{
    scrollbar-width: thin !important;
    scrollbar-color: #151831;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #151831 white;
    width: 98%;
    margin: auto;
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items{
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.38);
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items div{
    width: 29%;
    height: 42px;
    float: left;
    text-align: center;
    overflow: hidden;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items div:first-child{
    width: 57%;
    text-align: left;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items div:nth-child(2){
    width: 6%;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items div:nth-child(3){
    width: 8%;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .search-scheme-products .search-scheme-products-items:hover{
   background-color: #f2f2f2;
   cursor: pointer;
}







.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .input{
    width: 80%;
    float: left;
    height: 60px;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .icon{
    width: 20px;
    margin-left: 28%;
    height: 60px;
    margin-top: 50px;
    display: block;
    text-align: center;
    line-height: 60px;
    position: fixed;
    background-color: transparent;
    font-size: 1.5em;
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-left-header .medical-scheme-search .input input{
    border-radius: 50px;
    padding-left: 18px;
    padding-right: 48px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.69);
}
.medical-scheme .medical-scheme-container .medical-scheme-header .medical-scheme-right-header .medical-scheme-basket-counter{
    width: 65px;
    margin-top: 10px;
    height: 65px;
    float: right;
    line-height: 65px;
    text-align: center;
    display: block;
    font-size: 1.2em;
    border-radius: 50%;
    background-color: #ff3193;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
    color: white;
}

.medical-scheme .medical-scheme-container .medical-scheme-body{
    width: 100%;
    height: 360px;
    display: block;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div{
    width: 30%;
    margin-right: .5%;
    float: left;
    height: 360px;
    display: block;
    border-radius: 24px;
    padding: 10px;
    background-color: #d6d1d2;
}

.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div:last-child{
    width: 67%;
    margin-left: .5%;
    background-color: #60c1d3;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div:last-child .scheme-no-basket-items{
    width: 100%;
    height: 100%;
    background-color: white;
    text-align: center;
    font-size: 3em;
    display: block;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div:last-child .scheme-no-basket-items h4{
    padding-top: 80px;
    font-size: 1.2em;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input{
    width: 100%;
    height: 70px;
    display: block;
    float: left;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input h4{
    font-stretch: condensed;
    text-align: center;
    line-height: 80px;
    font-weight: 700;
    font-size: 1.3em;
    color: black;
}

.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input:nth-child(3){
    height: 80px;
    background-color: white;
    margin-bottom: 10px;
    line-height: 60px;
    border-radius: 20px;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input:nth-child(4){
    height: 80px;
    background-color: white;
    margin-bottom: 10px;
    border-radius: 20px;
    line-height: 70px;
}

.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input:nth-child(5){
    height: 40px;
}

.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medicine-scheme-input .medical-scheme-input-text input{
    border-radius: 50px;
    height: 45px;
    margin-top: 10px;
    padding-left: 30px;
    border: 1px solid rgba(0, 0, 0, 0.69);
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medical-scheme-input-icon{
    width: 40px;
    height: 65px;
    font-size: 1.3em;
    float: left;
    text-align: center;
    display: block;
    line-height: 65px;
    position: absolute;
    color: rgba(0, 0, 0, 0.73);
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medical-scheme-input-text {
    width: 100%;
    height: 70px;
    display: block;
    float: left;
}
.medical-scheme .medical-scheme-container .medical-scheme-body .medical-scheme-div .medical-scheme-input-text select{
    border-radius: 50px;
    height: 45px;
    margin-top: 10px;
    padding-left: 30px;
    border: 1px solid rgba(0, 0, 0, 0.69);
}


.medical-scheme .medical-scheme-container .medical-scheme-footer{
    width: 50%;
    height: 70px;
    margin: auto;
    display: block;
}
.medical-scheme .medical-scheme-container .medical-scheme-footer .medical-scheme-footer-btn{
    width: 32%;
    margin-left: 1%;
    height: 70px;
    float: right;
    display: block;
}
.medical-scheme .medical-scheme-container .medical-scheme-footer .medical-scheme-footer-btn .btn{
    width: 100%;
    margin-top: 10px;
    height: 45px;
    border-radius: 50px;
}





.medical-scheme-div:last-child .table-wrapper{
    color: white !important;
}

.medical-scheme-div:last-child table{
    border-collapse: collapse;
    width: 100%;
}

.medical-scheme-div:last-child th{
    background: #fff;
    padding: 7px;
    color: #000 !important;
    font-weight: 700;
    text-transform: capitalize;
    font-size: .9em;
}
.medical-scheme-div:last-child th:first-child{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}
.medical-scheme-div:last-child th:last-child{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.medical-scheme-div:last-child td{
    text-align: center;
    color: white !important;
    padding: 10px;
    font-weight: bolder;
    border-right: 2px solid white;
    font-size: .9em;
}
.medical-scheme-div:last-child td:last-child{
    border-right: 0px solid white;
}











.medical-scheme-overlay-wrapper{
    width: 75%;
    right: 10%;
    margin: auto;
    height: 550px;
    visibility: visible;
    display: none;
    position: fixed;
    opacity: 0;
    transition: .3s ease-in-out;
    z-index: 99999999999;
    border-radius: 24px;
    overflow: hidden;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container{
    width: 100%;
    height: 100%;
    display: block;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card{
    width: 40%;
    border-radius: 12px;
    height: 100%;
    display: block;
    float: right;
    margin-right: 10%;
    background-color: rgba(0, 18, 50, 0.6);
    /*margin: auto;*/
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-title-area{
    width: 100%;
    height: 100px;
    padding-right: 7px;
    padding-left: 7px;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-title-area h5{
    line-height: 100px;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area {
    height: 380px;
    width: 100%;
}

.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input{
    height: 63px;
    width: 100%;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-info-input-text{
    height: 63px;
    width: 100%;
    float: left;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-info-input-text input{
    width: 90%;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    height: 45px;
    margin-top: 15px;
    border-radius: 50px;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-info-input-icon{
    position: absolute;
    float: left;
    height: 63px;
    width: 30px;
    margin-left: 30px;
    text-align: center;
    line-height: 76px;
    color: black;
}

.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-on-scheme{
    width: 35%;
    height: 63px;
    line-height: 63px;
    float: left;
    margin-left: 1%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-on-scheme:last-child{
    width: 61%;
    margin-right: 2%;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-info-area .drug-info-input .drug-on-scheme h4{
    font-size: 1.3em;
    line-height: 63px;
    font-weight: 700;
    color: white;
}

.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-footer-area {
    height: 70px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-footer-area .drug-footer-btn{
    width: 30%;
    height: 70px;
    float: right;
    margin-right: 1%;
}
.medical-scheme-overlay-wrapper .medical-scheme-set-container .medical-scheme-set-card .drug-footer-area .drug-footer-btn .btn{
    width: 100%;
    height: 40px;
    border-radius: 50px;
    margin-top: 10px;
}


.scheme-sale-action{
    width: 80%;
    right: 5%;
    margin: auto;
    height: 550px;
    visibility: visible;
    display: none;
    position: fixed;
    opacity: 0;
    transition: .3s ease-in-out;
    z-index: 99999999999;
    border-radius: 40px;
    overflow: hidden;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card{
    width: 40%;
    margin: auto;
    margin-top: 60px;
    height: 330px;
    display: block;
    background-color: #151831;
    border-radius: 12px;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card .scheme-sale-header{
    width: 100%;
    height: 70px;
    display: block;
    line-height: 70px;
    text-align: center;
    font-size: 2em;
    color: white;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card .scheme-sale-body{
    width: 100%;
    height: 230px;
    display: block;
}

.scheme-sale-action .scheme-sale-container .scheme-sale-card  .scheme-sale-body .scheme-sale-inner-card{
    width: 40%;
    margin-top: 10px;
    margin-right: 5%;
    margin-left: 5%;
    height: 130px;
    background-color: #fff;
    display: block;
    float: left;
    border-radius: 24px;
    cursor: pointer;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card  .scheme-sale-body .scheme-sale-inner-card img{
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card  .scheme-sale-body .scheme-sale-inner-card:hover{
   transform: scale(1.1,1.07);
    transition: .1s ease-in-out;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card .scheme-sale-body .scheme-sale-shortfall-amount{
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 1.5em;
    color: white;
    display: block;
    float: left;
    font-style: italic;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card .scheme-sale-body .scheme-sale-cancel{
    width: 100%;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
}
.scheme-sale-action .scheme-sale-container .scheme-sale-card .scheme-sale-body .scheme-sale-cancel .btn{
   border-radius: 50px;
   text-align: center;
    width: 80%;
    margin: auto;
}

button:disabled{
    cursor: not-allowed !important;
}

.shortfall-clear-cashier {
    width: 28%;
    right: 30%;
    margin-top: 60px;
    height: 330px;
    position: fixed;
    top: 15%;
    display: block;
    background-color: black;
    border-radius: 12px;
    z-index: 99999999999;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container{
    width: 90%;
    margin: auto;
    height: 330px;
    display: block;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-header{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-stretch: extra-condensed;
    color: white;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-body{
    width: 100%;
    height: 220px;
    display: block;
}

.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-body .shortfall-clear-cashier-body-code-code{
    width: 100%;
    height: 220px;
    text-align: center;
    line-height: 220px;
    font-size:5em;
    font-weight: bold;
    display: block;
    color: white;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-body .shortfall-clear-cashier-body-code-code img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-footer{
    width: 100%;
    height: 50px;
    display: block;
}
.shortfall-clear-cashier .shortfall-clear-cashier-container .shortfall-clear-cashier-footer button{
    margin-top: 10px;
    width: 40%;
    float: right;
    border-radius: 50px;
}



.scheme-sale-action-my-account{
    width: 28%;
    right: 30%;
    margin-top: 60px;
    height: 330px;
    position: fixed;
    top: 15%;
    display: block;
    background-color: #d6d1d2;
    border-radius: 12px;
    z-index: 99999999999;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-header{
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 1.5em;
    color: white;
    margin: auto;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-body{
    width: 95%;
    height: 225px;
    display: block;
    margin: auto;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-body .scheme-sale-action-my-account-body-card{
    width: 100%;
    height: 76.7px;
    display: block;
    text-align: center;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-body
.scheme-sale-action-my-account-body-card .scheme-sale-action-my-account-body-title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    font-weight: bold;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-body
.scheme-sale-action-my-account-body-card .scheme-sale-action-my-account-body-input{
    width: 100%;
    height: 40px;
    display: block;
    font-weight: bold;
    line-height: 36px;
    font-size: 2em;
    color: black;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-footer{
    width: 95%;
    margin: auto;
    height: 50px;
    display: block;
}
.scheme-sale-action-my-account .scheme-sale-action-my-account-footer button{
    width: 30%;
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    border-radius: 50px;
}




.prescriptionNotification{
    width: 30px;
    height: 30px;
    text-align: center !important;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    background-color: #2aae2a;
    color: white;
    font-weight: 700;
    float: right;
    font-size: .9em;
    box-shadow: 0 6px 6px rgba(0,0,0,0.2);
}
.prescription-notification-btn span{
    font-size: 1.5em;
}
.scheme-sales-shortfall-code{
    width: 25%;
    left: 25%;
    margin-top: 10px;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    height: 160px;
    display: block;
    background-color: #F2F2F2;
    color: black;
    z-index: 9999999999!important;
    border-radius: 12px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
    transition: .3s ease-in-out;
}
.scheme-sales-shortfall-code .scheme-sales-shortfall-code-input{
    width: 80%;
    height: 100px;
    padding-top: 20px;
    margin: auto;
    display: block;
}
.scheme-sales-shortfall-code .scheme-sales-shortfall-code-input input{
    border-radius: 50px;
    border: 1px solid #7a7373;
}
.scheme-sales-shortfall-code .scheme-sales-shortfall-code-footer{
    width: 50%;
    height: 60px;
    margin: auto;
    display: block;
}
.scheme-sales-shortfall-code .scheme-sales-shortfall-code-footer button{
    border-radius: 50px;
    margin-top: 10px;
    float: left;
    width: 48%;
    border-radius: 50px;
    margin-left: 2%;
}







.prescription-customer-code{
    width: 25%;
    left: 40%;
    margin-top: 10px;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    height: 160px;
    display: block;
    background-color: #F2F2F2;
    color: black;
    z-index: 9999999999!important;
    border-radius: 12px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
    transition: .3s ease-in-out;
}
.prescription-customer-code .prescription-customer-input{
    width: 80%;
    height: 100px;
    padding-top: 20px;
    margin: auto;
    display: block;
}
.prescription-customer-code .prescription-customer-input input{
    border-radius: 50px;
    border: 1px solid #7a7373;
}
.prescription-customer-code .prescription-customer-button{
    width: 50%;
    height: 60px;
    margin: auto;
    display: block;
}
.prescription-customer-code .prescription-customer-button button{
    border-radius: 50px;
    margin-top: 10px;
    float: left;
    width: 48%;
    border-radius: 50px;
    margin-left: 2%;
}
.populateProducts[disabled]{
   cursor: not-allowed;
   z-index: -999!important;
}
.dePopulateProducts[disabled]{
    cursor: not-allowed;
}

.scheme-shortfall-clear-container{
    width: 25%;
    height: 360px;
    display: block;
    position: fixed;
    top: 9%;
    right: 30%;
    border-radius: 12px;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
    z-index: 999999;
}

.scheme-shortfall-clear-container .scheme-shortfall-clear-header{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    line-height: 60px;
    color: black;
}
.scheme-shortfall-clear-container .scheme-shortfall-clear-body h3{
    text-align: center;
    font-weight: bold;
}
.scheme-shortfall-clear-container .scheme-shortfall-clear-body{
    width: 90%;
    height: 240px;
    display: block;
    margin: auto;
}
.scheme-shortfall-clear-container .scheme-shortfall-clear-body input{
    border-radius: 50px;
    border: 1px solid #656161;
}
.scheme-shortfall-clear-container .scheme-shortfall-clear-footer{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
}
.scheme-shortfall-clear-container .scheme-shortfall-clear-footer button{
    width: 40%;
    margin-left: 20px;
    float: left;
    border-radius: 50px;
    margin-top: 10px;
}

.mobile-payment-button{
    border: none;
    transition: .3 ease-in-out !important;
    /*50a548*/
}

.mpamba-color{
    background-color: #50a548 !important;
    transition: .3 ease-in-out !important;
}
.airtel-money-color{
    background-color: #ee1c25 !important;
    transition: .3 ease-in-out !important;
    display: none;
}

.mobile-payment-button .mobile-payment-button-text{
    width: 100%;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-stretch: extra-condensed;
}

.mobile-money-container{
    position: fixed;
    top: 10%;
    right: 5%;
    width: 33%;
    height: 500px;
    display: block;
    background-color: white;
    z-index: 9999;
    border-radius: 12px;
    color: black;
    visibility: hidden;
    transition: .3s ease-in-out;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
}
.mobile-money-container .mobile-money-header{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
    line-height: 70px;
    background-color: #d65498;
    color: white;
    margin-top: 10px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;

}
.mobile-money-container .mobile-money-header .mobile-money-header-icon {
    width: 20%;
    height: 60px;
    line-height: 60px;
    display: block;
    float: left;
    text-align: center;
    font-size: 2em;
}
.mobile-money-container .mobile-money-header .mobile-money-header-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mobile-money-container .mobile-money-header .mobile-money-header-text{
    text-align: center;
    font-size: 1.3em;
    overflow: hidden;
    height: 60px;
    width: 80%;
    float: left;
    line-height: 60px;
    font-weight: 700;
}
.mobile-money-container .mobile-money-top-body{
    width: 90%;
    margin: auto;
    height: 100px;
    display: block;
    line-height: 100px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-stretch: ultra-condensed;
}
.mobile-money-container .mobile-money-body{
    width: 90%;
    margin: auto;
    height: 270px;
    display: block;
}
.mobile-money-container .mobile-money-body-section{
    width: 47%;
    margin-right: 2%;
    height: 270px;
    float: left;
}
.mobile-money-container .mobile-money-body-section:last-child{
    width: 47%;
    margin-left: 2%;
    height: 270px;
    float: right;
}
.mobile-money-container .mobile-money-body-section .mobile-money-body-input-row{
    width: 100%;
    height: 50px;
    display: block;
    margin-bottom: 10px;
}
.mobile-money-container .mobile-money-body-section .mobile-money-body-input-row .mobile-money-body-input-icon{
    width: 10%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: 1.5em;
    display: block;
    position: absolute;
}
.mobile-money-container .mobile-money-body-section .mobile-money-body-input-row .mobile-money-body-input-input{
    width: 100%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: 1.5em;
    display: block;
}
.mobile-money-container .mobile-money-body-section .mobile-money-body-input-row .mobile-money-body-input-input input{
    height: 50px;
    padding-left: 40px;
    border-radius: 50px;
    border: 1px solid #898383;
}
.mobile-money-container .mobile-money-body-section .mobile-money-body-input-row .mobile-money-body-input-input select{
    height: 46px;
    padding-left: 40px;
    border-radius: 50px;
    border: 1px solid #898383;
}
.mobile-money-container .mobile-money-body-footer{
    width: 90%;
    height: 50px;
    line-height: 50px;
    margin: auto;
}
.mobile-money-container .mobile-money-body-footer button{
    width: 30%;
    margin-top: 8px;
    float: right;
    margin-right: 2%;
    border-radius: 50px;
}
.draft-fab-container:hover{

}
.draft-fab-container{
    width: 65px;
    height: 65px;
    display: block;
    position: fixed;
    background-color: #50a548;
    bottom: 51%;
    border-radius: 50%;
    margin-left: -45px;
    z-index: 999;
    color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    right: .2%;
    transition: .1s ease-in-out;
    cursor: pointer;
}
.draft-fab-container .draft-fab-icon{
    width: 100%;
    height: 65px;
    display: block;
    line-height: 65px;
    text-align: center;
    float: left;
    font-size: 2em;
}

.draft-fab-container:hover{
    width: 55px;
    height: 55px;
}

.draft-fab-container2:hover{
    width: 45px;
    height: 45px;
}
.draft-fab-container2{
    transition: .3s ease-in-out;
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    background-color: #50a548;
    bottom: 42%;
    border-radius: 50%;
    margin-left: -35px;
    z-index: 999;
    color: white;
    right: .7%;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.draft-fab-container2 .draft-fab-icon{
    width: 100%;
    height: 40px;
    display: block;
    line-height: 50px;
    text-align: center;
    float: left;
    font-size: 1em;
}

.draft-code-scan{
    width: 20%;
    height: 130px;
    display: block;
    background-color: #d6d1d2;
    position: fixed;
    bottom: 45%;
    right: -5%;
    z-index: 9999;
    border-radius: 12px;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.draft-code-scan .draft-code-scan-title{
    width: 90%;
    height: 30px;
    display: block;
    margin: auto;
    line-height: 30px;
    text-align: center;
    color: black;
}
.draft-code-scan .draft-code-scan-input{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
    text-align: center;
}
.draft-code-scan .draft-code-scan-input input{
    border-radius: 50px;
    border: 1px solid #cbb7b7;
}
.draft-code-scan .draft-code-scan-buttons{
    width: 90%;
    height: 40px;
    display: block;
    margin: auto;
    text-align: center;
}
.draft-code-scan .draft-code-scan-buttons button{
    width      : 45%;
    margin-left: 3%;
    margin-top: 3px;
    float: left;
    border-radius: 50px;
}