/*sitemaster*/
#divmainpagedisabled {
     width:100%; 
     height:100%; 
     position: fixed; 
     background-color: #000; 
     z-index: 1045;
     opacity: 0.47;
     display: none;
}

#sidebarheader {
     height: 104px; 
     padding-left: 16px; 
     padding-right: 16px; 
     padding-top: 8px; 
     padding-bottom: 8px; 
     background-color: #ffe1f5;
}

#idsidebarcompanyname {
    overflow: hidden;
}

.divheaderclasssmall {

}

#divpageheadercollapse {
    margin-top: 54px;
    height: 40px;
}

#sidebarmenu {
    padding-top: 8px;
    height: 0px;
}

    #sidebarmenu > li {
        text-indent: 16px;
        line-height: 36px;
    }

.primarycolor {
    background-color: #ffe1f5;
}

.primarycolordark {
    background-color: #ccafc2;
}

.primarycolorlight {
    background-color: #ffffff;
}

.textcolorprimary {
    color: #000;
    opacity: 0.87;
}

.textcolorsecondary {
    color: #000;
    opacity: 0.66;
}

.textcolorhint {
    color: #000;
    opacity: 0.38;
}

/*.textcolorlabel {
    color: #bf6ba9;
    opacity: 0.87;
}*/

.textcolorwarning {
    color: #FF0000;
    opacity: 0.87;
}

.secondarycolor {
    background-color: #f484c7;
}

.secondarycolordark {
    background-color: #bf5496;
}

.secondarycolorlight {
    background-color: #ffb6fa;
}

.textsizeprimary {
    font-size: 16px;
}

.textsizesecondary {
    font-size: 14px; 
}

.textsizeextralarge {
    font-size: 24px;
}

.textsizeheader {
    font-size: 20px;
}

.textsizeicon {
    font-size: 32px;
}

.textsizeremark {
    font-size: 12px;
}

#divpageheadercollapse {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
}

.buttonexpandorcollapse {
    cursor: pointer;
    padding: 4px;
}

#divpageheaderexpand .buttonnew,
#divpageheaderexpand .buttonhistory,
#divpageheaderexpand .buttonshow,
#divpageheaderexpand .buttonhide,
#divpageheaderexpand .buttondelete {
    margin-top: 16px;
    margin-right: 16px;
    font-size: 16px;
}

#divpageheadercollapse .buttonnew {
    margin-left: 16px;
    margin-top: 1px;
    font-size: 14px;
}

#divpageheadercollapse .buttonhistory,
#divpageheadercollapse .buttonshow,
#divpageheadercollapse .buttonhide {
    margin-left: 8px;
    margin-top: 1px;
    font-size: 14px;
}

.divheadervipsearchinput {
    width: 228px;
}

    .divheadervipsearchinput input {
        width: 208px!important;
    }

.buttonexpandorcollapse > span {
    font-size: 24px!important;
}

.divlistview {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}

.divlistview > .listcontainer:not(:first-child) {
    margin-top: -2px;
}

.divlistview > .listcontainer {
    border: 1px solid #E3E3E3!important;
}

#sidebar-wrapper {
    background-color: #FFF;
}

.divsubheader {
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.classvipsearchdetail {
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0px;
    background-color: #FFF;
    border-top: 1px solid #E3E3E3;
}

    .classvipsearchdetail:hover {
        background-color: #FFF !important;
    }

.spanexpandorcollapse {
    margin-left: 16px;
}

input[type='checkbox'] {
    width: 20px !important;
    height: 20px !important;
    margin-top: 0px;
}

input.form-control[disabled] {
    background-color: #FFF;
}

.buttonserviceicon {
    background-color: #ffe1f5;
}

.buttonalcicon {
    background-color: #ffefbb;
}

.buttonbuffeticon {
    background-color: #bbf2d0;
}

.buttonproducticon {
    background-color: #ffb6b6;
}

.buttoncheckboxicon {
    background-color: #c8ffab;
}

.buttonmembericon {
    background-color: #FFFF6F;
}

.buttonbookingicon {
    background-color: #81c9f3;
}

.tablememberinfo td {
    padding-left: 16px!important;
    padding-right: 16px!important;
}

.onelinetext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #E3E3E3 !important;
}

