:root {
    --card-membership-bg-color: #1B3765;
    --card-membership-text-color: var(--f7-color-white);
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.app
{
    /* background-image: url(../img/img_backgroud_soft_ldpi.jpg); */
    /* background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; */
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    margin: 0 auto;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.app-name {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
    font-size: 48px !important;
    letter-spacing: 5px;
}


/*
::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
}
*/
::-webkit-scrollbar {
    display: block;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #CFD8DC;
}

::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;

}

.app-provider {
    font-weight: normal;
    letter-spacing: 2px;
}

.themeBlue {
    background-color:#3e637d;
}

/*Main*/
.page-background {
    background: url(../img/img_backgroud_soft_ldpi.jpg);
    background-size: 100% 100%;
    padding: 15px;
}

.page-content-noNavBar {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%;
    z-index: 1;
}

.divPanel-transparent {
    display: inline-block;
    min-height: 200px;
    width: 100%;
    margin: 10px;
    padding: 10px;
}

.divInput {
    position: relative;
    width: 100%;
    margin: 10px auto;
}

.divInput span{
    position: absolute;
    display: block;
    left: 18px;
    top: 18%;
    vertical-align: middle;
    font-size: 1.2em;
}

.divInput input {
    /* width: calc(100% - 50px); */
    width: 100%;
    font-size: 1.2em;
    padding: 10px 5px 10px 45px;
    display: block;
    border: 2px solid #EDEDED;
    border-radius: 12px;
}

.divInput input:focus{
    border-color: #ADEDED;
}

.divInputPwd {
    position: relative;
    width: 100%;
    margin: 10px auto;
}

.divInputPwd input {
    width: calc(100%);
    font-size: 1.2em;
    padding: 10px 40px 10px 45px;
    display: block;
    border: 2px solid #EDEDED;
    border-radius: 12px;
}

.divInputPwd input:focus{
    border-color: #ADEDED;
}

.divInputSPwd {
    position: relative;
    width: 100%;
    margin: auto;
}

.divInputSPwd input {
    width: calc(100%);
    font-size: 12px;
    padding: 10px 40px 10px 5px;
    display: block;
    border: 2px solid #EDEDED;
    border-radius: 12px;
}

.divInputSPwd input:focus{
    border-color: #ADEDED;
}

.ripple-button1, .ripple-button2{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color:#99C;
    color:#FFF !Important;
    border-radius:3px;
    text-decoration:none;
    text-align:center;
    display: block;
}

.ripple-button3{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color:#99C;
    color:#FFF !Important;
    border-radius:3px;
    text-decoration:none;
    text-align:center;
    font-size: 1.5em;
    display: block;
    margin-top: 10px;
}

.wave1{
    position:absolute;
    width: 100%;
    height: 40px;
    background-color:#FFF;
    top:0;
    left:35px;
    transform: scale(0);
    opacity:0.5;
    border-radius:300px;
}

.wave2{
    position:absolute;
    width: 100%;
    height: 40px;
    background-color:#FFF;
    top:0;
    left:0;
    transform: scale(0);
    opacity:0.5;
}

.whiteSpan{
    color: #fff;
    font-size: 0.8em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.popup-entry{
    /*padding: 10px;*/
}

.divHide{
    display: none !important;
}

.divHidden{
    visibility: hidden !important;
}

.divCenter{
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.divCenterContainer{
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.divCenterContainer span{
    font-size: 2em;
    color: #bbbbbb;
}

.divLeftContainer{
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*-ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;*/
}

.divLeftContainer span{
    font-size: 2em;
    color: #bbbbbb;
}

.divSubContainerWithoutOverflow{
    width: 100%;
    height: 100%;
}

.divSubContainer{
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.divSubContainerWithPadding{
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    padding: 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.divSubContainerWithPaddingNoScroll{
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    padding: 10px;
    -webkit-overflow-scrolling: touch;
}

.floating-box{
    display: inline-block;
}

/*Frame*/
.divContainer{
    background-color: white;
    width: 100%;
    height: 100%;
    padding-bottom: 0px !important;
}

.divLoginRow{
    height: 60px;
    /*
    background-color: #37576e;
    border-bottom: 1px solid #37576e;
    */
}

.divRowContent{
    height: calc(100% - 60px);
}

.divSidebar{
    height: 100%;
    width: 70px;
    background-color: #176AAE;
    border-radius: 0px 15px;
    float: left
}

.divOverflowy{
    overflow-y: auto;
    overflow-x: hidden;
}

.divOverflowy::-webkit-scrollbar {
    display: none;
}

.divMenuSelectGradient{
    background: linear-gradient(145.72deg, #176AAE 35.52%, #442F84 97.82%);
}

.divContentMain{
    background-color: white;
    width: calc(100% - 70px);
    height: 100%;
}

.divContentMainSub{
    height: 100%;
}

.divContentMainSubTabbar{
    /*padding-top: 52px;*/
    height: calc(100% - 70px); !important;
    height: -webkit-calc(100% - 70px); !important;
}

.divContentMainSubTabbar-alert{
    /*padding-top: 104px;*/
    height: calc(100% - 70px); !important;
    height: -webkit-calc(100% - 70px); !important;
}

.divColLoginRow1{
    width: 50px;
    height: 60px;
}

.divColLoginRow1 img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 4px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    margin-left: 10px;
}

.divColLoginRow2{
    height: 100%;
    width: calc(100% - 130px); /*calc(65% - 260px);*/
    line-height: 1.5em;
    display: block;
}

.divColLoginRow2Content{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
}

.divColLoginRow3{
    height: 100%;
    width: 60px; /*calc(65% - 260px);*/
    line-height: 1.5em;
    display: block;
}

.no-arrow {
    display: block;
    position: relative;
    background: transparent;
}

.left-arrow {
    display: block;
    position: relative;
    background: transparent;
}

.left-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 62px;
    top: 50%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #FFF;
    clear: both;
}

#span-main-LoginName{
    display: inline-block;
    color: #176AAE;
    vertical-align: middle;
    font-size: 1.3em;
    margin-top: 5px;
    font-weight: bold;
}

#span-main-LoginDate{
    display: inline-block;
    font-size: 0.8em;
    color: #176AAE;
}

.divLZIndex{
    z-index: 1000 !important;
}

.align-right{
    position: relative;
    left: 100%;
    top: 0%;
    -webkit-transform: translate(-100%, 0%);
}

.inputSearchClassWrapper input {
    padding: 5px 5px 5px 25px !Important;
    background-color: white;
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    width: 100%;
    border: 1px solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
}

.inputSearchClass{
    width: 100%;
    border: 1px solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 5px !Important;
}

.inputPopUpClass{
    width: 100%; /*calc(100% - 10px);*/
    border: 1px solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 5px !Important;
}

.textAreaPopUpClass{
    resize: none;
    width: 100%;
    height: 100px;
    border: 1px solid #818181;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px;
}

.inputClass{
    width: 100%;
    border: 2px solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 8px !Important;
}

.inputM10Class{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    border: 2px solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 8px !Important;
}

.TextAreaClass{
    resize: none;
    width: 100%;
    height: 100px;
    border: 1px solid #818181;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px;
}

.TextAreaClassThick{
    resize: none;
    width: 100%;
    height: 100px;
    border: 2px solid #818181;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px;
}

.TextAreaClassThickHSmall{
    resize: none;
    width: 100%;
    height: 60px;
    border: 2px solid #818181;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px;
}

.TextAreaH50Class{
    resize: none;
    width: 100%;
    height: 50px;
    border: 0.1vh solid #818181 !Important;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px;
}

.txtClinicSettings{
    font-size: 1.2em;
    padding: 5px !Important;
    /*padding-top: 15px !Important;*/
}

.txtClinicSettings2{
    font-size: 1.2em;
    padding: 5px !Important;
    padding-top: 5px !Important;
}

.inputPickerLeftClass{
    float: left;
    width: 100%;
    border: 0.1vh solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 5px !Important;
}

.inputPickerNormalLeftClass{
    float: left;
    width: 100%;
    border: 0.1vh solid #818181 !Important;
    border-radius: 10px !Important;
    font-size: 1em !important;
    padding: 5px !Important;
}

/*Image*/
.img-circle {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    margin-left: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

.img-circle.img-circle-1-5x {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    width: 40px;
    height: 40px;
}

.img-circle.img-circle-2x {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    width: 50px;
    height: 50px;
}

.img-circle.img-circle-big {
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    width: 80px;
    height: 80px;
}

.img-box-rounded {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    margin-left: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

.img-box-rounded.img-box-rounded-1-5x {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 40px;
    height: 40px;
}

.img-box-rounded.img-box-rounded-3x {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 90px;
    height: 90px;
}

.img-box-rounded.img-box-rounded-big {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 205px;
    height: 205px;
}

.img-profile-center{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid gray;
    background-position: center center;
    background-size:100px 100px;
    display: block;
    margin: auto;
}

.fa-custom-1-5x{
    font-size: 1.5em !important;
}

.fa-custom-toggle-text{
    vertical-align: top;
}

.accordionItemContent{
    margin: 10px;
    border-bottom: 1px solid #9e9e9e !Important;
}

.accordionItemInnerContent{
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
}

.divSearchWrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
    width: 98%;
    padding: 0 12px 0 25px;
    background-color: white;
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    border: 0px solid;
    border-color: #a8acbc #babdcc #c0c3d2;
    border-radius: 5px;
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.2em;
}

.imgBackgroundClinicList{
    background-image: url("../img/icon/icon_clinic.svg");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 4px 3px;
}

/*Margin and Padding*/
.add-margin-auto{
    margin: auto;
}

.add-margin-5{
    margin: 5px !important;
}

.add-margin-10{
    margin: 10px !important;
}

.add-margin-15{
    margin: 15px !important;
}

.add-margin-top-3{
    margin-top: 3px !important;
}

.add-margin-top-5{
    margin-top: 5px !important;
}

.add-margin-top-bottom-5{
    margin: 5px 0px !important;
}

.add-margin-left-5{
    margin-left: 5px !important;
}

.add-margin-left-10{
    margin-left: 10px !important;
}

.add-margin-right-10{
    margin-right: 10px !important;
}

.add-margin-right-50{
    margin-right: 50px !important;
}

.remove-margin{
    margin: 0px !important;
}

.remove-margin-top{
    margin-top: 0px !important;
}

.remove-padding{
    padding: 0 !Important;
}

.add-padding-5{
    padding: 5px !important;
}

.add-padding-10{
    padding: 10px !important;
}

.add-padding-left-10{
    padding-left: 10px !important;
}

.add-padding-left-15{
    padding-left: 15px !important;
}

.add-padding-left-16{
    padding-left: 16px !important;
}

.add-padding-left-20{
    padding-left: 20px !important;
}

.add-padding-right-10{
    padding-right: 10px !important;
}

.add-padding-right-30{
    padding-right: 30px !important;
}

.add-padding-top-5{
    padding-top: 5px !important;
}

.add-padding-top-10{
    padding-top: 10px !important;
}

/*Icon*/

.badge-icon {
    font-size: .5em;
    display: block;
    position: absolute;
    top: -.80em;
    right: -.60em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: rgba(255, 80, 42, 1);
}

.badge-icon.hide {
    display: none !important;
}

i.icon.icon-qrcode{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_qrcode.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_qrcode.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-staff{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_staff.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_staff.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-staff-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_staff_white.svg");
}

i.icon.icon-people{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_people.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_people.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-people-question{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_people_question.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_people_question.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-clinic{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_clinic.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_clinic.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-clinic-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_clinic_white.svg");
}

i.icon.icon-poweroff{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_poweroff.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_poweroff.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-add{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_add.svg");
    mask-image: url("../img/icon/icon_add.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-add-thin{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_add_thin.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_add_thin.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-close-custom{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_close.svg");
    mask-image: url("../img/icon/icon_close.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-pencil{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_pencil.svg");
    mask-image: url("../img/icon/icon_pencil.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-exclamation{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_exclamation.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_exclamation.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-add-image{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_add_image.svg");
    mask-image: url("../img/icon/icon_add_image.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-tablet{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tablet.svg");
    mask-image: url("../img/icon/icon_add_image.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-document{
    width: 1em;
    height: 1em;
    /*background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_document.svg");
    mask-image: url("../img/icon/icon_document.svg");
    -webkit-mask-size: cover;
    mask-size: cover;*/
    background-image: url("../img/icon/icon_document.svg");
}

i.icon.icon-document-blue{
    width: 1em;
    height: 1em;
    /*background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_document.svg");
    mask-image: url("../img/icon/icon_document.svg");
    -webkit-mask-size: cover;
    mask-size: cover;*/
    background-image: url("../img/icon/icon_document_blue.svg");
}

i.icon.icon-personCard{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask: url("../img/icon/icon_personCard.svg") no-repeat 50% 50%;
    mask: url("../img/icon/icon_personCard.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-save{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_save.svg");
    mask-image: url("../img/icon/icon_save.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-settings{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_settings.svg");
    mask-image: url("../img/icon/icon_settings.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-schedule{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_schedule.svg");
    mask-image: url("../img/icon/icon_schedule.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-calendar-time{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_calendar_time.svg");
    mask-image: url("../img/icon/icon_calendar_time.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-calendar-time-white{
    width: 1em;
    height: 1em;
    background-image:  url("../img/icon/icon_calendar_time_white.svg");
}

i.icon.icon-plus-custom{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_plus.svg");
    mask-image: url("../img/icon/icon_plus.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-tick-circle{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tick_circle.svg");
    mask-image: url("../img/icon/icon_tick_circle.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-close-circle{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_close_circle.svg");
    mask-image: url("../img/icon/icon_close_circle.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-door{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_door.svg");
    mask-image: url("../img/icon/icon_door.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-drug{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_drug.svg");
    mask-image: url("../img/icon/icon_drug.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-glove{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_glove.svg");
    mask-image: url("../img/icon/icon_glove.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-first-aid{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_first_aid.svg");
    mask-image: url("../img/icon/icon_first_aid.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-renew{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_renew.svg");
    mask-image: url("../img/icon/icon_renew.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-refresh-list{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_refresh_list.svg");
    mask-image: url("../img/icon/icon_refresh_list.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-first-aid-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_first_aid_white.svg");
}

i.icon.icon-first-aid-yellow{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_first_aid_yellow.svg");
}

i.icon.icon-billing{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_billing.svg");
    mask-image: url("../img/icon/icon_billing.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-stethoscope{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_stethoscope.svg");
    mask-image: url("../img/icon/icon_stethoscope.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-lab{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_lab.svg");
    mask-image: url("../img/icon/icon_lab.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-radiology{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_radiology.svg");
    mask-image: url("../img/icon/icon_radiology.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-surgery{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_surgery.svg");
    mask-image: url("../img/icon/icon_surgery.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-syringe{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_syringe.svg");
    mask-image: url("../img/icon/icon_syringe.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-package{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_package.svg");
    mask-image: url("../img/icon/icon_package.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-service{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_service.svg");
    mask-image: url("../img/icon/icon_service.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-bank{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_bank.svg");
    mask-image: url("../img/icon/icon_bank.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-bank-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_bank_white.svg");
}

i.icon.icon-star{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_star.svg");
    mask-image: url("../img/icon/icon_star.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-star-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_star_white.svg");
}

i.icon.icon-tick{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tick.svg");
    mask-image: url("../img/icon/icon_tick.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-reject{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_reject.svg");
    mask-image: url("../img/icon/icon_reject.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-arrows-leftright{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_arrows_leftright.svg");
    mask-image: url("../img/icon/icon_arrows_leftright.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-arrow-down{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_arrow_down.svg");
    mask-image: url("../img/icon/icon_arrow_down.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-dollar{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_dollar.svg");
    mask-image: url("../img/icon/icon_dollar.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-dollar-graph{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_dollar_graph.svg");
    mask-image: url("../img/icon/icon_dollar_graph.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-dollar-crossed{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_dollar_crossed.svg");
    mask-image: url("../img/icon/icon_dollar_crossed.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-dollar-people{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_dollar_people.svg");
    mask-image: url("../img/icon/icon_dollar_people.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-printer{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_printer.svg");
    mask-image: url("../img/icon/icon_printer.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-print{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_printer.svg");
    mask-image: url("../img/icon/icon_printer.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-closeButton{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_closeBut.svg");
    mask-image: url("../img/icon/icon_closeBut.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-queue{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_queue.svg");
    mask-image: url("../img/icon/icon_queue.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-design-template{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_design_template.svg");
    mask-image: url("../img/icon/icon_design_template.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-design-template-white{
    width: 1em;
    height: 1em;
    background-color: #ffffff;
    -webkit-mask-image: url("../img/icon/icon_design_template.svg");
    mask-image: url("../img/icon/icon_design_template.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-queue-white{
    width: 1em;
    height: 1em;
    background-image: url("../img/icon/icon_queue_white.svg");
}

i.icon.icon-series{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_series.svg");
    mask-image: url("../img/icon/icon_series.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-color-picker{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_color_picker.svg");
    mask-image: url("../img/icon/icon_color_picker.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-refresh-arrow{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_refresh_arrow.svg");
    mask-image: url("../img/icon/icon_refresh_arrow.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-edit{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_edit.svg");
    mask-image: url("../img/icon/icon_edit.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-recycle-bin{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_recycle_bin.svg");
    mask-image: url("../img/icon/icon_recycle_bin.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-circle{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_circle.svg");
    mask-image: url("../img/icon/icon_circle.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-import{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_import.svg");
    mask-image: url("../img/icon/icon_import.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-switch-circle-left{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_switch_circle_left.svg");
    mask-image: url("../img/icon/icon_switch_circle_left.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-switch-circle-right{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_switch_circle_right.svg");
    mask-image: url("../img/icon/icon_switch_circle_right.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-disabled{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_disabled.svg");
    mask-image: url("../img/icon/icon_disabled.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-eye{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_eye.svg");
    mask-image: url("../img/icon/icon_eye.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-email{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_email.svg");
    mask-image: url("../img/icon/icon_email.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-section-drag{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_section_drag.svg");
    mask-image: url("../img/icon/icon_section_drag.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-move-item{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_move_item.svg");
    mask-image: url("../img/icon/icon_move_item.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-up-arrow{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_up_arrow.svg");
    mask-image: url("../img/icon/icon_up_arrow.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-down-arrow{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_down_arrow.svg");
    mask-image: url("../img/icon/icon_down_arrow.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-switch-camera{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_switch_camera.svg");
    mask-image: url("../img/icon/icon_switch_camera.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-capture{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_capture.svg");
    mask-image: url("../img/icon/icon_capture.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-info{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_info.svg");
    mask-image: url("../img/icon/icon_info.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-health-insurance{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_health_insurance.svg");
    mask-image: url("../img/icon/icon_health_insurance.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-list{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_list.svg");
    mask-image: url("../img/icon/icon_list.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-pageup{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_pageup.svg");
    mask-image: url("../img/icon/icon_pageup.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-pagedown{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_pagedown.svg");
    mask-image: url("../img/icon/icon_pagedown.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-minus{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_minus.svg");
    mask-image: url("../img/icon/icon_minus.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-resize-tool{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_resize_tool.svg");
    mask-image: url("../img/icon/icon_resize_tool.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-download{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_download.svg");
    mask-image: url("../img/icon/icon_download.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-teleconsult{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_teleconsult.svg");
    mask-image: url("../img/icon/icon_teleconsult.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-tele-msg{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tele_msg.svg");
    mask-image: url("../img/icon/icon_tele_msg.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-chat-box{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_chat_box.svg");
    mask-image: url("../img/icon/icon_chat_box.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-daily-people-attend{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_daily_people_attend.svg");
    mask-image: url("../img/icon/icon_daily_people_attend.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}


i.icon.icon-money-distribution{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_money_distribution.svg");
    mask-image: url("../img/icon/icon_money_distribution.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-3dot{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_3dot.svg");
    mask-image: url("../img/icon/icon_3dot.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-money{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_money.svg");
    mask-image: url("../img/icon/icon_money.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-save-money{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_save_money.svg");
    mask-image: url("../img/icon/icon_save_money.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-processing{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_processing.svg");
    mask-image: url("../img/icon/icon_processing.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-docinfo{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_docinfo.svg");
    mask-image: url("../img/icon/icon_docinfo.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-ellipsis{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_ellipsis.svg");
    mask-image: url("../img/icon/icon_ellipsis.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-tools{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tools.svg");
    mask-image: url("../img/icon/icon_tools.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-build{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_build.svg");
    mask-image: url("../img/icon/icon_build.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-use-case{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_use_case.svg");
    mask-image: url("../img/icon/icon_use_case.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-family-insurance{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_family_insurance.svg");
    mask-image: url("../img/icon/icon_family_insurance.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-team-management{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_team_management.svg");
    mask-image: url("../img/icon/icon_team_management.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-layer-add{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_layer_add.svg");
    mask-image: url("../img/icon/icon_layer_add.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-eraser{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_eraser.svg");
    mask-image: url("../img/icon/icon_eraser.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-crm{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_crm.svg");
    mask-image: url("../img/icon/icon_crm.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-account-n{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_account_n.svg");
    mask-image: url("../img/icon/icon_account_n.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-font{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_font.svg");
    mask-image: url("../img/icon/icon_font.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-background{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_background.svg");
    mask-image: url("../img/icon/icon_background.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-attach-file{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_attach_file.svg");
    mask-image: url("../img/icon/icon_attach_file.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-graphic-design{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_graphic_design.svg");
    mask-image: url("../img/icon/icon_graphic_design.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-logo-design{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_logo_design.svg");
    mask-image: url("../img/icon/icon_logo_design.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-employment-link{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_employment_link.svg");
    mask-image: url("../img/icon/icon_employment_link.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-globe-gear{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_globe_gear.svg");
    mask-image: url("../img/icon/icon_globe_gear.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-group-users{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_group_users.svg");
    mask-image: url("../img/icon/icon_group_users.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-invoice{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_invoice.svg");
    mask-image: url("../img/icon/icon_invoice.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-magnifying-glass{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_magnifying_glass.svg");
    mask-image: url("../img/icon/icon_magnifying_glass.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-invoice-list{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_invoice_list.svg");
    mask-image: url("../img/icon/icon_invoice_list.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-valid-invoice{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_valid_invoice.svg");
    mask-image: url("../img/icon/icon_valid_invoice.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-search-profile{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_search_profile.svg");
    mask-image: url("../img/icon/icon_search_profile.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-bill-einvoice{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_bill_einvoice.svg");
    mask-image: url("../img/icon/icon_bill_einvoice.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-bill-multi-einvoice{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_bill_multi_einvoice.svg");
    mask-image: url("../img/icon/icon_bill_multi_einvoice.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-einv-resubmit{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_einv_resubmit.svg");
    mask-image: url("../img/icon/icon_einv_resubmit.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-guidebook{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_guidebook.svg");
    mask-image: url("../img/icon/icon_guidebook.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-writing{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_writing.svg");
    mask-image: url("../img/icon/icon_writing.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-arrow-left{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_arrow_left.svg");
    mask-image: url("../img/icon/icon_arrow_left.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-folder-history{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_folder_history.svg");
    mask-image: url("../img/icon/icon_folder_history.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-taxes{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_taxes.svg");
    mask-image: url("../img/icon/icon_taxes.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon-play-button{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_play_button.svg");
    mask-image: url("../img/icon/icon_play_button.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-app-logo-horizontal{
    background: url("../img/icon/icon_app_logo_horizontal.svg") no-repeat top left;
    background-size: contain;
}

i.icon.icon-0-6x{
    width: 0.6em !Important;
    height: 0.6em !Important;
}

i.icon.icon-0-7x{
    width: 0.7em !Important;
    height: 0.7em !Important;
}

i.icon.icon-0-8x{
    width: 0.8em !Important;
    height: 0.8em !Important;
}

i.icon.icon-1x{
    width: 1em !Important;
    height: 1em !Important;
}

i.icon.icon-1-2x{
    width: 1.2em !Important;
    height: 1.2em !Important;
}

i.icon.icon-1-5x{
    width: 1.5em !Important;
    height: 1.5em !Important;
}

i.icon.icon-1-8x{
    width: 1.8em !Important;
    height: 1.8em !Important;
}

i.icon.icon-2x{
    width: 2em !Important;
    height: 2em !Important;
}

i.icon.icon-2x{
    width: 2em;
    height: 2em;
}

i.icon.icon-2-1x{
    width: 2.1em;
    height: 2.1em;
}

i.icon.icon-2-2x{
    width: 2.2em;
    height: 2.2em;
}

i.icon.icon-2-3x{
    width: 2.3em;
    height: 2.3em;
}

i.icon.icon-2-4x{
    width: 2.4em;
    height: 2.4em;
}

i.icon.icon-2-5x{
    width: 2.5em !important;
    height: 2.5em !important;
}

i.icon.icon-2-8x{
    width: 2.8em !important;
    height: 2.8em !important;
}

i.icon.icon-3x{
    width: 3em;
    height: 3em;
}

i.icon.icon-4x{
    width: 4em;
    height: 4em;
}

i.icon.icon-6x{
    width: 6em;
    height: 6em;
}

i.icon.bg-blue{
    background-color: #2564bc;
}

i.icon.bg-gray{
    background-color: #949494;
}

i.icon.bg-darkBlue{
    background-color: #176AAE;
}

i.icon.bg-darkBlue-force{
    background-color: #176AAE !important;
}

i.icon.bg-white{
    background-color: white;
}

i.icon.bg-white-force{
    background-color: white !important;
}

i.icon.bg-lightGray{
    background-color: lightgray;
}

i.icon.bg-red{
    background-color: red;
}

i.icon.bg-red-force{
    background-color: red !important;
}

i.icon.bg-white{
    background-color: white;
}

i.icon.bg-green-force{
    background-color: #33a445 !important;
}

/*Text*/
.whiteSpan{
    color: #fff;
    font-size: 0.8em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.spanBlackNormalItalicNormal{
    color: #1a1a1a;
    font-style: italic;
    font-size: 1.2em;
}

.spanBlackNormalItalicSmall{
    color: #1a1a1a;
    font-style: italic;
    font-size: 0.8em;
}

.spanBlackBoldItalicSmall{
    color: #1a1a1a;
    font-style: italic;
    font-size: 0.8em;
    font-weight: bold;
}

.divTextContent{
    font-style: italic;
    font-weight: bold;
}

.text-center-style-default{
    color: dimgray;
    margin: 10px;
    text-align: center;
    font-size: 1.2em;
}

.display-name{
    position: absolute;
    bottom: 1%;
    left: -5%;
    border: 1px solid gainsboro;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100px;
    white-space: nowrap;
    font-size: 0.8em;
    opacity: 0.8;
}

/*Card*/
.patient-card-name{
    font-size: 1.2em;
    margin: 5px;
}

.patient-card-text{
    font-size: 1em;
    margin: 5px;
}

.text-greetings-card{
    font-size:1.3em;
}

/*Toolbar*/
.customToolbar{
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.customToolbar:after{
    background: none !important;
}

.customToolbar:before{
    background: none !important;
}

.divToolbarItemSize{
    display: block;
    text-align: center;
    margin: auto;
}

.divToolbarContainer{
    height: calc(100% - 48px);
}

.tabMinus48{
    height: calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
}

.tabMinus30{
    height: calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
}

.tabMinus70{
    height: calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
}

.tabMinus80{
    height: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
}

.tabMinus90{
    height: calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
}

.tabMinus100{
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
}

/*List*/
.divListItemContainer{
    height: 45px;
    width: 100%;
}

.divListItemFooter{
    font-size: 0.8em;
    font-style: italic;
    color: grey;
}

.divListAccordionItemContentContainer{
    border-bottom: 1px solid darkgrey;
}

.divListAccordionItemContent{
    font-style: italic;
    font-weight: bold;
}

/*Scroll*/
.enable-scroll{
    padding-bottom: 260px !Important;
}

.enable-scroll-30{
    padding-bottom: 30px !Important;
}

.disable-scroll{
    padding-bottom: 0px !Important;
}

/*Custom - Login*/
.divLoginContainer{
    height: 100%;
    width: 100%;
    /*background-color: rgba(63,63,63,0.8);*/
}

.divCenterContainerLogin{
    text-align: center;
    /*text-shadow: 0 1px 0 #fff;*/
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

/*Custom - Staff*/
.divFloatingButtonStaff{
    height: 50px;
    width: 50px;
    margin: 5px;
}

/*Custom - Clinic*/
.divClinicContainer{
    background-color: white;
    width: 100%;
    height: 100%;
}

.divClinicColHeader2{
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 44px;
}

.divClinicColHeader2 span{
    height: 100%;
    display: inline-block;
    color: white;
    vertical-align: middle;
    margin-top: 12px;
    left: 0;
}

.divClinicImageFrame{
    display:block;
    margin:auto;
    background-color: white;
    border-radius: 68px;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    width: 68px;
    height: 68px;
}

.divClinicImage{
    display:block;
    margin: 2px auto;
    border-radius: 64px;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    width: 64px;
    height: 64px;
}

.divClinicBannerImageFrame{
    width:100%;
}

.divClinicBannerImage{
    width:100%;
    height: 236px;
    border: 1px solid grey;
    /*width: 118vh;
    height: 29.5vh;*/
}

.divClinicBannerImageStrecth{
    max-height:100%;
    max-width:100%;
    min-height:100%;
    min-width:100%
}

.divClinicLogoImageFrame{
    width:100%;
    /*margin-top: -50px*/
}

.divClinicLogoImage{
    width: 200px;
    height: 200px;
    border: 3px solid grey;
}

.spanClinictNameCenter{
    margin: auto;
    font-size: 1.5em;
    color: #176AAE;
    font-weight: bold;
}

.divClinicTitleToolbar{
    position:relative;
    width: 100%;
}

.divClinicTitleToolbarText{
    font-size: 2em;
    font-weight: bold;
    color: #176AAE;
    height: 42px;
    margin-left: 10px;
    margin-top: 13px;
}

.divClinicTitleToolbarAlert{
    position: relative;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.divClinicDetailToolbar{
    position:relative;
    width:100%;
}

.divClinicDetailsHeaderCol1 {
    display: inline-block;
    width: calc(100% - 60px);
    height: 42px;
    font-size: 1.2em;
    margin-left: 10px;
    margin-top: 5px;
}

.divClinicDetailsHeaderCol2 {
    display: inline-block;
    width: 50px;
    height: 42px;
    margin-top: 5px;
}

.divClinicDetailContainer{
    background-color: white;
    width: 100%;
    height: 100%; /*105%;*/
    padding-bottom: 0px !important;
}

.listItemApptContainer{
    height: 80px !Important;
}

.txtApptListDesc{
    font-size: 1em;
    font-style: italic;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.listItemRoomContainer{
    height: 80px !Important;
}

.txtRoomListDesc{
    font-size: 1em;
    font-style: italic;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.listItemMiscContainer{
    height: 80px !Important;
}

.listItemMiscContainerSingle{
    height: 60px !Important;
}

.listItemMiscContainerCustom{
    min-height: 60px !Important;
}

.txtMiscListDesc{
    font-size: 1em;
    font-style: italic;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.txtMiscListDescSingle{
    font-size: 1em;
    font-style: italic;
    padding-top: 5px !Important;
    padding-left: 10px !Important;
}

.txtMiscListNoItalicDesc{
    font-size: 1em;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.listItemNonDrugContainer{
    height: 80px !Important;
}

.txtNonDrugListDesc{
    font-size: 1em;
    font-style: italic;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.listItemPayorContainer{
    height: 80px !Important;
}

.txtPayorListDesc{
    font-size: 1em;
    font-style: italic;
    padding-top: 10px !Important;
    padding-left: 10px !Important;
}

.listItemContent{
    width: 100%;
    height: inherit;
}

.listItemTwoRows{
    height: 25px !Important;
}

.listItemThreeRows{
    height: 20px !Important;
}

/*Inner Page*/
.divHeaderRow{
    background-color: #176AAE;
}

.divColHeader1{
    width: 40px;
    height: 44px;
}

.divColHeader1 img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 4px;
    width: 30px;
    height: 30px;
}

.divColHeader1 a{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin: 8px;
}

.divColHeader2{
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 44px;
}

.divColHeader2 span{
    height: 100%;
    display: inline-block;
    color: white;
    vertical-align: middle;
    margin-top: 12px;
}

.divColHeaderE2{
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    height: 44px;
}

.divColHeaderE2 span{
    height: 100%;
    display: inline-block;
    color: white;
    vertical-align: middle;
    margin-top: 12px;
}

.divColHeaderE3{
    width: 40px;
    height: 44px;
    float: right;
}

.divInnerRowContent{
    height: calc(100% - 44px);
}

.divInnerSidebar{
    height: 100%;
    width: 150px;
    background-color: #176AAE;
    border-radius: 0px 0px 0px 15px;
    float: left;
    /* overflow-y: auto; */
}

.divInnerSidebarHeader{
    width: 100%;
    background-color: white;
}

.divInnerContentMain {
    background-color: white;
    width: calc(100% - 150px);
    height: 100%;
}

.aInnerMenu i{
    margin-right: 7px;
}

.divInnerMenuButton{
    display: block;
    margin: auto;
    height: 30px;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #176AAE;
    color: white;
    padding: 10px 16px;
    line-height: 1em;
    font-weight: bold;
}

.divInnerTopMenuActive{
    background: linear-gradient(145.72deg, #176AAE 35.52%, #442F84 97.82%);
}

.spanInnerButtonMenu{
    font-size: 0.8em;
    font-weight: lighter;
}

.spanInnerButtonMenuSmall{
    font-size: 0.6em;
    font-weight: lighter;
}

/*Rating class*/
.clinic_rate
{
    /*font-size: 35px;*/
    color: orange;
}

.clinic_rate .rate-select-layer
{
    color: orange;
}

.clinic-avg-rate
{
    font-size: 30px;
    color: orange;
}

.clinic-avg-rate .rate-select-layer
{
    color: orange;
}

.clinic-avg-rate-list
{
    font-size: 4vw;
    color: orange;
}

.clinic-avg-rate-list .rate-select-layer
{
    color: orange;
}

.clinic-ratinglist-rate
{
    font-size: 50px !important;
    color: orange;
    /*width: 220px !important;*/
}

.clinic-ratinglist-rate .rate-select-layer
{
    color: orange;
}

.clinic-ratinglist-ratereview
{
    font-size: 13vw;
    color:grey;
}

.clinic-ratinglist-ratereview .rate-select-layer
{
    color: orange;
}

/*Reporting class*/
.rpt-txt-title{
    font-size: 1.5em;
    font-weight: bold;
}

.rpt-txt-title-smaller{
    font-size: 1.3em;
    font-weight: bold;
}

.rpt-txt-desc{
    font-size: 1.2em;
}

.rpt-border-summary-purple{
    border: 1px solid #AB47BC; !Important;
    border-radius: 10px;
    background-color: #AB47BC;
}

.rpt-border-summary-red{
    border: 1px solid #e91e63; !Important;
    border-radius: 10px;
    background-color: #e91e63;
}

/*Color class*/
.bg-color-white{
    background-color: white;
}

.bg-color-white-force{
    background-color: white !important;
}

.bg-color-lightGray{
    background-color: #E0E0E0 !important;
}

.bg-color-darkGray{
    background-color: #757575 !important;
}

.bg-color-lightBlue{
    background-color: #c4d3eb;
}

.bg-color-lightBlue-force{
    background-color: #c4d3eb !important;
}

.bg-color-darkBlue{
    background-color: #176AAE;
}

.bg-color-darkBlue-force{
    background-color: #176AAE !important;
}

.bg-color-lightOrange{
    background-color: rgba(255, 244, 236, 1);
}

.bg-color-lightOrange-force{
    background-color: rgba(255, 244, 236, 1) !important;
}

.bg-color-xlightGray{
    background-color: #ebebeb;
}

.bg-color-xlightGray-force{
    background-color: #ebebeb !important;
}

/*Fullscreen popup class*/
.divFullscreenModal{
    background-color: white;
}

.divFullscreenModalTitle{
    text-align: center;
    width: 100%;
    margin: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    color: #176AAE;
}

.divCenterAuto{
    margin: auto !important;
}

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

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

.divInventoryMovementPageContainer{
    height: 95%;
}

.divInventoryMovementContainer{
    height:80%;
    background-color:white;
    margin-left:20px;
    margin-right:20px;
    border-radius:5px;
    border: 1px solid gray;
}

/*Chart class*/
.divChartContainer{
    height: 80% !Important;
}

.divChartContainerSub{
    height: inherit;
}

.square-transparent{
    height: 20px;
    width: 20px;
}


/*PDF Viewer*/
.divPreviewPDFDisplay{
    /*border: 1px solid grey;*/
    height: 100%;
    /*
    background-color: #404040;
    background-image: url(../img/texture.png)
    */
}

.divPreviewPDFToolbar{
    display: block;
    margin: auto;
    width: 100%;
    height: 40px;
    /*
    background-color: #474747;
    background-image: url(../img/texture.png), linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
    */
}

.divPreviewPDFToolbarItem{
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 4px;
    padding-left: 5px;
}

.divPreviewPDFToolbarItem a {
    position: absolute;
    margin: auto;
    width: 32px;
    height: 32px;
}

.divPreviewPDFToolbarItem span {
    position: absolute;
    color: #FFFFFF;
    margin-top: 2px;
    font-size: 1.2em;
}

.splitToolbarButtonSeparator {
    display: inline-block;
    width: 1px;
    background-color: hsla(0,0%,0%,.5);
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
    height: 40px;

}

.divPDFPreviewRow {
    display: inline-block;
    width: 100%;
    height: calc(100% - 46px);
    height: -webkit-calc(100% - 46px);
}

.divPDFPreviewThumbnail {
    display: inline-block;
    width: 180px;
    height: 100%;
    overflow-y: auto;
    /*background-color: #343434;*/
}

.ulPDFPreviewPage{
    display: inline-block;
    line-height: 1.4;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.divPDFPreviewContent {
    display: inline-block;
    width: calc(100% - 190px);
    width: -webkit-calc(100% - 190px);
    height: 100%;
    text-align: center;
    overflow: auto;
}

.divPreviewPDFPopupDisplay{
    /*border: 1px solid grey;*/
    height: 100%;
    /*
    background-color: #404040;
    background-image: url(../img/texture.png)
    */
}

.divPDFPopupPreviewRow{
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}

.ulPDFPopupPreviewPage{
    display: inline-block;
    line-height: 1.4;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.liConsultPreviewPage{
    display: inline-block;
    text-align: center;
    list-style: none;
    width: 100%;
    margin: 10px auto;
}

.divPopupPDFPreviewContent{
    display: inline-block;
    width: calc(100% - 190px);
    width: -webkit-calc(100% - 190px);
    height: 100%;
    text-align: center;
    overflow: auto;
}

.divPreviewPopupToolbarRight{
    float: right;
    width: 150px;
    height: 40px;
}

.divPreviewPopupToolbarRight a {
    position: absolute;
    margin: auto;
    width: 32px;
    height: 32px;
}

.divPreviewPopupToolbarRight span {
    position: absolute;
    color: #FFFFFF;
    margin-top: 2px;
    font-size: 1.2em;
}

.divPreviewConsultToolbarItem{
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 4px;
    padding-left: 5px;
}

.divPreviewConsultToolbarItem a {
    position: absolute;
    margin: auto;
    width: 32px;
    height: 32px;
}

.divPreviewConsultToolbarItem span {
    position: absolute;
    color: #FFFFFF;
    margin-top: 2px;
    font-size: 1.2em;
}


.divDrugImgFrame{
    width: 100%;
}

.divDrugImg{
    height: 18vh;
    width: 18vh;
    padding: 3px;
    border: 1px solid grey;
    /*width: 118vh;
    height: 29.5vh;*/
}

.swiper-pagination-bullets-top{
    top: 10px;
    bottom: 0px;
    height: 21px;
}

.item-inner-payorPrice{
    height: 85px;
}

.panel-pricing-header{
    font-weight: bold;
    padding: 10px;
}

.divPreviewContentWrapper{
    margin: auto;
    box-shadow: rgba(84, 67, 138, 0.15) 0px 0px 10px 2px;
}

.divTCTitleToolbar{
    display: inline-block;
    position:relative;
    width: 100%;
    height: 55px;
}

.divTCTitleCol1{
    display: inline-block;
    position:relative;
    width: calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    line-height: 55px;
}

.divTCTitleCol2{
    display: inline-block;
    position:relative;
    width: 120px;
    float: right;
    line-height: 55px;
}

.divTCTitleToolbarText{
    font-size: 2em;
    font-weight: bold;
    color: #176AAE;
    height: 42px;
    margin-left: 10px;
}

.divTCListRemainRow{
    display: inline-block;
    position: relative;
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.divCenterContainer{
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.divCenterContainer span{
    font-size: 2em;
    color: #bbbbbb;
}

.divTCPopupHeader{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #176AAE;
}

.divTCPopupHeaderCol1{
    display: inline-block;
    position: relative;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    margin-left: 10px;
}

.divTCPopupHeaderCol2{
    display: inline-block;
    position: relative;
    width: 40px;
    line-height: 55px;
}

.spanSize1Dot2emBoldWhite{
    font-size: 1.2em;
    color: white;
    font-weight: bold;
}

.divTCPopupContent{
    display: inline-block;
    position: relative;
    width: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}

.divTCPopupLeftPanel{
    display: block;
    position: absolute;
    left: 0;
    width: 260px;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    --f7-safe-area-left: env(safe-area-inset-left);
    --f7-safe-area-outer-left: env(safe-area-inset-left);
    will-change: transform;
    transition-property: transform;
    transform: translate3d(0,0,0);
}

.divTCPopupDesignContent{
    display: inline-block;
    position: relative;
    width: calc(100% - 265px);
    width: -webkit-calc(100% - 265px);
    height: 100%;
    overflow-y: auto;
}

.margin5px{
    margin: 5px;
}

.divTCPopupTemplateNameContainer{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 50px;
}

.divTCPopupDesignContentContainer{
    display: inline-block;
    position: relative;
    width: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}

.inputClassLightBorder{
    width: 100%;
    border: 2px solid #b0b0b0 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em;
    padding: 8px !Important;
}

.list-controls{
    margin: 0px !important;
    padding-bottom: 60px;
}

.disable-text-selection {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.disable-touch-action {
    -ms-touch-action: none;
    touch-action: none;
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ignore-no-hairlines .item-inner::after {
    display: block !important;
}

.draggable-control {
    z-index: 9999999;
    background: lightgray;
    width: 200px;
    position: absolute;
    border: 1px solid #8e8e93;
    border-radius: 4px;
    display: flex;
    height: 42px;
    padding: 0 8px;
}

.draggable-control .item-media {
    padding: 8px 0;
}

.md .draggable-control .item-media {
    min-width: 40px;
}

.draggable-control .description {
    margin-left: 8px;
    width: 100%;
    line-height: 28px;
    padding: 8px 0;
}

.highlight-control,
.highlight-control.section {
    height: 44px;
    background-color: rgba(var(--f7-theme-color-rgb), 0.1);
}

.highlight-control.section {
    padding-top: unset;
    padding-bottom: unset;
}

svg.icon.list-icon {
    width: 18px;
    height: 18px;
}

.with-panel-left{
    margin-left: 260px;
}

.inputClassTCName{
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    border: 2px solid #b0b0b0 !Important;
    border-radius: 10px !Important;
    font-size: 1.2em !Important;
    padding: 8px !Important;
    margin-left: 10px !Important;
    margin-top: 5px !Important;
}

.divTCPopupContent .form {
    height: 100%;
    flex-direction: column;
}

.divTCPopupContent .form.drop-active {
    background-color: rgba(var(--f7-theme-color-rgb), 0.1);
}

.divTCPopupContent .form .formblock {
    margin: auto !important;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: var(--f7-block-text-color);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
    font-size: var(--f7-block-font-size);
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.block-title {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    white-space: var(--f7-block-title-white-space);
    text-overflow: ellipsis;
    text-transform: var(--f7-block-title-text-transform);
    color: var(--f7-block-title-text-color);
    font-size: var(--f7-block-title-font-size);
    font-weight: var(--f7-block-title-font-weight);
    line-height: 30px !important;
}

.block-title-medium {
    font-size: var(--f7-block-title-medium-font-size);
    text-transform: var(--f7-block-title-medium-text-transform);
    color: var(--f7-block-title-medium-text-color);
    font-weight: var(--f7-block-title-medium-font-weight);
    line-height: var(--f7-block-title-medium-line-height);
}

.divTCPopupContent .form .block-title-medium {
    width: 100%;
    color: var(--f7-block-title-text-color)
}

.divTCPopupContent .list-settings .item-input-wrap input,
.divTCPopupContent .list-settings .item-input-wrap textarea {
    padding-right: calc(var(--f7-input-outline-padding-horizontal) + var(--f7-input-clear-button-size));
}

.divTCPopupContent .list-settings ul + .block-buttons {
    background: var(--f7-list-bg-color);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

.divTCPopupContent .list-settings .item-toggle {
    padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}

.divTCPopupContent .list-settings .list-options .item-inner {
    flex-direction: initial;
}

.divTCPopupContent .list-settings .list-options .icon-delete {
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: red;
}

.divTCPopupContent .list-settings .list-options .button-add-option {
    margin-top: 5px;
}

.md .divTCPopupContent .list-settings .list-options {
    margin-top: 0;
    margin-bottom: 0;
}

.md .divTCPopupContent .list-settings .list-options .item-media {
    align-self: center;
}

.section {
    background-color: rgb(255, 255, 255);
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    min-height: 20px;
    width: 70%;
}

.section > div {
    padding-left: 25px;
    padding-right: 25px;
}

.section.selected .label-section,
.section div:not(.label-section).selected {
    color: var(--f7-theme-color);
}

.section .line.selected div {
    background: var(--f7-theme-color);
}

.section .line {
    padding-top: 10px;
    padding-bottom: 10px;
}

.section .line div {
    background-color: rgb(0, 0, 0);
}

.section .item-content.item-input .item-inner {
    padding-right: 0;
}

.section .item-content.item-input:first-child,
.section label.item-content,
.section label.item-content + .item-content {
    padding-left: 0;
}

.section ul.display-flex .item-content {
    width: 100%;
}

.section ul.display-flex.with-flex-wrap {
    flex-wrap: wrap;
}

.section ul.display-flex label.item-radio,
.section ul.display-flex label.item-checkbox {
    min-width: 60px;
}

.section .item-input .item-input-wrap textarea,
.section .item-input .item-input-wrap input {
    padding-right: calc(var(--f7-input-outline-padding-horizontal) + var(--f7-input-clear-button-size));
}

.section label.item-content .item-inner::after {
    display: none;
}

.section .label.label-title {
    font-weight: 700;
    font-size: 34px;
}

.section .label.label-field {
    font-weight: bold;
}

.md .section ul.display-flex label.item-radio,
.md .section ul.display-flex label.item-checkbox,
.md .section ul.display-flex label.item-radio > .icon,
.md .section ul.display-flex label.item-checkbox > .icon {
    margin-right: var(--f7-list-item-media-margin);
}

.ios .section label.item-radio .icon-radio {
    border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color);
}

.ios section label.item-radio input[type=radio]:checked~* .icon-radio, .ios .section label.item-radio input[type=radio]:checked~.icon-radio {
    border-color: var(--f7-radio-active-color,var(--f7-theme-color));
}

.ios label.item-radio input[type=radio]~.icon-radio {
    left: 0;
}

.ios .section label.item-radio .icon-radio {
    transition-duration: .2s;
}

.ios .section label.item-radio .icon-radio::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background-color: var(--f7-radio-active-color,var(--f7-theme-color));
    border-radius: 50%;
    transform: scale(0);
    transition-duration: .2s;
}

.ios .section label.item-radio input[type=radio]~.icon-radio {
    top: unset;
    margin-top: unset;
}

.ios .section label.item-radio input[type=radio]:checked~* .icon-radio::after,
.ios .section label.item-radio input[type=radio]:checked~.icon-radio::after {
    opacity: 1;
    background-color: var(--f7-radio-active-color,var(--f7-theme-color));
    transform: scale(1);
}

.ios .section label.item-radio .item-inner {
    padding-left: calc(var(--f7-safe-area-left) + 35px);
    padding-right: 0;
}

.ios .section ul.display-flex.with-flex-wrap .item-radio,
.ios .section ul.display-flex.with-flex-wrap .item-checkbox {
    margin-right: 10px;
}

.section .input-phone-number .item-content.item-input:first-child {
    width: unset;
}

.tabs100Percent{
    height: 100%;
}

.list-settings .item-input-wrap input,
.list-settings .item-input-wrap textarea {
    padding-right: calc(var(--f7-input-outline-padding-horizontal) + var(--f7-input-clear-button-size));
}

.list-settings ul + .block-buttons {
    background: var(--f7-list-bg-color);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

.list-settings .item-toggle {
    padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}

.list-settings .list-options .item-inner {
    flex-direction: initial;
}

.list-settings .list-options .icon-delete {
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: red;
}

.list-settings .list-options .button-add-option {
    margin-top: 5px;
}

.md .list-settings .list-options {
    margin-top: 0;
    margin-bottom: 0;
}

.md .list-settings .list-options .item-media {
    align-self: center;
}

.popup-template-add-option .list .item-toggle {
    padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}

.md .popup-template-add-option .list ul::before,
.md .popup-template-add-option .list ul::after {
    display: none;
}

.md .popup-template-add-option .list .item-toggle .item-input-wrap::after {
    display: none;
}

.button-big{
    height: 48px;
    line-height: 48px;
}

.popup-template-bg-gray{
    background-color: rgba(0, 0, 0, 0.5);
}

.listMarginTB5px-force{
    margin: 5px 0px !important;
}

.fontSize-22px-force{
    font-size: 22px !important;
}

.opacity-dot5-force{
    opacity: 0.5 !important;
    background-color: lightgray;
}

.divVClinicDrAssignContent {
    width: 100%;
    height: 100%;
}

.row100PercentMinus130Overflowy{
    height: calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
    border: 1px solid #a7a7a7;
    overflow-y: auto;
}

.row100PercentMinus200Overflowy{
    height: calc(100% - 200px);
    height: -webkit-calc(100% - 200px);
    border: 1px solid #a7a7a7;
    overflow-y: auto;
}

.swiper-pagination{
    height: 30px!important;
}

.swiper-pagination-bullet {
    width: 18px!important;
    height: 18px!important;
    text-align: center;
    line-height: 18px!important;
    font-size: 12px;
    color: #a0a0a0;
    margin: 6px;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.queue-swipe-shift-left {
    transform:translateX(-140px);
}

.queue-swipe-shift-right {
    transform:translateX(140px);
}

.extra-swipe-shift-right {
    transform:translateX(280px);
}

.swipeout-overflow-hidden{
    overflow: hidden;
}

.spanLightGrayDot8{
    font-size: 0.8em;
    color: #bcbcbc;
    font-weight: bold;
}

.background-color-croppie{
    background-color: #212121;
}

.force-left{
    left: 0 !important;
}

.force-left-5{
    left: 15px !important;
}

.force-left-15{
    left: 15px !important;
}

.force-left-400{
    left: 400px !important;
}

.force-left-260{
    left: 260px !important;
}

.force-left-300{
    left: 300px !important;
}

.force-left-330{
    left: 330px !important;
}

.force-left-380{
    left: 380px !important;
}

.spanBlackNormalSmall{
    color: #000;
    font-size: 0.8em;
}

.removePadding{
    padding: 0px !important;
}

.height80px{
    height: 80px;
}

.padding10px{
    padding: 10px;
}

.divPadding{
    padding: 10px;
}

.divPaddingLR{
    padding: 0px 10px;
}

.divPaddingL10R20{
    padding: 0px 20px 0px 10px;
}

.divPaddingR20{
    padding: 0px 20px 0px 0px;
}

.divToolbarFullContainer{
    height: 100%;
}

.liConsultPreviewImage{
    width: 100px;
    margin: auto;
    box-shadow: rgba(84, 67, 138, 0.15) 0px 0px 10px 2px;
}

.previewConsultTNSelect, .previewOrderTNSelect{
    border: 4px solid red;
}

.divClinicMenuContainer{
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    height: 44px;
    position: relative;
    left: 0px
}

.divClinicMenuCloseContainer{
    width: 50px;
    height: 44px;
    position: relative;
    right: 0px;
    background-color: #442F84;
    border-radius: 0px 0px 0px 15px;
}

.aExitClinic{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.color-lightBlue{
    color: #c4d3eb;
}

.color-lightBlue-force{
    color: #c4d3eb !important;
}

.color-lightGray-force{
    color: #E0E0E0 !important;
}

.color-gray-force{
    color: #bebebe !important;
}

.color-darkBlue{
    color: #176AAE;
}

.color-darkBlue-force{
    color: #176AAE !important;
}

.color-darkOrange{
    color: rgba(185, 80, 0, 1);
}

.color-darkOrange-force{
    color: rgba(185, 80, 0, 1) !important;
}

.color-red-force{
    color: red !important;
}

.rowHeight5px{
    height: 5px;
}

.rowHeight10px{
    height: 10px;
}

.rowHeight30px{
    height: 30px;
}

.rowHeight40px{
    height: 40px;
}

.rowHeight45px{
    height: 45px;
}

.rowHeight50px{
    height: 50px;
}

.rowHeight55px{
    height: 55px;
}

.rowHeight60px{
    height: 60px;
}

.fontSize1dot4em-force{
    font-size: 1.4em;
}

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

.inputTimeCustom{
    width: 100%;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #818181 !important;
    border-radius: 10px !important;
    font-size: 1.2em;
    padding-left: 5px !important;
}

.inputTimeCustom:focus{
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1)!important;
    padding-left: 0px !important;
}

.text-color-black{
    color: black;
}

.text-color-gray{
    color: gray;
}

.text-color-lightgray{
    color: lightgray;
}

.text-color-lightgray-force{
    color: lightgray !important;
}

.text-color-red-force{
    color: red !important;
}

.text-color-blue{
    color: blue;
}

.text-color-lightblue{
    color: #c0fffc;
}

.iconPatientList{
    display: inline-block;
    position: relative;
    width: 80px;
    line-height: 20px;
}

.spanBlackSmallCenter{
    font-size: 0.8em;
    color: #1a1a1a;
    margin: auto;
}

.fa-toggle-on:before {
    content: "\f205";
}

.custom-accordion .accordion-item-toggle {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.custom-accordion .accordion-item-opened .icon-plus {
    display: none;
}

.custom-accordion .icon-plus, .custom-accordion .icon-minus {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
}

.custom-accordion .accordion-item-opened .icon-minus {
    display: inline-block;
}

.custom-accordion .icon-minus {
    display: none;
}

.divPicker-1{
    display: inline-block;
    width: 1%;
}

.divPicker-5{
    display: inline-block;
    width: 5%;
}

.divPicker-10{
    display: inline-block;
    width: 10%;
}

.divPicker-13{
    display: inline-block;
    width: 10%;
}

.divPicker-15{
    display: inline-block;
    width: 15%;
}

.divPicker-20{
    display: inline-block;
    width: 20%;
}

.divPicker-25{
    display: inline-block;
    width: 25%;
}

.divPicker-30{
    display: inline-block;
    width: 30%;
}

.divPicker-33{
    display: inline-block;
    width: 33%;
}

.divPicker-34{
    display: inline-block;
    width: 34%;
}

.divPicker-35{
    display: inline-block;
    width: 35%;
}

.divPicker-38{
    display: inline-block;
    width: 38%;
}

.divPicker-39{
    display: inline-block;
    width: 39%;
}

.divPicker-40{
    display: inline-block;
    width: 40%;
}

.divPicker-45{
    display: inline-block;
    width: 45%;
}

.divPicker-50{
    display: inline-block;
    width: 50%;
}

.divPicker-60{
    display: inline-block;
    width: 60%;
}

.divPicker-69{
    display: inline-block;
    width: 69%;
}

.divPicker-70{
    display: inline-block;
    width: 70%;
}

#org-clinic-settings-ohs-toggle-enabler.fa-toggle-off::before {
    content: none;
}

#popup-home-content-clinicItem-package-container::-webkit-scrollbar {
    display: block;
    width: 8px;
}

#popup-home-content-clinicItem-package-container::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#popup-home-content-clinicItem-package-container::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;

}

.border-color-red-force{
    border-color: red !important;
}

#popup-home-content-packageDetail-content::-webkit-scrollbar {
    display: block;
    width: 8px;
}

#popup-home-content-packageDetail-content::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#popup-home-content-packageDetail-content::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;

}

#popup-home-content-clinicItem-package-clinic-container::-webkit-scrollbar {
    display: block;
    width: 8px;
}

#popup-home-content-clinicItem-package-clinic-container::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#popup-home-content-clinicItem-package-clinic-container::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;
}

#popup-home-full-clinicItem-packageInfo-img-canvas-container::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
    display: none;
}

#popup-home-full-clinicItem-packageLogo-canvas-tools::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#popup-home-full-clinicItem-packageLogo-canvas-tools::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;
}

#popup-home-full-clinicItem-packageLogo-canvas-tools::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
    display: none;
}

.card.card-membership {
    height: 184px;
    width: 304px;
    border-radius: 16px;
    margin: auto;
    --f7-card-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}

.card.card-membership.with-onecare {
    background: var(--card-membership-bg-color);
    color: var(--card-membership-text-color);
}

.card.card-membership .card-content {
    display: flex;
}

.card.card-membership.with-onecare .card-content {
    flex-direction: column;
}

.card.card-membership.with-onecare .card-content .logo {
    margin: auto;
}

.card.card-membership .card-content
.card.card-membership.with-onecare .card-content .logo {
    height: 184px;
}

.card.card-membership .card-content.card-content-padding,
.card.card-membership.with-onecare .card-content.card-content-padding,
.card.card-membership.with-onecare .card-content.card-content-padding .logo {
    height: calc(184px - (var(--f7-card-content-padding-vertical) * 2));
}

.card.card-membership.with-onecare .card-content.card-content-padding .logo {
    width: calc(184px - (var(--f7-card-content-padding-horizontal) * 2));
}

.card.card-membership.with-onecare .card-content .membership-plan + .membership-covered {
    font-size: 10px;
}

.card.card-membership.with-onecare .card-content.card-content-padding .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18%;
}

.card.card-membership.with-onecare .card-content.card-content-padding img.logo {
    object-fit: contain;
}

.card.card-membership.with-onecare .card-content .body {
    display: flex;
    height: 100%;
}

.card.card-membership.with-onecare .card-content .footer {
    text-align: center;
    margin-bottom: calc(var(--f7-typography-margin) / 2);
}

.line-height-28px{
    line-height: 28px;
}

.transform-1-5{
    transform: scale(1.5);
}

.transform-2{
    transform: scale(2);
}

.transform-2-5{
    transform: scale(2.5);
}

.transform-3{
    transform: scale(3);
}

.transform-3-5{
    transform: scale(3.5);
}

.width-30px{
    width: 30px;
}

.width-40px{
    width: 40px;
}

.width-60px{
    width: 60px;
}

.width-80px{
    width: 80px;
}

.width-100px{
    width: 100px;
}

.width-remain-30px{
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
}

.width-remain-40px{
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

.width-remain-60px{
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
}

.width-remain-80px{
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
}

.width-remain-100px{
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}