@import url('https://use.fontawesome.com/releases/v5.4.1/css/all.css');


* {margin: 0px; padding: 0px;box-sizing: border-box;}
body, html {height: 100%;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; letter-spacing:.3px;margin:0px 0px;padding:0px 0px;}




 .blnPmv {
    width: 100%;
    background-image: linear-gradient(0deg, #b2d2e9 30%, rgba(19, 85, 158, 0) 65%, rgba(19, 85, 158, 0) 0px, transparent), linear-gradient(-241deg, rgb(185, 226, 255) 6%, #7b92a5 16%, rgba(255, 255, 255, 0) 57%, transparent), linear-gradient(18deg, rgb(178, 210, 233) 20%, #5ab7e8 60%, rgb(243, 250, 255) 75%, rgb(125, 148, 168) 90%);
    min-height: 0px;
    overflow-y: visible;
}

.loginbox{width:100%;height:auto;float:left;box-sizing:border-box;padding: 0px;}
.loginbox h2{font:700 26px/30px 'RobotoDraft',sans-serif;margin:0px 0px 0px 0px; padding:0px; }
.loginbox ul{width:100%;float:left;margin: 0px 0px 0px 0px;padding:0px;}
.loginbox ul li{width:100%;float:left;margin: 0px 0px 18px 0px;padding:0px;list-style-type:none;}
.loginbox input{width:100% !important;float:left;border:1px solid #003D5A;border-left:none;padding: 12px 10px;font-size: 15px;height:auto;border-radius:0px 3px 3px 0px;}
.loginbox select{width:100% !important;float:left;border:1px solid #003D5A;border-left:none;padding:10px 10px;font-size:14px;height:auto;border-radius:0px 3px 3px 0px;}
.loginbox ul li .in-icon{width: 43px;height: 43px;background: -webkit-linear-gradient(right, #41abff, #016cb7);float:left;border-radius:3px 0px 0px 3px;text-align:center;display:table;}
.loginbox ul li .in-icon i{width:100%;height:40px; display:table-cell; vertical-align:middle; text-align:center; color:#ffffff; font-size:18px;}
.loginbox ul li .inbox-sp{max-width:100%;margin: 0px 0px 0px 43px;}


/*---------------------------------------------*/
a {font-size: 14px;line-height: 1.7;color: #666666;margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;}
a:focus {outline: none !important;}
a:hover {text-decoration: none;color: #6a7dfe;  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);  color: -o-linear-gradient(left, #21d4fd, #b721ff);  color: -moz-linear-gradient(left, #21d4fd, #b721ff);  color: linear-gradient(left, #21d4fd, #b721ff);}
/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {	margin: 0px;}
p {	font-family: Poppins-Regular;	font-size: 14px;	line-height: 1.7;	color: #666666;	margin: 0px;}
ul, li {	margin: 0px;	list-style-type: none;}
/*---------------------------------------------*/
input {	outline: none;	border: none;}
textarea {  outline: none;  border: none;}
textarea:focus, input:focus {  border-color: transparent !important;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {outline: none !important;border: none;background: transparent;}
button:hover {cursor: pointer;}
iframe {border: none !important;}

/*/////////////////////////////////////////////[ Utility ]*/
.txt1 {  font-size: 13px;  color: #666666;  line-height: 1.5;}
.txt2 {font-size: 14px;color: #2196F3;line-height: 1.5;}

/*//////////////////////////////////////////////////////////////////[ login ]*/
.limiter {  width: 100%;  margin: 0 auto;}
.container-login100 {width: 100%;  min-height: 100vh;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 15px;}
.wrap-login100 {width: 450px;background: #fff;border-radius: 10px;overflow: hidden;padding: 30px 30px;box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);}


/*------------------------------------------------------------------[ Form ]*/

.login100-form {width: 100%;}
.login100-form-title {display: block;font-size: 30px;margin-bottom: 30px;color: #333333;line-height: 1.2;text-align: center;}
.login100-form-title i {font-size: 60px;}

/*------------------------------------------------------------------[ Input ]*/

.wrap-input100 {width: 100%;position: relative;border-bottom: 2px solid #adadad;margin-bottom: 30px;color: #333;}
.input100 {font-family: "Lato", sans-serif !important;font-size: 15px;color: #3865aa;line-height: 1.2;display: block;width: 100%;height: 30px;background: transparent;padding: 0 5px;}

/*---------------------------------------------*/ 
.focus-input100 {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.focus-input100::before {content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;background: #6a7dfe;background: -webkit-linear-gradient(left, #5ab7e8, #2f5da5);background: -o-linear-gradient(left, #5ab7e8, #2f5da5);background: -moz-linear-gradient(left, #5ab7e8, #2f5da5);background: linear-gradient(left, #5ab7e8, #2f5da5);}
.focus-input100::after {font-size: 15px;color: #282425;line-height: 1.2;content: attr(data-placeholder);display: block;width: 100%;position: absolute;top: -13px;left: 0px;padding-left: 5px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}

.input100:focus + .focus-input100::after {top: -25px;}
.input100:focus + .focus-input100::before {width: 100%;}
.has-val.input100 + .focus-input100::after {top: -15px;}
.has-val.input100 + .focus-input100::before {width: 100%;}
.input100:focus{height: 40px;}

/*---------------------------------------------*/
.btn-show-pass {font-size: 15px;color: #999999;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;align-items: center;position: absolute;height: 100%;top: 0;right: 0;padding-right: 5px;cursor: pointer;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.btn-show-pass:hover {color: #6a7dfe;color: -webkit-linear-gradient(left, #21d4fd, #b721ff);color: -o-linear-gradient(left, #21d4fd, #b721ff);color: -moz-linear-gradient(left, #21d4fd, #b721ff);color: linear-gradient(left, #21d4fd, #b721ff);}
.btn-show-pass.active {color: #6a7dfe;color: -webkit-linear-gradient(left, #21d4fd, #b721ff);color: -o-linear-gradient(left, #21d4fd, #b721ff);color: -moz-linear-gradient(left, #21d4fd, #b721ff);color: linear-gradient(left, #21d4fd, #b721ff);}



/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {/* display: -webkit-box; *//* display: -webkit-flex; */display: -moz-box;display: -ms-flexbox;/* display: flex; *//* flex-wrap: wrap; *//* justify-content: center; *//* padding-top: 8px; */}

.wrap-login100-form-btn {width: 100%;display: block;position: relative;z-index: 1;border-radius: 25px;overflow: hidden;margin: 0 auto;}
.login100-form-bgbtn {position: absolute;z-index: -1;width: 300%;height: 100%;background: #a64bf4;background: -webkit-linear-gradient(right, #d71921, #822c73, #d71921, #822c73);background: -o-linear-gradient(right, #5ab7e8, #355fa5, #5ab7e8, #3463aa);background: -moz-linear-gradient(right, #5ab7e8, #355fa5, #5ab7e8, #3463aa);background: linear-gradient(right, #5ab7e8, #355fa5, #5ab7e8, #3463aa);top: 0;left: -100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}

.login100-form-btn {font-size: 18px;color: #fff;line-height: 1.2;text-transform: uppercase;cursor: pointer;display: -webkit-box;background: -webkit-linear-gradient(right, #41abff , #0570bc);display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;padding: 0 20px;width: 100%;height: 50px;}
.wrap-login100-form-btn:hover .login100-form-bgbtn {left: 0;}
.p-t-115{margin-top: 15px;}
.validate-input {position: relative;}
.alert-validate::before {content: attr(data-validate);position: absolute;max-width: 70%;background-color: #fff;border: 1px solid #c80000;border-radius: 2px;padding: 4px 25px 4px 10px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0px;pointer-events: none;color: #c80000;font-size: 13px;line-height: 1.4;text-align: left;visibility: hidden;opacity: 0;-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;-moz-transition: opacity 0.4s;transition: opacity 0.4s;}
.alert-validate::after {content: "\f06a";font-family: FontAwesome;font-size: 16px;color: #c80000;display: block;position: absolute;background-color: #fff;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 5px;}

.alert-validate:hover:before {visibility: visible;opacity: 1;}

@media (max-width: 992px) {
.alert-validate::before {visibility: visible;opacity: 1;}
}

.login-error{
    width:  100%;
    float:  left;
    margin: 5px 0px;
}
.login-error span{
    font-size: 13px;
    color: red;
}
.error-msg{
       width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 5px;
    border: 1px dashed #d71921;
    text-align: center;
    background-color: #faffbd;
    }