@font-face {
    font-family: 'FiraSans-Regular';
    src: url('../fonts/FiraSans-Regular.ttf');
}

@font-face {
    font-family: 'FiraSans-Medium';
    src: url('../fonts/FiraSans-Medium.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*
font-family: 'Dosis', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*-- General --*/
body 											{color:#000;font-size: 14px;background-color: #fff;overflow-y: overlay;font-family: 'FiraSans-Regular', sans-serif;}
a       									{color:#4c4b4b;}
a:hover 									{color:#000;}
html 											{position: relative;min-height: 100%;}
::placeholder 						{color: #fff!important;opacity: 1;}
:-ms-input-placeholder 		{color: #fff!important;}
::-ms-input-placeholder 	{color: #fff!important;}
a.active									{color: #c9a243!important;}
.dropdown-item.active, .dropdown-item:active	{color: #c9a243;background-color: transparent;}
/*-- END General --*/



.login									{position: relative;overflow: hidden;}
.login:before 					{content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;max-height:1190px;z-index: 1;opacity: 0.5;}
.login .container-fluid {padding-left: 0; padding-right: 0}

.form-control                   {border-radius: 0px;border:1px solid #000;color: #000;font-weight: 600;font-size: 12px;letter-spacing: 1px;max-height: 30px;}

.inputWithIcon input[type="text"], 
.inputWithIcon input[type="password"], 
.inputWithIcon input[type="email"]  {width: 100%;border: 1px solid #e1e1e1;border-radius: 4px;margin: 4px 0;outline: none;padding: 10px;box-sizing: border-box;transition: 0.3s;background-color: rgba(237,237,237,1);color:#999;}

.inputWithIcon input[type="text"]:focus,
.inputWithIcon input[type="password"]:focus,
.inputWithIcon input[type="email"]:focus {border-color: #313280;box-shadow: 0 0 8px 0 #313280;}

.inputWithIcon input[type="text"],
.inputWithIcon input[type="password"],
.inputWithIcon input[type="email"] {padding-left: 10px;font-size: 14px;}

.inputWithIcon        {position: relative;}
.inputWithIcon i      {position: absolute;right: 10px;top: 26px;padding: 6px 20px;color: #aaa;transition: 0.3s;font-weight: 500;}
.inputWithIcon i.pwd  {padding: 8px 15px;}

.inputWithIcon input[type="text"]:focus + i,
.inputWithIcon input[type="password"]:focus + i,
.inputWithIcon input[type="email"]:focus + i {color: #313280;}

.inputWithIcon.inputIconBg i {background-color: #aaa;color: #999;padding: 9px 4px;border-radius: 4px 0 0 4px;}

.inputWithIcon.inputIconBg input[type="text"]:focus + i,
.inputWithIcon.inputIconBg input[type="password"]:focus + i,
.inputWithIcon.inputIconBg input[type="email"]:focus + i {color: #999;background-color: #313280;}



.login-content 									{margin-top: 5%;z-index: 10}/*min-height: 85vh;*/
.login-form 									  {width: 370px;min-width: 370px;max-width:270px;left:50%;transform: translate(-50%);}
.login-form label 							{color:#9a9a9a;font-weight: 500;margin-bottom: 0;text-indent: 9px;font-size: 13px}
.login-form .custom-control-label {color:#303280;font-weight: 500;text-indent: 0px;padding-left: 1.5rem;}
.login-form a 									{color:#303280;font-weight: 500;text-decoration:underline;}
.login-form .recordar-pwd 			{display: inline-block;}
  .login-form .recordar-pwd a   {display: block;}
.login-form .error              {color: #f00;}/*visibility: hidden;*/
.login-form .input-error        {box-shadow: 0 0 4px 0 #f00;}

.login h1 										  {color: #fff;font-weight: 300;font-size: 14px;letter-spacing: 2px;text-align: center;background-color: #2c2e83;margin: 50px 0;font-family: 'FiraSans-Medium', sans-serif;padding: 15px 0}
.login h1 span								  {font-weight: 400}


.login-logo 								    {padding-top: 0x;padding-bottom: 0px;}
.login .login-remember					{color: #303280;}
.login .form-control						{border-radius: 5px;background-color: rgba(237,237,237,1);color: #333;font-size: 12px;letter-spacing: 1px;border:1px solid #e1e1e1;}

.btn 									          {border-radius: 5px;background-color:#2c2e83;border: none;font-weight: 400;font-size: 13px;letter-spacing: 2px;padding: 10px 30px;text-transform: uppercase;color: #fff !important;font-family: 'FiraSans-Medium', sans-serif;}
.btn:hover 								      {background: #6589c0;}

.login .alert									  {font-family: 'Lato', sans-serif;color: #e61010;border: 1px solid #fff;border-radius: 0px;margin-top: 15px;margin-bottom: 15px;background: rgba(255,255,255,0.7);height: 90px;transition: height 0.2s;width: 100%;text-align: center;padding-top: 16px;white-space: normal;font-size: 18px;font-weight: 900;}
.login .alert #msgusuariodiv		{font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;padding-left: 5px;margin: 5px 0;display: block;}/*display: none;*/
.login form .fade 							{height: 0px!important;padding-top: 0px!important;margin-top: 0px!important;margin-bottom: 0px!important;visibility: visible;}/*visibility: hidden;*/
.login .login-modal 						{z-index: 99;text-align: left;max-width: 500px;text-align: center;}
.login .login-modal p 					{font-family: 'FiraSans-Regular', sans-serif;font-size: 16px;color: #a0a0a0}
 .login-modal p.intro           {font-family: 'FiraSans-Regular', sans-serif;font-size: 16px;color: #a0a0a0}
.login-modal h2							    {font-family: 'FiraSans-Regular', sans-serif;font-size: 23px;margin-bottom: 20px}
 .recordar-pass 							  {text-transform: uppercase;color: #9a9a9a;font-size: 13px}
.recordar-pass input 					  {width: 100%;padding: 8px;margin-bottom: 20px;border-radius: 5px;background-color: rgba(237,237,237,1);color: #333;font-size: 12px;letter-spacing: 1px;border:1px solid #e1e1e1;max-height: 30px;}


.custom-control-label::before {position: absolute;top: 0.05rem;left: 0;display: block;width: 1rem;height: 1rem;pointer-events: none;content: "";-webkit-user-select: none;-moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6;
}

.custom-control-label::after {position: absolute;top: 0.05rem;left: 0;display: block;width: 1rem;height: 1rem;content: "";background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
.form-group a i {font-family: FontAwesome;margin: 0 auto;font-size: 5rem;font-style: normal;}

.login-modal .recordar-pass label 				{margin-top: 10px;letter-spacing: 0}
.login .cancel-no 								        {margin-top: 30px;margin-left: 0px;}
/*.login*/ .email-error 							    {color: #e61010 !important;}
/*.login*/ .txt-oculto 								    {visibility: hidden;}
/*.login*/ a.close-x 								      {color: #30317f;}
/*.login*/ a.close-x:hover							  {color: #4e4fa4;}
/*.login*/ .fa-times 								      {position: absolute;top: 5px;right: 10px;font-size: 18px;}


/*-- Modal Cancelar --*/
.contenedor-modal      {position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: height 0s;z-index: 10;}
.cancel-modal          {display:block;background: #fff;position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #30317f;padding: 5% 2%;border: 8px solid #30317f;text-align: center;}
.seguro-cancelar       {letter-spacing: 2.5px;}
.cancel-yes            {letter-spacing:3px;color: #fff;background: #c7bdbd;padding: 10px 45px;cursor: pointer;margin-right: 30px;display: inline-block;margin-top: 50px;}
.cancel-no             {text-transform:uppercase;letter-spacing:1px;color: #fff;background: #537ce6;padding: 10px 45px;cursor: pointer;margin-left: 30px;display: inline-block;margin-top: 50px;
border-radius: 5px;background-color: rgba(83,124,230,1);color: #fff;border: 1px solid #537ce6;}
.cancel-yes:hover      {background: #fff;color: #c7bdbd;font-weight: 600;}
.cancel-no:hover       {background: #313280;color: #fff;}
/*-- END Modal Cancelar --*/