@import "variables.css";


.caja{
	background-color:#ffffff;
	padding: 4em 5em 3em 5em;
	margin-top: 10em;
	border-radius: 1em;
	font-family: SSP Regular;
	box-shadow: -3px 2px 23px #15151585;
}

.caja h1{
	color:var(--background-l-slider);
	font-family: 'Barlow', sans-serif;
	font-size:30px;
	padding-bottom: 2rem;
}

.btn.rounded-entel{
    background: #fff;
    border: 1px solid var(--color-l-slider-active);
	color: var(--color-l-slider-active);
	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight: 500;
	padding: 9px 25px !important;
}

.btn.rounded-entel:hover{
    background: var(--color-l-slider-active);
    border: 1px solid var(--color-l-slider-active);
    color: #fff;
}


.btn-azul:hover,
.btn-azul:focus {
    color: white !important;
    background-color: var(--background-l-slider);
    /*background-color: gray;
    border: 1px solid gray;*/
    transition: 500ms;
}

#shadow-root input {
    color: blue;
}

.btn-naranja {
    color: white !important;
    /*background-color: #f57917;
	border-color: #f57917;*/
    background-color: var(--color-l-slider-active) !important;
    border-color: var(--color-l-slider-active) !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    border-radius: 50px !important;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding: 9px 25px !important
}

.btn-naranja:hover,
.btn-naranja:focus {
    color: white !important;
    /*background-color: gray;
    border: 1px solid gray;*/
    transition: 500ms;
    background-color: var(--color-l-slider-active-hover) !important;
    border-color: var(--color-l-slider-active-hover) !important;
}

.caja .text-left p{
	color:white;
}

.left-inner-addon {
    position: relative;
    color:#f57917;
}
.left-inner-addon input {
    padding-left: 30px;
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
    left: 0px;
}

.btn-white{
	margin-top: 2em;
	padding: 0.5em 2em;
	font-size: 15px;
}

.content-button-recovery{
	margin-top: 2em;
	padding: 0.5em 2em;
}

.second{
	margin-top: 0.9em;
}

.bg-blue-entel,body{
	background: #0f55a0;
}

#container-description-recovery .text-center p{
	color: var(--celeste-info)
}

/*------------SEND-MAIL--------------------*/


.box{
	border: 1px solid white;
	padding: 1em;
}

/*.box p, .box span{
}*/

.box span{
	font-weight: 700;
}


/*------------NEW PASSWORD--------------------*/

.label-title{
	color:white;
}

.box-process{
	padding: 0.5em 0em;
	background-color:#f57917;
	margin-top: 3em;
	color:white;
}

.hidden{
	visibility: hidden;
}

/*
  Style for: Password Recovery Alerts;
  Date: 25/07/16;
  For: acordova;
*/
.flashMessengerbox {
	position: relative !important;
	left: 20em !important;
	top: 8em !important;
	width: 49% !important;
	text-align: center !important;
}
.fade-message {
	padding: 1em !important;
}

/*
  Style for: Password Recovery Alerts;
  Date: 09/08/16;
  For: acordova;
*/
.alert-container {
    padding: 10px;
    position: relative;
    text-align: center;
}

.form-control{
	height: 40px !important;
	border-radius: 9px  !important;
	color: var(--grey-light-color-input)  !important;
	font-family: 'Barlow', sans-serif  !important;
	border: 1px solid var(--grey-input-border)  !important;
	padding: 9px 22px 9px 33px;
}

.spinner__wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999999;
    justify-content: center;
    display: flex;
    align-items: center;
	background-color: #80808042;
}

.spinner__wrapper img,
.spinner__wrapper div {
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
}