.redirection-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important
}

.swal2-popup.swal2-modal.swal2-show {
    width: 80%!important;
}

.modal {
    background: rgba(255, 255, 255, 0.8) !important;
}

.swal2-container {
    z-index: 10000;
}

.redirection-lightbox .close-frame {
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 100%;
    background: #2ecc40
}

.redirection-lightbox .close-frame:after {
    content: "X";
    font-size: .8em;
    padding: 10px;
    line-height: 2.4
}

.redirection-lightbox iframe {
    width: 100%;
    height: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: 0 0;
    display: block
}

.redirection-lightbox.ios-device iframe {
    display: inline
}

.p2p-open {
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important
}

#contador_examen_admision {
    display: none
}

.btn:hover {
    cursor: pointer !important;
}


/**/

.cabecera2 {
    background: linear-gradient(-45deg, #c2ff09, #d9e600, #efefef);
    background-size: 200% 100%;
    -webkit-animation: Gradient 19s ease infinite;
    -moz-animation: Gradient 19s ease infinite;
    animation: Gradient 19s ease infinite;
    cursor: help !important;
}

.cabecera3 {
    background: linear-gradient(-45deg, #09ffd2, #489cd3, #dcffca);
    background-size: 200% 100%;
    -webkit-animation: Gradient 19s ease infinite;
    -moz-animation: Gradient 19s ease infinite;
    animation: Gradient 19s ease infinite;
    cursor: help !important;
}

.cabecera4 {
    background: linear-gradient(-65deg, #f0ff09, #00badb8c, #dcffca);
    background-size: 200% 100%;
    -webkit-animation: Gradient 19s ease infinite;
    -moz-animation: Gradient 19s ease infinite;
    animation: Gradient 19s ease infinite;
    cursor: help !important;
    text-align: left;
    padding: 10px;
}

.card-image {
    margin-bottom: 15px;
}

#contador_examen_admision2 {
    display: none;
    position: fixed;
    margin: 10px;
    padding: 10px;
    border: 1px solid rgb(51, 51, 51);
    background: rgb(89, 237, 0) none repeat scroll 0% 0%;
    z-index: 2147483647;
}

#links_empresa {
    margin: 0 auto;
}

.cargando {}

.lds-roller {}

.pop_fac {
    display: none;
    position: fixed;
    z-index: 2147483647;
    width: 100%;
    background: white none repeat scroll 0% 0%;
    border: 5px solid rgb(119, 119, 119);
    padding: 10px;
    overflow: scroll;
    max-height: 100%;
    top: 0;
}

.page-footer.blue-grey.darken-4 {
    display: none
}

.container {}

.col.m12.l12.s12.grey-text {}

.grey-text.text-lighten-4.waves-effect.waves-grey.btn-flat.modal-trigger {
    font-size: 10px
}

.grey-text {
    font-size: 9px
}

.card-action {
    border-radius: 10px;
}

.card .card-action {
    max-height: none !important;
    border-radius: 21px !important;
}

.cabecera {
    background: linear-gradient(-45deg, #00CCB8, #CDDC39, #00b2c2);
    background-size: 200% 100%;
    -webkit-animation: Gradient 19s ease infinite;
    -moz-animation: Gradient 19s ease infinite;
    animation: Gradient 19s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 30%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 30%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 30%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 30%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 30%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 30%
    }
}

.cabecerita {
    background: linear-gradient(-75deg, #2AD3C7, #0DAE91, #5CEDC4);
    );
    background-size: 400% 400%;
    -webkit-animation: Gradient 19s ease infinite;
    -moz-animation: Gradient 19s ease infinite;
    animation: Gradient 19s ease infinite;
    /*
											background: background:-webkit-linear-gradient(left, rgb(0, 210, 199) 0%, rgb(0, 240, 199) 100%);
											background: -o-linear-gradient(left, rgb(0, 210, 199) 0%, rgb(0, 240, 199) 100%);
											background: -ms-linear-gradient(left, rgb(0, 210, 199) 0%, rgb(0, 240, 199) 100%) !important;
											background: -moz-linear-gradient(left, rgb(0, 210, 199) 0%, rgb(0, 240, 199) 100%) !important;
											background: linear-gradient(to right, rgb(0, 210, 199) 0%, rgb(0, 240, 199) 100%);
										*/
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
    margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

nav,
nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i {
    height: 64px;
    line-height: 58px;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    box-shadow: 1px 11px 81px #ccc inset !important;
    border: 1px solid #9999994d !important;
}

main {
    flex: 1 0 auto;
}

.card {
    margin: 0 0px 10px 0px !important;
    border-radius: 25px;
}

.card img {
    border-radius: 10px 10px 0px 0px !important;
}

.modal {
    border-radius: 25px;
}

.card-action .btn {
    padding-left: 5px !important;
    margin: 3px 0px 0px 0px !important;
    width: 100%;
    text-align: center;
    overflow: hidden;
    word-wrap: initial;
    font-size: 10px;
    box-shadow: 1px 1px 11px #595252 inset !important;
    height: 30px;
    line-height: 27px;
    background: #009aa6 !important;
    background-color: rgb(0, 154, 166);
    background-color: rgb(0, 154, 166) !important;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
}

.grupo_matricula {
    margin: 0px;
    background: rgb(242, 248, 220);
    box-shadow: 1px 1px 11px #999 inset !important;
    cursor: pointer;
}

.btn,
button,
a,
h1,
h2,
h3,
h4,
h5,
h6,
div,
img {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
																																															supported by Chrome and Opera */
}

.actualizar_widget {
    padding: 0px 12px 2px 31px !important;
    float: right;
    margin: 10px;
    width: 100%;
    position: relative;
    text-align: left;
}

.actualizar_widget a {
    padding-left: 37px;
    font-size: 10px !important;
}

.actualizar_widget i {
    font-size: 20px;
    color: white !important;
    position: absolute;
    left: 38px;
}

.botoncito_cerrar2 {
    position: absolute !important;
    right: 0% !important;
    padding: 4px 11px 2px 10px !important;
    color: white !important;
    box-shadow: 0px 0px 10px #999 !important;
    top: 0;
    width: 40px !important;
    font-size: 14px !important;
    left: 92% !important;
}

.cajita_botones_carreras {
    background: #009aa6;
    background-color: rgb(0, 154, 166);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    margin: 0px;
    font-size: 12px;
    padding: 2px 10px 10px 11px;
    left: 0;
    bottom: 0px !important;
    right: 0;
    width: 100%;
    height: 24px;
    font-size: 10px !important;
    line-height: 14px;
}

.cajita_botones_carreras i {
    font-size: 10px !important;
}

.botoncito_cerrar {
    position: absolute !important;
    right: 0 !important;
    padding: 0px 8px 0px 9px !important;
    color: white !important;
    box-shadow: 0px 0px 10px #999 !important;
}

.toast {
    color: white !important;
}

.teal {
    /*background-color: #faffff !important;*/
    box-shadow: 0px 0px 4px #37424a inset !important;
    color: #fff !important;
    text-shadow: 0px 0px 4px #999;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.modal .modal-content {
    padding: 0px;
}

.imagen_home {
    max-height: 275px;
    margin-bottom: 10px;
    overflow: hidden;
}

.container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

@media only screen and (max-width:580px) {
    .nombres_ws {
        margin-right: 10px;
    }
    .salir_btn {
        display: block;
    }
}

@media only screen and (min-width:581px) {
    .nombres_ws {
        margin-right: 10px;
        display: block;
    }
    .salir_btn {
        display: block;
    }
}

@media only screen and (max-width:880px) {
    .modal {
        top: 10px !important;
        width: 90% !important;
    }
    .bannergrande {
        display: none;
    }
    .bannerpeque {
        display: block;
    }
}

@media only screen and (min-width:780px) {
    .modal {
        top: 10px !important;
        width: 82% !important;
    }
    .bannergrande {
        display: block;
    }
    .bannerpeque {
        display: none;
    }
}

.admision .card .card-content,
.home .card .card-content,
.datos .card .card-content,
.portal .card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
}

.card-content {
    color: #999;
}

.imagenhome {
    max-width: 250px;
    overflow: hidden;
    max-height: 100px;
}

.modal {
    top: 10px !important;
    width: 90%;
}

td,
th {
    padding: 7.3px !important;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

.btn .material-icons {
    padding-right: 5px;
}

.card-action {
    border-radius: 10px;
    padding: 9px;
}

.card-action .btn i {
    font-size: 19px !important;
    position: absolute !important;
    right: 13% !important;
    color: white !important;
}

.card-action .btn {
    padding-left: 5px !important;
    margin: 3px -6px -3px -16px !important;
    width: 109%;
    text-align: center;
    overflow: hidden;
    word-wrap: initial;
    font-size: 10px;
    box-shadow: 1px 1px 11px #595252 inset !important;
    height: 30px;
    line-height: 27px;
    background: #009aa6 !important;
    background-color: rgb(0, 154, 166) !important;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
}

.card-action {
    max-height: none !important;
}

.card .card-action {
    max-height: none !important;
}

::-webkit-input-placeholder {
    color: red;
}

::-moz-placeholder {
    color: red;
}

::-ms-placeholder {
    color: red;
}

::placeholder {
    color: red;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
    display: none;
}

main {
    display: none
}

.input-field label {
    color: #333 !important;
    bottom: 34px !important;
    /*top: none !important;*/
}

.select2-search__field {
    height: 30px !important;
    padding: 0px !important;
    margin: -4px !important;
}

.input-field.col.s12.m12.l6 {
    min-height: 70px;
}

#links_footer a {
    text-transform: capitalize;
}

#carreras .card {
    height: 100% !important;
    min-height: 315px;
    border-radius: 10px;
}

