@charset "UTF-8";

html,
body {
	width: 100%;
	height: 100%;
}
body {
	display: table;
}
body>form {
	display: table-cell;
	vertical-align: middle;
}
ul {
	padding-left: 16px;
	margin-bottom: 0;
}

/* -- FONTS -- */

@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('2018/fonts/Gotham-Light.eot');
	src: local('☺'), url('2018/fonts/Gotham-Light.woff') format('woff'), url('2018/fonts/Gotham-Light.ttf') format('truetype'), url('2018/fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Black';
	src: url('2018/fonts/Gotham-Black.eot');
	src: local('☺'), url('2018/fonts/Gotham-Black.woff') format('woff'), url('2018/fonts/Gotham-Black.ttf') format('truetype'), url('2018/fonts/Gotham-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Ultra';
	src: url('2018/fonts/Gotham-Ultra.eot');
	src: local('☺'), url('2018/fonts/Gotham-Ultra.woff') format('woff'), url('2018/fonts/Gotham-Ultra.ttf') format('truetype'), url('2018/fonts/Gotham-Ultra.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Medium';
	src: url('2018/fonts/Gotham-Medium.eot');
	src: local('☺'), url('2018/fonts/Gotham-Medium.woff') format('woff'), url('2018/fonts/Gotham-Medium.ttf') format('truetype'), url('2018/fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Bold';
	src: url('2018/fonts/Gotham-Bold.eot');
	src: local('☺'), url('2018/fonts/Gotham-Bold.woff') format('woff'), url('2018/fonts/Gotham-Bold.ttf') format('truetype'), url('2018/fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* -- btns -- */

.btn {
	min-width: 150px;
    padding: 15px 12px 13px;
	font-family: 'Conv_Gotham-Ultra';    
    text-transform: uppercase;
	letter-spacing: 2px;    
    font-size: 11px;
    border-radius: 50px;    
}
.btn-primary {
    background-color: #EE3E33;
    border-color: #EE3E33;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
    color: #000;
    background-color: #FFD420;
    border-color: #FFD420;
}
.btn-primary+.btn-primary {
	margin-left: 30px;
}
.btn-remember {
	display: block;
    margin-top: 30px;	
	font-family: 'Conv_Gotham-Ultra';
	text-transform: uppercase;
	text-align: center;	
	font-size: 16px;
	color: #404041;
}
.btn-remember:hover,
.btn-remember:focus {
	text-decoration: none;
	color: #EE3E33;	
}
.btn-remember__image {
    width: 27px;
    height: auto;
    margin-right: 15px;
}

/* -- Forms -- */

.form-group {
	position: relative;
	margin-bottom: 25px;
}
.form-group .field-required {
    position: absolute;
    top: 19px;
    right: 17px;
    color: red;
}
.form-control, 
#ContentPlaceHolder1_ControlFecha1_tbFecha,
#ContentPlaceHolder1_ControlFecha2_tbFecha {
	height: 50px;
    padding: 10px 26px 6px 40px;	
	font-family: 'Conv_Gotham-Medium';    
	text-transform: uppercase;
	font-size: 16px;
	color: #000;	
    background-color: #E6E7E8;	
    border-color: #E6E7E8;
	border-radius: 50px;    
    box-shadow: none;
    border: 1px solid #ccc;
}
.form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.form-group ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.form-group :-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.form-group :-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.error-message>div,
.error-message>span,
.error-message.not-tags,
.info-message>div,
.info-message,
.info-message.not-tags,
.success-message>div,
.success-message,
.success-message.not-tags {
	display: block;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;    
}
.info-message>div,
.info-message,
.info-message.not-tags {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.success-message>div,
.success-message,
.success-message.not-tags {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.error-message:empty,
.error-message>*:empty,
.info-message:empty,
.info-message>*:empty,
.success-message:empty,
.success-message>*:empty {
	display: none!important;
}
.info-message>span:first-child {
	font-weight: bold;
}

/* -- LOGO -- */

.logo {
	text-align: center;
}
.logo__image {
    max-width: 400px;	
}
.logo__title1,
.logo__title2 {
    margin-right: 80px;	
	text-transform: uppercase;
	text-align: right;
}
.logo__title1 {
	font-size: 25px;
	margin-bottom: 3px;
	font-family:'Conv_Gotham-Light',Sans-Serif;
	color: #000;
}
.logo__title2 {
	font-size: 20px;
	margin-top: 0;
	font-family:'Conv_Gotham-Black',Sans-Serif;
	color: #FFD420;
}

/* -- SECTION TITLE  -- */

.section-title {
	text-align: center;
}
.section-title__image {
    max-width: 70px;
}
.section-title__text {
    display: block;
    margin: 15px 0;
    font-family: 'Conv_Gotham-Bold';
    text-transform: uppercase;
    font-size: 22px;
    color: #000;
}

/* -- ICON BTN -- */

.icon-btn {
	display: block;
	position: relative;
	top: 0;
	text-align: center;
    color: #000;
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	-moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	-o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */    	
}
.icon-btn:hover,
.icon-btn:focus {
    top: -20px;	
	text-decoration: none;
	color: #EE3E33;
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */	
}
.icon-btn__image {
	max-width: 180px;
}
.icon-btn__text {
	display: block;
	margin-top: 30px;
	font-family: 'Conv_Gotham-Ultra';
	text-transform: uppercase;	
    line-height: 24px;
    font-size: 20px;	
}
.icon-btn__text--up {
	margin-top: 0;
	margin-bottom: 25px;
    font-size: 28px;
    line-height: 26px;
}
.icon-btn__text__sub {
	font-size: 22px;
}

/* -- Utilities -- */

.inline-block {
	width: 100%;
	display: inline-block;
	position: relative;
}
.img-responsive {
	display: inline-block;
}
.marings-0 {
	margin: 0; 
}

/* -- Table -- */

.toto-table {
	background-color: #fff;
}
.toto-table,
.toto-table a {
	font-family:'Conv_Gotham-Black',Sans-Serif;	
	text-align: center;
	color: #000;
}
.toto-table th {
    padding: 10px 15px;	
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #ee3e33;    
}
.toto-table .btn-view {
    position: relative;
    padding-right: 35px;
}
.toto-table .btn-view:hover {
	text-decoration: none;
	color: #ee3e33;
}
.toto-table .btn-view:after {
    width: 30px;
    height: 14px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(2018/images/ico-view.png) no-repeat left center;
}
.toto-table table {
    margin: 12px auto;
}
.toto-table table a, 
.toto-table table span {
    font-size: 20px;
    padding: 0 6px;
}
.toto-table table span,
.toto-table table a:hover {
	color: #ee3e33;	
}
.tabla-datos th {
	text-decoration: none;
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 12px;    
}
.tabla-datos td {
    width: 20%;
    padding: 5px 10px;    	
    text-transform: uppercase;
}
.tabla-datos a {
    text-align: left;
    font-size: 12px;
    color: #ee3e33;
    display: block;
}
.tabla-datos table td>span {
    color: #fff;
    background-color: #ee3e33;
}

/* -- LOGOUT -- */

.block-logout {
	margin-bottom: 30px;
	font-family: 'Conv_Gotham-Ultra';
}
.block-logout__user-id {
	display: block;
	line-height: 24px;
	font-size: 22px;
	color: #ffd420;
}
.block-logout__btn {
	display: inline-block;
	position: relative;
    padding-top: 4px;	
	text-transform: uppercase;
	line-height: 22px;
	font-size: 20px;
	color: #000;
	padding-right: 45px;	
}
.block-logout__btn:hover {
	text-decoration: none;
	color: #ee3e33;
}
.block-logout__btn:after {
	width: 39px;
	height: 27px;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: block;
	background: transparent url('2018/images/icon-arrow-right.png') no-repeat left center;
	background-size: 30px;
}

/* -- user-info -- */

.user-info {
	width: 100%;
    padding: 12px;
    display: inline-block;	
	font-family:'Conv_Gotham-Black',Sans-Serif;
	color: #4c4c4c;		
    border-radius: 15px;		
	background-color: rgba(207,209,211,0.5);
	list-style-type: none;
}
.user-info dt,
.user-info dd,
.user-info li {
    width: 50%;
    float: left;
    padding: 6px 14px;
    margin: 3px 0;
    background-color: #edf1f4;
}
.user-info dt {
    border-radius: 10px 0 0 10px;	
	text-transform: uppercase;
}
.user-info dd {
    border-radius: 0 10px 10px 0;
}
.user-info dt:empty,
.user-info dd:empty {
	display: none;
}
.user-info li {
	width: 100%;
	border-radius: 10px;
}
.user-info li>span {
	width: 50%;
	float: left;
}
.user-info li>span:first-child {
	text-transform: uppercase;
}

/* -- Text area -- */

.toto-textarea {
    padding: 20px;	
    border: none;	
    border-radius: 20px;	
    background-color: rgba(207,209,211,0.5);
}

/* -- VIEWS -- */

.view-container {
	margin-top: 30px;
	margin-bottom: 30px;	
}
.view-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: right center;    
    background-repeat: no-repeat;
    background-size: contain;
}

/* -- view home -- */

.view-home .logo {
	margin-bottom: 80px;
}
.view-home .view-bg {
	background-image: url(2018/images/bg-view_home.png);
}

/* -- view login -- */

.view-login table {
	width: 90%;
	margin-left: 10%;
	margin-top: 60px;
}
.view-login .view-bg {
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view_login.png);
}

/* -- view recover pass -- */

.view-pass-recovery .section-title{
	margin-top: 60px;
}
.view-pass-recovery .view-bg,
.view-desbloquear .view-bg {
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view_pass-recovery.png);
}

/* -- view consultas -- */

.view-consultas .logo {
	margin-bottom: 25px;
}
.view-consultas .icon-btn {
	display: inline-block;
}
.view-consultas .view-bg {
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view_consultas.png);
}

/* -- view autorizacion -- */

.view-autorizacion .logo {
	margin-bottom: 30px;
}
.view-autorizacion span.icon-btn {
	pointer-events: none;
}
.view-autorizacion .view-bg {
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view_autorizacion.png);
}
.view-autorizacion .toto-table {
	margin-top: 30px;
}
.view-autorizacion .user-info {
    width: 95%;
    margin-right: 5%;
    margin-top: 44%;
}
.view-autorizacion .table-info .error-message>span,
.view-autorizacion .table-info .info-message {
	margin-top: 35px;
} 

/* -- view redención -- */

.view-redencion  .view-bg {
	background-size: cover;
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view_redencion.png);
}
.view-redencion .user-info {
	margin-bottom: 15px;
}
.view-redencion .toto-textarea {
	margin: 15px 0 30px;
}
.view-redencion .icon-btn {
	pointer-events: none;
}
.view-redencion .success-message {
	margin-top: 20px;
	margin-bottom: 0;
}

