/** {*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*outline: none;*/
/*}*/
/*html {*/
/*}*/
/*body {*/
/*content: "";*/
/*display: block;*/
/*left: 0;*/
/*top: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: -10;*/
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
/*background-image: linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -o-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -moz-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -webkit-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -ms-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -webkit-gradient(*/
/*linear,*/
/*left top,*/
/*left bottom,*/
/*color-stop(0.18, rgb(193,225,245)),*/
/*color-stop(1, rgb(3,95,161))*/
/*) !important;*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2E1F5', endColorstr='#025FA2',GradientType=0 );*/
/*font-family:Verdana, Geneva, sans-serif !important;*/
/*font-size:11px;*/
/*margin:0 auto;*/
/*}*/

/*table{*/
/*width: 100%;*/
/*}*/

/*a.footer {*/
/*text-decoration:none;*/
/*color: #FFFFFF;*/
/*text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
/*}*/

/*a.footer:hover {*/
/*text-decoration:none;*/
/*text-shadow: 0 1px 2px rgba(0, 0, 0, 9.8);*/
/*font-family: Verdana, Geneva, sans-serif;*/
/*font-size: 11px;*/
/*}*/

/*#noscript div a {*/
/*text-decoration: underline;*/
/*color: #0000FF;*/
/*}*/

/*#nocookies div a {*/
/*text-decoration: underline;*/
/*color: #0000FF;*/
/*}*/

/*div#schoolnet{*/
/*margin-top:1em;"*/
/*}*/
/*.alert-stwa{*/
/*width: 470px;*/
/*}*/

/*.alert-stwa-container{*/
/*text-align: center;*/
/*background-color: #127bbd;*/
/*height: 32px;*/
/*border-radius: 5px;*/
/*padding: 1em;*/
/*}*/
/*div#instruccion{*/
/*background-color: #127bbd;*/
/*border-radius: 5px;*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*height: 32px;*/
/*padding-top: 0.8em;*/
/*width: 460px;*/
/*}*/

/*.lang-selector{*/
/*width: 480px;*/
/*}*/

/*.form-content{*/
/*width: 480px;*/
/*}*/

/*.input-form-label {*/
/*width: 100%;*/
/*color: #CCC;*/
/*font-weight:bold;*/
/*background-color: #ddeef6;*/
/*height:29px;*/
/*padding-left:10px;*/
/*-moz-border-radius:5px;*/
/*}*/
/*.input-button-ingresar{*/
/*width:100%;*/
/*height:34px;*/
/*-moz-border-radius:7px;*/
/*border-radius: 7px;*/
/*-webkit-border-radius: 7px;*/
/*}*/
/*.icon-mt{*/
/*text-align: center;*/
/*width: 480px;*/
/*}*/
/*img#logoSTWA {*/
/*padding: 2em;*/
/*}*/
/*table tr td.header-img {*/
/*text-align: center;*/
/*}*/

/*!*----- RESPONSIVE ------*!*/
/*@media(max-width:1024px){*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/*@media(max-width:480px){*/
/*img#logoSTWA{*/
/*width: 100%;*/
/*padding: 2em;*/
/*}*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*.alert-stwa-container {*/
/*display: none;*/
/*}*/
/*.lang-selector{*/
/*width: 370px;*/
/*}*/
/*.alert-stwa{*/
/*width: 380px;*/
/*}*/
/*.form-content{*/
/*width: 380px;*/
/*}*/
/*.input-form-label {*/
/*color: #CCC;*/
/*font-weight: bold;*/
/*background-color: #ddeef6;*/
/*height: 29px;*/
/*padding-left: 10px;*/
/*-moz-border-radius: 5px;*/
/*}*/
/*.input-button-ingresar{*/
/*height:34px;*/
/*-moz-border-radius:7px;*/
/*border-radius: 7px;*/
/*-webkit-border-radius: 7px;*/
/*}*/
/*}*/

/*@media(max-width:320px){*/

