#styleborder

{

    padding: 7px;

    border: 1px solid #000;

    border-radius: 0.25rem;

    margin-top: 8px;

}

#styleborder:hover

{

    color:#fff;

    background:#3f6ad8;

}

.app-container {

    display: none;

}



#ShowPermision {

    display: none;

}

#notyfi {

    position: fixed;

    top: 32%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: none;

    z-index: 99999999999;

}

#notyfi1 {

    position: fixed;

    top: 32%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: none;

    z-index: 99999999999;

}

#notyfiresend {

    position: fixed;

    top: 32%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: none;

    z-index: 99999999999;

}

#loadBookingDetail {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 9999999;

    display: none;

}



#bookinghint {

    position: absolute;

    background: #fff;

    padding: 5px;

    min-width: 200px;

    min-height: 200px;

    display: none;

    z-index: 9999;

    border: 1px solid #f1f1f1;

    border-radius: 5px;

    -moz-border-radius: 5px;

}



#minicalendar {

    position: absolute;

    width: 100%;

    max-width: 300px;

    min-height: 200px;

    z-index: 99999;

    background: #fff;

    padding: 5px;

    border: 1px solid #f1f1f1;

    border-radius: 5px;

    -moz-border-radius: 5px;

    display: none;

}



.countinfo .badge-pill 

{

    padding: 5px 7px;

}



.nav-link .badge-pill 

{

    padding: 5px 7px;

}



#divLoading {

    background: rgba(130, 204, 199, 1.0);

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 99999;

    top: 0px;

    text-align: center;

}



.lds-facebook {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}



    .lds-facebook div {

        display: inline-block;

        position: absolute;

        left: 8px;

        width: 16px;

        background: #fff;

        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;

    }



        .lds-facebook div:nth-child(1) {

            left: 8px;

            animation-delay: -0.24s;

        }



        .lds-facebook div:nth-child(2) {

            left: 32px;

            animation-delay: -0.12s;

        }



        .lds-facebook div:nth-child(3) {

            left: 56px;

            animation-delay: 0;

        }



@keyframes lds-facebook {

    0% {

        top: 8px;

        height: 64px;

    }



    50%, 100% {

        top: 24px;

        height: 32px;

    }

}



#divConfirm {

}



#loadMyNotificationDetail {

    position: fixed;

    top: 15%;

    left: 50%;

    transform: translate(-50%, 0%);

    display: none;

}



#SearchForm {

    display: block;

}



#SearchDate {

    display: none;

}



#loadMyEmailDetail {

    position: fixed;

    top: 20%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}



#loadAddGroup {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}

#loadfilterdetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}

#showfilter

{

    display:none;    

}

#btn_clearfilter

{

    cursor:pointer;    

}

#loadAgreement {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}

.detailagreement

{

    cursor:pointer;    

}

#loadMyGroupNameDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}



td .colorblue {

    color: Blue;

    cursor: pointer;

}



#loadSignUpRedeemListDetail {

    position: fixed;

    top: 10%;

    left: 50%;

    transform: translate(-50%, 0%);

    display: none;

    z-index: 99999999;

}



#loadMySignUpDetail {

    display: block;

    z-index: 99999999;

}



.blastgroupbirthday {

    margin-left: 6px;

}



    .blastgroupbirthday:hover {

        background: #f0ac09;

        cursor: pointer;

    }



.blastselected {

    background: #f0ac09;

}



.blastbirthdayselected {

    background: #f0ac09;

}



.blasthide {

    display: none;

}



#sectionrestaurant {

    display: none;

}



#loadDealsRedeemListDetail {

    position: fixed;

    top: 10%;

    left: 50%;

    transform: translate(-50%, 0%);

    display: none;

    z-index: 99999999;

}



.blastgroup {

    margin-left: 22px;

}



    .blastgroup:hover {

        background: #f0ac09;

        cursor: pointer;

    }





.previewclass {

    color: #666;

    cursor: pointer;

    margin-top: 10px;

}



    .previewclass:hover {

        color: #000;

    }



#blastpreviewdetail {

    background: #fff;

    width: 82%;

    height: 100%;

    position: fixed;

    top: 8%;

    left: 18%;

    border-radius: 10px;

    -moz-border-radius: 10px;

    border: 3px solid #f1f1f1;

    padding: 10px;

    display: none;

    z-index: 9999999;

    text-align: center;

}



#blastclose {

    width: 40px;

    height: 40px;

    background: url(../../gui/close.png) 0px 0px no-repeat;

    cursor: pointer;

    right: 20px;

    padding-right: 10px;

    position: absolute;

}



#prevewcontent {

    text-align: left;

    margin: 0px auto;

    width: 90%;

    height: 600px;

    overflow-y: scroll;

}



#loadGiftListDetail {

    display: none;

    z-index: 99999999;

}



#loadCategoryDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}



#loadSubCategoryDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}



#supportnew {

    display: block;

}



#supportprocessing {

    display: none;

}



#supportreplied {

    display: none;

}



.fonticonnxn {

    font-size: 27pt;

    line-height: 54px !important;

}



.fonticonnxnmenu {

    font-weight: bold;

    font-size: 15pt;

    line-height: 30px !important;

    color: #fff;

}



    .fonticonnxnmenu:hover {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

        -webkit-transition: .5s all ease;

        -moz-transition: .5s all ease;

        transition: .5s all ease;

    }