/* -- view redención -- */

.view-inicio-admin .logo {
	margin-bottom: 30px;
}
.view-inicio-admin .icon-btn {
	display: inline-block;
}
.view-inicio-admin .icon-btn {
    margin: 35px;
}
.view-inicio-admin .icon-btn__image {
	max-width: 140px;
}
.view-inicio-admin .icon-btn__text {
	font-size: 16px;
}
.view-inicio-admin .icon-btn__text__sub {
    font-size: 20px;
}
.view-inicio-admin .view-bg {
	background-size: cover;
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view-inicio-admin.png);
}

/* -- view desbloquear -- */

.view-desbloquear .logo {
	margin-bottom: 20px;
}
.view-desbloquear {
	margin-bottom: 45px;	
}
.view-desbloquear h2 {
	pointer-events: none;
}

/* -- view usuarios admin -- */

.view-usuarios-admin .view-bg {
	background-size: cover;
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view-usuarios-admin.png);
}
.view-usuarios-admin h2.icon-btn {
    margin-top: 19px;	
	pointer-events: none;
}
.view-usuarios-admin h2.icon-btn+p {
	margin-bottom: 23px;	
}
.view-usuarios-admin .icon-btn__text--up {
	margin-bottom: 20px;
}
.view-usuarios-admin .tabla-datos th  {
    padding: 5px 15px;
}
.view-usuarios-admin {
    margin-top: 15px;
    margin-bottom: 0;	
}
.table-btn {
	display: block;
	position: relative;
    padding: 5px 20px 4px 0;
	text-align: left;
} 
.table-btn:after {
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-size: 13px auto!important;
}
.table-btn-delete:after {
	background: transparent url(2018/images/ico-borrar.png) no-repeat center;

}
.table-btn-edit:after {
	background: transparent url(2018/images/ico-editar.png) no-repeat center;
    background-size: 16px auto!important;	 
}
.table-crear-usuario {
    width: 100%;
    margin-top: 20px;
}
.table-crear-usuario h2.icon-btn {
	text-align: left;
}
.table-crear-usuario .icon-btn__text {
	margin-bottom: 0;
	font-weight: bold;
}
.table-crear-usuario .form-control {
    height: 50px;
    padding: 10px 26px 6px 23px;
    font-size: 13px;
}
.table-crear-usuario .form-group .field-required {
    top: 52px;
    left: 3px;
    color: red;
    right: auto;
}
.form-genero {
    margin-top: 11px;
}    	
.form-genero>span:first-child,
.form-genero>table { 
    font-family: 'Conv_Gotham-Medium';	
    text-transform: uppercase;
    font-size: 13px;    
    color: #000;
}	
.form-genero input[type=radio] {
	margin: 4px 20px 0;
}
.table-crear-usuario .inline-block {
	margin-top: 10px;
}