/*img#logoSTWA{*/
/*width: 100%;*/
/*}*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*#version{*/
/*display: none;*/
/*}*/
/*.lang-selector{*/
/*width: 300px;*/
/*}*/
/*.form-content{*/
/*width: 300px;*/
/*}*/
/*.alert-stwa-container {*/
/*display: none;*/
/*}*/
/*.alert-stwa{*/
/*width: 97%;*/
/*}*/
/*#idiomaactual{*/
/*font-size: 0.8em;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/*@media screen and (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2){*/

/*nav {*/
/*background: rgba(41,128,185,1);*/
/*padding-right: .25em;*/
/*position: absolute;*/
/*left: -24em;*/
/*top: 0;*/
/*padding-top: 30em!important;*/
/*box-sizing: border-box;*/
/*z-index: 20;*/
/*height: 100%;*/
/*-webkit-transition: all .3s;*/
/*-o-transition: all .3s;*/
/*transition: all .3s;*/
/*}*/
/*.form-content {*/
/*width: 340px;*/
/*}*/
/*.lang-selector {*/
/*width: 330px;*/
/*}*/
/*.menu {*/
/*background-color: red;*/
/*list-style: none;*/
/*line-height: 42px;*/
/*margin: auto;*/
/*padding-left: 0;*/
/*width: 17.5em;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/** {*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*outline: none;*/
/*}*/
/*html {*/
/*}*/
/*body {*/
/*content: "";*/
/*display: block;*/
/*left: 0;*/
/*top: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: -10;*/
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
/*background-image: linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -o-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -moz-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -webkit-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -ms-linear-gradient(top, rgb(194,225,245) 18%, rgb(2,95,162) 100%) !important;*/
/*background-image: -webkit-gradient(*/
/*linear,*/
/*left top,*/
/*left bottom,*/
/*color-stop(0.18, rgb(193,225,245)),*/
/*color-stop(1, rgb(3,95,161))*/
/*) !important;*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2E1F5', endColorstr='#025FA2',GradientType=0 );*/
/*font-family:Verdana, Geneva, sans-serif !important;*/
/*font-size:11px;*/
/*margin:0 auto;*/
/*}*/

/*table{*/
/*width: 100%;*/
/*}*/

/*a.footer {*/
/*text-decoration:none;*/
/*color: #FFFFFF;*/
/*text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
/*}*/

/*a.footer:hover {*/
/*text-decoration:none;*/
/*text-shadow: 0 1px 2px rgba(0, 0, 0, 9.8);*/
/*font-family: Verdana, Geneva, sans-serif;*/
/*font-size: 11px;*/
/*}*/

/*#noscript div a {*/
/*text-decoration: underline;*/
/*color: #0000FF;*/
/*}*/

/*#nocookies div a {*/
/*text-decoration: underline;*/
/*color: #0000FF;*/
/*}*/

/*div#schoolnet{*/
/*margin-top:1em;"*/
/*}*/
/*.alert-stwa{*/
/*width: 470px;*/
/*}*/

/*.alert-stwa-container{*/
/*text-align: center;*/
/*background-color: #127bbd;*/
/*height: 32px;*/
/*border-radius: 5px;*/
/*padding: 1em;*/
/*}*/
/*div#instruccion{*/
/*background-color: #127bbd;*/
/*border-radius: 5px;*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*height: 32px;*/
/*padding-top: 0.8em;*/
/*width: 460px;*/
/*}*/

/*.lang-selector{*/
/*width: 480px;*/
/*}*/

/*.form-content{*/
/*width: 480px;*/
/*}*/

/*.input-form-label {*/
/*width: 100%;*/
/*color: #CCC;*/
/*font-weight:bold;*/
/*background-color: #ddeef6;*/
/*height:29px;*/
/*padding-left:10px;*/
/*-moz-border-radius:5px;*/
/*}*/
/*.input-button-ingresar{*/
/*width:100%;*/
/*height:34px;*/
/*-moz-border-radius:7px;*/
/*border-radius: 7px;*/
/*-webkit-border-radius: 7px;*/
/*}*/
/*.icon-mt{*/
/*text-align: center;*/
/*width: 480px;*/
/*}*/
/*img#logoSTWA {*/
/*padding: 2em;*/
/*}*/
/*table tr td.header-img {*/
/*text-align: center;*/
/*}*/

