@font-face {
    font-family: spinnaker;  
    src: url(../fonts/Spinnaker-Regular.ttf);  
}
body{font-family: spinnaker, sans-serif;color: #72777a;}

::placeholder {color: #838383 !important;}
::placeholder-shown {background-color: #fff !important;}
:-ms-input-placeholder {color: #838383 !important;}
::-ms-input-placeholder {color: #838383 !important;}
::-webkit-input-placeholder { color: #838383 !important;}
:-webkit-input-placeholder { color: #838383 !important;}
:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white !important;}
::-moz-placeholder { color: #838383 !important;}
:-moz-placeholder { color: #838383 !important;}

/*Login*/
.show{display: block !important;}
.hide{display: none !important;}
.top-bar {background-color: #88B428;height: 35px;}
.icon-ph {display: inline-block;width: auto;height: auto;min-width: 16px;padding: 10px 5px;font-size: 14px;font-weight: normal;line-height: 20px;text-align: center;text-shadow: 0 1px 0 #ffffff;position:absolute;bottom:3px;z-index:3;color: #8e8b8e;}
.custom-text {padding: 8px 22% 8px 28px;border: 1px solid #b3b1b3;font-size: 14px;border-radius: 3px;}
.input-container {position:relative;}
.login_btn {cursor:pointer;display:table-cell;border:none;background-color: #005588;padding: 7px 35px;color: #fff;border-radius: 5px;}
/*.forgot {position: absolute;top: 5px;left: 270px;right: 0px;color: #4fb3c2;}*/
.forgot-anchor{position: relative;}
.forgot {color: #4fb3c2;left: -90px;position: absolute;right: 0;top: -18px;}
.wps_white{background-color: #fff; height: auto;}
.content-padding{padding: 6% 6%; padding-bottom: 9%;}
.login-h6{color: #838383; text-align: center;}
.login-h5{color: #88B428; text-align: center;}
.login-hr{background-color:#88B428;}
a,a:hover{text-decoration: none;color: #88B428;}
a.login_btn:hover{color: #fff;}
.bottom-button{padding: 0px 3% 0px 3%;display: table;width: 100%}
.bottom-button span{display: table-cell;text-align: left;vertical-align: middle;}
.sb-preview{border:2px solid #88B428; border-radius: 5px; padding: 0px; position: relative;}
.sb-preview.margin{margin-left: 45px;}
.sb-preview .b-preview-img{height: 120px; width: 130px;}
.sb-preview .b-hover-img{bottom: -32px;height: 70px;position: absolute;right: -33px;width: 70px;z-index: 1;display: none;}
.sb-preview .b-hover-img.active{display: block;}
.login-account-type{margin-top: 25px; margin-bottom: 35px;}
ul.nav-ul{display:inline !important;}
ul.nav-ul li{display:inline-block !important;cursor: pointer;}
.login-account-type ul.nav-ul li.active .b-hover-img,.login-account-type ul.nav-ul li:hover .b-hover-img{display: block;}
.input-group-text{background: none;}
.input-group-text.left, .input-group input.right{border-right: none;}
.input-group-text.right, .input-group input.left{border-left: none;}
.form-control:focus{background-color: #ffffff;border-bottom-color: #CED4DA;border-right-color: #CED4DA;border-top-color: #CED4DA;box-shadow: none;}
.lbl-line-separator{ border-left: 1px solid #D3D3D3;padding-left: 15px; }
.pb-3, .py-3{padding-top: 10rem !important;}
.margin-auto{margin:auto;}
.grey{color: #cccccc;}
hr{border: none !important;}
#domain-input{display: none;}
#phone-input{display: none;}
#dttregister_form{display: none;}
/*************Error css***********************/
.has-error span,.has-error input,.has-error .form-control:focus{border-color: red;}
.error-message{color: red;font-size: 14px}
/*** Form input text color black ***/
.form-control{color: #000 !important;}
.login-h6.lineheight{line-height: 1.6;}
.show-important{color: red;padding: 0px;margin: 0px !important;font-size: 16px;}
h3.h3_cl_register{color:grey;font-size:17px;font-weight: bold;text-align: center;}
.cli-reg-domain-bgcolor{background-color: #e9ecef}
@media screen and (max-width: 500px) {
	.bottom-button .login_btn{display: table-cell;margin: 0px auto 6px;}
	.bottom-button span{display: table-cell;text-align: left;vertical-align: middle;}
	.bottom-button span.reg-section{font-size: 14px;}
	.bottom-button{padding: 0px 3% 0px 3%;display: table;width: 100%;}
	.sb-preview .b-preview-img{height: 55px; width: 65px;}
	.content-padding{max-width: 75%;margin: 0 auto;padding: 6% 0;}
	.form_login{padding: 0px;}
	.sb-preview{margin-bottom: 7px !important;}
	li.sb-preview{max-width: 95% !important;}
	.login-account-type{margin-top: 10px; margin-bottom: 15px;}
	h5.login-h6,
	h5.login-h5{font-size:16px;}
	input.form-control{font-size: 13px !important;}
	.login_btn{padding: 5px 30px; margin-bottom: 10px;}
	.login-h6{font-size: 17px;}
	.login-h6.lineheight{text-align: left;}
	.login-h6.lineheight br {display: none;}
	.error-message{font-size: 12px}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-right: 0px;padding-left: 0px;}
}
@media screen and (max-width: 992px) {
	.sb-preview{width: 100%;margin-bottom: 20px;}
	.sb-preview.margin{margin: 0 0 20px;}
	.bottom-button{padding: 0px 3% 0px 3%;}
	li.sb-preview{max-width: 100%;}
	.form_login{max-width:100%;}
}


/*Common*/