/*.modal-backdrop {
    z-index: 3002 !important;
}

.modal {
    z-index: 3003 !important;
}*/

.helpernoactionclass {
    pointer-events: none;
}
    .helpernoactionclass.outline {
        background-color: #ffe1f5;
    }

.helperactionclass {
    position: relative!important;
    border: 2px solid #F00!important;
}

    .helperactionclass.outline {
        background-color: #ffe1f5;
    }

.helperelementclass {
    position: relative;
    z-index: 99999992!important;
}

.messagedialog {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.messagebody {
    padding: 16px;
}


/*booking*/
.fc-center button {
    height: 16px;
}

.fc-center h2 {
    font-size: 20px;
}

.resourcesnotavailableclass {
    color: #F00;
}

/*.divbookingdisabled {
     width:100%; 
     height:100%; 
     position: fixed; 
     background-color: #000; 
     z-index: 8;
     opacity: 0.47;
}*/

#divmainedit {
    display: none;
    padding-top: 8px;
    background-color: #FFFFF4;
    z-index: 9;
}

#divviewfilter {
    margin-top: 42px;
    min-height: 25px;
    width: 100%;
    position: fixed;
    z-index: 7;
}

#divmaineditbutton {
    margin-bottom: 8px;
}

#divmainovernight {
    display: none;
    padding-top: 8px;
    background-color: #FFFFF4;
    z-index: 9;
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 4px;
    line-height: 20px;
    font-size: 12px;
}

.fc-time-grid-event {
    border: 1px solid #FFF!important;
    border-radius: 0px!important;
    opacity: 0.87!important;
}

    .fc-time-grid-event:hover {
        opacity: 1!important;
        border: 1px solid #000!important;
        border-radius: 3px!important;
        min-width: 50%;
    }

.fc-day-grid-container {
    cursor: pointer;
}


.tdfooterlistitem {
    opacity: 0.87;
}
    .tdfooterlistitem:hover {
        opacity: 1.0;
    }


.buttoninfoicon {
    position: relative;
    /*top: 4px;*/
    border-radius: 48px;
    height: 48px;
    width: 48px;
    padding-top: 14px;
    font-size: 20px;
    text-align: center;
}

    .buttoninfoicon.memberfemale:hover {
        background-color: #ccafc2!important;
    }

    .buttoninfoicon.membernoindicate:hover {
        background-color: #c9cc3c!important;
    }

    .buttoninfoicon.membermale:hover {
        background-color: #5e7eba!important;
    }

.divcardview {
    box-shadow: 1px 1px 1px 1px #F4F4F4;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#divmainviewresourceshuman > button, #divmainviewresourcesmachine > button, #divmainviewresourcesroom > button, #divmainviewresourcestreatment > button {
    width: 340px;
    margin-left: 2px;
    margin-right: 2px;
    height: 56px;
}

#divmainviewresourceshuman, #divmainviewresourcesmachine, #divmainviewresourcesroom, #divmainviewresourcestreatment {
    float: left;
    width: 344px;
}

.divlistviewleft {
    display: inline-block;
    vertical-align: top;
    width: 56px;
}

.divlistviewright {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 56px);
}


/*salesorder*/
#cstablesummary td {
    padding-left: 16px!important;
    padding-right: 16px!important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#cstablesummary {
    margin-top: 8px;
    margin-bottom: 4px;
}

.tablecsdetail td {
    padding-left: 16px!important;
    padding-right: 16px!important;
    width: 50%;
}







/*redeem*/

#rdtablesummary td {
    padding-left: 16px!important;
    padding-right: 16px!important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#rdtablesummary {
    margin-bottom: 16px;
}

.tableosdetail td {
    padding-left: 16px!important;
    padding-right: 16px!important;
    width: 50%;
}


/*docsign*/
.buttoninfoiconsignature {
    position: relative;
    /*top: 4px;*/
    border-radius: 48px;
    height: 48px;
    width: 48px;
    padding-top: 14px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

/*customrreport*/
@media screen and (orientation:portrait) {
    #reportcontent {
        opacity: 0;
    }
}

@media screen and (orientation:landscape) {
    #reportnocontent {
        display: none;
    }
}