/*!*----- RESPONSIVE ------*!*/
/*@media(max-width:1024px){*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/*@media(max-width:480px){*/
/*img#logoSTWA{*/
/*width: 100%;*/
/*padding: 2em;*/
/*}*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*.alert-stwa-container {*/
/*display: none;*/
/*}*/
/*.lang-selector{*/
/*width: 370px;*/
/*}*/
/*.alert-stwa{*/
/*width: 380px;*/
/*}*/
/*.form-content{*/
/*width: 380px;*/
/*}*/
/*.input-form-label {*/
/*color: #CCC;*/
/*font-weight: bold;*/
/*background-color: #ddeef6;*/
/*height: 29px;*/
/*padding-left: 10px;*/
/*-moz-border-radius: 5px;*/
/*}*/
/*.input-button-ingresar{*/
/*height:34px;*/
/*-moz-border-radius:7px;*/
/*border-radius: 7px;*/
/*-webkit-border-radius: 7px;*/
/*}*/
/*}*/

/*@media(max-width:320px){*/

/*img#logoSTWA{*/
/*width: 100%;*/
/*}*/
/*#logoMT{*/
/*display: none;*/
/*}*/
/*#version{*/
/*display: none;*/
/*}*/
/*.lang-selector{*/
/*width: 300px;*/
/*}*/
/*.form-content{*/
/*width: 300px;*/
/*}*/
/*.alert-stwa-container {*/
/*display: none;*/
/*}*/
/*.alert-stwa{*/
/*width: 97%;*/
/*}*/
/*#idiomaactual{*/
/*font-size: 0.8em;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/*@media screen and (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2){*/

/*nav {*/
/*background: rgba(41,128,185,1);*/
/*padding-right: .25em;*/
/*position: absolute;*/
/*left: -24em;*/
/*top: 0;*/
/*padding-top: 30em!important;*/
/*box-sizing: border-box;*/
/*z-index: 20;*/
/*height: 100%;*/
/*-webkit-transition: all .3s;*/
/*-o-transition: all .3s;*/
/*transition: all .3s;*/
/*}*/
/*.form-content {*/
/*width: 340px;*/
/*}*/
/*.lang-selector {*/
/*width: 330px;*/
/*}*/
/*.menu {*/
/*background-color: red;*/
/*list-style: none;*/
/*line-height: 42px;*/
/*margin: auto;*/
/*padding-left: 0;*/
/*width: 17.5em;*/
/*}*/
/*div#instruccion {*/
/*display: none;*/
/*}*/
/*}*/

/* RESET CSS DEFAULT */
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;
}
/* FIN RESET CSS DEFAULT */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px!important;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom right, rgb(0, 145, 541) 0%, rgb(3, 95, 161) 100%);
    height: 100vh;
    width: 100vw;
    margin: 0 auto;
}

.logo-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.logo-container img {
    text-align: center;
    padding: 2rem 0;
}

.form-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.form-container form {
    margin: 0 auto;
    width:360px;
}

