/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
.app
{
    background-image: url('../img/img_backgroud_soft.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;
}

form{
    width: 100%;
}

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

::-webkit-scrollbar {
    width: 8px;
    display: block;
}

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

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

}

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-name {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
    font-size: 48px !important;
    letter-spacing: 5px;
}

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

.page-content.page-content-noNavBar {
    overflow: visible;
    padding-top: 0 !important;
}

.divLoginRow{
    height: 60px;
    background-color: white;
    border-bottom: 0px solid #77120b;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

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

.divColLoginRow1{
    width: 60px;
    height: 60px;
    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;
}

.divColLoginRow2{
    height: 100%;
    width: calc(60% - 126px);
    width: -webkit-calc(60% - 126px);
    line-height: 1.5em;
    display: block;
}

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

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

.divColLoginRow3 input {
    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: 1px 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;
}

.divColLoginRow4{
    width: 36px;
    height: 100%;
    margin: 0 auto;
    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;
}

.divColLoginRow4 a{
    margin: auto;
}

.divColLoginRow6{
    width: 4px;
    height: 100%;
}

.divColMainOther{
    width: 36px;
    margin: 5px auto 0px;
    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;
    line-height: 0.8;
}

.divColMainOther a{
    margin: auto;
}

.mainToolbar {
    width: 100%;
    position: relative;
    margin: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
}

.fontBold{
    font-weight: bolder;
}

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

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

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

.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;
}

.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;
}

.divPadding{
    padding: 10px;
}

.divPaddingLROnly{
    padding-left: 10px;
    padding-right: 10px;
}

.divPaddingTop20LR{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.divMenuSelectGradient{
    background: linear-gradient(124.95deg, #6e3714 0%, #ae5727 89.15%);
}

.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;
}

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

.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%);
    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;
}

.divColLoginImageContainer{
    margin: auto;
    border: 5px solid;
    border-color: #bab7b7;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    width: 40px;
    height: 40px;
}

.divColLoginImageContainer img{
    margin: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 40px;
    height: 40px;
}

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

.inputPickerLeftClass{
    float: left;
    width: 100%;
    border: 1px solid #818181 !important;
    border-radius: 10px !important;
    font-size: 1.2em;
    padding: 8px !important;
}

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

.popup-entry{
    padding: 10px;
}

.divSubContainer{
    display: block;
    position: relative;
    height: calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    margin: 15px;
}

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

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

.listItemContainer{
    height: 80px !Important;
    line-height: 40px !Important;
}

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

.listItemTwoRows{
    height: 25px !Important;
}

.listItemThreeRows{
    height: 20px !Important;
}

.img-circle {
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    width: 26px;
    height: 26px;
    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-big {
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    width: 80px;
    height: 80px;
}

.img-circle.img-circle-8em {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 8em;
    height: 8em;
}

.img-circle.img-circle-bordered {
    border: 3px solid lightgrey;
}

.img-bg-circle-bordered.size-2-5 {
    -webkit-clip-path: circle(47% at 50% 50%);
    clip-path: circle(47% at 50% 50%);
    width: 2.5em;
    height: 2.5em;
    background-size: 2.5em 2.5em;
    background-color: rgba(176, 176, 176, 0.5);
    border-radius: 2.5em;
    border: 5px solid lightgray;
}

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

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

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

.paddingZero{
    padding: 0px !important;
}

.divPatientUnverifiedImageOverlay{
    width: 64px;
    height: 14px;
    background-image: url('../img/image_unverified.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.divPatientVerifiedImageOverlay{
    width: 64px;
    height: 14px;
    background-image: url('../img/image_verified.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.max-height{
    height: 100% !important;
}

.pat-add-padding-3{
    padding: 3px !important;
}

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

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

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

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

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

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

.pat-name {
    font-weight: bold;
    font-size: 3vh;
}

.pat-desc {
    font-size: 1em;
}

.pat-container-patInfo{
    height: 20vh;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.pat-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;
}

.pat-container-action{
    padding-left: 10px;
    padding-right: 10px;
}

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

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

.pat-queueSeries {
    font-weight: bold;
    font-size: 4vh;
}

.pat-title {
    font-weight: bold;
    font-size: 2vh;
}

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

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

.pat-container-list{
    height:60%;
    background-color:white;
    margin-left:10px;
    margin-right:10px;
    border-radius:5px;
    border: 1px solid grey;
}

.pat-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);
}

.pat-img-circle.pat-img-circle-bordered {
    border: 3px solid lightgrey;
}

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

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

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

.divVisibilityHidden{
    visibility: hidden;
}

.divCenterAuto{
    margin: auto !important;
}

#ahrefPatientInfo{
    margin: auto;
}

