@charset "UTF-8";

/* ========== ResetCSS ========== */
*,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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,tr,select,input{-moz-appearance:inherit; -webkit-appearance:inherit; background:transparent; border:none; border-radius:0; box-sizing: border-box; margin:0; outline:0; padding:0; text-decoration:none;}

/* ========== FUENTE ========== */
* {font-family: Helvetica;}

:root{
	--aym_color: #30AEDC;
	--aym_color_dark: #0A556D;
	--aym_color_clear: #6eb9f7;
	--aym_gray: #E6EBED;
	--aym_gray_dark: #585653;
	--aym_white: #FFFFFF;
	--aym_black: #000000;
	--aym_box: 0px 1px 12px 4px #363030b3;
	--aym_box_2: 0px 2px 7px 1px #363030b3;
} 

/* MAIN */
body {align-items: center; background: #1C6189 url('/admin/aym_image/aym_back/aym_login_back.jpg') no-repeat center / cover; display: flex; flex-flow: column; height: 100vh !important; justify-content: space-between; opacity: 1; transition: 1s ease;}
h1,h2,h3,h4,h5,h6{font-weight:800;text-align: center;}
a,span,p,div,section{font-weight: lighter;}
main, footer {width: 100%;}
main {height: 100%;}
main > section, footer > section {max-width: 1400px; margin: auto; padding: 0 20px;}
img {display: block; width: 100%;}
a {color: inherit; display: inline-block; text-decoration: none;}

/*ESTILOS INPUTS*/
input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],textarea,select{-webkit-appearance: none; -moz-appearance: none; background: #fff; border: 0; box-sizing: border-box; color: rgba(0, 0, 0, 0.7); display: block; filter: unset; font-size: 16px; outline: none; padding: 12px 10px 0; width: 100%; transition: all .3s ease-out;}
::placeholder {color: rgba(0, 0, 0, 0.7);}
label {color: rgba(0,0,0,.8); display: inline-block; transition: all .3s ease-out;}
input:-webkit-autofill, input:-moz-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset; filter: unset !important;}