/* -- view-usuarioscajeros-admin -- */

.view-usuarioscajeros-admin .view-bg {
	background-size: cover;
    background-position: left bottom; 	
	background-image: url(2018/images/bg-view-usuarioscajeros-admin.png);
}
.view-usuarioscajeros-admin.view-container {
    margin-top: 30px;
    margin-bottom: 0;
}
.view-usuarioscajeros-admin h2.icon-btn {
    margin-top: 19px;	
	pointer-events: none;
}
.view-usuarioscajeros-admin .tabla-datos a {
    display: inline-block;	
    text-align: center;
}
.view-usuarioscajeros-admin .tabla-datos {
    margin: 50px 0;
}
.view-usuarioscajeros-admin .form-control {
	padding: 10px 25px 6px;	
	font-size: 13px;
}
.view-usuarioscajeros-admin .field-required {
    position: absolute;
    right: auto;
    width: 100%;
    left: 10px;
	top: 50px;
}
.view-usuarioscajeros-admin .form-genero input[type=radio] {
    margin: 4px 10px 0;
}

/* -- view-redencionespuntos-admin -- */

.view-redencionespuntos-admin .view-bg {
	background-size: cover;
    background-position: right top; 	
	background-image: url(2018/images/bg-view-redencionespuntos-admin.png);
}
.view-redencionespuntos-admin h2.icon-btn {
	pointer-events: none;
}
.view-redencionespuntos-admin .RadComboBox_Default {
	width: 100%!important;
	position: relative;
	overflow: hidden;
}
.view-redencionespuntos-admin .field-required {
    width: auto;
    left: auto;
    top: 4px;
    right: 20px;
}
.view-redencionespuntos-admin .RadComboBox_Default .rcbInputCellLeft {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 17px 20px 0 16px;
    background: transparent;
}
.view-redencionespuntos-admin .RadComboBox_Default .rcbInputCell .rcbEmptyMessage {
	padding-top: 0;
    padding-left: 0;
    font-style: inherit;
    font-size: 16px;
    color: #000;
}
.view-redencionespuntos-admin .RadComboBox_Default .rcbInputCell .rcbEmptyMessage,
.view-redencionespuntos-admin .RadComboBox_Default .rcbInput {
    font-family: 'Conv_Gotham-Medium';
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    padding: 0 17px 0 0!important;
}
.RadComboBoxDropDown_Default {
    top: 33px!important;
    border: 1px solid #ccc!important;
}
.view-redencionespuntos-admin .RadComboBox_Default td.rcbArrowCellRight {
	border-left: 1px solid #ababab!important;
    border-right: 1px solid #ababab!important;
    position: absolute;
    right: 13px;
    top: 13px;
}
.view-redencionespuntos-admin .ajax__tab_xp .ajax__tab_tab {
	height: auto!important;
}

/* -- view-redencionespuntos-admin -- */

.view-logsistema-admin .view-bg {
	background-size: cover;
    background-position: right top; 	
	background-image: url(2018/images/view-logsistema-admin.png);
}
.view-logsistema-admin .position-relative {
	position: relative!important;
	top: auto;
	right: auto;
}
.view-logsistema-admin .ajax__calendar_container {
    z-index: 9999;
    background-color: #fff;
    border: solid 2px #ee3e33;
    left: auto!important;
    right: 0!important;
    padding: 11px 5px;
}
.view-logsistema-admin .group-fecha>table {
	position: relative;
}
.view-logsistema-admin input[type="image"] {
    position: absolute;
    right: 19px;
    top: 11px;
    max-width: 28px;
}
.view-logsistema-admin h2.icon-btn {
	pointer-events: none;
}
.view-logsistema-admin .group-fecha>table,
.view-logsistema-admin .group-fecha>table input[type="text"] {
	width: 100%!important;
}