@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(fonts/Montserrat-700.woff2) format('woff2');}
/*@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(fonts/Raleway-400.woff2) format('woff2');}*/
@font-face {font-family:'Raleway';font-style:normal;font-weight:100;src:url('fonts/raleway.100.1.woff2') format('woff2'),url('fonts/raleway.100.1.woff') format('woff'),url('fonts/raleway.100.1.eot') format('eot');}
@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url('fonts/raleway.400.1.woff2') format('woff2'),url('fonts/raleway.400.1.woff') format('woff'),url('fonts/raleway.400.1.eot') format('eot');}

/* user style */
.hide {display:none;}
.click {cursor:pointer;}
.msg {padding:5px;margin:2px 20px;color:#c00;border:1px solid #aaa;background-color:#fff;font-weight:400;font-size:0.8rem;float:inherit;} 
.success {color:#006d00;background-color:#ecffee !important;border-color:#006d00 !important;}
.error {color:#c00;background-color:#fff4f4 !important;border-color:#c00 !important;}
.passShowHide {display:inline-block;width:20px;position:absolute;margin-top:5px;top:0;right:5px;color:#6c757d;cursor:pointer;}
.transition-03 {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.transition-05 {-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.transition-10 {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.upside-down {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.zoom {-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.zoom:hover {transform:scale(1.5);}

.site-owner {display:inline-block;position:relative;top:0;color:#00e85d;padding:0 3px;font-weight:bold;text-shadow: 2px 2px #fff;font-size:1.2em;}


/* login / password forgot */
.flip-box {perspective:1000px;}
.flip-box-inner {position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;}
.flip-box.flipped .flip-box-inner {transform:rotateY(180deg);}
.flip-box-front, .flip-box-back {position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.flip-box-back {transform: rotateY(180deg);}

/* login/forgot/user/admin form tweaks */
.input-wrapper {position:relative;}
.input-icon {display:inline-block;position:absolute;left:5px;top:3px;width:25px;font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.2em;color:#6c757d;text-align:center;}
/*.inputClient:before {content:"\f1ad";}*/
.input-icon-client:before {content:"\f015";}
.input-icon-password:before {content:"\f023";}
.input-icon-user:before {content:"\f406";}
.input-icon-email:before {content:"\f0e0";}
.input-icon-name:before {content:"\f2c1";}
.input-icon-phone:before {content:"\f095";}
.input-icon-mobile:before {content:"\f10b";}
.input-icon-search:before {content:"\f002";}
.input-icon-status:before {content:"\f0b0";}
.input-icon-level:before {content:"\f5fd";}
.input-icon-level:before {content:"\f012";}

/* UI tweaks */
input {-webkit-appearance: none;}
.input-error {display:none;position:absolute;top:-15px;right:10px;color:#c00;background-color:#fff4f4;font-size:0.75em;padding:0 3px;border-radius:5px;border:1px dotted #C00;}
/*.input-wrapper:before {display:inline-block;position:absolute;right:13px;top:-13px;width:25px;font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.2em;text-align:center;}
.input-wrapper.error:before{color:#c00;content:"\f069";z-index:9;}*/
.input-wrapper.error input {color:#c00;background-color:#fff4f4 !important;border-color:#c00!important;}
.input-wrapper.error .input-error {display:inline-block;}
.input-wrapper input- {}


/* login.php */
.input-wrapper input-client {}
.input-wrapper input-user_email {}
.input-wrapper input-user_password {}

/* myaccount.php */
.input-wrapper input-user_name {}
.input-wrapper input-user_email {}
.input-wrapper input-name {}
.input-wrapper input-tel {}
.input-wrapper input-mobile {}
.input-wrapper input-pwd_old {}
.input-wrapper input-pwd_new {}

/* admin.php */
.input-wrapper input-search {}
.input-wrapper input-user_name {}
.input-wrapper input-user_email {}
.input-wrapper input-user_full_name {}
.input-wrapper input-user_tel {}
.input-wrapper input-user_mobile {}
.input-wrapper input-pwd {}
.input-wrapper input-user_level {}

/* resetPasswordForm */
.input-wrapper input-client_f {}
.input-wrapper input-user_email_f {}

/* setPassword */
.input-wrapper input-client {}
.input-wrapper input-user_email {}
.input-wrapper input-password_new {}
.input-wrapper input-password_retype {}


.my-shadow-sm {box-shadow:0 0.125rem 0.5rem rgba(0,0,0,.2)!important;}

/* bootstrap missing /changed definitions */
.btn:focus {/*outline:none;box-shadow:none;*/}
.navbar-dark.bg-dark .dropdown-menu {background-color:#343a40;border:1px solid rgb(244,244,244,0.15);}
.navbar-dark.bg-dark .dropdown-menu .dropdown-item {color:rgba(255,255,255,.5);background-color:#343a40;}

.navbar-dark.bg-dark .dropdown-menu .dropdown-item {}
.navbar-dark.bg-dark .dropdown-menu .dropdown-item:hover {color:#fff;background-color:#3d4145;}

.p-4-5 {padding:2.25rem !important;}
.pt-4-5, .py-4-5 {padding-top:2.25rem !important;}
.pr-4-5, .px-4-5 {padding-right:2.25rem !important;}
.pb-4-5, .py-4-5 {padding-bottom:2.25rem !important;}
.pl-4-5, .px-4-5 {padding-left:2.25rem !important;}

.nav-wrapper, .footer-wrapper {position:relative;}
nav.navbar {padding-bottom:.8rem;}
nav.navbar:before {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:0.3rem;background-color:#fff;border-top-left-radius:.3rem;border-top-right-radius:.3rem;}
footer.footer {/*padding-top:.8rem;*/}
footer.footer:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:0.3rem;background-color:#fff;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;}

/*.navbar-dark .navbar-nav .nav-link {border-left:3px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:.25rem;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {border-color:#999;}*/

.nav-link, .dropdown-item {border-left:3px solid transparent;border-right:3px solid transparent;border-radius:5px;}
.nav-link:hover, .dropdown-item:hover {border-color:#999;color:#fff;background-color:#3d4145;}

.dropdown-item {margin-left:5px;width:95%;}

/*.dropdown-item-wrapper {padding:1px;padding-left:3px;padding-right:0;background-color:transparent;border-radius:.25rem;}
.dropdown-item-wrapper:hover {background-color:#999;}*/
    
.drop-shadow {filter:drop-shadow(0px 0px 5px rgba(0,0,0,.5));}

.box-shadow-1 {-webkit-box-shadow:inset 0px 0px 0px 1px transparent;-moz-box-shadow:inset 0px 0px 0px 1px transparent;box-shadow:inset 0px 0px 0px 1px transparent;}
.box-shadow-primary {-webkit-box-shadow:inset 0px 0px 0px 1px #007bff!important;-moz-box-shadow:inset 0px 0px 0px 1px #007bff!important;box-shadow:inset 0px 0px 0px 1px #007bff!important;}

/*.box-shadow-primary-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #007bff!important;-moz-box-shadow:inset 0px 0px 0px 1px #007bff!important;box-shadow:inset 0px 0px 0px 1px #007bff!important;}*/
.box-shadow-primary-1 {filter:drop-shadow(0px 0px 5px #007bff);}
/*.box-shadow-secondary-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #6c757d!important;-moz-box-shadow:inset 0px 0px 0px 1px #6c757d!important;box-shadow:inset 0px 0px 0px 1px #6c757d!important;}*/
.box-shadow-secondary-1 {/*filter:drop-shadow(0px 0px 5px #6c757d);*/ box-shadow:0 0.125rem 0.5rem rgba(108,117,125,0.25)!important;}
/*.box-shadow-success-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #28a745!important;-moz-box-shadow:inset 0px 0px 0px 1px #28a745!important;box-shadow:inset 0px 0px 0px 1px #28a745!important;}*/
.box-shadow-success-1 {filter:drop-shadow(0px 0px 5px #28a745);}
/*.box-shadow-danger-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #dc3545!important;-moz-box-shadow:inset 0px 0px 0px 1px #dc3545!important;box-shadow:inset 0px 0px 0px 1px #dc3545!important;}*/
.box-shadow-danger-1 {filter:drop-shadow(0px 0px 5px #dc3545);}
/*.box-shadow-warning-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #ffc107!important;-moz-box-shadow:inset 0px 0px 0px 1px #ffc107!important;box-shadow:inset 0px 0px 0px 1px #ffc107!important;}*/
.box-shadow-warning-1 {filter:drop-shadow(0px 0px 5px #ffc107);}
/*.box-shadow-info-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #17a2b8!important;-moz-box-shadow:inset 0px 0px 0px 1px #17a2b8!important;box-shadow:inset 0px 0px 0px 1px #17a2b8!important;}*/
.box-shadow-info-1 {filter:drop-shadow(0px 0px 5px #17a2b8);}
/*.box-shadow-light-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #f8f9fa!important;-moz-box-shadow:inset 0px 0px 0px 1px #f8f9fa!important;box-shadow:inset 0px 0px 0px 1px #f8f9fa!important;}*/
.box-shadow-light-1 {filter:drop-shadow(0px 0px 5px #f8f9fa);}
/*.box-shadow-dark-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #343a40!important;-moz-box-shadow:inset 0px 0px 0px 1px #343a40!important;box-shadow:inset 0px 0px 0px 1px #343a40!important;}*/
.box-shadow-dark-1 {filter:drop-shadow(0px 0px 5px #343a40);}
/*.box-shadow-white-1 {-webkit-box-shadow:inset 0px 0px 0px 1px #fff!important;-moz-box-shadow:inset 0px 0px 0px 1px #fff!important;box-shadow:inset 0px 0px 0px 1px #fff!important;}*/
.box-shadow-white-1 {filter:drop-shadow(0px 0px 5px #fff);}

.box-shadow-max {box-shadow:0 19.2px 1.9px -25px rgba(0, 0, 0, 0.05),0 29.9px 5.4px -25px rgba(0, 0, 0, 0.074),0 34.9px 13px -25px rgba(0, 0, 0, 0.108),0 40px 43px -25px rgba(0, 0, 0, 0.19);}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {opacity:0;z-index:-1;}
.checkbox label {display:inline-block;vertical-align:middle;position:relative;padding-left:5px;}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {background-color:#6c757d;border-color:#6c757d;}
.checkbox-info.info input[type="checkbox"]:checked + label::before, .checkbox-info.info input[type="radio"]:checked + label::before {background-color:#17a2b8;border-color:#17a2b8;}
.checkbox label::before {content:"";display:inline-block;position:absolute;width:20px;height:20px;left:0;margin-left:-20px;border:1px solid #6c757d;border-radius:3px;background-color:#fff;}
.checkbox.info label::before {content:"";display:inline-block;position:absolute;width:20px;height:20px;left:0;margin-left:-20px;border:1px solid #17a2b8;border-radius:3px;background-color:#fff;}
.checkbox label::before, .checkbox.info label::before {-webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;transition:border 0.15s ease-in-out, color 0.15s ease-in-out;}

.checkbox-info input[type="checkbox"] + label, .checkbox-info input[type="radio"] + label {font-weight:400;font-size:0.8rem;}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {font-family:"Font Awesome 5 Free";content:"\f00c";font-weight:600;}
.checkbox label::after {display:inline-block;position:absolute;width:16px;height:16px;top:1px;left:2px;margin-left:-20px;font-size:1em;color:#fff;}
.checkbox.checkbox-circle label::before {border-radius:50%;}

.has-float-label {display:block;position:relative;margin-top:15px;}
.has-float-label label, .has-float-label > span {position:absolute;left:35px;top:-8px;cursor:text;font-size:75%;opacity:1;transition:all .2s;}
.has-float-label label {border-top-left-radius:3px;border-top-right-radius:3px;padding:0 3px;top:-1em;left:1em;overflow:hidden;margin-top:0;}
.has-float-label label {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.has-float-label select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.has-float-label input, .has-float-label select {font-size:inherit;padding-top:5px;padding-left:5px;margin-bottom:5px;border-radius:0;border:1px solid #ddd;border-bottom:2px solid #ddd;}
.has-float-label input::-webkit-input-placeholder, .has-float-label select::-webkit-input-placeholder {opacity:1;transition:all .2s;}
.has-float-label input:-ms-input-placeholder, .has-float-label select:-ms-input-placeholder {opacity:1;transition:all .2s;}
.has-float-label input::-ms-input-placeholder, .has-float-label select::-ms-input-placeholder {opacity:1;transition:all .2s;}
.has-float-label input::placeholder, .has-float-label select::placeholder {opacity:1;transition:all .2s;}
.has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-webkit-input-placeholder {opacity:0;}
.has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder, .has-float-label select:placeholder-shown:not(:focus):-ms-input-placeholder {opacity:0;}
.has-float-label input:placeholder-shown:not(:focus)::-ms-input-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-ms-input-placeholder {opacity:0;}
.has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label select:placeholder-shown:not(:focus)::placeholder {opacity:0;}
.has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + * {font-size:100%;opacity:.35;top:.35em;left:2.1em;}
.has-float-label input:focus, .has-float-label select:focus {outline:none;border-color:#777;}
.has-float-label select {padding-right:1em;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .5em bottom 0.25em;background-size:8px 10px;}