.select2-dropdown,
.select2-dropdown--below,
.select2-dropdown--above {
    z-index: 999999 !important;
}

.select2-dropdown.select2-dropdown--above {
    z-index: 99999 !important;
}

.select2-dropdown {
    z-index: 999999 !important;
}

.select2-dropdown.select2-dropdown--below {
    z-index: 999999 !important;
}

a {
    outline: 0;
}

h4,
p,
div {
    text-align: center;
    font-weight: 500 !important;
    text-shadow: 1.5px 1.5px rgba(255, 0, 0, .08)
}

.side-nav li>a {
    color: rgba(0, 0, 0, .87) !important;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px
}

.offline-ui.offline-ui-up .offline-ui-content:before {
    content: "En línea"
}

.offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Fuera de línea"
}

.card-action {
    max-height: 62px !important
}

input {
    background: rgba(239, 255, 0, .11) !important
}

.modal {
    max-width: 95% !important;
    max-height: 95% !important;
    min-height: 70% !important
}

.resultados {
    margin: 14px auto;
    height: auto !important;
    position: absolute;
    min-height: 500px;
    z-index: 999999999;
    left: 7.5%;
    background: rgba(255, 255, 255, .9) !important;
    width: 85%
}

label {
    font-size: .7rem;
    color: #555
}