.hidetemplateselected {

    display: none;

}





#imgup {

    position: fixed;

    top: 10%;

    left: 35%;

    display: none;

}



/*Egift Log*/

.egiftloggroup {

    margin-bottom: 30px;

    margin-top: 30px;

    border-top: 1px dashed #ccc;

    padding-top: 20px;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 40px;

}



    .egiftloggroup td {

        height: 30px;

        border-bottom: 1px solid #cccccc;

    }



.egiftlogtitle {

    font-size: 16pt;

    margin-bottom: 10px;

}



.egiftlogrow {

    margin-bottom: 10px;

    border-bottom: 1px dashed #f1f1f1;

}



    .egiftlogrow span {

        color: #ff0000;

    }



.viewsign {

    text-align: center;

    width: 200px;

    height: 22px;

    cursor: pointer;

}



    .viewsign span {

        padding: 3px 6px 3px 6px;

        border-radius: 3px;

        background: #6497C2;

        color: #fff;

    }



#box_sms {

    display: none;

}



#newadOption {

    position: fixed;

    width: 100%;

    max-width: 600px;

    padding: 10px;

    background: rgba(0,0,0,0.9);

    top: 30%;

    left: 50%;

    transform: translate(-50%, -50%);

    min-height: 200px;

    text-align: center;

    z-index: 99999999;

    display: none;

    color: #fff;

}



#newadclose {

    float: right;

    width: 35px;

    height: 35px;

    background: url(../signature/img/close.png) 0px 0px no-repeat;

    cursor: pointer;

}



#closesalonsign {

    position: fixed;

    top: 10px;

    right: 10px;

    width: 35px;

    height: 35px;

    background: url(../signature/img/close.png) 0px 0px no-repeat;

    cursor: pointer;

}



#newadTitle {

    font-size: 14pt;

    font-weight: bold;

    margin-top: 20px;

}



#newadrow {

    margin-top: 40px;

    overflow: hidden;

}



    #newadrow span {

        text-decoration: none;

        padding-top: 20px;

        padding-bottom: 20px;

        display: inline-block;

        width: 100%;

        max-width: 170px;

        min-width: 150px;

        color: #fff;

        font-weight: bold;

        background: #4BACC6;

        margin-top: 10px;

        cursor: pointer;

        opacity: 1.0

    }



        #newadrow span:hover {

            opacity: 0.8

        }





#newadSignature {

    position: fixed;

    width: 90%;

    padding: 10px;

    background: rgba(0,0,0,0.9);

    left: 50%;

    transform: translate(-50%, -50%);

    min-height: 400px;

    text-align: center;

    z-index: 99999999;

    display: none;

    color: #fff;

}



#newadclosesign {

    float: right;

    width: 35px;

    height: 35px;

    background: url(../signature/img/close.png) 0px 0px no-repeat;

    cursor: pointer;

}

/*Egift Log*/





/*Category*/

#loadServicesGroupDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}



#loadServicesDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 99999999;

    display: none;

}

/**/

#loadTechnicianDetail {

    position: fixed;

    top: 30%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 999;

    display: none;

}



.schedule {

    padding: .75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #e9ecef;

    border-radius: .25rem;

}



#loadOffScheduleDetail,#loadClosedScheduleDetail {

    position: fixed;

    top: 20%;

    left: 50%;

    transform: translate(-50%, 0%);

    z-index: 9999;

    display: none;

}



.pull-left {

    float: left;

}



.pull-right {

    float: right;

}



/* Booking Page */



#div_booking {

    display: none;

}



#booking {

}



#div_booking_new {

    width: 100%;

    height: 100%;

    z-index: 9999;

    position: fixed;

    top: 0px;

    left: 0px;

    background: rgba(0, 0, 0, 0.5);

    padding-top: 20px;

    overflow-y: auto;

    display: none;

}



#booking_new {

    width: 98%;

    max-width: 100%;

    margin: 0px auto;

    padding: 10px;

    background: #f1f1f1;

}



#box_LoadPhoneLogSalonCustomerBooking {

    width: 100%;

    overflow: hidden;

    position: absolute;

    z-index: 99;

    display: none;

}



#LoadPhoneLogSalonCustomerBooking {

    width: 100%;

    height: 135px;

    overflow-y: auto;

    background: #fff;

    font-size: 13pt;

}



.RemoveServiceBook {

    float: right;

    margin-right: 5px;

    margin-top: -4px;

}



    .RemoveServiceBook img {

        width: 30px;

    }



.btnServiceSmall {

    padding: 10px 0px 10px 0px;

    position: relative;

}



.divColor {

    border: 5px solid #333;

    border-style: inset;

}



/* Booking Page */

#flyermanagementdetail {

    position: fixed;

    top: 10%;

    left: 50%;

    transform: translate(-50%, 0%);

    display: none;

}

@media screen and (max-width: 1024px) {

    .app-header__menu {

        display: none !important;

    }

}



@media screen and (max-width: 768px) {

    .blastgroupbirthday {

        margin: auto;

    }



    .blastgroup {

        margin: auto;

    }



    #blastpreviewdetail {

        width: 100%;

        left: 0%;

        margin: auto;

    }

    #loadMyEmailDetail {

        top: 5%;

    }

    #title

    {

        display:none;    

    }

}