.form-container form input[type=text], input[type=password] {
    border: 0;
    outline: 0;
    padding: 1rem 0 .5rem 0;
    background: url(../images/icono-user.png) no-repeat scroll 0 0 transparent;
    background-position: 0 17px;
    border-bottom: 1px solid #fff;
    margin-bottom: 2rem;
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.form-container form input[type=password] {
    background: url(../images/icono-pass.png) no-repeat scroll 0 0 transparent;
    background-position: 0 11px;
}

.form-container form input[type=submit] {
    background-color: transparent;
    padding: .5rem;
    margin: 1rem 0;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 4px;
    width: 100%;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
}

.form-container form input[type=checkbox] {
    vertical-align: unset;
}

.form-container form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.remember-password {
    padding: 0 0 1rem 0;
}

.forgot-password {
    padding: 1rem 0 0 0;
}

.forgot-password a {
    text-decoration: none;
    color: #fff;
}

.lang-container {
    padding: 1rem 0 3rem 0;
}

.lang-container .info-bandera img{
    vertical-align: middle;
}

.lang-container .flag {
    float: right;
}

.footer-container {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.copyright-stwa {
    position: relative;
    margin: 0 auto;
    width:100%;
}
.copyright-stwa p {
    padding: 0.5rem;
    line-height: 1rem;
}

.rrss-stwa {
    display: inline-block;
    margin: 1rem;
}

.rrss-stwa a img {
    width: 26px;
    height: 26px;
}

/* MEDIA TRACK BUTTON */

.media-track-button {
    width: 100%;
    margin:1rem 0;
    text-align: center;
}

.media-track-button img {
    width:42px;
    height:42px;
    border: 1px solid #fff;
    border-radius: 9px;
}

/* CSS MODAL POPUP */
/* The Modal (background) */
.modal-stwa {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 30vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    color: red;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 400px;
    min-width: 300px;
    border-radius: 4px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.recover-input {
    width: 95%;
    padding: .5rem;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 1rem 0;
}
.recover-text {
    color: #666;
}
.recover-text .recover-title {
    font-size: 18px;
    margin-bottom: 1rem;
}

.recover-button {
    width: 100%;
    text-align: right;
    margin: .5rem 0 0 0;
}

.recover-button button.send {
    border-radius: 4px;
    height: 30px;
    font-size: 14px;
    min-width: 88px;
    outline: 0;
    background-color: #0d41b7;
    border-color: #0d41b7;
    color: #fff;
}

.recover-button button.cancel {
    border-radius: 4px;
    height: 30px;
    font-size: 14px;
    min-width: 88px;
    outline: 0;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
    color: #fff;
}

.recover-alert {
    color: #ff5252;
    font-size: 12px;
}

.alert-msg-stwa {
    background-color: #ffffff;
    border-radius: 4px;
    color: #ff0000;
    display: none;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
}
/* CSS SOLO PARA PASSREQUEST */
.alert-passrequest-stwa {
    background-color: #cce5ff;
    border-radius: 4px;
    color: #004085;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
}

/* CSS PARA PAGINA DE ERROR */
.error-404 {
    font-size: 3rem;
    font-weight: bold;
    padding: .5rem 1rem;
    display: block;"
}

.button-back {
    display: block;
    font-weight: bold;
    padding: 1.5rem;
}

/* SNACK BAR */

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 49%;
    top: 30px;
    font-size: 16px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.2s, fadeout 1s 5.5s;
    animation: fadein 0.2s, fadeout 1s 5.5s;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fff;
    background: transparent;
    font-weight: normal;
    color: #fff;
}

@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

/* RESPONSIVE */

/* DISPOSITIVOS MENOS DE 320 */
@media only screen and (max-width: 320px) {
    body {
        height: 100%;
        padding: 0 0 1rem 0;
    }
    .lang-container {
        padding: 1rem 0 1rem 0;
    }
    .lang-container > div {
        padding: 1rem 0 0 0;
    }
    .form-container form {
        margin: 0 auto;
        width: 275px;
    }

    .modal-content {
        background-color: #fefefe;
        color: red;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        max-width: 320px;
        min-width: 235px;
        border-radius: 4px;
        margin: 0 1rem;
    }

    #snackbar {
        visibility: hidden;
        min-width: 250px;
        margin-left: -125px;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        text-align: center;
        border-radius: 2px;
        padding: 16px;
        position: fixed;
        z-index: 1;
        left: 45%;
        top: 30px;
        font-size: 16px;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    body {
        height: 100%;
        padding: 0 0 1rem 0;
    }
    .form-container form {
        margin: 0 auto;
        width: 300px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    body {
        height: auto;
        padding: 0 0 1rem 0;
    }
    .form-container form {
        margin: 0 auto;
        width: 300px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
    body {
        height: auto;
        padding: 0 0 1rem 0;
    }

    .error-bg {
        height: 100vh!important;
        padding: 0 0 1rem 0;
    }

    .form-container form {
        margin: 0 auto;
        width: 300px;
    }
}

.classButtonDialog{
    background: lightgrey !important;
    color: black !important;
}