#acertou,
#errou {
    text-align: center;
    font-size: 33px !important;
    text-transform: uppercase
}

#registro_link {
    width: 57%;
    display: inline-block;
    font-size: 11px;
    position: relative;
    margin: 0;
    text-combine-upright: all
}

#select_lang option {
    text-transform: capitalize
}

#lang_env {
    width: 100px;
    position: relative;
    float: left;
    height: 41px;
    rgba(255,
    255,
    255,
    0.2);
    color: #333 !important
}

#logo_top>div>div>input {
    border-bottom: 0 !important;
    font-size: 12px;
    color: #dbdbdb !important;
    margin-left: 10px;
    padding-left: 20px;
    background: rgba(255, 255, 255, .2)
}

#logo2 {
    display: block;
    max-width: 220px;
    padding: 15px;
    width: 130px;
    margin-top: -18px !important;
    margin: 0 auto
}

footer {
    margin-left: 300px
}

#links_footer a,
#links_footer a:link,
#links_footer a:active,
#links_footer a:hover,
#links_footer a:visited {
    color: #fdfdfd !important;
    padding: 5px;
    text-transform: capitalize
}

#logo1 {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    margin-left: 10px
}

#menu_ {
    font-family: material icons;
    font-weight: 400;
    font-style: normal;
    font-size: 63px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #fff
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column
}

main {
    flex: 1 0 auto
}

.menu_top_mini {
    display: none
}

.menu_top {
    display: block
}

.btn-small {
    height: 24px;
    line-height: 24px;
    padding: 0 .5rem
}

@media(max-width:992px) {
    #logo_top {
        display: block !important;
        height: 84px
    }
    main {
        padding-left: 0 !important
    }
    footer {
        margin-left: 0 !important
    }
}

h1,
h2,
h3,
h4,
p,
div {
    text-align: center;
    font-weight: 100;
    text-shadow: 1.5px 1.5px rgba(255, 0, 0, .08)
}

.side-nav li>a>i,
.side-nav li>a>[class^=mdi-],
.side-nav li>a>[class*=mdi-],
.side-nav li>a>i.material-icons {
    width: 1px !important
}

.userView,
#logo_top {
    background: -webkit-linear-gradient(90deg, #382626 10%, #263238 90%);
    background: linear-gradient(90deg, #382626 10%, #263238 90%)
}

footer {
    padding-top: 0 !important;
    margin: 0
}

.card,
.side-nav {
    background-color: rgba(255, 255, 255, .8)
}

.card>h2,
.card>h3,
.card>h4 {
    color: #222 !important
}


}

}
form p {
    margin-bottom: 10px;
    text-align: left;
    width: 45%;
    float: left;
    margin: 10px;
}
form#loginForm {
    float: left;
    padding: 10px;
    background: rgba(255,
    255,
    255,
    0.5);
    margin: 10px;
    width: 100%;
}
button {
    color: rgba(0,
    0,
    0,
    0.54) !important;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-size: 11px;
    background: white;
}
.btn i {
    color: rgba(0,
    0,
    0,
    0.54) !important;
}
.errorlist {
    background: rgba(255,
    255,
    200,
    0.7);
    padding: 10px;
}
.comprar_img {
    width: 37%;
    position: relative;
    float: left;
    overflow: hidden;
    max-height: 160px;
    margin: 10px
}
.btn-mini {
    margin: 2px;
    height: 24px;
    line-height: 24px;
    padding: 0 0.5rem;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
input[type=text] {
    text-transform: uppercase;
}
nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,