* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;*/                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
.line_menu{position: absolute;bottom: 0}
.menu_link{
    width: 50%;
    padding-bottom: 34%;
    display: block;
    position: absolute;
    /*background-color: #ffffff45*/
}
.bg-login{height: calc(506px + 30vh);min-height:100vh;background: url(../images/login.jpg) center/cover;position: relative;filter: blur(2px); }
.main-bg{min-height: 100vh;background:url(../images/bg-2.jpg) center repeat;background-attachment: fixed;position: relative;}
.login_box{
    position: absolute;
    top: 15%;
    width: calc(100% - 30px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.login-form{    
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 15px #b5b5b5;
}
.logo{display: block;width: 75px;margin-right: 15px;margin: 10px auto;}
.modal-footer,.modal-header{border:none;}
.clear{
    background-color: rgba(51, 51, 51, 0.45098039215686275);
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    display: none;
    text-align: center;
    position: absolute;
    right: 0;
    top: 15px;
}
.site-wrapper.bg-light{min-height: 100vh}
.table>tbody>tr>td{font-size: 15px;border-top:none;border-bottom: 1px solid #ddd;}
.table>tbody>tr:last-child>td{border-bottom: none;}
.blockquote-2>h5,.accordion_in .acc_head{color: #e74c3c;font-size: 15px !important;}
.done.blockquote-2{border-left:6px solid #8BC34A;}
.done.blockquote-2>h5,.accordion_in.done .acc_head,.accordion_in.done.acc_active .acc_head{color:#8BC34A !important;font-size: 15px; }
.accordion_in.acc_active .acc_content{border-left: 6px solid #F44336;}
.accordion_in.acc_active.done .acc_content{border-left: 6px solid #8BC34A;}
.smk_accordion .accordion_in.done.acc_active > .acc_head {border-left: 6px solid #8BC34A;}
.ing.blockquote-2{border-left:6px solid #52b9d8;}
.ing.blockquote-2>h5,.accordion_in.ing .acc_head,.accordion_in.ing.acc_active .acc_head{color:#52b9d8 !important;font-size: 15px; }
.accordion_in.acc_active.ing .acc_content{border-left: 6px solid #52b9d8;}
.smk_accordion .accordion_in.ing.acc_active > .acc_head {border-left: 6px solid #52b9d8;}
.detail img{max-width: 100%;width: 100%;}
button.close{position: absolute;right:10px;}
.relative{position: relative;}
.gallery img{max-width: 100%;margin-bottom: 10px;}
[title="upImg1"]{padding: 10px 11px !important;}
.show .la-close{display: block;position: absolute;top: 9px;right: 20px;color: #fff;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.4);}
.inbox{position: relative;}












::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {}


@media (max-width: 1025px) {}


@media (max-width: 769px) {}


 /*iphone plus*/
@media (max-width: 415px) {}


/*iphone: 7px*/
@media (max-width: 376px) {
    .login_box{
        top: 5%;
    }
    .bg-login{height: calc(506px + 10vh);}
}



/*iphone 5*/
@media (max-width: 321px) {}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