.divPInfoCol1{
    display: inline-block;
    position: relative;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    padding-left: 5px;
    padding-top: 5px;
}

.divPInfoCol2{
    display: inline-block;
    position: relative;
    width: 40px;
    padding: 5px;
}

.divPInfoCol2 a{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.divPInfoBasic{
    height: 350px;
}

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

.divPatInfoCol1{
    display: inline-block;
    position: relative;
    width: 110px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.divPatInfoCol2{
    display: inline-block;
    position: relative;
    width: calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    padding-top: 5px;
}

.divPatInfoHeaderCol1{
    display: inline-block;
    position: relative;
    width: 20px;
}

.divPatInfoHeaderCol2{
    display: inline-block;
    position: relative;
    width: 70px;
}

.divPatientImage{
    display:block;
    margin: auto;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    width: 54px;
    height: 54px;
}

.divPatientPayorFrame{
    display:block;
    position: relative;
    margin:auto;
    padding-top: 7px;
    background-color: #7c807c;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    width: 25px;
    height: 18px;
}

.divPatientImageFrame{
    display:block;
    margin:auto;
    padding-top: 7px;
    background-color: #d4d8d4;
    border-radius: 68px;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    width: 68px;
    height: 61px;
}

.spanBlackNormal{
    font-size: 1em;
    color: #0e0e0e;
}

.spanBlackBoldNormal{
    font-size: 1em;
    font-weight: bold;
    color: #0e0e0e;
}

.divMarginAuto{
    margin: auto;
}

.divPInfoPanelContent{
    margin: 4px;
    border-radius: 10px;
    background-color: white;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    padding:4px;
    height: 100%;
}

.divAddressCol1{
    display: inline-block;
    position: relative;
    width: 150px;
}

.divAddressCol2{
    display: inline-block;
    position: relative;
    width: calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
}

.divAddressCol21{
    display: inline-block;
    position: relative;
    width: calc(50% - 165px);
    width: -webkit-calc(50% - 165px);
}

.divPatCol2{
    display: inline-block;
    position: relative;
    width: 250px;
}

.divPatCol3{
    display: inline-block;
    position: relative;
    width: 100px;
}

.divPatCol4End{
    display: inline-block;
    position: relative;
    width: calc(100% - 530px);
    width: -webkit-calc(100% - 530px);
}

.rowHeight5px{
    height: 5px;
}

.rowHeight10px{
    height: 10px;
}

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

.divPreviewPDFPopupDisplay{
    border: 1px solid grey;
    height: 100%;
 }

.divPreviewPopupHeaderDisplay{
    height: 40px;
 }

.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;
}

.divPreviewPopupToolbarRight{
    float: right;
    width: 200px;
    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;
}

.progress{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #ddd;
    overflow: hidden;
    -webkit-transition: width 200ms;
    transition: width 200ms;
}

.progress.indeterminate{
    background-color: #999;
    -webkit-transition: none;
    transition: none;
}

.progress.indeterminate .glimmer{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% + 150px);

    background: repeating-linear-gradient(135deg,
    #bbb 0, #999 5px,
    #999 45px, #ddd 55px,
    #ddd 95px, #bbb 100px);

    -webkit-animation: progressIndeterminate 950ms linear infinite;
    animation: progressIndeterminate 950ms linear infinite;
}

.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%;
}

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

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

