@charset "utf-8";

/*
------------------------------------------------------------
Project Name : Sample Project;
------------------------------------------------------------
*/

/* Reset 
--------------------------------------------------------------------------------------------------------*/

/* 
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.logo { width: 200px; }

/* General 
--------------------------------------------------------------------------------------------------------*/
*{outline:none!important;}
*,*::before,*::after{box-sizing:border-box!important;}
body:not(.page-loaded){opacity:0;}
.window-resizing *,body:not(.page-loaded) *{transition:none!important;}
a,.container,.logo img{transition:all 0.3s;}
html,body{min-width:320px;min-height:100vh;}
body{font:14px/18px  'Open Sans',sans-serif,arial;-ms-overflow-style:scrollbar;}
.wrapper{min-height:100vh;}
a{color:#000;text-decoration:none;}
a:hover{color:#999;text-decoration:none;}
h1,h2,h3,h4,h5,h6{line-height:1.2em;padding:0 0 20px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;}
h1{font-size:22px;font-weight:700;}
h2{font-size:18px;font-weight:700;}
p{padding:0 0 20px;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;appearance:none;}
::-webkit-input-placeholder{color:#748597;}
::-moz-placeholder{color:#748597;}
:-ms-input-placeholder{color:#748597;}
:-moz-placeholder{color:#748597;}
::-moz-focus-inner{border:0;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #748597;}
option:not(:checked){color:black;}

/* Bootstrap Form Custom
--------------------------------------------------------------------------------------------------------*/
.btn{overflow:hidden;position:relative;padding:9px 20px;height:46px;min-width:80px;border-radius:46px!important;box-shadow:none!important;outline:none!important;}
.btn span{color:#fff;font-size:16px;font-weight:400;padding:0px;margin:0px;text-transform:capitalize;position:relative;z-index:2;display:block;text-shadow:none!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.btn:after {content:""; background-color:rgba(255,255,255,0.1); position: absolute; top:0px;left:50%; height:100%; width:20%; opacity:0; transition:all 0.4s; border-radius:46px;}
.btn:hover:after, .btn:focus:after {width:100%; left:0; opacity:1;}
.btn.disabled, .btn:disabled{cursor: not-allowed}
/*.btn:after{content:"";background-color:rgba(0,0,0,0.25);position:absolute;bottom:0px;left:0;height:0%;width:100%;opacity:0;transition:all 0.4s;}
.btn:hover:after{height:100%;opacity:1;border-radius:4px;}
*/
.btn-primary:hover,.btn-primary{background-color:#5E5956!important;border-color:#424242!important; }

/*checkbox*/
.custom-control{font-size:14px;color:#555555;padding-left:28px;}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(0,0,0,0.05);}
.custom-checkbox .custom-control-label{line-height:20px;}
.custom-checkbox .custom-control-label::after,.custom-checkbox .custom-control-label::before{cursor:pointer;width:20px;height:20px;border-radius:4px;box-shadow:none!important;outline:none!important;background-size:10px 10px;top:0px;left:-28px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after,.custom-checkbox .custom-control-input:checked~.custom-control-label::before{border-color:#385877;background-color:#385877;border-radius:4px;}
.custom-checkbox .custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:#385877;border-color:#385877;border-radius:4px;}

.form-group{margin-bottom:16px;}
.form-group label{font-size:14px;color:#555555;padding-bottom:5px;}
.form-control{font-size:15px;height:46px;min-height:46px; border-radius:46px;border:none !important; background-color:#f0f0f0;outline:none!important;}
.form-control:focus{background-color: #fff;box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);}
.form-control:disabled,.form-control[readonly]{background-color:#f2f2f2;}

/* login
--------------------------------------------------------------------------------------------------------*/
.login-block-outer{position:relative;}
.login-background{overflow:hidden;position:fixed;left:0;top:0;height:100%;right:700px;}
.login-block{width:700px;padding:0;min-height:100vh;position:relative;float:right;}
.login-contain {max-width:500px; width: 100%; margin:auto; padding:60px 15px;}
.login-background > img{object-fit:cover;min-width:100%;min-height:100vh;height:auto;width:100%;}
.login-block .logo{display:inline-block;width:auto;padding:0px;margin:0 0 45px;}
.login-block .title {margin-bottom:50px;}
.login-block .title h1 {font-size:36px; color:#333333; font-weight:600; padding:0px;margin-bottom:15px;}
.login-block .title p {font-size:16px; color:#666666; font-weight:400; padding:0px; margin-bottom:0px; }
.login-block .form-group {position: relative;}
.login-block .form-group .form-control {padding:0px 50px 2px 20px;}
.login-block .form-icon{position:absolute;right:15px;top:8px;width:30px;height:28px;background-repeat:no-repeat;background-position:right 3px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.login-block .form-icon.user-icon{background-image:url(../imagens/user.png);}
.login-block .form-icon.password{background-image:url(../imagens/password-icon.png);top:12px;}
.login-block .form-group .form-control:focus ~ .form-icon{background-position:right -25px;}
.login-block .btn{margin-top:30px; min-width:200px; }

.login-block .form-group .invalid-control {width: 100%; margin: 10px 2px 0;
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 14px;
    color: #dc3545;
    background-color: rgba(220, 53, 69, 0.12);
    border-radius: 4px;
    padding: 8px;
    position: relative; }
.login-block .forgot-password{ float: right; }
.login-block .forgot-password + .clearfix{ clear: both }
.form-control{border: 1px solid transparent!important; }
.form-control.has-error{ border: 1px solid #dc3545!important; }

.invalid-control:before { content: '';
    position: absolute;
    top: -10px;
    left: 20%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-width: 0 8px 10px 8px;
    border-bottom-color: #dc354521;
    border-top: 0;
    margin-top: 0;
    z-index: 1; }



/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width:991px){
	.login-background {right:465px;}
	.login-block {width:465px;}
	.login-contain {padding:50px;}
}
@media (max-width:767px){
	/* login ---------------- */
	.login-background{display:none;}
	.login-block{float:none!important;width:auto;}
	.login-block .logo{margin-bottom:45px;}
	.login-block .title {text-align:center;}
}

@media (max-width:559px){
	/* login ---------------- */
	.login-contain {padding:30px 15px;}
	.logo img {max-height:200px;}
}