/*ESTILOS BOTONES*/
button, input[type=submit] {background-color: #30B5E1; background-position: center; border: none; border-radius: 10px; box-shadow: 0 0 4px #999; color: white; font-size: 1em; margin: 0 !important; outline: none; padding: 15px 18px; text-transform: uppercase; transition: background 0.8s; width: 100%;}
button:hover, input[type=submit]:hover {background: #2873A1 radial-gradient(circle, transparent 1%, #2873A1 1%) center/15000%;}
button:active, input[type=submit]:active {background-color: #30B5E1; background-size: 100%; transition: background 0s;}

.aym_modal_info {cursor: pointer;}

/*CONTENT*/
main {align-items: center; display: flex; flex-flow: column; justify-content: center;}
main > figure {margin-bottom: 10px;}
main > figure img {max-width: 200px;}
main > section {background: #fff; margin: 0; max-width: 440px; padding: 40px; width: 100%;} 
main > section h1 {text-align: center; margin-bottom: 20px;}

/*FORMS*/
.aym_frm_row {position: relative;}
.aym_frm_row input {background: white; border: 1px solid var(--aym_color); border-radius: 10px; font-weight: 200; margin: 10px 0px 20px 0px; padding: 17px 10px 17px 50px; transition: background 0.2s linear, border 0.2s linear; width: 100%;}
.aym_small_font{font-size: .9em; margin-top: 20px; text-align: right;}

.aym_frm_two_col {align-items: center; border: 0 !important; display: flex; justify-content: space-between;width: 100%;flex-flow: wrap;margin-bottom: 0 !important;}
.aym_frm_two_col > div {align-items: flex-start; border: 1px solid var(--aym_color); border-radius: 5px; height: 52px; margin-bottom: 10px; position: relative; width: 48% !important;}
.aym_frm_two_col > div label {height: 20px; left: 10px; padding: 0 !important; position: absolute; transform: translateY(16px); z-index: 1;}
.aym_frm_two_col > div.aym_frm_submit {border: 0 !important;}
.aym_frm_two_col > div.aym_frm_submit button {min-height: 51px;}

.aym_frm_six_col {align-items: center; border: 0 !important; display: flex; justify-content: space-between;width: 100%;flex-flow: wrap;margin-bottom: 20px;}
.aym_frm_six_col > div {align-items: flex-start; border: 1px solid var(--aym_color); border-radius: 5px; height: 52px; position: relative; width: 15% !important;overflow: hidden;}
.aym_frm_six_col > div label{height: 20px; left: 10px; padding: 0 !important; position: absolute; transform: translateY(16px); z-index: 1;}
.aym_frm_six_col > div input{display: flex;width: 100%;height: 100%;padding: 10px;text-align: center;font-size: 1.7em;}


.aym_align_top {vertical-align: top;}
.aym_align_center {text-align: center;}
.aym_align_right {text-align: right;}
.aym_align_left {text-align: left;}

.sho_pwd{background-color: transparent !important; background-image: url(/admin/aym_image/aym_icon/aym_ico_hide_pass.svg) !important; background-position: 0px !important; background-size: 100% !important; border: 0px !important; border-radius: 1px !important; cursor: pointer; margin: 0 !important; padding: 0px !important; position: absolute; right: 11px; top: 42px; width: 24px !important; height: 23px !important;}
.sho_pwd:checked{background-image: url(/admin/aym_image/aym_icon/aym_ico_show_pass.svg) !important;}

#aym_use_log:before, #aym_use_pwd:before, #aym_two_factor_code:before {background-position: center; background-repeat: no-repeat; background-size: cover; content: ''; height: 20px; left: 16px; position: absolute; top: 44px; width: 20px;}
#aym_use_log:before {background-image: url('/admin/aym_image/aym_icon/aym_ico_user_icon.svg');}
#aym_two_factor_code:before {background-image: url('/admin/aym_image/aym_icon/aym_ico_2fa.svg');}
#aym_use_pwd:before {background-image: url('/admin/aym_image/aym_icon/aym_ico_pass.svg');}

/*WRAP EXIT*/
.aym_wrap_exit center strong {font-weight: bold;}
.aym_wrap_exit a {display: block; padding-top: 20px;}

/*FOOTER*/
footer {background: #0d3c51; bottom: 0; left: 0; position: fixed; width: 100%; z-index: 2;}
footer > section {display: flex; flex-flow: wrap; max-width: none;}
footer > section figure { align-items: center; display: flex; padding: 8px 0; width: 5%;}
footer > section .aym_copy {color: #fff; text-align: right; font-size: .8em; padding: 8px 0; width: 95%;}

/*FOOTER -- About, Help, Terms & Conditions */
.aym_window-content {padding: 20px !important;}
hr {border-top: 1px dashed #aaa;margin: 20px 0;}
#aym_wrap_menu_footer {color: #333; padding: 0 15px;} 
#aym_wrap_menu_footer h2 {color: var(--aym_color_dark); font-size: 1.5em; text-align: left; padding: 0 20px;}
#aym_wrap_menu_footer h3 {color: var(--aym_color_dark); margin-bottom: 15px; padding: 0 20px; text-align: left;}
#aym_wrap_menu_footer figure {display: flex; justify-content: center;}
#aym_wrap_menu_footer figure img {max-width: 150px;}
#aym_wrap_menu_footer article {margin-top: 20px;}
#aym_wrap_menu_footer article div {align-items: center; display: flex; justify-content: space-between; padding-bottom: 10px;}
#aym_wrap_menu_footer article div span {text-align: left;}
#aym_wrap_menu_footer article div span:nth-child(1) {font-weight: bold; width: 40%;}
#aym_wrap_menu_footer article div span:nth-child(2) {width: 60%;}
#aym_wrap_menu_footer article div.aym_copy span {width: 100%;}
#aym_wrap_menu_footer article p {font-size: .85em; text-align: justify;}

/* HELP LOGIN */
.aym_wrap_form ol {text-align: left}
.aym_wrap_form ol li {transition: all .3s;}
.aym_wrap_form ol li:hover {color: #30AEDC;}
.aym_wrap_form ol li a {padding: 10px 0;}


/* FORM LOGIN */
form fieldset div.error input,
form fieldset > div.aym_frm_full.error .cke_chrome,
form fieldset > div.aym_frm_images.error div,
form fieldset .error > textarea,
form fieldset div.aym_frm_textarea.error textarea{border-color: #DF4141 !important;}
form fieldset div.error input:not([type="radio"]),
form fieldset div.error select{background: url(/admin/aym_image/aym_icon/aym_ico_error_form.svg) no-repeat 95% / 15px #fff; background-position-x: calc(100% - 15px); background-size: 25px !important;}
form fieldset div.error  > textarea{background: url(/admin/aym_image/aym_icon/aym_ico_error_form.svg) no-repeat 95% / 15px #fff; background-position-x: calc(100% - 15px); background-position-y: 10px; background-size: 25px !important;}
form fieldset > div.error > input[type=checkbox].sho_pwd{background-image: none !important;}



/* BOTONES INICIAR SESION OTRA CUENTA*/
.aym_login_other_account{margin: 20px 0;}
.aym_login_other_account center{margin: 20px 0;position: relative;width: 100%;}
.aym_login_other_account center::before{content: '';position: absolute;height: 1px;width: 45%;background-color: var(--aym_color_dark);top: 0;bottom: 0;margin: auto;left: 0;}
.aym_login_other_account center::after{content: '';position: absolute;height: 1px;width: 45%;background-color: var(--aym_color_dark);top: 0;bottom: 0;margin: auto;right: 0;}
.aym_login_other_account a{border: 1px solid var(--aym_color_dark);padding: 10px;text-align: center;width: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s linear;cursor: pointer;}
.aym_login_other_account a span{width: 20px;height: 20px;margin-right: 10px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.aym_login_other_account a span.windows{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cpath fill='%23f25022' d='M1 1h9v9H1z'/%3E%3Cpath fill='%2300a4ef' d='M1 11h9v9H1z'/%3E%3Cpath fill='%237fba00' d='M11 1h9v9h-9z'/%3E%3Cpath fill='%23ffb900' d='M11 11h9v9h-9z'/%3E%3C/svg%3E");}
.aym_login_other_account a span.aymsoft{background-image: url("/admin/aym_image/favicon.png");}
.aym_login_other_account a:hover{background-color: var(--aym_color_dark);color: white;}

.aym_hidden{display: none !important;transition: all .5s linear;}

/* FORM 2FAC*/
#aym_frm_two_factor h2{font-size: 1.5em;}
#aym_frm_two_factor h3{font-size: 1em;text-align: left;width: 100%;color: var(--aym_color_dark);margin-bottom: 10px;}
#aym_frm_two_factor .aym_counter_code_verification{margin-top: 20px ;font-size: .75em;color: gray;width: 100%;}
#aym_frm_two_factor .aym_resend_code{width: 100%;margin-top: 20px;color: var(--aym_color);font-size: .9em;text-align: center;font-weight: bold;}
#aym_frm_two_factor .aym_cancel_verification{width: 100%;margin: 10px 0;color: var(--aym_color);font-size: .9em;text-align: left;}


@media screen and (max-width: 450px){

    main {justify-content: flex-start;padding: 20px 0;margin-bottom: 20px;}
    main > section{width: 90%;padding: 25px;}
    
    footer{position: relative;}
    footer > section{padding: 0 10px;}    
    footer > section figure {width: 16%;}    
    footer > section .aym_copy {font-size: .6em;width: 80%;}
}