.divSubContainerBgDarkGray{
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
 }

.divCompareContainerHeader{
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
}

.divDocContainerContent{
    display: block;
    position: relative;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    margin: auto;
}

.divDocPopupHeaderRow{
    display: inline-block;
    width: calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
    height: 40px;
    background-color: #525252;;
    padding-left:4px;
    line-height: 18px;
    font-size:1vw;
}

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

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

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

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

.divPicker-80px{
    display: inline-block;
    width: 80px;
}

.divPicker-100px{
    display: inline-block;
    width: 100px;
}

.divPicker-160px{
    display: inline-block;
    width: 160px;
}

.divPicker-m40{
    display: inline-block;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

.divPicker-m180{
    display: inline-block;
    width: calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
}

.divPicker-m200{
    display: inline-block;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
}

.divPicker-m240{
    display: inline-block;
    width: calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
}

.divPicker-m340{
    display: inline-block;
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
}

.divPicker-m380{
    display: inline-block;
    width: calc(100% - 380px);
    width: -webkit-calc(100% - 380px);
}

.spanDocTitle{
    text-align: left;
    color: white;
}

.divDocContent{
    display: inline-block;
    position: relative;
    width: 100%;
    height: calc(100% - 85px);
    height: -webkit-calc(100% - 85px);
    border: 1px solid #a48de4;
    overflow: auto;
}

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

.divCompareSubContent{
    display: flex;
    justify-content: center;
    width: 300px;
    height: 40px;
    margin: auto;
}

.divCompareSubPageCol1, .divDocSubPageCol1{
    display: inline-block;
    position: relative;
    width: 30px;
    text-align: center;
    margin: auto 2px;
    line-height: 14px;
}

.divCompareSubPageCol2, .divDocSubPageCol2{
    display: inline-block;
    position: relative;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    text-align: center;
    margin: auto 2px;
    line-height: 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

i.icon.icon-tele-consult{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tele_consult.svg");
    mask-image: url("../img/icon/icon_tele_consult.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-print{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_print.svg");
    mask-image: url("../img/icon/icon_print.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

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

i.icon.icon-tick-square{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_tick_square.svg");
    mask-image: url("../img/icon/icon_tick_square.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-square{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_close_square.svg");
    mask-image: url("../img/icon/icon_close_square.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-idCard{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_idCard.svg");
    mask-image: url("../img/icon/icon_idCard.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

i.icon.icon-person-verify{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_person_verify.svg");
    mask-image: url("../img/icon/icon_person_verify.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-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-merge{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_merge.svg");
    mask-image: url("../img/icon/icon_merge.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

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

i.icon.icon-circle-fill{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_circle_fill.svg");
    mask-image: url("../img/icon/icon_circle_fill.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-upload-big-arrow{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_upload_big_arrow.svg");
    mask-image: url("../img/icon/icon_upload_big_arrow.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-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-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-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-image{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_image.svg");
    mask-image: url("../img/icon/icon_image.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-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-refresh-window{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_refresh_window.svg");
    mask-image: url("../img/icon/icon_refresh_window.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-hierarchical-structure{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_hierarchical_structure.svg");
    mask-image: url("../img/icon/icon_hierarchical_structure.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

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

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

i.icon.icon-pie-chart{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_pie_chart.svg");
    mask-image: url("../img/icon/icon_pie_chart.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-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-stamped{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_stamped.svg");
    mask-image: url("../img/icon/icon_stamped.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;
}

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

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

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

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

i.icon.icon-contract{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_contract.svg");
    mask-image: url("../img/icon/icon_contract.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-id-card{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_id_card.svg");
    mask-image: url("../img/icon/icon_id_card.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

i.icon.icon-video{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_video.svg");
    mask-image: url("../img/icon/icon_video.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-undo-arrow{
    width: 1em;
    height: 1em;
    background-color: #000;
    -webkit-mask-image: url("../img/icon/icon_undo_arrow.svg");
    mask-image: url("../img/icon/icon_undo_arrow.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
}

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

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

i.icon.icon-phone-color{
    background: url("../img/icon/icon_phone_color.svg") no-repeat top left;
    background-size: contain;
}

i.icon.icon-delete-color{
    background: url("../img/icon/icon_delete_color.svg") no-repeat top left;
    background-size: contain;
}

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

i.icon.icon-0-8x{
    width: 1vw;
    height: 1vw;
}

i.icon.icon-0-9x{
    width: 0.8em;
    height: 0.8em;
}

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

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

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

i.icon.icon-1-6x{
    width: 1.6em !important;
    height: 1.6em !important;
}

i.icon.icon-1-7x{
    width: 1.7em;
    height: 1.7em;
}

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

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-2x-force{
    width: 2.2em !important;
    height: 2.2em !important;
}

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

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

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

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

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

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

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

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

i.icon.icon-25px{
    width: 25px;
    height: 25px;
}

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

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

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

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

i.icon.bg-darkGray{
    background-color: #515151;
}

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

i.icon.bg-llightGray{
    background-color: #e3e3e3;
}

i.icon.bg-purple{
    background-color: #8e6cb1;
}

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

i.icon.bg-orange{
    background-color: #fd7318;
}

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

i.icon.bg-darkPurple{
    background-color: #442F84;
}

i.icon.bg-darkPurple-force{
    background-color: #442F84 !important;
}

i.icon.bg-lightPurple{
    background-color: #a48de4;
}

i.icon.bg-gray-force{
    background-color: #928b8b !important;
}

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

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

.bg-color-darkBrown{
    background-color: #77120b;
}

.bg-color-darkBrown-force{
    background-color: #77120b !important;
}

.bg-color-lightBrown{
    background-color: #eec39f;
}

.bg-color-lightBrown-force{
    background-color: #eec39f !important;
}

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

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

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

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

.text-color-darkBrown{
    color: #77120b;
}

.text-color-darkBrown-force{
    color: #77120b !important;
}

.text-color-lightBrown{
    color: #eec39f;
}

.text-color-lightBrown-force{
    color: #eec39f !important;
}

.text-color-green{
    color: green
}

.text-color-red{
    color: red
}

.divContainer{
    width: 100%;
    height: 100%;
    padding-bottom: 0px !important;
}

.remove-padding{
    padding: 0px;
}

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

.divHide{
    display: none !important;
}

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

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

.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;
}

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

#spanLoginName{
    display: inline-block;
    color: white;
    vertical-align: middle;
    font-size: 1.5em;
}

#spanLoginDate{
    display: inline-block;
    font-size: 0.8em;
    color: white;
}

#spanNetworkStatus{
    display: inline-block;
    font-size: 0.8em;
    color: white;
}

.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;
}

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

.borderRed{
    border: 1px solid red;
}

.ripple-button1:hover, .ripple-button1:focus, .ripple-button1:active > .wave1{
    animation: ripple-in1 0.5s;
}

.spanNormalBoldWhite{
    color: white;
    font-size: 1em;
    font-weight: bold;
}

.spanNormalWhite{
    color: white;
    font-size: 1em;
}

#div-popup-main-full-doctorEngageDetail-sidebar::-webkit-scrollbar {
    display: block;
    width: 8px;
}

#div-popup-main-full-doctorEngageDetail-sidebar::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#div-popup-main-full-doctorEngageDetail-sidebar::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;
}

#div-popup-main-full-doctorEngageCertDtl-sidebar::-webkit-scrollbar {
    display: block;
    width: 8px;
}

#div-popup-main-full-doctorEngageCertDtl-sidebar::-webkit-scrollbar-track {
    background: #CFD8DC;
}

#div-popup-main-full-doctorEngageCertDtl-sidebar::-webkit-scrollbar-thumb {
    background-color: #90A4AE;
    border-radius: 6px;
}

@keyframes ripple-in1 {
    0% {transform: scale(0);}
    20%{transform: scale(1);opacity:0.3;}
    100%{transform: scale(1);opacity:0;}
}