@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

:root {
--main-color-se:#1b355d;
--main-color-li:#325385;
--secondary-color-se:#2155a5;
--tertiary-color-se:#d29e0d;
--gris-claro: #F7F7F7;
--gris-medio:#555660;
--gris-oscuro: #252f38;
--texto-gris-oscuro: #818181;
--alpha: 0.8;

--svg-color-sm:#1b355d;
--svg-color-lg:#d29e0d;

--main-color-nav: 27, 53, 93;
--secondary-color-nav:#2155a5;
--light-color-nav: #fff;
}

body .page-signin .signin-header {background: transparent !important;}

.select2-container--default .select2-selection--single .select2-selection__rendered {position: relative;}
.select2-container--default .select2-selection--single .select2-selection__clear {padding:3px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background: #e03c3c; border-radius: 50%; line-height: 10px; font-size: 19px; margin-right: 10px; color: #fff; font-weight: normal !important; -webkit-box-shadow: 1px 1px 2px #b7b7b7; box-shadow: 1px 1px 2px #b7b7b7;}
.select2-container--default .select2-selection--single .select2-selection__clear:hover {-webkit-transform: translateX(-3px);-ms-transform: translateX(-3px);transform: translateX(-3px);}

#activity {    padding: 0px !important; background: none !important; border: 0px !important; font-size: 20px !important; left: 0px !important; top: 1px !important;}

#activity:hover {-webkit-box-shadow: none !important;box-shadow: none !important;}

* {font-family: 'Ubuntu', sans-serif;}

body { background: #fff;}
body.nav-min .toggle-min {color: var(--tertiary-color-se);}

html:not(.body_login) body::before, html:not(.body_login) body::after {
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; content: ""; background-image: url(./../images/imgWELCOME.jpg); background-size: cover; background-repeat: no-repeat;
    background-position: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: .1;}

html:not(.body_login) body::after {
    --webkit-clip-path: polygon(0 0, 262px 0, 262px 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 262px 0, 262px 100%, 0% 100%); clip-path: polygon(0 0, 262px 0, 262px 100%, 0% 100%); -webkit-filter: blur(25px);
    filter: blur(25px); z-index: 1; opacity: .9; overflow: hidden; left: -25px; bottom: -25px;}

html:not(.body_login) body.nav-min:after {--webkit-clip-path: polygon(0 0, 75px 0, 75px 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 75px 0, 75px 100%, 0% 100%); clip-path: polygon(0 0, 75px 0, 75px 100%, 0% 100%);}

html.body_login section#content {padding: 0;overflow: auto; left: 0; top: 0;}
section#content {-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}

    .top-header .logo > div:first-of-type img {width: auto; height: 100%; padding: 4px 0; display: block; margin: 0 auto;}

body .register_div {}
body .register_div > p {}
body .register_div > a {background: var(--tertiary-color-se); padding: 10px 12px !important; font-size: 14px !important; letter-spacing: .5px; -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%) !important; box-shadow: 0 2px 10px rgb(0 0 0 / 20%) !important; color: #fff !important; text-transform: uppercase; font-weight: 500 !important;}
body .register_div > a :hover {opacity: .8}

/* NUEVOS ESTILOS PARA LOGIN */
.background_container {position: fixed; right: 550px; left: 0; height: 100%; background-image: url(../images/login_back.jpg);background-size: cover; 
    background-position: center right; background-repeat: no-repeat; z-index: -1;}

.form_container {float: right; width: 550px; padding: 1em 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; height: auto; min-height: 100%; position: relative;}
.form_container > div {width: 300px; margin:  0 auto;padding: 1em 0; padding-bottom: 2em;}
.form_container.change > div {width: 400px;}

.header_logo {position: relative;padding: 0 2em;}
.header_logo > img {width: 100%; height: auto; max-width: 245px; margin: 0 auto;display: block;}

.welcome_title {text-align: center; margin: 2.5em auto; margin-top: 3em; font-weight: 600; letter-spacing: .5px; color: var(--gris-medio); position: relative;}
.welcome_title:before {content: ""; position: absolute; z-index: -2;height: 1px; width: auto; left: 2em; right: 2em; background: var(--gris-oscuro);opacity: .1; top: calc(50% - .5px);}
.welcome_title:after {content: ""; position: absolute; z-index: -1; height: auto; width: 120px; left: calc(50% - 60px);top: 0;bottom: 0; background: #fff;}

.form_container.change .welcome_title {margin: 10px 0; margin-top: 25px;}
.form_container.change .welcome_title:after {width: 200px; left: calc(50% - 100px);}

#frmLogin fieldset > div.form-group {margin-bottom: 25px !important;}
#frmRecoveryPassword fieldset > div.form-group {margin-bottom: 15px !important;}

#frmLogin fieldset > div.form-group:first-of-type,
#frmLogin fieldset > div.form-group:nth-of-type(2) {}

#frmLogin fieldset > div.form-group:first-of-type > i,
#frmLogin fieldset > div.form-group:nth-of-type(2) > i,
#frmRecoveryPassword fieldset > div.form-group i {
    position: absolute; height: 42px; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; color: var(--gris-medio);}
    
#frmLogin fieldset > div.form-group:nth-of-type(2) > i,
#frmRecoveryPassword fieldset > div.form-group i {font-size: 18px;}

#frmLogin div.form-group > input.form-control,
#frmRecoveryPassword div.form-group > input.form-control {
    text-align: center; height: 42px !important; border-radius: 21px !important; background-color: #F9F9F9 !important; border: 1px solid #EEF5F8 !important;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;}
#frmLogin div.form-group > input.form-control:focus,
#frmRecoveryPassword div.form-group > input.form-control:focus {background-color: #fff !important; border-color:#a9c7d4 !important}

#frmLogin div.form-group .help-block,
#frmRecoveryPassword div.form-group .help-block {height: 0; text-align: center; margin: auto; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px);}

.footerOPC > div:first-of-type {float: left;width: 100%;margin-top: 7px;}
.footerOPC > div:first-of-type a {color: var(--gris-oscuro); font-weight: 500; font-size: 13px;}

.circle_sm {top: -70px;left: -70px;position: absolute; opacity: .7; z-index: -1;
    -webkit-animation: float_sm 5s ease-in-out infinite; animation: float_sm 5s ease-in-out infinite;}
.circle_lg {bottom: -210px;right: -200px;position: fixed; opacity: .5; z-index: -1;
    -webkit-animation: float_lg 6s ease-in-out infinite; animation: float_lg 6s ease-in-out infinite;}

@-webkit-keyframes float_sm {
    0% {-webkit-transform: translatey(20px);transform: translatey(20px);}
    50% {-webkit-transform: translatey(0px);transform: translatey(0px);}
    100% {-webkit-transform: translatey(20px);transform: translatey(20px);}
}

@keyframes float_sm {
    0% {-webkit-transform: translatey(20px);transform: translatey(20px);}
    50% {-webkit-transform: translatey(0px);transform: translatey(0px);}
    100% {-webkit-transform: translatey(20px);transform: translatey(20px);}
}
@-webkit-keyframes float_lg {
    0% {-webkit-transform: translatey(15px);transform: translatey(15px);}
    50% {-webkit-transform: translatey(0px);transform: translatey(0px);}
    100% {-webkit-transform: translatey(15px);transform: translatey(15px);}
}
@keyframes float_lg {
    0% {-webkit-transform: translatey(15px);transform: translatey(15px);}
    50% {-webkit-transform: translatey(0px);transform: translatey(0px);}
    100% {-webkit-transform: translatey(15px);transform: translatey(15px);}
}

@media (max-width: 1199.98px) {
    .background_container {right: 480px;}
    .form_container {width: 480px;}
}

@media (max-width: 991.98px) {
    .background_container {right: 380px;}
    .form_container {width: 380px;}

    .welcome_title {margin: 1.5em 0; margin-top: 2em;}
    #frmLogin fieldset > div.form-group {margin-bottom: 20px !important;}
    #frmLogin .btn-primary {margin-top: 25px !important}
}


@media (max-width: 767.98px) {
    .background_container {display: none;}
    .form_container {width: 100%;padding: 1em;}
}

/* NUEVOS ESTILOS PARA LOGIN */

@media (max-width: 767px) {
    body.body-special:after {--webkit-clip-path: polygon(0 0, 100% 0, 100% 170px, 0% 170px); clip-path: polygon(0 0, 100% 0, 100% 170px, 0% 170px);opacity: .5}
    body:not(.body-special):after {--webkit-clip-path: polygon(0 0, 0px 0, 0px 100%, 0% 100%); clip-path: polygon(0 0, 0px 0, 0px 100%, 0% 100%);}
    body.on-canvas:after {--webkit-clip-path: polygon(0 0, 262px 0, 262px 100%, 0% 100%); clip-path: polygon(0 0, 262px 0, 262px 100%, 0% 100%);}

    body.on-canvas section#content {filter: blur(10px);overflow: hidden;}


    .top-header .logo > *:first-child { display: none;}
    .top-header .logo > *:nth-child(2) { display: block !important; text-align: center !important; padding: 7px 0px; height: 50px;}
    html:not(.body_login) body::after {--webkit-clip-path: polygon(0 0, 0px 0, 0px 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 0px 0, 0px 100%, 0% 100%); clip-path: polygon(0 0, 0px 0, 0px 100%, 0% 100%);}
}

.not_dos {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}

img {
    user-drag: none !important; user-select: none !important; -moz-user-select: none !important; -webkit-user-drag: none !important; -webkit-user-select: none !important; -ms-user-select: none !important;
}

.table {margin-bottom: 0px !important}

form  {margin:0px;}


@media(max-width: 641px) {
    #chat-application {left: 42px !important}
}

.welcome_img_unidep {display: block; position: relative; height: auto; background-size: cover; background-repeat: no-repeat; min-height: 320px; background-position: right; width: 100%;}
.welcome_img_unidep img {display: block; width: 100%; height: auto; max-width: 1000px;}

@media(min-width: 901px) {
    .welcome_img_unidep {background-image: none !important;}
}

@media(max-width: 900px) {
    .welcome_img_unidep img {display: none;}
}

.userBANNER {position: absolute; right: 0px; margin: 0px !important; padding:7px 10px !important; height: 100%; top: 0px; background-color:; }
.userBANNER > li:before {content: ""; position: absolute; z-index: -1; right: -10px; top: -7px; height: 50px; width: 0px; background: var(--tertiary-color-se); display: block; transition: all ease .3s;}
.userBANNER > li:hover:before {width: 50px;}
.userBANNER > li.open:before {width: 239px;}

.userBANNER > li {
    margin:0px !important;
}

.userBANNER > li > a {
    width: auto !important; float: left; padding-top: 1px;
}

.userBANNER > li > a > .user_img {
    border-radius: 100%; border:0px; height: 30px; width: 30px; margin: 0px; position: relative;
}
.userBANNER > li > a > img {display: none;}

.userBANNER > li > a:hover, .userBANNER > li > a *:hover {
    cursor: pointer;
}

.userBANNER > li > a > * {
    float: right;
}

.userBANNER .spanNameUser {
    margin:0px; text-align: right; padding-right: 20px; position: relative;
}

.spanNameUser:hover {
    cursor: pointer;
}

.userBANNER .spanNameUser:after {
    content: ""; height: 25px; right: 10px; width: 1px; background-color: #c4bab6;top:2.5px; position: absolute; display: block;
}

.userBANNER .spanNameUser > span {display: block; color: #666; font-size: 12px; line-height: 15px; font-weight: 900 }
@media (min-width: 767px) {
    .userBANNER .spanNameUser > span:first-of-type {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto;transition: all ease .3s;}
    .userBANNER .open .spanNameUser > span {width: 169px;}
}
.userBANNER .spanNameUser > span:last-of-type {font-weight: 400;}

.userBANNER .open .spanNameUser > span {color: #fff;}


@media (max-width: 768px) {
    .userBANNER {top:50px; background-color: var(--main-color-se); padding: 2px 5px !important; height: 27px;}
    .userBANNER .dropdown:before {content: ""; display: block; position: absolute; left: -5px; top: -2px; width: calc(100% + 10px);height: 27px; background: linear-gradient(transparent,#222); transition: all ease-in .3s;}
    .userBANNER .dropdown.open:before {opacity: 0; transition: all .0s;}
    .userBANNER > li, .userBANNER > li > a, .userBANNER { width: 100% !important; }
    .userBANNER > li > a {text-align: center; position: relative;}
    .userBANNER > li > a > .user_img {position: absolute; right: 8px; top: -42px; box-shadow: 0 0 0 2px transparent; transition: all ease .3s;}
    .userBANNER > li > a > .user_img:hover {box-shadow: 0 0 0 2px var(--main-color-li);}
    .userBANNER > li > a > * { float: none; display: inline-block; width: auto; text-align: center;}
    .userBANNER .spanNameUser { text-align: center; padding: 0px;}
    .userBANNER .spanNameUser:after {display: none;}
    .userBANNER .spanNameUser > span, .userBANNER > li > a > label > i { color: var(--tertiary-color-se); display: inline-block; }
    .userBANNER .spanNameUser > span {color: #eee}
    .userBANNER > li > a > label {width: 100%;}
}


#frmLogin ~ .alert {
    text-align: center;
}

#frmLogin {
    margin-bottom: 0px;
}

.whatsapp_link {text-align: center; margin: 0px 20px; margin-bottom: 10px;}
.whatsapp_link small {font-weight: 600; color: #fff;}
.whatsapp_link a {display: flex; padding: 3px 7px; transition: all ease .3s; border-radius: 15px; width: 140px; margin: 0 auto; margin-top: 5px; background:#25d366; color: #fff !important; flex-wrap: wrap; justify-content: center; align-items: center;}
.whatsapp_link a:hover {background: #21bd5c;}
.whatsapp_link a i {font-size: 16px; margin-right: 8px;}
.whatsapp_link a span {font-weight: 600;}

.pop_whatsapp {position: absolute; width: 200px; height: auto; bottom: 0px; right: 10px; z-index: 1}
.pop_whatsapp p {text-align: center; font-size: 14px; font-weight: 600; color: #767676; line-height: 22px; padding: 0px 10px; font-style: italic;}
.pop_whatsapp a {
    display: flex; padding: 5px 8px; text-decoration: none !important; transition: all ease .3s; border-top-left-radius: 5px; border-top-right-radius: 5px;
    width: 100%; margin: 0 auto; margin-top: 10px; background: #25d366; color: #fff !important; flex-wrap: wrap; justify-content: center; align-items: center;}
.pop_whatsapp a:hover {background: #21bd5c;}
.pop_whatsapp a i {font-size: 16px; margin-right: 8px;}
.pop_whatsapp a span {font-weight: 600;}

.pop_whatsapp .hidden-xs {display: none;}
.pop_whatsapp .visible-xs {font-size: 13px; line-height: 19px;width: 120px; padding: 5px; margin: 0; margin-left: auto; margin-bottom: 15px;
    border-radius: 10px; background: #fff; text-align: center; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);position: relative;
}
.pop_whatsapp .visible-xs:before {content: ""; border: 7px solid transparent; border-top-color: #fff; bottom: -14px; right: 15px; position: absolute; }

@media(min-width: 768px) {
    .pop_whatsapp .hidden-xs {display: block;}
    .pop_whatsapp .visible-xs {display: none;}
}

@media(max-width: 767.98px) {
    .form_container > div {margin-bottom: 2em;}
    .pop_whatsapp {width: auto;}
    .pop_whatsapp .visible-xs {}
    .pop_whatsapp a {margin: 0px; margin-bottom: 10px; padding: 5px; border-radius: 50%; width: 45px; height: 45px; margin-left: auto; display: flex;
    justify-content: center; align-items: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
    .pop_whatsapp a i {font-size: 30px; margin: 0;}
    .pop_whatsapp a span {display: none;}
}

/* ____________________________________________________________________ */

.disponibilidad {
    display: none !important;
}

#disponibilidad {
    position: absolute; bottom: 25px; right: 5px; padding: 0px; background-color: #f3f3f3; border:0px; border-radius: 4px; overflow: hidden;
}

#disponibilidad, #disponibilidad * {
    height: 0px; width: 0px; transition: all ease .2s;
}

#disponibilidad.showDISP {
       padding: 10px; border: 1px solid #eeeeee; transition: all ease .1S; overflow: visible; bottom: 44px; box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.12); max-width: 350px; z-index: 99999999;
}

#disponibilidad.showDISP:before {
    transition: 0s;
}

#disponibilidad.showDISP, #disponibilidad.showDISP * {
    height: auto !important;width: auto !important;
}

body #disponibilidad:before {
        content: " "; position: absolute; right: 17px; bottom: -17px; border: 8px solid transparent; border-top: 8px solid #ccc;
}

#disponibilidad ul {
    padding: 0px; margin:0px; list-style: none; margin-bottom: 5px;padding-left: 10px;
}

#disponibilidad ul li {
    margin:0px;padding: 0px;
}

#ctrlDISP {
    display: block; position: absolute; height: auto !important; width: auto !important; z-index: 99999999 !important; right: 26px; bottom: 4px;
}

#ctrlDISP i {
    color: #fff; transition: all ease .3S;
}

#ctrlDISP i:hover {
    cursor: pointer; color: #eee;
}

@media(max-width: 640px) {
    #ctrlDISP {left: 25px; padding: 9px 8px; background-color: #484848; bottom: 0px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; z-index: 99 !important; height: 36px !important; width: 29px !important;}
    #ctrlDISP i {font-size: 16px }
    #disponibilidad.showDISP { bottom: 55px; right: inherit; left: 10px;}
    #disponibilidad.showDISP:before {left: 20px; right: inherit;}
}

/* ____________________________________________________________________ */
.theader {
    border-bottom: 1px solid #d8d8d8;
    padding: 5px;
    color: white;
}

.theader > h1 {
    font-size: 28px;
    font-weight: bold;
}

#containercurso {
    margin-top: 10px;
    /*box-shadow: 0px 2px 5px #888888;*/
    box-shadow: none;
    padding: 0px;
}

#containercurso > .row {
    margin: 0px 0px;
    border-top: 3px solid #2989d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: #fff;
}

#containercurso > .row > .row > .col-md-8 > section {
    border-left: 2px solid #2989d8;
    padding-left: 10px;
}
/*---Welcome---*/

.titulos_pri {
    color: #003f62;
    font-size: 60px;
    float: left;
    margin-left: 30px;
    font-weight: bold;
    margin-top: -250px;
    position: relative;
    font-weight: bolder;
    text-shadow: 0px 0px 2px white;
    transition: all 0.3s ease;
}

.titulos_sec {
    font-size: 23px;
    float: left;
    margin-left: 30px;
    color: #767676;
    margin-top: -180px;
    position: relative;
    font-family: Century Gothic;
    line-height: 1.2;
    transition: all 0.3s ease;
    padding-top: 10px;
}

.txtappear {
    display: none;
    width: 100%;
    text-align: left;
    transition: all 0.3s ease;
}

.unidepSquare {
    padding-top: 0px !important;
}

.unidepSquare > #square {
    width: 16.666666666666664%;
    float: left;
    height: 5px;
    transition: all 0.3s ease;
}

@media (max-width: 1750px) {
    .titulos_pri {
        margin-top: -230px;
        margin-bottom: -10px;
    }

    .titulos_sec {
        font-size: 22px;
        margin-top: -170px;
        margin-bottom: -10px;
    }
}

@media (max-width: 1630px) {
    .titulos_pri {
        margin-top: -200px;
    }

    .titulos_sec {
        font-size: 19px;
        margin-top: -140px;
    }
}

@media (max-width: 1450px) {
    .titulos_pri {
        margin-top: -190px;
    }

    .titulos_sec {
        font-size: 16px;
        margin-top: -130px;
    }
}

@media (max-width: 1330px) {
    .titulos_pri {
        margin-top: -150px;
    }

    .titulos_sec {
        font-size: 13px;
        margin-top: -90px;
    }
}

@media (max-width: 1100px) {
    .titulos_pri {
        margin-top: -100px;
    }

    .titulos_sec {
        display: none;
    }

    .txtappear {
        display: inline;
    }
}

@media (max-width: 990px) {
    .titulos_pri {
        margin-top: -90px;
    }
}

@media (max-width: 820px) {
    .titulos_pri {
        margin-top: -80px;
    }
}

@media (max-width: 767px) {
    #modal-dialog {
        margin-left: 5% !important;
    }
}

@media (max-width: 600px) {
    .titulos_pri {
        margin-top: -75px;
    }

    .unidepSquare > #square {
        height: 2px
    }
}

@media (max-width: 500px) {
    .titulos_pri {
        margin-top: -50px;
        font-size: 25px;
    }
}

@media (max-width: 440px) {
    .titulos_pri {
        margin-left: 25px;
        margin-top: -40px;
        box-shadow: 5px black;
    }
}
/*-----------------------Welcome-------------------*/

.tabs{
    display: inline;
}

.ctab{
height: 40px;
color: white;
width: 100%;
border-top-right-radius:6px;
border-top-left-radius:6px;
margin-right: 5px;
}

.ctab:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ctab:active{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* Nuevos tabs ch */
.ctab.tab-colors {
  background-color:#F9F9FC;
  color: #2A2A2A;
}
.ctab.tab-colors:active{
  background-color:#FFFFFF;
  color: #2A2A2A;
}
.ctab.tab-colors.inter-tab  {
  background-color:#ffffff;
  color: #2A2A2A;
  border: solid 1px var(--main-color-se) !important;
  text-align: center;
}
.ctab.inter-tab {
  height: 40px;
  color: white;
  /*width: 100%;*/
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  margin-right: 5px;
}
/*---*/

/* otros tabs/botones */
.termBtn.current-term {
    background-color: var(--main-color-se);
    color: #fff !important;
    border-color: var(--main-color-se);
}

#termButtons a {
    color: #038869;
}

.termBtn:hover, .termBtn.current-term {
    cursor: pointer;
    border-color: var(--main-color-se);;
}

/*---*/

#datatable_tabletools_calif td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.modal-footer {
    background-color: #ffffff !important;
    border-top: 0px solid #e5e5e5 !important;
}


@media only screen and (max-width: 991px){
    .ctab {
        margin-top: -2px;
        padding-bottom: 2px
    }

    .ctab.inter-tab {
    height: auto;
    width: 23%;
    float: left;
    margin-top: 2px;
    padding-bottom: 10px
}
    .full-w .box.box-primary {
    margin-top: 20px !important;
}
    .updatesq {
    text-align: center !important;
    padding: 10px 10px !important;
}
}

/*Agregados al estilo */


.modal-content .alert-info {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #31708f;
}

.modal-content .alert-info .input-group {

    background-color: #fff !important;
}

.margin-buttons {
    padding: 10px;
}

.margin-table {
    padding: 10px;
}

.menu-tittles h1 {
    font-size: 36px;
    color: # #767676;
    padding: 5px;
}

.updatesq {
    border-radius: 0px; float: right; text-align: right; padding: 2px 0px; background-color: #ffffff; color: var(--tertiary-color-se); box-shadow: 0px 0px 0px #ccc;
}

.updatesq * {margin: 0px 5px;}

.treePanel {
    box-sizing: border-box; overflow: auto; height: auto; max-height: 200px; width: calc(100% - 5px); padding: 5px; position: relative; margin-top: 10px; margin-left: 5px; border: 1px solid #D5D5D5;
}

.squarefa {
    color: white;
    font-size: 17px;
    height: 25px;
    width: 25px;
    border-radius: 2px;
    padding-left: 4px;
    padding-top: 5px;
}

#iloading_spinner {
    position: relative;
    float: right;
    margin-left: -20px;
    margin-top: 3px;
    display: none;
    right: 20px;
}

@media (max-width: 360px) {
    .content-header h1 {
        font-size: 20px;
    }
}
/*TERMINO */


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .table td,
    .table th {
        background-color: #fff !important; vertical-align: middle;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }

    .left-side,
    .header,
    .content-header {
        display: none;
    }

    .right-side {
        margin: 0;
    }
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;;
    font-size: 13px;
    line-height: 1.42857;
    color: #767676;
    background-color: #f3f3f3;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover, a:focus {
    color: #0d0d0d;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 2px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1, .h1,
h2, .h2,
h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
    font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
    font-size: 75%;
}

h1, .h1 {
    font-size: 24px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4;
}

.right-side > .content-header {
    position: relative;
    padding: 15px 15px 10px 20px;
}

.right-side > .content-header > h1 {
    margin: 0;
    font-size: 24px;
}

.right-side > .content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}

.right-side > .content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}

#html_template_boleta table tbody {
    line-height: 24px;
    font-size: 13px;

}

table tbody {
    font-size: 14px;
}

.entregados, .solicitados {
    color: var(--texto-gris-oscuro) !important;
}


#docs_entregados .thumbnail {
    background-color: var(--gris-claro) !important;
    border: 0px solid #ddd !important;
}

#frmLogin .form-control {
    display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #767676; background-color: white !important; background-image: none; border: 1px solid #ffffff !important; border-left: 0px solid #cbd5dd !important; border-radius: 30px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px  !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0)!important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control, .chosen-container-single .chosen-single {
    display: block; width: 100%; height: 36px !important; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #868585;   background-color: #f3f3f3 !important; background-image: none; border: 1px solid #f3f3f3 !important; border-left: 0px solid #cbd5dd !important; border-radius: 30px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px  !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0) !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.chosen-container-single .chosen-single div b {
    border-left: 1px solid #f3f3f3 !important;
    background-color: #f3f3f3 !important;

}


.input-group .form-control:last-child {
    display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #767676; /*background-color: var(--gris-claro) !important; background-image: none; border: 1px solid var(--gris-claro) !important; */ border-left: 0px solid #cbd5dd !important; border-radius: 30px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px  !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0)!important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    radius: 2em;
}

.quickpays .input-group .form-control:last-child {
    border-top-left-radius: 30px !important; border-bottom-left-radius: 30px  !important;
}

/* quita lo redondeado de  los campos */

body .input-group .select2-container--default .select2-selection--single, .contact-fields .form-control {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}


.input-group-addon {
    color: var(--tertiary-color-se) !important;
    background-color: #f3f3f3 !important;
    border: 1px solid #f3f3f3 !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single {

    border: 1px solid #f3f3f3 !important;
    background-color: #f3f3f3 !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f3f3f3), color-stop(50%, #f3f3f3), color-stop(52%, #f3f3f3), color-stop(100%, #f3f3f3)) !important;
    background: -webkit-linear-gradient(top, #f3f3f3 20%, #f3f3f3 50%, #f3f3f3 52%, #f3f3f3 100%) !important;
    background: -moz-linear-gradient(top, #f3f3f3 20%, #f3f3f3 50%, #f3f3f3 52%, #f3f3f3 100%) !important;
    background: -o-linear-gradient(top, #f3f3f3 20%, #f3f3f3 50%, #f3f3f3 52%, #f3f3f3 100%) !important;
    background: linear-gradient(top, #f3f3f3 20%, #f3f3f3 50%, #f3f3f3 52%, #f3f3f3 100%) !important;

    box-shadow: 0 0 0px white inset, 0 0px 0px rgba(0, 0, 0, 0.0) !important;

}

.form-con


/* termina el cambio de esquinas */

.guardarCalifParcial.btn {
  border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important; margin-left: 2px;
}

 #frmLogin .input-group-addon:first-child{
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#frmLogin .input-group-addon:first-child {
   border-right: 0px solid #000000 !important;
}
#frmLogin .input-group-addon {
    padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--tertiary-color-se) !important; text-align: center;
    background-color: #ffffff !important; border: 1px solid #ffffff !important; border-radius: 30px;
}
.modal-body .input-group-addon {
    padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--tertiary-color-se) !important; text-align: center; border-radius: 30px;
}
#frmLogin .btn-primary, #frmRecoveryPassword #btnRecoveryMail  {
    background-color: var(--main-color-se) !important; border-color: var(--main-color-se) !important; border-radius: 30px !important; padding: 10px 12px;
    -webkit-filter: saturate(0.9);
            filter: saturate(0.9); font-weight: 500 !important; letter-spacing: .5px; margin-top: 35px !important; margin-bottom: 10px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

#frmRecoveryPassword #btnRecoveryMail {margin-top: 20px !important;}

.btn-outline-secondary {
    border-color: solid 1px var(--main-color-se) !important;
}
.btn-outline-dark {
    border-color: solid 1px var(--main-color-se) !important;
}

select[multiple], select[size] {
    height: auto !important;
}


.chosen-container-single .chosen-single div b {
    background-position: 1px 8px !important;

}

.icon-watch {
padding-left: 16px !important;
display: inline-block;
background: url("../../../images/icon-watch.png") no-repeat left center;
background-size: 12px 12px;
}
.lefond { background: url("../../../images/bg-home.svg") no-repeat 180% center;
height: 100%;
background-size: 1198px;
}

.lefond-box { background: url("../../../images/bg-home.svg") no-repeat left center;
height: 100% !important;
width: 60%;
background-size: 1198px;
position: absolute;
right: 0px;
top: 0px;
z-index: 20;
}

.new-wlcm {

position: absolute !important;
top: 30%;
padding-left: 7% !important;
font-size: 16px;
color: #717070 !important;
line-height: 24px;
z-index: 22;
}
.new-wlcm h1 {
font-size: 54px !important;
color: var(--main-color-se) !important;
margin-bottom: 30px !important;
line-height: 57px;
}

.btn-danger {
    background-color: var(--tertiary-color-se) !important;
    border-color: var(--tertiary-color-se) !important;
}
.btn-success {
    background-color: var(--tertiary-color-se) !important;
    border-color: var(--tertiary-color-se) !important;
}

.btn-icon {
    background-color: transparent;
    color: var(--main-color-se) !important;
    border-color: transparent;
}
.btn-icon2 {
    background-color: transparent;
    color: var(--tertiary-color-se) !important;
    border-color: transparent !important;
}
.btn-icon3 {
    background-color: transparent;
    color: var(--secondary-color-se) !important;
    border-color: transparent !important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: white;
    background-color: var(--main-color-se) !important;
    border-color: var(--main-color-se) !important;
    opacity: 0.7 !important;
}
.bootstrap-dialog-footer-buttons .btn:nth-child(2) {
    background-color: var(--main-color-se) !important;
    border-color: var(--main-color-se) !important;
}



.divSubir .btn-default {

background-color: var(--tertiary-color-se) !important;
border-color: var(--tertiary-color-se) !important;

}

.btn:not(.note-btn) {
    border-radius: 30px !important;
}
.btn-default:not(.note-btn) { /* revisar */
color: #ffffff !important;
background-color: var(--main-color-se) !important;
border-color: var(--main-color-se) !important;

}
.btn-default:nth-child:not(.note-btn)(2) {
color: #ffffff !important;
background-color: var(--tertiary-color-se) !important;
border-color: var(--tertiary-color-se) !important;

}

#tabDETAIL .btn-default {
background-color: var(--tertiary-color-se) !important;
border-color: var(--tertiary-color-se) !important;

}

.title-bgdark {
width: 120px;
position: absolute;
font-size: 10px;
font-weight: bold;
background-color: var(--secondary-color-se) !important;
color: #ffffff !important;
border-radius: 4px !important;
}
.chart-demo .window {
    border: 0.1em solid #FF7D4B !important;
}
legend.nolines {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0px solid #e5e5e5 !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    /*border-top: 0px solid #ddd !important;*/
}
.cellsContainer {
    padding-top: 6px;
    padding-bottom: 6px;
}
.col-xs-12, .col-sm-12, .col-md-12 {
    padding-top: 0px !important;
}


/*ch*/
body .select2-container--default .select2-selection--single {
    height: 36px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #868585;
    background-color: #f3f3f3 !important;
    border: 1px solid #f3f3f3 !important;
    border-radius: 18px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
    right: 8px !important;
}
.second-title {
    font-size: 22px !important;
    font-weight: 400 !important;
}
.hr-a  {
  border-top: 1px solid #CBC8C8;
}
 #frmLogin input:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
.alert-warning.nota {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--tertiary-color-se) !important;
    float: right !important;
}
.divTotales.panel {
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .00);
}
/* #nav-container ul {
    padding-left: 0;
    list-style: none;
    background: rgba(0, 0, 0, 0.14);
} ch borrar */
     /* NAV */
#nav-container ul {
    padding-left: 0;
    list-style: none;
    background: rgba(var(--main-color-se), 0.9);
    /*background: var(--main-color-se);*/
}
/* -- aqui concluyen clases nuevas--*/


.right-side > .content-header > .breadcrumb > li > a {
    color: #444;
    text-decoration: none;
}

.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}

.right-side > .content-header > .breadcrumb > li + li:before {
    content: '>\00a0';
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }

    .right-side > .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #efefef;
    }
}

small,
.small {
    font-size: 85%;
}

cite {
    font-style: normal;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-muted {
    color: #999999;
}

.text-primary {
    color: #003f62;
}

a.text-primary:hover {
    color: #15608f;
}

.text-success {
    color: #229173;
}

a.text-success:hover {
    color: #186852;
}

.text-info {
    color: #26929c;
}

a.text-info:hover {
    color: #1c6c73;
}

.text-warning {
    color: #af7f18;
}

a.text-warning:hover {
    color: #825e12;
}

.text-danger {
    color: #b13d31;
}

a.text-danger:hover {
    color: #892f26;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: var(--main-color-se) !important;
}

a.bg-primary:hover {
    background-color: #15608f !important;
}

.bg-success {
    background-color: #f2fcf9;
}

a.bg-success:hover {
    background-color: #c9f2e6;
}

.bg-info {
    background-color: #eef8fc;
}

a.bg-info:hover {
    background-color: #c3e6f4;
}

.bg-warning {
    background-color: floralwhite;
}

a.bg-warning:hover {
    /*background-color: #ffe9bd;*/
    background-color: #edf706;
}

.bg-danger {
    background-color: #fdefee;
}

a.bg-danger:hover {
    background-color: #f8c4c0;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0;
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

    .dl-horizontal dd:before, .dl-horizontal dd:after {
        content: " ";
        display: table;
    }

    .dl-horizontal dd:after {
        clear: both;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #003f62;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #999999;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #003f62;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

blockquote:before,
blockquote:after {
    content: "";
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 2px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: white;
    background-color: #333333;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: whitesmoke;
    border: 1px solid #cccccc;
    border-radius: 2px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    .right-side.strech {
        margin-left: 0;
    }

    .right-side.strech > .content-header {
        margin-top: 0px;
    }

    /* Left side collapse */
    .left-side.collapse-left {
        left: -220px;
    }

}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }

    .right-side.strech {
        margin-left: 0;
    }

    .right-side.strech > .content-header {
        margin-top: 0px;
    }

    /* Left side collapse */
    .left-side.collapse-left {
        left: -220px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

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

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

#majorDisplaySmartPhone{
    display: none;
}

@media (max-width: 402px) {
    .rowprofile {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    #panel-heading-profile{
        height: 115px;
        width: 100%;
        display: table;
        vertical-align: middle
    }

    #usernameHeader{
        font-size: 14px;
        padding-top: 12%;

    }

    #majorDisplaySmartPhone{
        display: block;
    }

    #majorDisplay{
        display: none;
    }

    .top-header .top-nav .nav-right > li > a {
        font-size: 11px;
        color: #fff !important;
    }


    #liNombreUsuario {
        border-bottom: 0px solid #FFF;
    }

    #liEdad {
        border-bottom: 0px solid #FFF;
    }

    #liEmail {
        border-bottom: 0px solid #FFF;
    }

    #liLugarNacimiento {
        border-bottom: 0px solid #FFF;
    }

    #liFechaNacimiento {
        border-bottom: 0px solid #FFF;
    }

    #liGenero {
        border-bottom: 0px solid #FFF;
    }

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 .col-sm1c {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: 0%;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: 0%;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 480px) {
    .col-xsm-1, .col-xsm-2, .col-xsm-3, .col-xsm-4, .col-xsm-5, .col-xsm-6, .col-xsm-7, .col-xsm-8, .col-xsm-9, .col-xsm-10, .col-xsm-11, .col-xsm-12 {
        float: left;
    }

    .col-xsm-1 {
        width: 8.33333%;
    }

    .col-xsm-2 {
        width: 16.66667%;
    }

    .col-xsm-3 {
        width: 25%;
    }

    .col-xsm-4 {
        width: 33.33333%;
    }

    .col-xsm-5 {
        width: 41.66667%;
    }

    .col-xsm-6 {
        width: 50%;
    }

    .col-xsm-7 {
        width: 58.33333%;
    }

    .col-xsm-8 {
        width: 66.66667%;
    }

    .col-xsm-9 {
        width: 75%;
    }

    .col-xsm-10 {
        width: 83.33333%;
    }

    .col-xsm-11 {
        width: 91.66667%;
    }

    .col-xsm-12 {
        width: 100%;
    }

    .col-xsm-pull-0 {
        right: 0%;
    }

    .col-xsm-pull-1 {
        right: 8.33333%;
    }

    .col-xsm-pull-2 {
        right: 16.66667%;
    }

    .col-xsm-pull-3 {
        right: 25%;
    }

    .col-xsm-pull-4 {
        right: 33.33333%;
    }

    .col-xsm-pull-5 {
        right: 41.66667%;
    }

    .col-xsm-pull-6 {
        right: 50%;
    }

    .col-xsm-pull-7 {
        right: 58.33333%;
    }

    .col-xsm-pull-8 {
        right: 66.66667%;
    }

    .col-xsm-pull-9 {
        right: 75%;
    }

    .col-xsm-pull-10 {
        right: 83.33333%;
    }

    .col-xsm-pull-11 {
        right: 91.66667%;
    }

    .col-xsm-pull-12 {
        right: 100%;
    }

    .col-xsm-push-0 {
        left: 0%;
    }

    .col-xsm-push-1 {
        left: 8.33333%;
    }

    .col-xsm-push-2 {
        left: 16.66667%;
    }

    .col-xsm-push-3 {
        left: 25%;
    }

    .col-xsm-push-4 {
        left: 33.33333%;
    }

    .col-xsm-push-5 {
        left: 41.66667%;
    }

    .col-xsm-push-6 {
        left: 50%;
    }

    .col-xsm-push-7 {
        left: 58.33333%;
    }

    .col-xsm-push-8 {
        left: 66.66667%;
    }

    .col-xsm-push-9 {
        left: 75%;
    }

    .col-xsm-push-10 {
        left: 83.33333%;
    }

    .col-xsm-push-11 {
        left: 91.66667%;
    }

    .col-xsm-push-12 {
        left: 100%;
    }

    .col-xsm-offset-0 {
        margin-left: 0%;
    }

    .col-xsm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xsm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-xsm-offset-3 {
        margin-left: 25%;
    }

    .col-xsm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-xsm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-xsm-offset-6 {
        margin-left: 50%;
    }

    .col-xsm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-xsm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-xsm-offset-9 {
        margin-left: 75%;
    }

    .col-xsm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-xsm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-xsm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 .col-sm1c {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333%;
    }

    .col-sm-8 {
        width: 66.66667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: 0%;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-2 {
        right: 16.66667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333%;
    }

    .col-sm-pull-5 {
        right: 41.66667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333%;
    }

    .col-sm-pull-8 {
        right: 66.66667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333%;
    }

    .col-sm-pull-11 {
        right: 91.66667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: 0%;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-2 {
        left: 16.66667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333%;
    }

    .col-sm-push-5 {
        left: 41.66667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.33333%;
    }

    .col-sm-push-8 {
        left: 66.66667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333%;
    }

    .col-sm-push-11 {
        left: 91.66667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.33333%;
    }

    .col-md-8 {
        width: 66.66667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: 0%;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-2 {
        right: 16.66667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333%;
    }

    .col-md-pull-5 {
        right: 41.66667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333%;
    }

    .col-md-pull-8 {
        right: 66.66667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333%;
    }

    .col-md-pull-11 {
        right: 91.66667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: 0%;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-2 {
        left: 16.66667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333%;
    }

    .col-md-push-5 {
        left: 41.66667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.33333%;
    }

    .col-md-push-8 {
        left: 66.66667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333%;
    }

    .col-md-push-11 {
        left: 91.66667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-8 {
        width: 66.66667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: 0%;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-2 {
        right: 16.66667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333%;
    }

    .col-lg-pull-8 {
        right: 66.66667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333%;
    }

    .col-lg-pull-11 {
        right: 91.66667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: 0%;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-2 {
        left: 16.66667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333%;
    }

    .col-lg-push-5 {
        left: 41.66667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-push-8 {
        left: 66.66667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333%;
    }

    .col-lg-push-11 {
        left: 91.66667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

.table {
    width: 100%;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 10px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #111;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #f3f3f3;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff !important; /* ch revisar */
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: whitesmoke;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
    background-color: whitesmoke;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
    background-color: #f2fcf9;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
    background-color: #ddf7ef;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
    background-color: #eef8fc;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
    background-color: #d8eff8;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: floralwhite;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
    background-color: #fff2d7;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
    background-color: #fdefee;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
    background-color: #fadad7;
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
}

input[type="file"] {
    display: block;
}

.btn.btn-file {
    position: relative;
    width: 120px;
    height: 35px;
    overflow: hidden;
}

input[type="file"] {
    width: 100% !important;
    height: auto;
    opacity: 1 !important;
    filter: alpha(opacity=0);
    /*position: absolute;*/
    top: 0px;
    cursor: pointer;
    border: 0px;padding: 0px;
}

.buttonSeleccionar{
    text-align: center;
    background-color: #0066ff;
    color: #fff;
    display: block;
    border-radius: 3px;
    width: 100%;
    height: 25px;
    font-size: 18px;
    float: left;
    line-height: 1.6em;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #767676;
}

.form-control {
    display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #767676; background-color: white; background-image: none; border: 1px solid #cbd5dd; border-radius: 18px !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:before:focus {
    content:""; display: block; position: absolute; height: 100%; width: 3px; background-color: orange;
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
    filter: alpha(opacity=100);
}

textarea.form-control {
    height: auto !important;
    border-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

textarea.form-control.business_hours {

    border-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}


/*textarea.form-control {
    height: 200px !important;
}*/

input[type="search"] {
    -webkit-appearance: none;
}

input[type="date"] {
    line-height: 34px;
}

.form-group {
    margin-bottom: 10px;
}

.radio,
.checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.radio label,
.checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"],
.radio[disabled], fieldset[disabled] .radio,
.radio-inline[disabled], fieldset[disabled] .radio-inline,
.checkbox[disabled], fieldset[disabled] .checkbox,
.checkbox-inline[disabled], fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
    height: auto;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 2px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 10px;
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #229173;
}


.has-success .form-control {    border-color: #229173;
}

.has-success .form-control:focus {
    border-color: #186852;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #45d4ad;
}


.has-success .input-group-addon {
    color: #229173;
    border-color: #229173;
    background-color: #f2fcf9;
}

.has-success .form-control-feedback {
    color: #229173;
    opacity: .0;
    filter: alpha(opacity=0);
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #af7f18;
}

.has-warning .form-control {
    border-color: #af7f18;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #825e12;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6b347;
}

.has-warning .input-group-addon {
    color: #af7f18;
    border-color: #af7f18;
    background-color: floralwhite;
}

.has-warning .form-control-feedback {
    color: #af7f18;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #b13d31;
}

.has-error .form-control {
    border-color: #b13d31;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #892f26;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d87a70;
}

.has-error .input-group-addon {
    color: #b13d31;
    border-color: #b13d31;
    background-color: #fdefee;
}

.has-error .form-control-feedback {
    color: #b13d31;
    opacity: .0;
    filter: alpha(opacity=0);
}

.form-control-static {
    margin-bottom: 0;
}

.help-block {
    display: block;
    margin: 0px;
    font-size: 12px;
}

*[class*="has-"] {
    margin-bottom: 10px !important;
    transition: all ease .1s !important;
}

@media (min-width: 768px) {
    .form-inline .form-group, .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control, .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
        width: 100%;
    }

    .form-inline .control-label, .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio, .navbar-form .radio,
    .form-inline .checkbox,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }

    .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .control-label {
    text-align: left !important;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

.form-horizontal .form-control-static {
    padding-top: 7px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
}

@media (max-width: 360px) {
    .btn {
        padding: 6px 8px;
        transition: 0.5s ease;
    }
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus {
    color: #767676;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.btn-default {
    color: #767676;
    background-color: #fafafa;
    border-color: #ededed;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #767676;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}

.open .btn-default.dropdown-toggle {
    color: #767676;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}

.btn-default:active, .btn-default.active {
    background-image: none;
}

.open .btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fafafa;
    border-color: #ededed;
}

.btn-default .badge {
    color: #fafafa;
    background-color: #767676;
}

.btn-primary {
    color: white;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: white;
    background-color: #176698;
    border-color: #114b70;
}

.open .btn-primary.dropdown-toggle {
    color: white;
    background-color: #176698;
    border-color: #114b70;
}

.btn-primary:active, .btn-primary.active {
    background-image: none;
}

.open .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #003f62;
    border-color: #196fa5;
}

.btn-primary .badge {
    color: #003f62;
    background-color: white;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: white;
    background-color: #146650;
    border-color: #146650;
}

.open .btn-success.dropdown-toggle {
    color: white;
    background-color: #1c8c6e;
    border-color: #146650;
}

.btn-success:active, .btn-success.active {
    background-image: none;
}

.open .btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #23ae89;
    border-color: #1f9978;
}

.btn-success .badge {
    color: #23ae89;
    background-color: white;
}

.btn-info {
    color: white;
    background-color: #2ec1cc;
    border-color: #29adb7;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: white;
    background-color: #26a2ab;
    border-color: #1e7e85;
}

.open .btn-info.dropdown-toggle {
    color: white;
    background-color: #26a2ab;
    border-color: #1e7e85;
}

.btn-info:active, .btn-info.active {
    background-image: none;
}

.open .btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #2ec1cc;
    border-color: #29adb7;
}

.btn-info .badge {
    color: #2ec1cc;
    background-color: white;
}

.btn-warning {
    color: white;
    background-color: #ffb61c;
    border-color: #ffae02;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: white;
    background-color: #f2a400;
    border-color: #c48500;
}

.open .btn-warning.dropdown-toggle {
    color: white;
    background-color: #f2a400;
    border-color: #c48500;
}

.btn-warning:active, .btn-warning.active {
    background-image: none;
}

.open .btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #ffb61c;
    border-color: #ffae02;
}

.btn-warning .badge {
    color: #ffb61c;
    background-color: white;
}

.btn-danger {
    color: white;
    background-color: #e94b3b;
    border-color: #e63624;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: white;
    background-color: #e22c19;
    border-color: #b92415;
}

.open .btn-danger.dropdown-toggle {
    color: white;
    background-color: #e22c19;
    border-color: #b92415;
}

.btn-danger:active, .btn-danger.active {
    background-image: none;
}

.open .btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #e94b3b;
    border-color: #e63624;
}

.btn-danger .badge {
    color: #e94b3b;
    background-color: white;
}

.btn-link {
    color: #333333;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #0d0d0d;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../../bootstrap/glyphicons-halflings-regular.eot");
    src: url("../../bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../../bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../../bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #484848;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block; padding: 5px 20px; padding-left: 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #bbb; white-space: nowrap; transition: all ease .3s;
}

.dropdown-menu > li > a span {font-size: 14px; font-weight: 400; color: #fff; margin-left: 10px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none; color: #bbb !important; background-color: transparent !important;
}

.dropdown-menu > li > a:hover span, .dropdown-menu > li > a:focus span {
    border-bottom: 1px solid #bbb;
}

.dropdown-menu > li > a:hover i, .dropdown-menu > li > a:focus i {
    color: #003f62;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: white;
    text-decoration: none;
    outline: 0;
    background-color: #003f62;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999999;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #999999;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
    outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}
/* aplicacion de :not */
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}





.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.btn-group-vertical > .btn-group:after {
    clear: both;
}

.btn-group-vertical > .btn-group > .btn {
    float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified > .btn-group .btn {
    width: 100%;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none;
}

.input-group {
    position: relative;
    display: table;

}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #767676;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cbd5dd;
    border-radius: 2px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 2px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}


.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  /*border-bottom-right-radius: 18px !important;
  border-top-right-radius: 18px !important;*/
}

/* para los input group*/
.input-group > input.form-control:first-child {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.input-group > input.form-control + .input-group-btn {}
.input-group > input.form-control + .input-group-btn button {border-top-left-radius: 0px !important;  border-bottom-left-radius: 0px !important; box-shadow: none !important;}

.input-group > .input-group-btn:first-child button {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; box-shadow: none !important;}
.input-group > .input-group-btn + input.form-control {border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }

/*jhgjh*/



.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn > .btn {
    position: relative;
}

.input-group-btn > .btn + .btn {
    margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:before, .nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav > li.disabled > a {
    color: #999999;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #999999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #333333;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border: 1px solid #dddddd; background-color: #f7f7f7; border-top: 0px; border-right: 0px; border-left: 0px;
}

.nav-tabs > li {float: left; margin-bottom: -1px; cursor: pointer; }

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border-radius:0px;
}

.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 2px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white;
    background-color: #003f62;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 2px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 2px 2px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #f3f3f3;
    }
}

.tab-content > div[id^="step"] div.row {
    margin:0px; margin-bottom: 20px;
}

.tab-content > div[id^="step"] div.row div[class^="col-"] {
    padding: 0px 5px;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar:before, .navbar:after {
    content: " ";
    display: table;
}

.navbar:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 2px;
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777777;
}

.navbar-default .navbar-nav > li > a {
    color: #777777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

.navbar-default .navbar-link:hover {
    color: #333333;
}

.navbar-inverse {
    background-color: #222222;
    border-color: #090909;
}

.navbar-inverse .navbar-brand {
    color: #999999;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: white;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
    color: #999999;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: white;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999999;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: white;
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #999999;
}

.navbar-inverse .navbar-link:hover {
    color: white;
}

.breadcrumb {padding: 5px 0px !important; list-style: none; background-color: transparent !important; display: inline-block; border-radius: 0px; margin: 0px;}

@media (max-width: 360px) {
    .breadcrumb {
        padding: 2px 10px;
    }

    .breadcrumb li {
        font-size: 12px;
    }
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ddd;
}

.breadcrumb > .active {
    color: white;
}

.breadcrumb > *:last-child, .breadcrumb > *:last-child a { font-weight: 700;}

.breadcrumb i {display: none;}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 2px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333333;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: none;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    display: none;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    color: white;
    background-color: #003f62;
    border-color: #003f62;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 2;
    color: white;
    background-color: #003f62;
    border-color: #003f62;
    cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

.pager:before, .pager:after {
    content: " ";
    display: table;
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #003f62;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999999;
    background-color: #f6f6f6;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label[href]:hover, .label[href]:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: gray;
}

.label-primary {
    background-color: #003f62;
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #15608f;
}

.label-success {
    background-color: #23ae89;
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #1a8468;
}

.label-info {
    background-color: #2ec1cc;
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #259aa2;
}

.label-warning {
    background-color: #ffb61c;
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #e89d00;
}

.label-danger {
    background-color: #e94b3b;
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #d92a18;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover, a.badge:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #333333;
    background-color: white;
}

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}

.container .jumbotron {
    border-radius: 2px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    border: 1px solid #dddddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #767676;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #333333;
}

.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable {
    padding-right: 35px;
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #f2fcf9;
    border-color: #ddf7eb;
    color: #229173;
}

.alert-success hr {
    border-top-color: #c9f2df;
}

.alert-success .alert-link {
    color: #186852;
}

.alert-info {
    background-color: #eef8fc;
    border-color: #d0f2f7;
    color: #26929c;
}

.alert-info hr {
    border-top-color: #baecf3;
}

.alert-info .alert-link {
    color: #1c6c73;
}

.alert-warning {
    background-color: floralwhite;
    border-color: #ffebd7;
    color: #af7f18;
}

.alert-warning hr {
    border-top-color: #ffdebd;
}

.alert-warning .alert-link {
    color: #825e12;
}

.alert-danger {
    background-color: #fdefee;
    border-color: #fad7db;
    color: #b13d31;
}

.alert-danger hr {
    border-top-color: #f8c0c6;
}

.alert-danger .alert-link {
    color: #892f26;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 10px;
    margin-bottom: 20px;
    background-color: whitesmoke;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: white;
    text-align: center;
    background-color: #003f62;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #003f62;
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #2ec1cc;
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #ffb61c;
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #e94b3b;
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media,
.media .media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media > .pull-left {
    margin-right: 10px;
}

.media > .pull-right {
    margin-left: 10px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: white;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.list-group-item > .badge {
    float: right;
}

.list-group-item > .badge + .badge {
    margin-right: 5px;
}

a.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: whitesmoke;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: white;
    background-color: #003f62;
    border-color: #003f62;
}

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
    color: inherit;
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
    color: #b0d9f3;
}

.list-group-item-success {
    color: #229173;
    background-color: #f2fcf9;
}

a.list-group-item-success {
    color: #229173;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #229173;
    background-color: #ddf7ef;
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #229173;
    border-color: #229173;
}

.list-group-item-info {
    color: #26929c;
    background-color: #eef8fc;
}

a.list-group-item-info {
    color: #26929c;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #26929c;
    background-color: #d8eff8;
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #26929c;
    border-color: #26929c;
}

.list-group-item-warning {
    color: #af7f18;
    background-color: floralwhite;
}

a.list-group-item-warning {
    color: #af7f18;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #af7f18;
    background-color: #fff2d7;
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #af7f18;
    border-color: #af7f18;
}

.list-group-item-danger {
    color: #b13d31;
    background-color: #fdefee;
}

a.list-group-item-danger {
    color: #b13d31;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #b13d31;
    background-color: #fadad7;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #b13d31;
    border-color: #b13d31;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #e9e9e9;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 1px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 1px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 1px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 1px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #dddddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px;
    overflow: hidden;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #e9e9e9;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #e9e9e9;
}

.panel-default {
    border-color: #e9e9e9;
}

.panel-default > .panel-heading {
    color: white;
    background-color: #003f62;
    border-color: #e9e9e9;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #e9e9e9;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #e9e9e9;
}

.panel-primary {
    border-color: #003f62;
}

.panel-primary > .panel-heading {
    color: white;
    background-color: #003f62;
    border-color: #003f62;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #003f62;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #003f62;
}

.panel-success {
    border-color: #ddf7eb;
}

.panel-success > .panel-heading {
    color: #229173;
    background-color: #f2fcf9;
    border-color: #ddf7eb;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddf7eb;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ddf7eb;
}

.panel-info {
    border-color: #d0f2f7;
}

.panel-info > .panel-heading {
    color: #26929c;
    background-color: #eef8fc;
    border-color: #d0f2f7;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #d0f2f7;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d0f2f7;
}

.panel-warning {
    border-color: #ffebd7;
}

.panel-warning > .panel-heading {
    color: #af7f18;
    background-color: floralwhite;
    border-color: #ffebd7;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ffebd7;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ffebd7;
}

.panel-danger {
    border-color: #fad7db;
}

.panel-danger > .panel-heading {
    color: #b13d31;
    background-color: #fdefee;
    border-color: #fad7db;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #fad7db;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #fad7db;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: whitesmoke;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 2px;
}

.well-sm {
    padding: 5px;
    border-radius: 2px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    /*overflow-y: scroll;*/
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: white;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: black;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

body .modal .modal-header {
    background-color:/* #707171 !important*/; border-top-left-radius: 4px; border-top-right-radius: 4px;
}

body .modal .modal-header.label-primary:before, .modalEXTRA > *:before {
    content: ""; width: 10px; height: 60px; display: none; position: absolute; left: -7px; top: 0px; background-color: #003f62; box-shadow: -3px -3px 15px 0px rgba(0, 0, 0, 0.41) inset; z-index: -1;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; border-radius: 0px; padding: 5px 10px; color: white;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
    padding: 10px;
}

.modal-body .row {
    margin:0px;
}

.modal-footer {
    text-align: right; border-top: 1px solid #e5e5e5; background-color: #e9e9e9; padding: 5px; margin-top: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: black;
    border-radius: 2px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: black;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: black;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: black;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: black;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: black;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: black;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: black;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: black;
}

.popover {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: white;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #003f62;
    color: white;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);
    bottom: -11px;
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: white;
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: white;
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);
    top: -11px;
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: white;
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: white;
    bottom: -10px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(128, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(128, 0, 0, 0)', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
    outline: none;
    color: white;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid white;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: white;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

#activity {    margin-top: 11px !important; margin-left: 10px !important; }

.clearfix .logo img {
    width: auto; height: 100%;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

body {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

::-moz-selection {
    background: #003f62;
    color: white;
}

::selection {
    background: #003f62;
    color: white;
}

::-moz-selection {
    background: #003f62;
    color: white;
}

span.block {
    display: block;
}

.no-margin {
    margin: 0;
}

.no-border {
    border: 0;
}

.bg-primary {
    background-color: #003f62;
    color: white;
}

.bg-primary-light {
    background-color: #449dd5;
    color: white;
}

.bg-success {
    background-color: #23ae89;
    color: white;
}

.bg-info {
    background-color: #2ec1cc;
    color: white;
}

.bg-warning {
    background-color: #ffb61c;
    color: white;
}

.bg-danger {
    background-color: #8cc63f;
    color: white;
}

.bg-orange {
    background-color: #f98e33;
    color: white;
}

.bg-violet {
    background-color: #6a55c2;
    color: white;
}

.bg-dark {
    background-color: #222533;
    color: white;
}

.bg-bright {
    background-color: #fafafa;
    color: #767676;
}

.bg-reverse {
    background-color: white;
    color: #767676;
}

.bg-facebook {
    background-color: #335397;
    color: white;
}

.bg-twitter {
    background-color: #00c7f7;
    color: white;
}

.bg-google-plus {
    background-color: #df4a32;
    color: white;
}

.gradient-text {
    font-size: 150px;
    font-weight: 300;
    color: #003f62;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-small {
    font-size: 12px;
}

.text-normal {
    font-size: 14px;
}

.text-huge {
    font-size: 72px;
}

.text-large {
    font-size: 50px;
}

.size-h1 {
    font-size: 36px;
}

.size-h2 {
    font-size: 30px;
}

.size-h3 {
    font-size: 24px;
}

.size-h4 {
    font-size: 18px;
}

.text-thin {
    font-weight: 300;
}

.text-ultralight {
    font-weight: 100;
}

.color-primary {
    color: #003f62;
}

.color-success {
    color: #23ae89;
}

.color-info {
    color: #2ec1cc;
}

.color-warning {
    color: #ffb61c;
}

.color-danger {
    color: #e94b3b;
}

.dropcap,
.dropcap-square,
.dropcap-circle {
    display: block;
    float: left;
    font-weight: normal;
    line-height: 36px;
    margin-right: 6px;
    text-shadow: none;
}

.dropcap {
    font-size: 3.1em;
}

.dropcap-square,
.dropcap-circle {
    background-color: #444;
    color: white;
    width: 36px;
    text-align: center;
}

.dropcap-square {
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 2.3em;
}

.dropcap-circle {
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.78em;
}

.dropcap.colored {
    color: #003f62;
}

.dropcap-square.colored,
.dropcap-circle.colored {
    background-color: #003f62;
}

.highlight {
    background-color: #003f62;
    color: white;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px;
}

.divider {
    display: block;
    height: 10px;
}

.divider-sm {
    height: 15px;
}

.divider-md {
    height: 20px;
}

.divider-lg {
    height: 30px;
}

.divider-xl {
    height: 50px;
}

.space {
    display: inline;
    padding: 5px;
}

.space-md {
    padding: 15px;
}

.space-lg {
    padding: 25px;
}

.table-dynamic .table-filters {
    margin: 10px 0;
    padding: 8px;
}

.table-dynamic .filter-result-info {
    padding: 7px;
}

.table-dynamic .table-bordered {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table-dynamic .table-bordered thead th {
    position: relative;
    padding: 0;
}

.table-dynamic .table-bordered thead th > .th {
    position: relative;
    padding: 8px 20px 8px 8px;
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down {
    position: absolute;
    color: #999;
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up:hover,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down:hover {
    color: #003f62;
    cursor: pointer;
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up.active,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down.active {
    color: #003f62;
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up {
    top: 4px;
    right: 5px;
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down {
    top: 18px;
    right: 6px;
}

.table-dynamic .table-footer {
    margin: 10px 0;
    padding: 8px;
}

.table-dynamic .page-num-info span {
    padding: 6px;
}

.table-dynamic .pagination-container ul {
    margin: 0;
}

.table-dynamic .pagination-container ul li:hover {
    cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .table-flip-scroll {
        /* sort out borders */
    }

    .table-flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .table-flip-scroll * html .cf {
        zoom: 1;
    }

    .table-flip-scroll *:first-child + html .cf {
        zoom: 1;
    }

    .table-flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .table-flip-scroll th,
    .table-flip-scroll td {
        margin: 0;
        vertical-align: top;
    }

    .table-flip-scroll th {
        text-align: left;
    }

    .table-flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }

    .table-flip-scroll thead {
        display: block;
        float: left;
    }

    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    .table-flip-scroll thead tr {
        display: block;
    }

    .table-flip-scroll .table > thead > tr > th:first-child {
        border-top: 1px solid #ddd;
    }

    .table-flip-scroll th {
        display: block;
        text-align: right;
    }

    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .table-flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    .table-flip-scroll th {
        border-bottom: 0;
        border-left: 0;
    }

    .table-flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .table-flip-scroll tbody tr {
        border-left: 1px solid #babcbf;
    }

    .table-flip-scroll th:last-child,
    .table-flip-scroll td:last-child {
        border-bottom: 1px solid #babcbf;
    }
}

.ui-radio {
    position: relative;
    margin: 0 20px 10px 20px;
}

.ui-radio input[type="radio"] {
    display: none;
}

.ui-radio input[type="radio"] + span {
    font-weight: normal;
}

.ui-radio input[type="radio"] + span:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
    background: white;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.ui-radio input[type="radio"]:disabled + span:before {
    opacity: .65;
    filter: alpha(opacity=65);
    border: 1px solid #ccc;
    cursor: no-drop;
}

.ui-radio input[type="radio"]:checked + span:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: -15px;
    background-color: #003f62;
    border-radius: 50%;
    display: block;
}

.ui-radio input[type="radio"]:disabled:checked + span:after {
    opacity: .65;
    filter: alpha(opacity=65);
    cursor: no-drop;
    background-color: #ccc;
}

.ui-checkbox {
    position: relative;
    margin: 0 20px 10px 20px;
}

.ui-checkbox input[type="checkbox"] {
    display: none;
}

.ui-checkbox input[type="checkbox"] + span {
    font-weight: normal;
}

.ui-checkbox input[type="checkbox"] + span:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.ui-checkbox input[type="checkbox"]:disabled + span:before {
    opacity: .65;
    filter: alpha(opacity=65);
    border: 1px solid #ccc;
    cursor: no-drop;
}

.ui-checkbox input[type="checkbox"]:checked + span:before {
    background-color: #003f62;
    border: 1px solid #003f62;
}

.ui-checkbox input[type="checkbox"]:checked + span:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: -15px;
    background: url("img/checkmark.png") no-repeat center center;
    background-size: 14px 14px;
    display: block;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:before {
    opacity: .65;
    filter: alpha(opacity=65);
    background-color: #ccc;
    border: 1px solid #ccc;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:after {
    opacity: .65;
    filter: alpha(opacity=65);
    cursor: no-drop;
    background: url("img/checkmark.png") no-repeat center center;
}

.ui-editor .btn-toolbar {
    margin-bottom: 10px;
}

.ui-editor .btn-toolbar .btn {
    font-size: 12px;
}

.ui-editor .btn-toolbar .btn-group {
    margin: 5px;
}

.ui-editor .btn-toolbar .btn-default {
    background-color: #fff;
    color: #767676;
}

.ui-editor #taTextElement {
    overflow: auto;
    min-height: 300px;
}

.ui-datepicker table {
    margin: 0 5px;
}

.ui-datepicker table th,
.ui-datepicker table td {
    padding: 1px;
}

.ui-timepicker td {
    padding: 1px;
}

.ui-rating .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

.ui-rating .fa.fa-star {
    color: #449dd5;
}

.form-control {
    border-width: 1px;
    box-shadow: none;
}

.form-control:focus {
    border-color: #003f62;
    box-shadow: none;
}

.form-group .col-sm-10 {
    position: relative;
}

.form-group .col-sm-10 .icon {
    position: absolute;
    right: 25px;
    top: 10px;
}

input.input-primary {
    border-color: #003f62;
}

input.input-primary:focus {
    border-color: #003f62;
}

input.input-info {
    border-color: #2ec1cc;
}

input.input-info:focus {
    border-color: #2ec1cc;
}

input.input-success {
    border-color: #23ae89;
}

input.input-success:focus {
    border-color: #23ae89;
}

input.input-warning {
    border-color: #ffb61c;
}

input.input-warning:focus {
    border-color: #ffb61c;
}

input.input-danger {
    border-color: #e94b3b;
}

input.input-danger:focus {
    border-color: #e94b3b;
}

.drop-box {
    width: 100%;
    height: 100px;
    padding-top: 40px;
    background: #F8F8F8;
    border: 2px dashed #DDD;
    text-align: center;
    padding-top: 35px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.ui-select {
    position: relative;
}

.ui-select > select {
    margin: 10px 0;
    padding: 10px 15px 10px 10px;
    width: 200px;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #515253;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none;
}

.ui-select:after {
    z-index: 0;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    color: #333;
    width: 0;
    margin-top: -3px;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.ui-spinner {
    max-width: 200px;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn {
    height: 16px;
    margin: 0;
    padding: 0 6px;
    text-align: center;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:first-child {
    border-radius: 0 2px 0 0 !important;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:last-child {
    border-radius: 0 0 2px 0;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn i {
    display: block;
    margin-top: -2px;
}

.switch input {
    display: none;
}

.switch i {
    display: inline-block;
    cursor: pointer;
    padding-right: 25px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    border-radius: 30px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

.switch i:before {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.switch :checked + i {
    padding-right: 0;
    padding-left: 25px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #003f62;
}

.switch.switch-success :checked + i {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #23ae89;
}

.switch.switch-info :checked + i {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #2ec1cc;
}

.switch.switch-warning :checked + i {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #ffb61c;
}

.switch.switch-danger :checked + i {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #e94b3b;
}

.btn-line-default {
    color: #767676;
    background-color: transparent;
    border-color: #ededed;
}

.btn-line-default:hover, .btn-line-default:focus, .btn-line-default:active, .btn-line-default.active {
    color: #767676;
    background-color: #fafafa;
}

.open .btn-line-default.dropdown-toggle {
    color: #767676;
    background-color: #fafafa;
}

.btn-line-primary {
    color: #767676;
    background-color: transparent;
    border-color: #196fa5;
}

.btn-line-primary:hover, .btn-line-primary:focus, .btn-line-primary:active, .btn-line-primary.active {
    color: white;
    background-color: #003f62;
}

.open .btn-line-primary.dropdown-toggle {
    color: white;
    background-color: #003f62;
}

.btn-line-success {
    color: #767676;
    background-color: transparent;
    border-color: #1f9978;
}

.btn-line-success:hover, .btn-line-success:focus, .btn-line-success:active, .btn-line-success.active {
    color: white;
    background-color: #23ae89;
}

.open .btn-line-success.dropdown-toggle {
    color: white;
    background-color: #23ae89;
}

.btn-line-info {
    color: #767676;
    background-color: transparent;
    border-color: #29adb7;
}

.btn-line-info:hover, .btn-line-info:focus, .btn-line-info:active, .btn-line-info.active {
    color: white;
    background-color: #2ec1cc;
}

.open .btn-line-info.dropdown-toggle {
    color: white;
    background-color: #2ec1cc;
}

.btn-line-warning {
    color: #767676;
    background-color: transparent;
    border-color: #ffae02;
}

.btn-line-warning:hover, .btn-line-warning:focus, .btn-line-warning:active, .btn-line-warning.active {
    color: white;
    background-color: #ffb61c;
}

.open .btn-line-warning.dropdown-toggle {
    color: white;
    background-color: #ffb61c;
}

.btn-line-danger {
    color: #767676;
    background-color: transparent;
    border-color: #e63624;
}

.btn-line-danger:hover, .btn-line-danger:focus, .btn-line-danger:active, .btn-line-danger.active {
    color: white;
    background-color: #e94b3b;
}

.open .btn-line-danger.dropdown-toggle {
    color: white;
    background-color: #e94b3b;
}

.btn-w-sm {
    min-width: 100px;
}

.btn-w-md {
    min-width: 120px;
}

.btn-w-lg {
    min-width: 150px;
}

.btn-round {
    border-radius: 30px;
}

.btn-gap {
    margin: 5px;
}

.btn-gap-h {
    margin: 0 5px;
}

.btn-gap-v {
    margin: 0 0 5px;
}

.btn-icon-round {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}

.btn-icon-round:hover {
    color: white;
}

.btn-icon-round-sm {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.btn-icon-round-md {
    height: 45px;
    width: 45px;
    line-height: 45px;
}

.btn-twitter-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    color: white;
    background-color: #00c7f7;
    border-color: #00c7f7;
}

.btn-twitter-round:hover {
    color: white;
    background-color: #00a6ce;
    border-color: #0096ba;
}

.btn-facebook-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: white;
    background-color: #335397;
    border-color: #335397;
}

.btn-facebook-round:hover {
    color: white;
    background-color: #294279;
    border-color: #243a69;
}

.btn-google-plus-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: white;
    background-color: #dd4a38;
    border-color: #dd4a38;
}

.btn-google-plus-round:hover {
    color: white;
    background-color: #ca3522;
    border-color: #b8301f;
}

.btn-twitter {
    color: white;
    background-color: #00c7f7;
    border-color: #00c7f7;
}

.btn-twitter i {
    margin-right: 10px;
}

.btn-twitter:hover {
    color: white;
    background-color: #00a6ce;
    border-color: #0096ba;
}

.btn-facebook {
    color: white;
    background-color: #335397;
    border-color: #335397;
}

.btn-facebook i {
    margin-right: 10px;
}

.btn-facebook:hover {
    color: white;
    background-color: #294279;
    border-color: #243a69;
}

.btn-gplus {
    color: white;
    background-color: #dd4a38;
    border-color: #dd4a38;
}

.btn-gplus i {
    margin-right: 10px;
}

.btn-gplus:hover {
    color: white;
    background-color: #ca3522;
    border-color: #b8301f;
}

/*==========  animations  ==========*/
html {
    overflow: hidden;
}

@-webkit-keyframes fade-up-enter {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }
}

@keyframes fade-up-enter {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes fade-up-leave {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-20px);
    }
}

@keyframes fade-up-leave {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-20px);
    }
}

.animate-fade-up.ng-enter {
    -webkit-animation: 0.35s fade-up-enter;
    animation: 0.35s fade-up-enter;
}

@-webkit-keyframes animate-flip-y-enter {
    0% {
        -webkit-transform: perspective(3000px) rotateY(90deg);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes animate-flip-y-enter {
    0% {
        -webkit-transform: perspective(3000px) rotateY(90deg);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes animate-flip-y-leave {
    0% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    100% {
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@keyframes animate-flip-y-leave {
    0% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    100% {
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.animate-flip-y.ng-enter {
    -webkit-animation: 0.5s animate-flip-y-enter;
    animation: 0.5s animate-flip-y-enter;
}

.animate-flip-y.ng-leave {
    -webkit-animation: 0.5s animate-flip-y-leave;
    animation: 0.5s animate-flip-y-leave;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}

.animate-vertical-slide.ng-hide-add {
    -webkit-animation: 0.35s slideOutUp ease-in-out;
    animation: 0.35s slideOutUp ease-in-out;
}

.animate-vertical-slide.ng-hide-remove {
    -webkit-animation: 0.35s 0.35s slideInDown ease-in-out;
    animation: 0.35s 0.35s slideInDown ease-in-out;
}

.badge-primary {
    background-color: #003f62;
}

.badge-success {
    background-color: #23ae89;
}

.badge-info {
    background-color: #2ec1cc;
}

.badge-warning {
    background-color: #ffb61c;
}

.badge-danger {
    background-color: #e94b3b;
}

.breadcrumb a ,.breadcrumb > * {
    color: #767676 !important;
    font-weight: normal;
    font-size: 12px;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb-alt {
    overflow: hidden;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.breadcrumb-alt > li {
    float: left;
    margin: 0 25px 0 0;
}

.breadcrumb-alt > li > a {
    position: relative;
    float: left;
    background-color: #eeeeee;
    color: #767676;
    font-size: 12px;
    padding: 10px;
}

.breadcrumb-alt > li > a:before {
    position: absolute;
    top: 50%;
    left: -1em;
    margin-top: -1.6em;
    border-color: #eeeeee #eeeeee #eeeeee rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1.5em 0 1.7em 1em;
    content: "";
}

.breadcrumb-alt > li > a:after {
    position: absolute;
    top: 50%;
    right: -1em;
    margin-top: -1.5em;
    border-bottom: 1.5em solid rgba(0, 0, 0, 0);
    border-left: 1em solid #eeeeee;
    border-top: 1.5em solid rgba(0, 0, 0, 0);
    content: "";
}

.breadcrumb-alt > li > a:hover, .breadcrumb-alt > li > a.active {
    text-decoration: none;
    background-color: #003f62;
    color: #fff;
}

.breadcrumb-alt > li > a:hover:before, .breadcrumb-alt > li > a.active:before {
    border-color: #003f62 #003f62 #003f62 rgba(0, 0, 0, 0);
}

.breadcrumb-alt > li > a:hover:after, .breadcrumb-alt > li > a.active:after {
    border-left: 1em solid #003f62;
}

.callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout-success {
    background-color: #f3faf3;
    border-color: #23ae89;
}

.callout-success h4 {
    color: #23ae89;
}

.callout-info {
    background-color: #f4f8fa;
    border-color: #2ec1cc;
}

.callout-info h4 {
    color: #2ec1cc;
}

.callout-warning {
    background-color: #fcf8f2;
    border-color: #ffb61c;
}

.callout-warning h4 {
    color: #ffb61c;
}

.callout-danger {
    background-color: #fdf7f7;
    border-color: #e94b3b;
}

.callout-danger h4 {
    color: #e94b3b;
}

.dropdown-menu {
    box-shadow: none;
}

.dropdown-menu.with-arrow {
    margin-top: 10px;
}

.dropdown-menu.with-arrow:before {
    /*content: " "; position: absolute; left: -5px; width: 5px; height: 30px; top: 0px;*/
}

.dropdown-menu.with-arrow:after {
    content: " "; position: absolute; left: 13px; top: -14px; border: 7px solid transparent; border-bottom: 7px solid #484848;
}

.dropdown-menu.with-arrow.pull-right {
    margin-top: 14px;
    width: 240px;
    background: #f7f7f7;transition: all ease .3s;
}

@media(max-width: 767px) {
    .dropdown-menu.with-arrow.pull-right {margin-top: 25px; background: #333; padding: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 0px; left: -5px; right: -5px; width: auto;}
    .dropdown-menu.with-arrow.pull-right:after {display: none;}
    .dropdown-menu.with-arrow.pull-right li:first-child {float: left; display: block !important; height: auto; padding: 0px; text-align: center; width: auto; border-radius: 50%; overflow: hidden; margin: 0px 20px; }
    .dropdown-menu.with-arrow.pull-right li:first-child .user_img {height: 100px; width: 100px; border-radius: 50%; margin: 5px 0px;}
    .dropdown-menu.with-arrow.pull-right li:first-child ~ li {float: left;width:calc(100% - 140px); margin: 5px 0px;}
    .dropdown-menu.with-arrow.pull-right li:first-child ~ li a * {font-size: 13px;}
    .userBANNER > li:after {transition: all ease .3s;}
    .userBANNER > li.open:after { content: ""; display: block; position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; left: 0px; top: 77px;}
}

@media(max-width: 500px) {
    .dropdown-menu.with-arrow.pull-right li:first-child { margin: 0px 10px;}
}

.dropdown-menu.with-arrow.pull-right:after {
    left: auto;
    right: 7px;
}

.dropdown-menu.with-arrow.panel-default:before {
    border-bottom: 8px solid #e9e9e9;
}

.dropdown-menu.with-arrow.panel-default:after {
    border-bottom: 7px solid #f6f6f6;
}

.dropdown-menu.with-arrow.panel-primary:before {
    border-bottom: 8px solid #003f62;
}

.dropdown-menu.with-arrow.panel-primary:after {
    border-bottom: 7px solid #003f62;
}

.dropdown-menu.with-arrow.panel-success:before {
    border-bottom: 8px solid #ddf7eb;
}

.dropdown-menu.with-arrow.panel-success:after {
    border-bottom: 7px solid #f2fcf9;
}

.dropdown-menu.with-arrow.panel-info:before {
    border-bottom: 8px solid #d0f2f7;
}

.dropdown-menu.with-arrow.panel-info:after {
    border-bottom: 7px solid #eef8fc;
}

.dropdown-menu.with-arrow.panel-warning:before {
    border-bottom: 8px solid #ffebd7;
}

.dropdown-menu.with-arrow.panel-warning:after {
    border-bottom: 7px solid floralwhite;
}

.dropdown-menu.with-arrow.panel-danger:before {
    border-bottom: 8px solid #fad7db;
}

.dropdown-menu.with-arrow.panel-danger:after {
    border-bottom: 7px solid #fdefee;
}

.round-icon {
    display: block;
    text-align: center;
}

.round-icon.sm {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 35px;
}

img.img30_30 {
       width: 25px;
    height: auto;
    border: 1px solid #2d2d2d;
    margin-right: 5px;
    margin-top: 1px;
}

img.img64_64 {
    width: 64px;
    height: 64px;
}

img.img80_80 {
    width: 80px;
    height: 80px;
}

.list-unstyled.list-info {
    padding-left: 30px;
}

.label {
    padding: .5em .8em;
}

.label-info-alt {
    background: #6a55c2;
}

.list-group-item {
    padding: 15px;
    border: 1px solid #eff2f7;
}

.list-info li {
    padding: 0px; float: left;width: 100%;
}

.list-info li:last-child {
    border-bottom: none;
}
.list-info li[id^="li"] * {margin: 0px;}

.list-info li .icon {
    margin-right: 15px; font-size: 18px; color: var(--tertiary-color-se);
}

.list-info li label {float: left;width: auto !important;}

.list-info li[id^="li"] + li {margin-bottom: 15px;}

.mail-categories .list-group .list-group-item {
    padding: 0;
}

.mail-categories .list-group .list-group-item.active > a {
    border-left: 3px solid #003f62;
    color: #003f62;
    background-color: #fafafa;
}

.mail-categories .list-group .list-group-item > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.mail-categories .list-group .list-group-item > a:hover {
    border-left: 3px solid #003f62;
    color: #003f62;
    background-color: #fafafa;
}

.mail-categories .list-group .list-group-item > a > i {
    font-size: 16px;
    width: 18px;
    margin-right: 5px;
}

.mail-categories .list-group .list-group-item > a > i.fa-circle {
    font-size: 14px;
}

.mail-container .mail-options {
    padding: 12px;
}

.mail-container .table {
    margin-bottom: 0;
    border-top: 1px solid #dddddd;
}

.mail-container .table tr:hover {
    cursor: pointer;
}

.mail-container .table tr > td {
    padding: 12px;
}

.mail-container .table tr > td > .fa-star {
    color: #ccc;
}

.mail-container .table tr > td > .fa-star.active {
    color: #e94b3b;
}

.mail-container .table label.ui-checkbox {
    margin-bottom: 0;
}

.mail-container .table .mail-unread {
    font-weight: bold;
    color: #333333;
}

.mail-container .table .mail-hightlight td {
    background-color: floralwhite;
}

.mail-container .mail-header {
    padding: 15px 0;
}

.mail-container .mail-header h3 {
    margin-top: 0;
}

.mail-container .mail-info {
    padding: 10px 15px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.mail-container .mail-info .col-md-8,
.mail-container .mail-info .col-md-4 {
    padding: 0;
}

.mail-container .mail-content {
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
}

.mail-container .mail-attachments {
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
}

.mail-container .mail-attachments .list-attachs img {
    max-width: 200px;
    max-height: 200px;
}

.mail-container .mail-actions {
    margin-top: 10px;
}

.mail-compose .form-group > input {
    border: none;
}

.mail-compose .form-group > input:focus {
    border: none;
}

.mail-compose .mail-actions {
    margin-top: 10px;
}

.panel .panel-heading {
    text-transform: uppercase;
}

.panel .panel-title {
    font-size: 14px;
}

.panel-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
}

.panel-box .panel-item {
    display: table-cell;
    padding: 30px;
    width: 1%;
    vertical-align: top;
    border-radius: 0;
}

.panel-box .panel-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.panel-box .panel-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel-box.info-box i {
    line-height: 70px;
}

.panel-box .panel-top,
.panel-box .panel-bottom {
    display: block;
}

.panel-box .panel-top {
    padding: 30px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.panel-box .panel-bottom {
    padding: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel-box .panel-bottom p {
    margin: 0;
}

.panel-box .list-justified-container {
    padding: 15px 0;
}

.panel-box ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
}

.panel-box ul.list-justified > li {
    float: none;
    display: table-cell;
    padding: 10px;
    width: 1%;
    border-right: 1px solid #eeeeee;
}

.panel-box ul.list-justified > li:last-child {
    border: none;
}

.panel-box ul.list-justified > li p {
    margin: 0;
}

.panel-box .panel-icon {
    display: block;
    margin: -75px auto 0;
    padding: 28px 35px 35px;
    border-radius: 50%;
    border: 10px solid white;
    width: 150px;
    height: 150px;
    line-height: 80px;
    text-align: center;
    font-size: 58px;
    text-shadow: -6px 8px 5px rgba(0, 0, 0, 0.3);
}

.mini-box {
    min-height: 105px;
    padding: 20px;
}

.mini-box .box-icon {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
    vertical-align: middle;
    text-align: center;
    font-size: 35px;
}

.mini-box .box-info p {
    margin: 0;
}

.panel-profile {
    border: none;
}
#panel-heading-profile {position: relative;}
#panel-heading-profile > * {float: left;width: auto;}
.panel-profile .profile {width: 100px !important; height: 100px !important; margin: 10px 20px !important;border: 0px;}
.panel-profile .profile img {height: 100%; width: auto;}
#panel-heading-profile > h3,.info_curso {width: calc(100% - 140px);}
.info_curso > div {}
.info_curso * > label {line-height: 26px;margin:0px;}
.info_curso * > label + label {margin-left: 20px;}

#panel-heading-profile > a:last-child {display: none; position: absolute; height: calc(100% - 20px); right: 10px; top: 10px; width: 120px; background: #f7f7f7; border-radius: 2px; padding: 10px;}
#panel-heading-profile > a:last-child i {}
#panel-heading-profile > a:last-child span {}

.panel-profile .profile {
    margin: 5px 15px 5px 5px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--tertiary-color-se), 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.panel-profile .profile1 {
    margin: 5px 15px 5px 5px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #dff0d8, 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.panel-profile .profile img {
    border-radius: 50%;
}

.panel-profile .list-group > li > i {
    margin-right: 10px;
    font-size: 16px;
    color: #999999;
    table-layout: fixed;
}

.panel-profile .list-justified-container {
    padding: 15px 0;
}

.panel-profile ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
}

.panel-profile ul.list-justified > li {
    float: none;
    display: table-cell;
    padding: 10px;
    width: 1%;
    border-right: 1px solid #eeeeee;
}

.panel-profile ul.list-justified > li:last-child {
    border: none;
}

.panel-profile ul.list-justified > li p {
    margin: 0;
}

.flags-sprite, .flags-american, .flags-china, .flags-france, .flags-german, .flags-italy, .flags-japan, .flags-korea, .flags-portugal, .flags-russia, .flags-spain {
    background: url('ui/images/flags-s360b763ee1.png') no-repeat;
}

.flags-american {
    background-position: 0 -21px;
    height: 21px;
    width: 32px;
}

.flags-china {
    background-position: 0 -42px;
    height: 21px;
    width: 32px;
}

.flags-france {
    background-position: 0 -126px;
    height: 21px;
    width: 32px;
}

.flags-german {
    background-position: 0 -168px;
    height: 21px;
    width: 32px;
}

.flags-italy {
    background-position: 0 -147px;
    height: 21px;
    width: 32px;
}

.flags-japan {
    background-position: 0 -63px;
    height: 21px;
    width: 32px;
}

.flags-korea {
    background-position: 0 0;
    height: 21px;
    width: 32px;
}

.flags-portugal {
    background-position: 0 -105px;
    height: 21px;
    width: 32px;
}

.flags-russia {
    background-position: 0 -189px;
    height: 21px;
    width: 32px;
}

.flags-spain {
    background-position: 0 -84px;
    height: 21px;
    width: 32px;
}

.ui-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.ui-timeline:before {
    background-color: #d5d5d5;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    top: 30px;
    width: 1px;
    z-index: 0;
}

.ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px;
}

.ui-timeline .tl-item:before {
    content: "";
    display: block;
    width: 50%;
}

.ui-timeline .tl-item .tl-caption {
    width: 150px;
    margin-left: -110px;
}

.ui-timeline .tl-item.alt {
    text-align: right;
}

.ui-timeline .tl-item.alt:before {
    display: none;
}

.ui-timeline .tl-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.ui-timeline .tl-item.alt .tl-body .tl-entry {
    margin: 0 35px 15px 0;
}

.ui-timeline .tl-item.alt .tl-body .tl-time {
    right: -220px;
    left: auto;
    text-align: left;
}

.ui-timeline .tl-item.alt .tl-body .tl-icon {
    right: -53px;
    left: auto;
}

.ui-timeline .tl-item.alt .tl-body .tl-content:after {
    right: -16px;
    left: auto;
    border: 8px solid transparent;
    border-left: 8px solid white;
}

.ui-timeline .tl-item .tl-body {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.ui-timeline .tl-item .tl-body .tl-entry {
    position: relative;
    margin: 0 0 15px 36px;
}

.ui-timeline .tl-item .tl-body .tl-time {
    position: absolute;
    left: -220px;
    top: 5px;
    width: 150px;
    line-height: 35px;
    text-align: right;
}

.ui-timeline .tl-item .tl-body .tl-icon {
    position: absolute;
    left: -53px;
    top: 5px;
}

.ui-timeline .tl-item .tl-body .tl-content {
    position: relative;
    padding: 15px;
    border-radius: 2px;
    background-color: white;
}

.ui-timeline .tl-item .tl-body .tl-content:after {
    content: " ";
    line-height: 0;
    position: absolute;
    left: -16px;
    top: 15px;
    border: 8px solid transparent;
    border-right: 8px solid white;
}

.ui-accordion .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #e9e9e9;
}

.ui-accordion .panel {
    border: 1px solid #e9e9e9;
}

.ui-accordion .panel-heading {
    padding: 0;
    background-color: #f6f6f6;
}

.ui-accordion .panel-heading .panel-title > a {
    display: block;
    padding: 15px;
    font-size: 14px;
}

.ui-accordion .panel-heading .panel-title > a:hover {
    cursor: pointer;
    text-decoration: none;
}

.pagination > li > a {    border: 1px solid #cccccc !important; margin-left: 1px !important; padding: 2px 9px !important; cursor: pointer !important; border-radius: 4px;}
.pagination > .active > a {background: var(--main-color-se)!important; color: #fff !important; border-color: var(--main-color-se)!important; }


.pagination > li > a,
.pagination > li > span {
    color: #003f62 !important;
}

.progress {
    border-radius: 50px; box-shadow: none; background-color: rgb(72, 72, 72); position: absolute; top: 19px; width: 100%; height: 6px !important;
}

.progress-bar {
    box-shadow: none;
}

.progressbar-xs {
    height: 10px;
}

.ui-tab-container {
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}

.ui-tab-container .ui-tab .nav-tabs {
    margin-bottom: 0;
}

.ui-tab-container .nav-tabs {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e9e9e9;
}

.ui-tab-container .nav-tabs.nav-justified {
    border-bottom: 0;
}

.ui-tab-container .nav-tabs.nav-justified > li > a {
    border-bottom-color: transparent;
}

.ui-tab-container .nav-tabs > li.active > a {
    background-color: white;
    border: 1px solid transparent;
}

.ui-tab-container .nav-tabs > li.active > a:hover {
    border: 1px solid transparent;
}

.ui-tab-container .nav-tabs > li > a {
    padding: 10px 15px;
}

.ui-tab-container .nav-tabs > li > a:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.ui-tab-container .tab-content {
    padding: 15px;
}

.ui-tab .nav-tabs {
    margin-bottom: 15px;
}

.ui-tab .nav-tabs.nav-justified > li.active > a {
    border-bottom-color: transparent;
}

.ui-tab .nav-tabs > li.active > a {
    background-color: white;
}

.ui-tab .nav-tabs a:hover {
    cursor: pointer;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 100% !important;
    height: 4px;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    width: 100%;
    margin-top: -1px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -15px;
    margin-top: -15px;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 2px 2px 2px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider.slider-vertical {
    height: 210px;
    width: 4px;
}

.slider.slider-vertical .slider-track {
    width: 2px;
    height: 100%;
    margin-left: -1px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-handle {
    margin-left: -15px;
    margin-top: -15px;
}

.slider.slider-vertical .slider-handle.triangle {
    border-width: 2px 0 2px 2px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider.slider-disabled .slider-handle {
    pointer-events: none;
    background-color: #f5f5f5;
}

.slider.slider-disabled .slider-track {
    opacity: 0.65;
    filter: alpha(opacity=65);
    cursor: not-allowed;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #eeeeee;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.slider-selection {
    position: absolute;
    background-color: #003f62;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-radius: 2px;
}

.slider-handle {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.slider-handle.round {
    border-radius: 50%;
}

.slider-handle.triangle {
    background: transparent none;
}

table.responsive {
    border: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th, .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable {
        margin-left: 35%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }
}

.easypiechart {
    display: inline-block;
    position: relative;
    width: 180px;
    height: 180px;
    text-align: center;
    margin: 5px auto;
}

.easypiechart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.easypiechart .pie-percent {
    display: inline-block;
    line-height: 180px;
    font-size: 40px;
    font-weight: 300;
    color: #333;
}

.easypiechart .pie-percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .6em;
}

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #ffffff;
}

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999
    /*overrides*/
}

#toast-container * {
    box-sizing: border-box;
}

#toast-container > div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container > :hover {
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto;
}

.toast {
    background-color: #333333;
}

.toast-success {
    background-color: #1c8c6e;
}

.toast-error {
    background-color: #e22c19;
}

.toast-info {
    background-color: #26a2ab;
}

.toast-warning {
    background-color: #f2a400;
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

.jqstooltip {
    box-sizing: content-box;
}

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}

/*
    Wizard
*/
.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard > .steps > ul > li {
    width: 100%;
}

@media (min-width: 600px) {
    .wizard > .steps > ul > li {
        width: 25%;
    }
}

.wizard.vertical > .steps {
    display: block;
    width: 100%;
}

@media (min-width: 600px) {
    .wizard.vertical > .steps {
        display: inline;
        float: left;
        width: 30%;
    }
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}

.wizard.vertical > .content {
    width: 100%;
}

@media (min-width: 600px) {
    .wizard.vertical > .content {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 65%;
    }
}

.wizard > .steps .number {
    font-size: 1.429em;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
    float: left;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: #003f62;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background: #003f62;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
    background: #e94b3b;
    color: #fff;
}

.wizard > .content {
    background-color: #eee;
    display: block;
    margin: 0.5em;
    min-height: 25em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: 5px;
}

.wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul {
    list-style: disc !important;
}

.wizard > .content > .body ul > li {
    display: list-item;
}

.wizard > .content > .body > iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input {
    display: block;
    border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"] {
    display: inline-block;
}

.wizard > .content > .body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li {
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: #003f62;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

/*
    Tabcontrol
*/
.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul {
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
    display: list-item;
}

.non-display {
    display: none;
}

.page {
    padding: 40px 20px; padding-right: 10px;
}

div.page > .row {
    border-left: 0px solid #D8d8d8; margin:0px !important; padding: 0px; position: relative; padding: 10px 20px; float: left;width: 100%
}

div.page > .row:before { display:none; content: ""; width: 2px; height: 120px; position: absolute; left: -3px; top: 0px; background: #72b51e;}

div.page > .row >.bgheader {
    margin: 0px; text-transform: capitalize;
}

.page-form-ele h3 {
    margin: 0;
}

.page-err {
    width: 100%;
    height: 100%;
    background-color: #1f8dd1;
}

.page-err .err-status {
    background-color: #f3f3f3;
}

.page-err .err-status h1 {
    margin: 100px 0 -45px;
    color: #003f62;
    font-size: 200px;
}

.page-err .err-message {
    background-color: #003f62;
    padding: 24px;
    text-transform: uppercase;
}

.page-err .err-message h2 {
    font-size: 50px;
    color: white;
    font-weight: 300;
}

.page-err .err-body {
    padding: 100px 10px 20px;
}

.page-err .btn-goback {
    color: white;
    background-color: transparent;
    border-color: white;
}

.page-err .btn-goback:hover, .page-err .btn-goback:focus, .page-err .btn-goback:active, .page-err .btn-goback.active {
    color: #1f8dd1;
    background-color: white;
}

.open .page-err .btn-goback.dropdown-toggle {
    color: #1f8dd1;
    background-color: white;
}

.page-lock .lock-centered {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -65px;
}

@media screen and (min-width: 768px) {
    .page-lock .lock-centered {
        margin-top: -75px;
    }

}

@media (max-width: 700px ) {
    .page {
        padding: 5px;
    }

    .page .container {
        padding: 0px 5px;
    }
}

.page-lock .lock-container {
    position: relative;
    max-width: 420px;
    margin: 0 auto;
}

.page-lock .lock-box {
    position: absolute;
    left: 0;
    right: 0;
}

.page-lock .lock-box .lock-user {
    background: white;
    width: 50%;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    padding: 0 20px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #003f62;
}

.page-lock .lock-box .lock-img img {
    position: absolute;
    border-radius: 50%;
    left: 40%;
    width: 80px;
    height: 80px;
    border: 6px solid white;
    background: white;
}

@media screen and (min-width: 768px) {
    .page-lock .lock-box .lock-img img {
        left: 33%;
        width: 150px;
        height: 150px;
        border: 10px solid white;
    }
}

.page-lock .lock-box .lock-pwd {
    background: white;
    width: 50%;
    float: right;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 50px;
    margin-top: 50px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #003f62;
}

@media screen and (min-width: 768px) {
    .page-lock .lock-box .lock-pwd {
        padding: 0 0 0 80px;
    }
}

.page-lock .lock-box .lock-pwd input {
    width: 80%;
    height: 50px;
    color: #555555;
    border: 0;
}

.page-lock .lock-box .lock-pwd .btn-submit {
    position: absolute;
    top: 50%;
    right: 20px;
}

.page-tasks .task-list .view {
    display: block;
}

.page-tasks .task-list .edit {
    display: none;
}

.page-tasks .task-list li.editing .view {
    display: none;
}

.page-tasks .task-list li.editing .edit {
    display: block;
}

.page-tasks .add-task {
    position: relative;
}

.page-tasks .add-task input {
    height: 44px;
    padding: 6px 12px 6px 40px;
}

.page-tasks .add-task a.submit-button {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #999999;
}

.page-tasks label {
    font-weight: normal;
}

.page-tasks .filters {
    margin: 15px 0;
}

.page-tasks .nav-tabs > li.active > a,
.page-tasks .nav-tabs > li.active > a:hover,
.page-tasks .nav-tabs > li.active > a:focus {
    background-color: #f3f3f3;
}

.page-tasks .task-list .view {
    position: relative;
    margin-bottom: 10px;
    padding: 0 12px 0 40px;
    border-radius: 4px;
    background-color: white;
}

.page-tasks .task-list .view:hover .glyphicon-pencil,
.page-tasks .task-list .view:hover .glyphicon-remove {
    display: block;
}

.page-tasks .task-list .view input[type="checkbox"] {
    position: absolute;
    top: 11px;
    left: 16px;
}

.page-tasks .task-list .view label {
    line-height: 20px;
    margin: 0;
    width: 100%;
    padding: 12px 0 12px;
}

.page-tasks .task-list .view .glyphicon-pencil,
.page-tasks .task-list .view .glyphicon-remove {
    display: none;
    position: absolute;
    top: 14px;
    color: #999999;
    transition: all 0.2s ease-in-out;
}

.page-tasks .task-list .view .glyphicon-pencil:hover,
.page-tasks .task-list .view .glyphicon-remove:hover {
    cursor: pointer;
    color: #333333;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.page-tasks .task-list .view .glyphicon-pencil {
    right: 40px;
}

.page-tasks .task-list .view .glyphicon-remove {
    right: 16px;
}

.page-tasks .task-list .completed .view label {
    color: #999999;
    text-decoration: line-through;
}

.page-tasks .task-list input.edit {
    margin-bottom: 10px;
    height: 44px;
    padding: 6px 12px 6px 40px;
}

.page-tasks .task-footer {
    margin: 15px 0;
    border-top: 4px double #e2e2e2;
    padding: 12px;
}

.page-tasks .task-footer .list-inline > li {
    float: left;
    width: 30%;
}

.page-tasks .task-footer .list-inline > li.first-item {
    width: 40%;
}

.page-tasks .task-footer .clear-completed {
    color: #999999;
    border-radius: 4px;
    transition: color, 0.2s ease-in-out;
}

.page-tasks .task-footer .clear-completed:hover {
    cursor: pointer;
    color: #767676;
}

.page-tasks .tips h3 {
    margin-top: 0;
}

.page-signin .signin-header,
.page-signup .signin-header {
    padding: 25px 0;
    background-color: #dfe0e6;
    background-position: center;
    background-repeat: no-repeat;
}

.page-signin .logo,
.page-signup .logo {
    font-size: 46px;
    font-weight: bold;
}

.page-signin .logo a:hover,
.page-signup .logo a:hover {
    text-decoration: none;
}

.page-signin .signin-body,
.page-signin .signup-body,
.page-signup .signin-body,
.page-signup .signup-body {
    border-top: /*1px solid #f8f8f8*/;
    padding: 20px 10px;
}

.page-signin .form-container,
.page-signup .form-container {
    max-width: 360px;
    margin: 10px auto;
}

.page-signin .line-thru,
.page-signup .line-thru {
    margin: 1em 0;
    display: block;
    font-size: .875em;
    font-weight: bold;
    margin-bottom: 1em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.page-signin .line-thru:before,
.page-signup .line-thru:before {
    width: 50px;
    height: 10px;
    background-color: #f3f3f3;
    content: '';
    margin: -5px 0 0 -20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.page-signin .line-thru:after,
.page-signup .line-thru:after {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    content: '';
    display: block;
    position: absolute;
    top: 49%;
    z-index: -2;
}

.page-profile img.media-object {
    -o-border-radius: 4px;
    border-radius: 4px;
}

.page-icons .bs-glyphicons {
    overflow: hidden;
}

.page-icons .bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #f9f9f9;
}

.page-icons .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.page-icons .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.page-icons .bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

.weather-icon-list {
    text-align: center;
}

.weather-icon-list .example {
    text-align: center;
    margin: 10px 3px;
}

.weather-icon-list .example .icon {
    font-size: 24px;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .bs-glyphicons li {
        width: 12.5%;
    }
}

.page-grid .grid-structure .row {
    margin-top: 10px;
}

.page-grid .grid-structure .row .widget-container {
    margin-top: 5px;
    background: #eee;
    padding: 10px 15px 12px;
    min-height: 0;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.page-form-ele .list-checkbox-radio li:nth-child(even) {
    margin-bottom: 20px;
}

.page-form-ele .list-checkbox-radio li > div {
    float: left;
    margin-right: 10px;
}

.demoslider-container {
    max-width: 600px;
    margin: auto;
}

#nav-container {
    z-index: 100;
    position: absolute;
    top: 0px;
    /*top: 50px;*/
    bottom: 0;
    left: -237px;
    width: 237px;
    padding: 0;
    background: transparent;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }

#nav-container:before {content: "";}

@media (min-width: 768px) {
    #nav-container {
        left: 0;
    }
}
/* color lateral */
#nav-container ul {
    padding-left: 0;
    list-style: none;
    background-color: rgba(var(--main-color-nav), var(--alpha));
}

#nav-container ul:before {}

#activity:hover i {
    color: #484848; transition: all ease .3s;
}

#nav-wrapper {
    width: 100%; height: 100%;
}

#nav {
    padding: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    padding-top:37px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}

#nav > li > a > i,
#nav > li > a > .nav-icon {
    display: inline;
    margin-right: 6px;
    line-height: 1;
}

#nav a {
    color: #bbb;
}

#nav a:hover {
    text-decoration: none; cursor: pointer;
}

#nav > li {
    position: relative;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

#nav > li.open > a, #nav > li.active > a, #nav > li:hover > a {
    background-color: rgba(0, 0, 0, 0.09);
}

#nav > li.open > a > i:before, #nav > li.active > a > i:before, #nav > li:hover > a > i:before {
    color: white;
}

#nav > li.open > a > i .icon-bg, #nav > li.active > a > i .icon-bg, #nav > li:hover > a > i .icon-bg {
    left: -46px; /*ch revisas*/
}

#nav > li:first-child > a {
    border-top: 0;
}

#nav > li:first-child > a i:select:after .icon-bg {
    left: 0px;
}

#nav > li > a {position: relative; display: block; height: auto; min-height: 40px; padding: 10px 10px; border: 0px !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; color: #fafafa; font-weight: 600; padding-left: 60px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

#nav > li > a > i {display: block; float: left; height: 100%; border: 0px !important; margin-right: 10px; font-size: 20px; POSITION: absolute; left: 0px; text-align: center; width: 50px; margin: 0px; top: 0px; line-height: 41px; }

#nav > li > a > i:before {
    position: relative;
    z-index: 1;
}

#nav > li > a > i .icon-bg {
    position: absolute;
    z-index: 0;
    height: 100%;
    left: -50px;
    width: 100%;
    top: 0;
    bottom: 0;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    margin-top: 10px;
    background: var(--tertiary-color-se) !important;
    z-index: 1; /* ch revisar*/
    margin: 0px !important;}


body.nav-min #nav > li > a {padding: 10px;}
body.nav-min #nav > li > a > i .icon-bg {display: none;}
/*body.nav-min #nav-container ul {background: transparent}*/

#nav .menuList .icon-bg, #nav .menuList.open:hover .icon-bg {background-color: var(--tertiary-color-se) !important;background:transparent;}

#nav > li > a > .badge {
    position: absolute;
    top: 16px;
    right: 5px;
}

#nav > li > .icon-has-ul {position: absolute; top: 12px; right: 12px; color: #ffffff; z-index: 2; font-size: 18px; height: auto; margin: 0px !important; text-shadow: 0px 0px 5px #ffffffa6;}

#nav ul {  background: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 0.2)),to(transparent)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2),transparent); background: -o-linear-gradient(rgba(0, 0, 0, 0.2),transparent); background: linear-gradient(rgba(0, 0, 0, 0.2),transparent); display: none; padding-bottom: 40px;}

#nav ul a {
    font-size: 13px;
}

#nav ul li {
    position: relative;
    padding: 0;
}

#nav ul li:hover a, #nav ul li.active a {
    background-color: rgb(84, 84, 84);
}

#nav ul li:last-child > a {
    border-bottom: 0;
}

#nav ul li > a {
    position: relative;
    display: block;
    padding: 7px 10px;
    transition: all 0.2s ease-in-out;
    color: #fff; padding-left: 62px;
    font-size: 14px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-weight: 100;
}
#nav ul li > a > span {display: block;transition: all ease .3s;}

#nav ul li > a:hover > span {transform: translateX(5px);}

#nav ul li > a:first-child {
    border-top: none; background: transparent;
}

#nav ul li > a i.fa-caret-right {margin-right: 36px; margin-left: 12px; opacity: 0; display: none; }

#nav ul li > a > .badge {
    position: absolute;
    right: 5px;
    top: 12px;
}

.on-canvas #nav-container {
    left: 0;
    z-index: 9999;
}

/*.on-canvas .top-header .top-nav {
    margin-left: 220px;
}*/

@media (min-width: 768px) {
    .on-canvas .top-header .top-nav {
        margin-left: 0;
    }
}

/*.on-canvas #content {
    left: 220px;
}*/

@media (min-width: 768px) {
    .nav-min #nav-container {
        width: 50px; /* aumente de 48 a 50 */
        top: 0 !important;
    }

    .nav-min #content {
        left: 50px;
    }

    .nav-min .slimScrollDiv {
        overflow: visible !important;
    }

    .nav-min #nav {
        overflow: visible !important;
        padding-top: 37px;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
    }

    .nav-min #nav > li {
        width: 50px;
    }

    .nav-min #nav > li.Quickpay_div {border:0;}

    .nav-min #nav > li > a > i:before {
        color: white;
    }

    .nav-min #nav > li > a > i > .icon-bg {
        left: 0;
    }

    .nav-min #nav > li > a > span {
        display: none;
    }

    .nav-min #nav > li .icon-has-ul {
        display: none;
    }

    .nav-min #nav > li > ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        box-shadow: 0px 10px 34px -10px rgba(0, 0, 0, 0.2) inset;
        margin-top: 2px;
        margin-left: 0px;
        background: rgba(0, 0, 0, 0.5);
    }

    .nav-min #nav > li:hover > ul, .nav-min #nav > li.open > ul {
        display: block !important;
    }
}

.nav-min .menuList:hover > span {
    width: 182px; text-align: center;
}

.nav-min #nav > li:hover > ul.sub-nav {
    margin-top: 40px !important;
    width: 180px !important;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    text-align: center;
    background:#424242a1s;
}

.nav-min .sub-nav i {
    display: none;
}

/* AJUSTES AL NAV */

#nav .menuList {position: relative;}

#nav .menuList > i:before { content: "add"; }

#nav .menuList.open > i:before {content: "remove";}

#nav .menuList.open > i , .menuList.open > a, #nav ul li > a:hover span {}

#nav .menuList:before {content: ""; position: absolute; left: 0px; top: 0px; height: 0px; width: 4px; background: -webkit-gradient(linear, left top, left bottom, from(var(--tertiary-color-se) ), to(transparent)); background: -webkit-linear-gradient(var(--tertiary-color-se) , transparent); background: -o-linear-gradient(var(--tertiary-color-se)   , transparent); background: linear-gradient(var(--tertiary-color-se)    , transparent); -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}

#nav .menuList.open:before {height: calc(100% - 30px);}

/* FIN AJUSTES AL NAV */

/*.top-header {
    z-index: 101;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: white;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4);
}*/

.top-header {
    z-index: 101;
    position: absolute;
    top: 0;
    left: 237;
    right: 0;
    height: 100px;
    background-color: white;
    box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.2);
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.nav-min .top-header {

    left: 50;
}

@media (min-width: 768px) {
    .top-header {
        height: 50px;
    }
}

.top-header a:hover {
    text-decoration: none;
}

.top-header .hidden-mobile {
    display: none;
}

@media (min-width: 480px) {
    .top-header .hidden-mobile {
        display: inline;
    }
}

.top-header .toggle-min { display: none; z-index: 11; position: absolute; left: 0px; top: 0px; line-height: 0px; color: var(--tertiary-color-se); border: 0px; width: 50px; height: 50px; font-size: 20px; text-align: center; padding: 15px 5px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;}

.top-header .toggle-min:hover {-webkit-filter: brightness(.85);filter: brightness(.85);}

@media (min-width: 768px) {
    .top-header .toggle-min {
        display: block;
    }
}

.top-header .logo {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.top-header .logo > *:last-child {
    display: none;
}
.top-header .logo > *:nth-child(2) {
    display: none;
}

.nav-min .top-header .logo {width: 50px; left: -50px; padding: 5px !important; }

.nav-min .top-header .logo > *:first-child {
    display: none;
}

.nav-min .top-header .logo > *:last-child  {display: block; width: auto !important; left: 0px !important; max-width: 50px !important; text-align: center; }

@media (min-width: 768px) {
    .top-header .logo {display: inline-block; width: 237px; left: -237px; padding: 5px;} 
}

/*@media (max-width: 550px) {
    .top-header .logo > *:first-child {
        display: none;
    }

    .top-header .logo > *:last-child {
        display: block;
    }
}*/

.top-header .logo > * {font-size: 24px; vertical-align: middle; color: #fafafa; text-align: center; }

.top-header .logo > * .logo-icon {
    color: #fafafa;
    margin-right: 12px;
}

.top-header .menu-button {display: block; position: absolute; top: 12px; left: 10px; color: #ffffff; padding: 5px; border-radius: 2px; transition: all ease .3s; }

.top-header .menu-button:hover {cursor: pointer; background-color: var(--tertiary-color-se); }

.top-header .menu-button .icon-bar {
    display: block;
    width: 17px;
    height: 2px;
    border-radius: 1px;
    background-color: var(--tertiary-color-se);
}

.top-header .menu-button:hover .icon-bar {background-color: #f7f7f7;}

.top-header .menu-button .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .top-header .menu-button {
        display: none;
    }
}

.top-header .dropdown-menu.panel {
    padding: 0;
    white-space: nowrap;
}

.top-header .dropdown-menu.panel .panel-heading,
.top-header .dropdown-menu.panel .panel-footer {
    padding: 10px 15px;
}

.top-header .dropdown-menu.panel .list-group-item {
    padding: 10px 15px;
}

.top-header .dropdown-menu.panel .list-group-item > a {
    display: block;
}

.top-header .dropdown-menu.panel .media .media-body {
    padding-right: 75px;
}

.top-header .top-nav {
    width: 100%;
    padding: 60px 0 0;
}

@media (min-width: 768px) {
    .top-header .top-nav {
        padding: 10px 0 0 220px;
    }
}

.top-header .top-nav .nav-left,
.top-header .top-nav .nav-right {
    font-size: 16px;
    line-height: 22px;
}

.top-header .top-nav .nav-left > li,
.top-header .top-nav .nav-right > li {
    float: left;
}

.top-header .top-nav .nav-left > li.nav-profile > a,
.top-header .top-nav .nav-right > li.nav-profile > a {
    padding: 0;
}

.top-header .top-nav .nav-left > li.nav-profile .hidden-xs,
.top-header .top-nav .nav-right > li.nav-profile .hidden-xs {
    padding-right: 8px;

}

.top-header .top-nav .nav-left > li.nav-profile i,
.top-header .top-nav .nav-right > li.nav-profile i {
    width: 18px;
    font-size: 13px;
    margin:0px 5px;
}

.top-header .top-nav .nav-left > li a:hover, .top-header .top-nav .nav-left > li a:focus,
.top-header .top-nav .nav-right > li a:hover,
.top-header .top-nav .nav-right > li a:focus {
    text-decoration: none;
}

.top-header .top-nav .nav-left > li > .btn-group > a,
.top-header .top-nav .nav-left > li > a,
.top-header .top-nav .nav-right > li > .btn-group > a,
.top-header .top-nav .nav-right > li > a {
    position: relative;
    display: block;
    padding: 4px 8px;
    border-radius: 22px;
}

@media (min-width: 768px) {
    .top-header .top-nav .nav-left > li > .btn-group > a,
    .top-header .top-nav .nav-left > li > a,
    .top-header .top-nav .nav-right > li > .btn-group > a,
    .top-header .top-nav .nav-right > li > a {
        background-color: transparent;
        color: #fafafa;

    }
}

.top-header .top-nav .nav-left > li > .btn-group > a .badge,
.top-header .top-nav .nav-left > li > a .badge,
.top-header .top-nav .nav-right > li > .btn-group > a .badge,
.top-header .top-nav .nav-right > li > a .badge {
    position: absolute;
    top: -5px;
    right: -10px;
}

.top-header .top-nav .nav-left > li ul.dropdown-menu a:hover,
.top-header .top-nav .nav-right > li ul.dropdown-menu a:hover {
    background-color: #003f62;
    color: #bbb;
}

.top-header .top-nav .nav-left > li ul.dropdown-menu .glyphicon,
.top-header .top-nav .nav-right > li ul.dropdown-menu .glyphicon {
    margin-right: 10px;
}

.top-header .top-nav .nav-left {
    float: left;
    padding: 0px;
    margin-left: 48px;
    margin-top: -9px;
}

.top-header .top-nav .nav-left > li {
    margin-right: 8px;
}

.top-header .top-nav .nav-right {
    padding: 0 12px;
}

.top-header .top-nav .nav-right > li {
    margin-left: 10px;
}

.top-header .langs .list-langs a {
    position: relative;
    padding: 8px 20px 8px 57px;
}

.top-header .langs .list-langs a .flag {
    position: absolute;
    top: 7px;
    left: 15px;
}

.view-containter {
    position: relative;
}

header.clearfix {
    z-index: 99;
}

#content {
    position: absolute;
    top: 77px;
    right: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    transition: none;
    z-index: 98;
    background-color: transparent;
     padding-bottom: 50px;
     transition: all ease .3s;
}

@media (min-width: 768px) {
    #content {
        top: 50px;
        width: auto;
        left: 237px;
    }
}

.body-special #content {
    /*z-index: 2;*/
    top: 0;
    left: 0;
}

.body-lock #content {
    background: url("../images/background/1.jpg") no-repeat center center fixed;
    background-size: cover;
}

.form-validation .ng-valid.ng-dirty {
    border-color: #23ae89;
}

.form-validation .ng-invalid.ng-dirty {
    border-color: #e94b3b;
}

/*
    component: Boxes
-------------------------
*/
.box {
    position: relative;
    background: #ffffff;
    border: 0px !important;
    margin-bottom: 20px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    padding: 10px !important;
    float: left;
}

/* ch nuevas*/
.box.full-w {
    border-radius: 0px;
    width: 100%;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
    padding: 0px !important;
    float: left;
}
.box.full-w .box, .box-body {
    padding: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.full-w .box.box-primary {
    margin-top: 40px;
}
.box.full-w .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/* ens ch */

.box.box-primary {
    border-top-color: #3c8dbc;
    padding-top: 25px !important;
}

.box.box-info {
    border-top-color: #00c0ef;
}

.box.box-danger {
    border-top-color: #f56954;
}

.box.box-warning {
    border-top-color: #f39c12;
}

.box.box-success {
    border-top-color: #00a65a;
}

.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}

.box .box-header {
    position: relative;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0px solid #f4f4f4;
    color: #444;
    padding-bottom: 10px;
}

.box .box-header:before,
.box .box-header:after {
    display: table;
    content: " ";
}

.box .box-header:after {
    clear: both;
}

.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
    display: inline-block;
    padding: 10px 0px 10px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    float: left;
    cursor: default;
}

.box .box-header a:not(.btn) {
    color: #444;
}

.box .box-header > .box-tools {
    padding: 5px 10px 5px 5px;
}

.box .box-body {
    padding: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.box .box-body > table,
.box .box-body > .table {
    margin-bottom: 0;
}

.box .box-body.chart-responsive {
    width: 100%;
    overflow: hidden;
}

.box .box-body > .chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.box .box-body > .chart svg,
.box .box-body > .chart canvas {
    width: 100% !important;
}

.box .box-body .fc {
    margin-top: 5px;
}

.box .box-body .fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}

.box .box-body .fc-header-right {
    padding-right: 10px;
}

.box .box-body .fc-header-left {
    padding-left: 10px;
}

.box .box-body .fc-widget-header {
    background: #fafafa;
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}

.box .box-body .fc-grid {
    width: 100%;
    border: 0;
}

.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}

.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
    border-right: 0;
}

.box .box-body .table {
    margin-bottom: 0;
}

.box .box-body .full-width-chart {
    margin: -19px;
}

.box .box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box .box-footer {
    border-top: 1px solid #f4f4f4;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    background-color: #ffffff;
}

.box.box-solid {
    border-top: 0px;
}

.box.box-solid > .box-header {
    padding-bottom: 0px !important;
}

.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}

.box.box-solid.box-primary > .box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}

.box.box-solid.box-primary > .box-header a {
    color: #444;
}

.box.box-solid.box-info > .box-header {
    color: #fff;
    background: #00c0ef;
    background-color: #00c0ef;
}

.box.box-solid.box-info > .box-header a {
    color: #444;
}

.box.box-solid.box-danger > .box-header {
    color: #fff;
    background: #f56954;
    background-color: #f56954;
}

.box.box-solid.box-danger > .box-header a {
    color: #444;
}

.box.box-solid.box-warning > .box-header {
    color: #fff;
    background: #f39c12;
    background-color: #f39c12;
}

.box.box-solid.box-warning > .box-header a {
    color: #444;
}

.box.box-solid.box-success > .box-header {
    color: #fff;
    background: #00a65a;
    background-color: #00a65a;
}

.box.box-solid.box-success > .box-header a {
    color: #444;
}

.box.box-solid > .box-header > .box-tools > .btn {
    border: 0;
    box-shadow: none;
}

.box.box-solid.collapsed-box .box-header {
    border-radius: 3px;
}

.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}

.box .box-group > .box {
    margin-bottom: 5px;
}

.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}

.box .todo-list {
    margin: 0;
    padding: 0px 0px;
    list-style: none;
}

.box .todo-list > li {
    border-radius: 2px;
    padding: 10px;
    background: #f3f4f5;
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444;
}

.box .todo-list > li:last-of-type {
    margin-bottom: 0;
}

.box .todo-list > li.danger {
    border-left-color: #f56954;
}

.box .todo-list > li.warning {
    border-left-color: #f39c12;
}

.box .todo-list > li.info {
    border-left-color: #00c0ef;
}

.box .todo-list > li.success {
    border-left-color: #00a65a;
}

.box .todo-list > li.primary {
    border-left-color: #3c8dbc;
}

.box .todo-list > li > input[type='checkbox'] {
    margin: 0 10px 0 5px;
}

.box .todo-list > li .text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
}

.box .todo-list > li .label {
    margin-left: 10px;
    font-size: 9px;
}

.box .todo-list > li .tools {
    display: none;
    float: right;
    color: #f56954;
}

.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
    margin-right: 5px;
    cursor: pointer;
}

.box .todo-list > li:hover .tools {
    display: inline-block;
}

.box .todo-list > li.done {
    color: #999;
}

.box .todo-list > li.done .text {
    text-decoration: line-through;
    font-weight: 500;
}

.box .todo-list > li.done .label {
    background: #eaeaec !important;
}

.box .todo-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px;
}

.box .chat {
    padding: 5px 20px 5px 10px;
}

.box .chat .item {
    margin-bottom: 10px;
}

.box .chat .item:before,
.box .chat .item:after {
    display: table;
    content: " ";
}

.box .chat .item:after {
    clear: both;
}

.box .chat .item > img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 50% !important;
}

.box .chat .item > img.online {
    border: 2px solid #00a65a;
}

.box .chat .item > img.offline {
    border: 2px solid #f56954;
}

.box .chat .item > .message {
    margin-left: 55px;
    margin-top: -40px;
}

.box .chat .item > .message > .name {
    display: block;
    font-weight: 600;
}

.box .chat .item > .attachment {
    border-radius: 3px;
    background: #f0f0f0;
    margin-left: 65px;
    margin-right: 15px;
    padding: 10px;
}

.box .chat .item > .attachment > h4 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 14px;
}

.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
    margin: 0;
}

.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
    display: table;
    content: " ";
}

.box .chat .item > .attachment:after {
    clear: both;
}

.box > .overlay,
.box > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box > .overlay {
    z-index: 1010;
    background: rgba(255, 255, 255, 0.7);
}

.box > .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

.box > .loading-img {
    z-index: 1020;
    background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
    color: #f9f9f9 !important;
}

.bg-gray {
    background-color: #eaeaec !important;
}

.bg-black {
    background-color: #222222 !important;
}

.bg-red {
    background-color: #f56954 !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue {
    background-color: #3c8dbc !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #932ab6 !important;
}

.bg-maroon {
    background-color: #85144b !important;
}

/* Text colors */
.text-red {
    color: #f56954 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #932ab6 !important;
}

.text-maroon {
    color: #85144b !important;
}

.heart {
    shape-inside: polygon(150px, 32px, 50px, 1px, 2px, 3px /* ...more points */);
}

.chosen-container .chosen-results {
    max-height:100px !important;
}

/*--- Students Homeworks - Index ---*/

.actived {
    background-color: none
}

.expired {
    background-color: none
}

.replied {
    background-color: none
}

.actived:hover {
    background-color: #FFE0A3 !important;
}

.expired:hover {
    background-color: #FF8484 !important;
}

.replied:hover {
    background-color: #80CC80 !important;
}

.examination:hover {
    background-color: silver !important;
}

tr {
    background-color: white;
}

#tbResults-attendances tr {
    background-color: #f9f9f9;
}


/*
#periodsContainer .period .periodInfo.data-toggled + .lessonsContainer {
    display: none;
}

.lessonsContainer .lesson .lessonInfo.data-toggled + .activitiesList {
    display: none;
}
*/

.period {
    padding-top: 10px;
}

.period .periodInfo {
    color: #281400;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    border-left: 3px solid #2989d8;
    box-sizing: border-box;
    padding: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.periodInfo h3 {
    margin-bottom: 0px;
    width: 100%
}

.period .showButton {
    cursor: pointer;
/ / float : right;
    transition: .03s ease-out;
}

#padButton {
    box-sizing: border-box;
    border-bottom: 2px solid none;
    padding-bottom: 3px;
    color: #000000;
    float: right;
}

.periodInfo h3 #padButton {
    margin-top: 3px;
    margin-right: 15px;
}

.periodInfo h3 #padButton:hover {
    opacity: 0.6;
}

.periodInfo h3 .dates {
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
}

.lessonsContainer {
    background-color: #eaeaea;
    border: 1px solid #d6d6d6;
    border-bottom: 2px solid #d6d6d6;
    padding: 10px;
    padding-top: 0px;
    margin-bottom: 10px;
}

.lesson {
    padding-top: 10px;
}

.lesson .lessonInfo {
    color: #767676;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    border-left: 3px solid #ff851b;
    box-sizing: border-box;
    padding: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.lessonInfo h5 {
    margin: 0px;
    width: 100%
}

.lessonInfo h5 #padButton {
    margin-right: 10px;
}

.lessonInfo h5 #padButton:hover {
    opacity: 0.6;
}

.lessonInfo h5 .dates {
    color: #000000 !important;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.lesson .showButton {
    cursor: pointer;
}

.activitiesList {
    border: 1px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    border-top: none;
}

.activitiesList table {
    margin-bottom: 0px;
}

.activitiesList table tbody {
    border: 1px solid #d6d6d6;
    border-bottom: 2px solid #d6d6d6
}

.homeworkTable {
    background-color: white;
    padding-top: 10px;
}

.homeworkExpired {
    color: red;
}

.homeworkReplied {
    color: green;
}

.homeworkNotReplied {
    color: #d8d8d8;
}

.centeredCol {
    text-align: center;
}

.homeworkGraded {
    color: #f2a400;
    text-shadow: 0px 0px 2px black; /* rgba(216, 164, 55, 0.79); */
}

.homeworkNotGraded {
    color: #d8d8d8;
    text-shadow: 0px 0px 2px black; /*rgba(216, 164, 55, 0.79);*/
}

.linkHomework {
    text-decoration: none !important;
    color: #003f62 !important;
    font-weight: bold;
    cursor: pointer;
}

.linkHomework:hover {
    color: white !important;
    text-shadow: 0px 0px 7px #787878
}

.havingSource {
    color: #767676;
}

.evaluationIndicator {
    color: #ff851b;
}

.examBorder {
    border: 1px solid #ff851b;
}

.noResource {
    color: #d8d8d8;
    padding-left: 2em;
}

#datesup {
    display: inline;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -5px;
}

#datesbot {
    display: none;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
}

#les-datesup {
    display: inline;
    box-sizing: border-box;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -5px;
}

#les-datesbot {
    display: none;
    box-sizing: border-box;
    font-weight: bold;
}

@media (max-width: 500px) {
    .linkHomework {
        font-size: 13px
    }

    #datesup {
        display: none;
    }

    #datesbot {
        display: block;
        padding-bottom: 5px
    }

    #les-datesup {
        display: none;
    }

    #les-datesbot {
        display: block;
        padding-bottom: 5px;
        color: #787878
    }
}

/*--- Students Homeworks - Show ---*/

/*--- Homeworks - Show ---*/
.noSource {
    display: none;
}

.withSource {
    color: #2989d8;
    border-color: #2989d8 !important
}

.description_section {
    padding-top: 0px;
    padding-left: 5px;
    border-left: 2px solid #ffffff;
    margin-top: 10px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.description_section label {
    font-weight: normal !important;
}

#file_section {
    padding-top: 0px;
    margin-top: 15px;
    border-left: 2px solid #2989d8;
    padding-left: 0px;
    text-align: center;
}

#file_section a {
    text-decoration: none !important
}

#file_section a span {
    padding-bottom: 5px;
}

#file_section a span {
    font-size: 30px;
    padding: 8px;
    border-radius: 5px;
    border: 2px solid #2989d8;
    border-top-right-radius: 10px;
    background-color: #2989d8;
    color: #ffffff;
    transition: 0.3s ease-out;
}

#file_section a span:hover {
    background-color: #ffffff;
    border-radius: 5px;
    border: 2px solid #2989d8;
    border-top-right-radius: 10px;
    color: #2989d8
}

@media (max-width: 992px) {
    #file_section {
        border-left: 2px solid #2989d8;
        padding-left: 10px;
        text-align: left
    }
}

/*--- Homeworks - Show ---*/


.headerMessage {
    padding: 5px 10px !important;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    margin: 2px 0px;
    background-color: #eaeaea;
    color: #000;
    box-shadow: inset 0px 29px 52px -36px rgba(0, 0, 0, 0.15);
}

.headerMessage #titleMessages {
    font-weight: 600;
}

.headerMessage #dateMessages {
    font-size: 12px;
}

#message_body {
    /*max-height: 550px;*/
    overflow: auto;
    position: relative;
}

#message_body div header.headerMessage span:last-child {
    position: absolute;
    right: 20px;
    margin-top: -15px;
}

#message_body div div.showMessages {
    margin-bottom: 5px;
}

#message_body div .messages_content {
    padding: 5px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #d8d8d8;
    margin-top: -3px;
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
    height: auto;
    /*max-height: 400px;*/
    overflow: auto;
}

div[name="fileInfo"] {
    overflow: hidden;
}

div[name="fileInfo"] a {
    color: #3276b1;
    text-decoration: none;
    font-weight: bold;
    margin-left: 7px;
}

div[name="fileInfo"] a:hover {
    color: #155790;
    text-decoration: underline !important;
}

.inbox-download-list li > *:first-child > *:first-child {
    color: #d6d6d6;
    display: block;
    text-align: center;
    margin: 2px;
}

.inbox-download-list li > *:first-child {
    margin-bottom: 0;
    overflow: hidden;
    width: auto;
}

.inbox-download-list li > *:first-child:hover {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

.inbox-download-list li {
    display: list-item;
    vertical-align: top;
    margin: 4px;
}

.inbox-download-list {
    list-style: outside none none;
    margin: 0px;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    width: 100%;
    -webkit-overflow-scrolling: auto;
    overflow: auto;
    background-color: #eaeaea;
    padding: 2px 5px;
    margin-top: 20px;
    border: 1px solid #D8d8d8;
}

*[name="composeAttachmentFile"] {
    max-width: 120px;
}

div.messages_content video {
    max-height: 450px;
    display: inline-block;
    padding: 10px 20px;
    background-color: #000000;
    width: 100%;
}

div.messages_content video::before {
    content: "Video";
    height: 5px;
    width: 100%;
    background-color: #eaeaea;
    color: #909090;
}

div.messages_content #textMessages {
    width: 100%;
    overflow: auto;
    padding: 3px 6px;
    margin: 0px;
    border-bottom: 1px solid #d8d8d8;
    word-break: break-all;
}

div.messages_content #textMessages img {
    width: 100% !important;
    /*max-width: 300px;*/
    border-radius: 6px;
}

div.messages_content .youtubePlay {
    width: 100%;
    background-color: #000;
}

div.messages_content .youtubePlay iframe {
    max-height: 300px;
    margin-top: 25px;
}

@media (min-width: 768px) {
    .modal:not(#modalLoginAvatar,#modalRecover-Popup) .modal-dialog {min-width: 765px}
}

/* List Message */

#listFile {
    padding: 5px;
    margin-top: 10px;
}

#listFile li[name="composeAttachmentFile"] {
    min-width: 200px;
    margin: 0px;
    margin-right: 5px;
}

#listFile li[name="composeAttachmentFile"] .well span {
    margin-right: 10px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 145px;
    margin-left: 38px;
}

#listFile li[name="composeAttachmentFile"] .well span i {
    font-size: 34px;
}

div[name=fileInfo] a::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    float: left;
    margin-left: 3px;
    margin-top: -14px;
    color: #767676 !important;
}

div[name=fileInfo] a[href$=".pdf"]:before {
    content: "\f1c1" !important;
}

div[name=fileInfo] a[href$=".docx"]::before, div[name=fileInfo] a[href$=".doc"]:before {
    content: "\f1c2" !important;
}

div[name=fileInfo] a[href$=".txt"]:before, div[name=fileInfo] a[href$=".odt"]:before, div[name=fileInfo] a[href$=".ods"]:before {
    content: "\f0f6" !important;
}

div[name=fileInfo] a[href$=".odp"]:before, div[name=fileInfo] a[href$=".ppt"]:before, div[name=fileInfo] a[href$=".pptx"]::before {
    content: "\f1c4" !important;
}

div[name=fileInfo] a[href$=".mkv"]:before, div[name=fileInfo] a[href$=".flv"]:before, div[name=fileInfo] a[href$=".mov"]:before, div[name=fileInfo] a[href$=".wmv"]:before, div[name=fileInfo] a[href$=".avi"]:before, div[name=fileInfo] a[href$=".mp4"]:before, div[name=fileInfo] a[href$=".mpeg"]::before, div[name=fileInfo] a[href$=".mpg"]:before, div[name=fileInfo] a[href$=".3gp"]:before, div[name=fileInfo] a[href$=".3gp2"]::before, div[name=fileInfo] a[href$=".rm"] sbefore, div[name=fileInfo] a[href$=".rmvb"]::before, div[name=fileInfo] a[href$=".asf"]:before {
    content: "\f1c8" !important;
}

div[name=fileInfo] a[href$=".jpg"]:before, div[name=fileInfo] a[href$=".bmp"]:before, div[name=fileInfo] a[href$=".png"]:before, div[name=fileInfo] a[href$=".gif"]:before {
    content: "\f1c5" !important;
}

div[name=fileInfo] a[href$=".zip"]:before {
    content: "\f1c6" !important;
}

div[name=fileInfo] a[name="btnDownload"]:before {
    content: "\f016";
}

.directory {
    list-style: none;
    margin: 5px;
    background-color: #FFFFFF;
    width: calc(50% - 10px);
    height: 114px;
    float: left;
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #d8d8d8;
}

.directory li {
    list-style-type: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    margin-left: 40px;
}

.icon-point {
    position: absolute;
    margin-left: -40px;
    font-size: 30px;
    color: #2989d8 !important;
}

.directory:hover {
    background-color: #eaeaea;
    transition: .2s ease;
    cursor: pointer;
}

@media (max-width: 900px) {
    .directory {
        width: 100%;
        margin: 0px;
        margin-bottom: 5px;
    }
}

#contentCharts {
    margin-top: 20px;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

#contentCharts .panel-body {
    padding: 10px;
}

#contentCharts .panel-body .row {
    margin: 0px;
}

#contentCharts .span-one-third, #contentCharts .span-two-third {
    margin-left: 0px;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-top: 0px;
    float: left;
}

#contentCharts .span-two-third {
    padding: 116px 0px;
    width: calc(100% - 177px) !important;
    overflow: auto;
    border-left: 0px;
    min-height: 649px;
}

#contentCharts .span-one-third {
    width: 177px !important
}

#contentCharts .panel-body .row .container {
    padding: 0px;
    width: 100%;
}

.tabCharts #estadistica2 .span-one-third {
    width: 227px !important;
}

.tabCharts #estadistica2 .span-two-third {
    width: calc(100% - 227px) !important;
}

.tabCharts .span-one-third thead th {
    padding: 2px 5px;
    color: #444;
    border-bottom: 2px solid #d8d8d8;
}

.tabCharts .span-one-third thead th:first-child {
    border-color: #5cb85c
}

.tabCharts .span-one-third thead th:nth-child(2) {
    border-color: #4572A7
}

.tabCharts .span-one-third thead th:nth-child(3) {
    border-color: #AA4643
}

.tabCharts .span-one-third thead th:nth-child(4) {
    border-color: rgb(137, 165, 78);
}

.tabCharts .span-one-third thead th:nth-child(5) {
    border-color: rgb(128, 105, 155);
}

.tabCharts .span-one-third tbody td {
    border-bottom: 2px solid transparent
}

.tabCharts .span-one-third tbody td:hover {
    /*border-bottom: 2px solid #d8d8d8;*/
}

.tabCharts .span-one-third tbody td:hover:first-child {
    background-color: rgba(92, 184, 92, 0.21);
}

.tabCharts .span-one-third tbody td:hover:nth-child(2) {
    background-color: rgba(69, 114, 167, 0.22);
}

.tabCharts .span-one-third tbody td:hover:nth-child(3) {
    background-color: rgba(170, 70, 67, 0.2);
}

.tabCharts .span-one-third tbody td:hover:nth-child(4) {
    background-color: rgba(137, 165, 78, 0.22);
}

.tabCharts .span-one-third tbody td:hover:nth-child(5) {
    background-color: rgba(128, 105, 155, 0.22);
}

.tabCharts .span-one-third tbody tr:first-child td {
    padding-top: 5px;
}

.tabCharts .span-one-third tbody td {
    text-align: center;
    padding: 2px;
}

.tabCharts .span-one-third thead th:last-child {
    padding-right: 0px;
}

.highchart-container {
    width: 100% !important;
    min-width: 950px !important;
}

#contentChats .nav > li {
    cursor: pointer;
}

#contentChats .nav > li > a {
    padding: 10px 25px !important;
}

@media (max-width: 767px) {
    .row {margin: 0px; padding: 0px 10px !important }

}

@media (max-width: 500px) {
    #contentCharts .nav-tabs li {
        width: calc(50% - 10px);
        float: left;
        text-align: center;
        margin: 5px;
    }

    #contentCharts .nav-tabs li a {
        border: 1px solid #d8d8d8;
        border-radius: 5px;
    }

    #contentCharts .nav-tabs li.active a {
        border-bottom: 1px solid red;
    }

    #contentCharts .nav-tabs {
        border-bottom: 0px;
        margin-bottom: 15px;
    }

    #contentCharts .span-one-third, #contentCharts .span-two-third {
        border-top: 1px solid #D8d8d8;
    }
}

.bootstrap-dialog.type-danger .modal-header {
    background-color: var(--main-color-se) !important;
}

/* Colors */

.squarefa, .top-header .top-nav .nav-left > li ul.dropdown-menu a:hover, #refresh:hover, body .systemConf #step1 .nav-tabs > li.active a,
.modal-header, .btn-primary, .ajax-dropdown .btn-group .btn2:hover, .systemConf .panel-default > .panel-heading, .modal-header,
.dropdown-menu.with-arrow:before, #nav > li.active > a > i .icon-bg
{
    background-color:var(--main-color-se) !important;
}

.paginatione-signin .signin-header, .page-signup .signin-header, .top-header,.page-signin .signin-header, .page-signup .signin-header {
    background-color: var(--light-color-nav) !important;
    /*border-bottom: 3px solid#003f62;*/
}

.modal-header .close {
    color: #fff;
    text-shadow: 0 0 0 #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-header .close:hover {
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
}

.text-primary {
    color: #003f62;
}

.box {
    border-top-color: #003f62 !important;
}

.muestrasLudus > .nav > li.active {
    border-bottom-color: #003f62 !important;
}

.bloque .col-md-12 .input-group {
    padding-left: 5px;
    border-left: 2px solid #fff;
}

.borderLeft, .bloque .col-md-12 .input-group {
    border-left-color: #003f62 !important;
}

.blueMain {
    background-color: #2989d8 !important
}

.orangeMain {
    background-color: #ffa500 !important
}

.magenMain {
    background-color: #c7215d !important
}

.redMain {
    background-color: #d12727 !important
}

.greenMain {
    background-color: #7cc720 !important
}

.blackBase {
    background-color: #454E54 !important
}

.pblackBase {
    background-color: #292929 !important
}

.greyBase {
    background-color: #e7e8e9 !important
}

.whiteBase {
    background-color: #fff !important
}

.moradoSecu {
    background-color: #ce27d1 !important
}

.vaquaSecu {
    background-color: #27d18a !important
}

.blueSecu {
    background-color: #2775d1 !important
}

.orangeSecu {
    background-color: #ffa500 !important
}

.systemConf .panel-default > .panel-heading {
    color: #fff;
    padding: 5px;
}

.systemConf {
    max-width: none;
}

.systemConf .nav-pills li {
    width: calc(100% / 4) !important;
    padding: 0px;
    border: 0px;
    border-bottom: 0px;
    text-align: center;
}

.systemConf .nav-pills li.active {
    font-weight: bold;
}

.systemConf .nav-pills li label {
     margin:0px !important; display: block; text-align: center; padding: 0px 5px;
    }

.systemConf .nav-tabs li a:hover {
    cursor: pointer;
}

.systemConf .nav-pills li.active a {
    border: 2px solid #003f62 !important; border-left: 0px; border-right: 0px; color: #fff; background-color: #003f62 !important;
}

.systemConf .nav-pills li a {
    padding: 5px 0px !important; background-color: #484848 !important; width: 50px !important; border-radius: 2px !important; margin: 5px auto !important; text-align: center !important; z-index: 999; color: #fff; border: 2px solid #484848;
}

.systemConf .nav-pills li:hover a {
    border:2px solid #003f62 !important
}

.systemConf .nav-pills li a:hover {
    cursor: pointer !important;
}

.systemConf .nav-pills > li + li {
    margin: 0px !important;
}

.nav > li {
    padding: 0px;
}

@media (max-width: 1404px) {
}

@media (max-width: 874px) {
    body .systemConf #step2 .nav-tabs > li {
        width:50% !important; margin:0px; border:0px !important;
    }

    .systemConf .nav-pills li.active label {
        white-space: normal; display: block; overflow: visible; text-transform: capitalize; position: absolute; top: 58px; width: 100%; padding:4px; color: #fff; background-color: #484848; left: 0px; border-top-right-radius: 4px; border-top-left-radius: 4px; padding-bottom: 6px;
    }

    body .systemConf div[id^="step"] #tabsInternas.nav-tabs {
        margin-top: -1px;
    }

    body .systemConf div[id^="step"] .nav-tabs > li a {
        padding: 2px; margin:0px; border:0px !important;
    }

    body .systemConf #step2 .nav-tabs > li:nth-child(odd) {
        border-right: 1px solid #d8d8d8;
    }
     .systemConf .nav-pills li label {
        display: none;
    }
    .systemConf .nav-pills li label {
        border-bottom: 2px solid #003f62
    }
    .systemConf > .navbar {
        padding-bottom: 37px !important;
    }
    .systemConf .nav-pills li {
        position: inherit;
    }
    #myWizardFull form#myWizard .navbar {
        margin-bottom: 40px;
    }
    .nav-tabs {
        border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
    }
}

@media (max-width: 450px) {
    body .systemConf #step2 .nav-tabs > li {
        width: 50% !important;
    }
}

.systemConf > .navbar {
    margin: 0px;
    min-height: inherit;
    border: 1px solid #d8d8d8;
    border-left: 0px;
    border-right: 0px;
    padding: 30px 0px;
}

.systemConf > .navbar .progress {
    position: absolute;
    margin: 0px;
    top: 49px;
    width: 100%;
    z-index: 2;
    position: absolute;
    background-color: transparent;
    box-shadow: none;
    height: 5px;
}

.systemConf #step2 .nav-tabs > li {
    width: calc((100% - 56px) / 8); margin-right: 8px; border: 1px solid #d8d8d8; border-bottom: 0px;
}

body .systemConf div[id^="step"] .nav-tabs > li a:hover, body .systemConf div[id^="step"] .nav-tabs > li:hover a {
    border: 0px !important;
}

body .systemConf div[id^="step"] .nav-tabs > li.active {
    border:0px !important;
}

body .systemConf div[id^="step"] .nav-tabs > li:hover a {
    border-bottom:0px !important;
}

body .systemConf div[id^="step"] .nav-tabs > li.active a {
 border-bottom:0px !important;   background-color: #003f62 !important; color: #fff; font-weight: 600; border-bottom: 0px !important; margin: 0px;
}

ul#tabsInternas > li:last-child {
    margin-right: 0px !important;
}

.systemConf #step2 .tab-content, .systemConf .well > .tab-content:first-child {
    padding:20px;
}

.systemConf div[id^="step"] .tab-content div hr {
    margin:5px 0px !important; margin-bottom: 15px !important; border-color: #eeeeee !important;
}

.systemConf div[id^="step"] .tab-content form label {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0px !important; display: block; text-align: left; padding: 0px;
}

.systemConf #step4 > div {
    padding: 20px;
}

.systemConf .tab-content .well {
    padding: 0px; box-shadow: none; background-color: #fff; border-top: 0px;
}

.systemConf .tab-content .well .tab-content {
    border-top: 1px solid #eee !important;
}

.systemConf .tab-content .well > div {
    padding: 0px;
    margin: 0px;
    border-top:1px solid #eee;
}

.systemConf #enlinea, .systemConf #virtual {
    height: 194px;
}

.systemConf #general, .systemConf #virtual, .systemConf #enlinea {
    padding: 20px;
}

.nav-tabs > li {
    margin: 0px;
}

.nav-tabs > li.active > a {
    border: 0px;
}

#myWizard .nav-tabs > li > a {
    border: 0px !important; font-size: 12px; padding: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0px; text-align: center; background-color: #fff;
}

#general .ng-pristine {
    height: 258px;
}

.bloque {
    margin: 0px;
    margin-bottom: 10px;
    height: auto !important;
    padding-top: 10px;
}

.bloque > label:first-child {
    margin-bottom: 5px;
}

.bloque > label {
    text-align: left !important;
}

.bloque > .col-md-12 .input-group-addon {
    padding: 5px;
}

.bloque > .col-md-2 button {
    margin: 10px 0px;
}

.bloque > .col-md-12:last-child {
    text-align: right;
}

.bloque > .col-md-12 button {
    margin-top: 10px;
}

.muestrasLudus .nav-tabs li:hover {
    cursor: pointer;
    background-color: rgba(234, 234, 234, 0.64);
}

.muestrasLudus > .nav > li {
    border-bottom: 5px solid #fff;
}

.accordionMuestra > .panel {
    cursor: pointer;
}

div[id*="CCUSTOM"] {
    position: relative;
    padding: 10px;
    width: 33%;
    float: left;
    overflow: hidden;
    cursor: auto;
}

div[id*="CCUSTOM"] label {
    font-size: 16px;
    position: absolute;
    background-color: #fff;
    top: 8px;
    z-index: 2;
    padding: 0px 15px;
    margin-left: -5px;
}

div[id*="CCUSTOM"] span {
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #d8d8d8;
    left: 10px;
    top: 20px;
    box-sizing: border-box;
}

div[id*="CCUSTOM"] .customColors {
    padding: 10px 0px;
    position: relative;
    box-sizing: border-box;
    margin-top: 15px;
    display: inline-flex;
    padding-left: 5px;
    padding-top: 15px;
}

div[id*="CCUSTOM"] .customColors div:first-child {
    margin-left: 0px;
}

div[id*="CCUSTOM"] .customColors div {
    height: 30px;
    width: 30px;
    margin-left: 10px;
    border: 1px solid rgba(0, 0, 0, 0.62);
    background-color: #eaeaea;
    cursor: pointer;
    border-radius: 1px;
}

div[id*="CCUSTOM"] .customColors div:hover {
    border: 1px solid #ccc;
}

.glowColor {
    box-shadow: inset 0 14px 34px 0px rgba(255, 255, 255, 0.54);
}

.previewCustom {
    margin-top: 79px;
    cursor: auto;
    box-sizing: border-box;
    padding: 10px;
}

.previewCustom > div {
    background-color: #292728 !important;
    height: auto;
    padding: 20px;
    width: 100% !important;
}

.windowsView:before, .windowsView:after {
    content: "";
    height: 12px;
    width: 100%;
    background-color: #cccaca;
    position: absolute;
}

.windowsView:before {
    margin-top: -12px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.windowsView:after {
    bottom: 0px;
    left: 0px;
    border: 1px solid #d8d8d8;
}

#headerLudus:before, #headerLudus:after {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: -9px;
}

#headerLudus:before {
    background-color: #15c115;
    right: 15px;
}

#headerLudus:after {
    background-color: #ef4f4f;
}

.windowsView {
    width: 100%;
    max-width: 1000px;
    height: 500px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    margin-top: 12px;
}

.windowsView div:first-child {
    height: 40px;
    background-color: #2989d8;
    width: 100%;
}

.windowsView div:nth-child(2) {
    float: left;
    width: 150px;
    height: calc(100% - 40px);
    background-color: #434343;
    border-right: 1px solid #d8d8d8;
}

.windowsView div:nth-child(3) {
    background-color: orange;
    width: 100px;
    height: 20px;
    position: absolute;
    margin-top: 10px;
    right: 0px;
}

.windowsView div:first-child, .windowsView div:nth-child(2), .windowsView div:nth-child(3) {
    transition: .3s ease;
}

.selectedCCUSTOM {
    border: 2px solid rgba(0, 0, 0, 0.62) !important;
}

body .systemConf #step1 .nav-tabs > li {
    border-right: 1px solid #d8d8d8;
}

body .systemConf #step1 .nav-tabs > li a {
    text-transform: uppercase;
    max-height: 39px !important;
    padding: 5px 10px !important;
    border-radius: 0px;
    border: 0px !important
}

body .systemConf #step1 .nav-tabs > li.active a {
    color: #fff;
    margin-right: 0px;
}

body .systemConf #step1 .nav-tabs > li.active a:hover {
    border: transparent
}

body .muestrasLudus > .tab-content > .active {
    min-height: inherit;
    padding: 0px 10px;
}

.systemConfig .nav-tabs {
    border: 2px solid #009de0
}

@media (max-width: 1150px) {
    div[id*="CCUSTOM"] {
        width: 50%;
    }

    .previewCustom {
        margin-top: 170px;
    }
}

@media (max-width: 991px) {
    #general .ng-pristine {
        height: 482px;
    }

    .bloque {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .systemConf #enlinea {
        height: 194px
    }

    .systemConf #virtual {
        height: 311px
    }

    .muestrasLudus > .nav > li {
        width: 25%;
        padding: 10px 0px
    }

    .muestrasLudus > .nav > li > a {
        padding: 10px 0px !important;
    }

    div[id*="CCUSTOM"] {
        width: 100%;
    }

    .muestrasLudus > .nav-tabs > li > a:after, .muestrasLudus > .nav-tabs > li > a:before {
        left: 0px !important;
        top: 30px;
    }

    .muestrasLudus > .nav-tabs > li > a:after {
        left: 15px !important;
    }

    .previewCustom {
        margin-top: 260px;
    }

    .windowsView {
        max-height: 300px;
    }
}

@media (max-width: 810px) {
    .muestrasLudus > .nav > li {
        width: 100%;
        border-left: 5px solid #fff;
        border-bottom: 0px;
        padding: 0px 10px !important;
    }

    .muestrasLudus > .nav > li.active {
        border: 0px;
        border-left: 5px solid #003f62;
        background-color: #003f62;
        border-bottom: 0px !important
    }

    body .muestrasLudus > .nav > li.active a {
        color: #fff !important;
    }

    .muestrasLudus > .nav > li.active > a:after, .muestrasLudus > .nav > li.active > a:before {
        border-color: #eaeaea
    }

    .muestrasLudus > .nav > li:hover {
        border-bottom: 0px !important;
        border-left-color: #666;
    }

    .muestrasLudus > .nav-tabs > li > a:after, .muestrasLudus > .nav-tabs > li > a:before {
        top: 14px;
        left: 95px !important;
    }

    .muestrasLudus > .nav-tabs > li > a:after {
        left: 110px !important;
    }
}

@media (max-width: 768px) {
    .bloque > .col-md-10 {
        width: 100% !important;
    }

    .bloque > .col-md-12 button {
        margin-left: 0px;
    }

    .systemConf {
        padding: 0px;
    }

    .windowsView div:nth-child(2) {
        width: 50px;
    }

    .previewCustom {
        margin-top: 210px;
    }

    div[id*="CCUSTOM"] {
        padding-bottom: 0px;
    }

    div[id*="CCUSTOM"] .customColors div {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 550px) {
    body .muestrasLudus > .tab-content .article-slide .carousel-indicators li img {
        width: 100%;
        height: auto;
    }

    body .muestrasLudus > .tab-content .article-slide .carousel-indicators li {
        display: inline-block;
        float: left;
        width: calc(25% - 5px) !important;
    }

    body .muestrasLudus > .tab-content .article-slide .carousel-indicators li:first-child {
        margin-right: 5px !important;
    }

    .systemConf #step1 .nav-tabs > li {
        width: 100%;
    }

    .systemConf #step1 .nav-tabs > li a {
        padding: 5px 10px;
    }
}

@media (max-width: 420px) {
    .bloque > .col-md-12 button {
        width: 100%;
    }

    div[id*="CCUSTOM"] .customColors div {
        margin-left: 5px;
    }
}

body .top-nav .nav-left > li > a .badge {
    background-color: #003f62!important;
}

body #activity.active .badge {
    background-color: #2d2d2d!important;
}

.slimScrollDiv #nav > li:first-child {
    margin-top: 47px;
}

.content-header h1{margin: 0px;line-height: inherit;}

.content-header h1 i {
    background-color: #2d2d2d!important; display: none;
}

.content-header ~ *,.content-header ~ * ~ div, .content-header ~ * ~ div ~ * {
    margin:10px 0px !important;
    padding:0px !important;
}

.top-header .top-nav .nav-right > li ul.dropdown-menu a:hover {
    background-color: transparent !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
    padding-right: 10px;
    border-right: 1px solid #d8d8d8;
}

*[id^="divRecaptcha"] > div:first-child {
    width: 100% !important; text-align: center !important; float: left; height: auto !important; margin: 10px 0px; margin-bottom: 0px;
}

*[id*="hidden-grecaptcha"] {
    text-align: center; margin-bottom: 5px; transition: all ease .3s; margin-top: -5px; float: left; width: 100%;
}

/*  = = = Ajustes para COBACH = = =  */

 .fc-toolbar .fc-center {
    margin-top: 5px;
 }

@media (max-width: 768px) {

    .top-header .top-nav .nav-left { position: absolute; margin: 0px !important; padding: 0px !important; float: none; right: 10px; top: 4px;    }
    #activity { margin-top: 8px; height: 26px; width: 30px;}
    .top-header .top-nav .nav-right { padding: 0px;margin:0px; margin-right: 10px;}
    .top-header .top-nav .nav-right > li {float: none; padding: 0px; margin:0px;}
    .top-header .top-nav {padding-top: 50px;}
    .top-header {height:50px; left: 0;}
    #nav-container {top: 77px; background: rgba(var(--main-color-se) 0.5);}
    .slimScrollDiv #nav > li:first-child {margin-top: 20px;}
    .ajax-dropdown {right: 10px;}
    .top-header .top-nav .nav-right .open .dropdown-menu.with-arrow.pull-right {     margin-top: 24px; left: -6px; width: calc(100% + 12px); text-align: center; box-shadow: 0px 5px 8px 1px rgba(0, 0, 0, 0.29); background: linear-gradient(transparent,#272727); background-color: #484848; border: 0px; transition: all ease .8s !important;}
    .top-header .top-nav .nav-right .open .dropdown-menu.with-arrow.pull-right:after,.top-header .top-nav .nav-right .open .dropdown-menu.with-arrow.pull-right:before {display: none; }

    section.content-header ~ * {/*margin-left: -15px !important; margin-right: -15px !important;*/} /* ch revisar */
}


/*  = = = Vista de INSCRIPCION = = =  */

.infoIMP {
    display: block; width: 100%; height: auto; position: relative; margin: 20px 0px; padding: 0px; margin-top: 10px; float: left;
}
.infoIMP > div {
    display: block; float: left; width: calc(100% / 3); margin: 0px auto; padding: 0px; position: relative;
}
.infoIMP > div:nth-child(2):before, .infoIMP > div:nth-child(2):after {
    content: ""; width: 100%; height: 2px; background-color: #003f62; position: absolute; top: 10.5px; z-index: -1;
}
.infoIMP > div:nth-child(2):before {
    left: -50%
}
.infoIMP > div:nth-child(2):after {
    right: -50%;
}

.infoIMP > div > div {
    width: 150px;background-color: #fff; border:1px solid #d8d8d8; padding: 5px; position: relative; margin: 0 auto; padding-top: 25px;  text-align: center; min-height: 51px;
}
.infoIMP > div > div > b:first-child {
    width: 100%; background-color: #003f62; padding: 2px 5px;font-size: 12px; color: #fff; position: absolute; top: 0px; left: 0px; text-align: center;
}

@media (max-width: 520px) {
    .infoIMP {
        margin:0px; padding: 5px; background-color: #484848;border-radius: 2px; float: left;
    }
    .infoIMP > div {
        width: 100%; float: left; margin:3px auto;
    }
    .infoIMP > div:nth-child(2):before {
        height: 200%; width: 2px; left: 65px; top: -10px; z-index: 0;
    }
    .infoIMP > div:nth-child(2):after {
        display: none;
    }
    .systemConf {
        margin-top: 115px !important;
    }
    .infoIMP > div > div {
         padding:0px; margin: 0; height: auto; text-align: left; width: 100% !important; background-color: transparent; border:0px; min-height: inherit;
    }

    .infoIMP > div > div b {
        position: relative !important; padding: 1px 5px !important; font-size: 12px; display: inline-block;
    }
    .infoIMP > div > div b:first-child {
        width: 133px !important; text-align: left; padding: 2px 5px !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;
    }
    .infoIMP > div > div b:last-child {
    background-color: #fff; margin-left: -4px; padding: 2px 10px !important; width: calc(100% - 133px); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: -6px; min-height: 21px;
    }
}

.form-actions .row {
    margin:0px;
}

.form-actions .row div {
    padding: 0px;
}

.form-actions .row div a {
    background-color: #003f62; border-radius: 5px; color: #fff; font-size: 16px; height: 31px;
}

.form-actions .row div ul li:first-child a {
    border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: #484848; border: 0px; border-right: 3px solid #003f62;
}

.form-actions .row div ul li:nth-child(3) a {
    border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #484848; border: 0px; border-left:3px solid #003f62;
}

body .disabled a {
    background-color: #d8d8d8 !important; opacity: .6;
}

@media(max-width: 992px) {
    .tab-content > div[id^="step"] div.row div[class^="col-"] {
        padding:5px 0px; float: left; width: 100%;
    }

    .tab-content > div[id^="step"] div.row {
        margin-bottom: 0px;
    }
}

.tab-content > div[id^="step"] div.row div[class^="col-"] li {
    float: left;
}

.tab-content > div[id^="step"] div .alert {
    margin:10px 0px !important; margin-top: 20px !important;
}

.tab-content > div[id^="step"] #complementario .input-group .input-group-addon {
    width: 100px !important; height: 34px;
}

.tab-content > div[id^="step"] #complementario .input-group input {
    width: calc(100% - 100px) !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;
}

#actaSonora input[type=checkbox]:checked ~ .divGROUP > *:last-child {
    background-color: #5cb85c;
}

#actaSonora input[type=checkbox]:checked ~ .divGROUP > *:last-child > *:first-child {
    display: none;
}

#actaSonora input[type=checkbox]:checked ~ .divGROUP > *:last-child > *:last-child {
    display: block; padding-top: 2px;
}

#saveWizardLi > * {
    margin-top: -1px;
}

#myWizardFull #myWizard .form-actions ul.wizard {
    position: relative;
}

#myWizardFull #myWizard .form-actions ul.wizard li.finish {
    position: absolute; top:0px; left: calc(50% - 65px);
}

#myWizardFull #myWizard .form-actions ul.wizard li.finish a {
    width: 120px;
}

#myWizardFull #myWizard .form-actions ul.wizard li {
    height: 32px; overflow: hidden;padding: 0px;
}

#myWizardFull #myWizard .form-actions ul.wizard li:hover a {
    background-color: #2d2d2d;
}

#myWizardFull #myWizard .form-actions ul.wizard li:nth-child(2):hover a {
    background-color: #cc561e;
}

#myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) a > *, #myWizardFull #myWizard .form-actions ul.wizard li:first-child a > *{
    display: inline-block;
}

#myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) a label {
    margin: 0px;
}

#myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) a > i, #myWizardFull #myWizard .form-actions ul.wizard li:first-child a > i {
    margin-top: 6px;
}

#myWizardFull #myWizard .form-actions ul.wizard li:first-child a > i {
    margin-right: 5px;
}

#myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) a > i {
    margin-left: 5px;
}

@media(max-width:860px) {

    #actaSonora .divGROUP > *:first-child {
        width: calc(100% - 45px);
    }

    #actaSonora .divGROUP > *:last-child {
        width: 45px; text-align: center;
    }

    #myWizardFull #myWizard .form-actions {
        margin-top: -20px;
    }

    #myWizardFull #myWizard .form-actions ul.wizard {
        margin-bottom: 40px;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li {
        display: block; float: left; width: auto;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li label {
        display: none !important;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li > * {
        border-radius: 0px; border:1px; border-color: #eaeaea;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) {
        float: right;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li:nth-child(2) {
        position: absolute; margin-top: 0px; width: calc(100% - 88px); margin-left: 44px;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li:nth-child(2) a {
        height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li:nth-child(3) a {
        border-bottom-right-radius: 4px;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li:first-child a {
        border-bottom-left-radius: 4px;
    }

    #myWizardFull #myWizard .form-actions ul.wizard li > * {
        width: 100%;
    }

    body #myWizardFull #myWizard .form-actions ul.wizard li.finish {
        width: calc(100% - 88px); margin-left: 44px;left: 0px;
    }

    body #myWizardFull #myWizard .form-actions ul.wizard li.finish a {
        width: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
    }
}

.btnCONSULTA {
    float: left; width: 100%; height: auto; max-width: 220px;
}

.btnCONSULTA > * {
    float: left;
}

.btnCONSULTA > label {
    height: 100%; width: calc(100% - 35px); height: 35px; padding: 8px;
}

.btnCONSULTA > *:last-child {
     text-align: center; background-color: #eeeeee; border: 1px solid #cbd5dd; border-radius: 2px; padding: 4px; height: 35px; width: auto; float: left;    border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: -1px;
}

#myWizard button[class*="Visualizar"] {
    float: left; margin-left: 10px; padding: 5px 6px; border-radius: 4px; position: relative; border-left: 2px solid #003f62 !important; color: #fff !important; background-color: #707171; border-color: #585858; transition: all .3s;
}

#myWizard button[class*="Visualizar"]:hover {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.48) inset;
}

#myWizard button[class*="Visualizar"] i {
    display: none;
}

#myWizard button[class*="Visualizar"]:before {
    content: ""; position: absolute; top: calc(50% - 1px); left: -12px; width: 11px; height: 1px; background-color: #003f62;
}

/*  = = = FIN Vista de INSCRIPCION = = =  */


/*  = = = MisDocumentos = = =  */
#docs .thumbnail ,#docs_entregados .thumbnail {
    padding: 0px; position: relative;
}

#docs .thumbnail .caption h4, #contenidoModal > [id^="bloqueInfo"] > [class^="col-"] h4, #docs_entregados .thumbnail .caption h4 {
  color: var(--secondary-color-se) !important; margin-top: 3px;  padding-bottom: 12px;  border-bottom: 1px solid #d8d8d8;  font-size: 15px;  font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 5px);
}
thumbnail .caption {
    color: #818181;
}

#docs div[id^="contenido"], #docs_entregados div[id^="contenido"] {
    margin-bottom: 10px;
}

#myDocs [id^="docs"] div[id^="contenido"] .solicitados > div, #myDocs [id^="docs"] div[id^="contenido"] .entregados > div {
    padding-bottom: 5px; float: left;width:  100%;
}

*[id^="comentario_validacion"] i {
    position: absolute; font-size: 10px; padding: 0px 3px; left: calc(50% - 8.5px); top: -2px;
}
*[id^="comentario_validacion"] i:hover {opacity: 1 !important;}

*[id^="comentario_validacion"] i > span  {display: none ; position: absolute; padding: 5px; background: #f3f3f3; border: 1px solid #d8d8d8; white-space: normal; bottom: 25px; width: 235px; text-align: left; right: -48px; border-radius: 4px; font-family: "Lato", Helvetica, Arial, sans-serif; color: #767676; box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.12); font-size: 12px; line-height: 14px; transition: all ease .3s;}

*[id^="comentario_validacion"] i > span:before {      content: " "; position: absolute; right: 47px; bottom: -17px; border: 8px solid transparent; border-top: 8px solid #ccc;}

*[id^="comentario_validacion"] i > span:hover {box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.24); /*transform: translateY(-3px);*/}

*[id^="comentario_validacion"] i span > span {display: none !important;}

*[id^="comentario_validacion"] i.show > span {display: block !important;}

#contenidoModal {
    padding: 0px; padding-left: 30px; padding-top: 15px; float: left; display: block; counter-reset: section; position: relative; width: 100%; }

#contenidoModal:before {
    content: ""; width: 3px; height: calc(100% - 110px); background-color: #003f62; position: absolute; left: 13.5px; top: 0px; min-height: 24px;}

#contenidoModal > [id^="bloqueInfo"]:first-child {
    margin-top: 0px;
}

#contenidoModal > [id^="bloqueInfo"] {
    width: 100%; float: left; margin-top: 10px; position: relative;
}

#contenidoModal > [id^="bloqueInfo"]:before {
    counter-increment: section; content: "" counter(section) ""; background-color: #003f62; border: 2px solid #003f62; border-radius: 13px; position: absolute; z-index: 1; left: -25px; top: 9px; padding: 0px 4.5px; font-size: 11px; font-weight: 500; color: #fff;
}

#contenidoModal > [id^="bloqueInfo"]:nth-child(n+10):before {
    left: -28px;
}

#docs .thumbnail .contIMG , #docs_entregados .thumbnail .contIMG {
    display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; position: relative; max-height: 120px; min-height: 130px; overflow: hidden; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 20px; background-color: var(--main-color-se); padding-bottom: 0px;
}

#docs .thumbnail .contIMG:before , #docs_entregados .thumbnail .contIMG:before {
    content: ""; width: 100%; height: 100%; position: absolute; box-shadow: inset 0px -70px 80px -50px rgba(0,0,0,0.02); display: block; left: 0px
}

#docs .thumbnail .contIMG img , #docs_entregados .thumbnail .contIMG img {
    width: 100%; min-height: 100%; height: auto; background-color: transparent;
}

[id^="docs"] .thumbnail .entregados > div:last-child, [id^="docs"] .thumbnail .solicitados > div:last-child {
    padding-bottom: 0px !important;
}

#contenidoModal > [id^="bloqueInfo"] > [class^="col-"] {
    width: 100%; padding: 0px; padding-left: 10px;
}

#contenidoModal > [id^="bloqueInfo"] > [class^="col-"] .caption label {
    display: inline-block;
}

#contenidoModal > [id^="bloqueInfo"] > [class^="col-"] .caption > div > div > * {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

#docs, #docs_entregados {
    padding: 10px 0px; float: left; width: 100%
}

#docs [id^="bloque"] > [class^="col-"], #docs_entregados [id^="bloque"] > [class^="col-"]{
    padding: 0px 8px;
}

#docs [id^="bloque"], #docs_entregados [id^="bloque"] {
    width: calc(100% / 6);float: left; transition: all ease .3s; height: auto; transition: all ease .2s;
}

#docs [id^="bloque"] > [class^="col-"], #docs_entregados [id^="bloque"] > [class^="col-"] {
    width: 100%;
}

#docs div[id^="contenido"] label , #docs_entregados div[id^="contenido"] label {
    padding: 0px; width: 50%; float: left; font-size: 13px;
}

#myDocs [id^="docs"] div[id^="contenido"] .solicitados > div > label:last-child, #myDocs [id^="docs"] div[id^="contenido"] .entregados > div > label:last-child {
    font-weight: normal; text-align:center; position: relative;
}

@media (max-width: 1650px){
#docs [id^="bloque"], #docs_entregados [id^="bloque"] {width: calc(100% / 5)}
}

@media (max-width: 1340px){
#docs [id^="bloque"], #docs_entregados [id^="bloque"] {width: calc(100% / 4)}
}

@media (max-width: 1180px){
#docs [id^="bloque"], #docs_entregados [id^="bloque"] {width: calc(100% / 3)}
}

@media (max-width: 880px){
#docs [id^="bloque"], #docs_entregados [id^="bloque"] {width: calc(100% / 2)}
}

@media (max-width: 560px) {
    #docs [id^="bloque"] > [class^="col-"], #docs_entregados [id^="bloque"] > [class^="col-"] { width: 100% !important; padding: 0px 2px;}
    #docs .thumbnail, #docs_entregados .thumbnail {margin-bottom: 4px !important;}
}

#docs [id^="bloque"] .contenedorBotones .btn, #docs_entregados [id^="bloque"] .contenedorBotones .btn {
    height: auto; width: 100%; border-color: transparent;
}
#docs [id^="bloque"] .contenedorBotones , #docs_entregados [id^="bloque"] .contenedorBotones  {
    width:100%;
}

.thumbnail .caption > * {
    position: relative !important; width:100%;
}

[id^="bloque"] [id^="tooltip"] {
    color: #fff; padding: 6px; border:1px solid var(--gris-oscuro); transition: all ease .1S; overflow: visible; top: -60px !important; box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.12); width: 100%; z-index: 10; background-color: rgba(72, 72, 80, 0.99); position: absolute; font-size: 12px; left: 0px; transition: all ease .2s; border-radius: 5px; max-width: 224px;
}

[id^="bloque"] [id^="tooltip"]:hover {
    cursor: pointer; box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.24); transform: translateY(-2px);
}

[id^="bloque"] [id^="tooltip"]:before {
    content: " "; position: absolute; left: 5px; bottom: -17px; border: 8px solid transparent; border-top: 8px solid var(--gris-oscuro);
}

.divSubir {
    position: relative; margin: 0px !important; width: 100%;float: left; width: 100%;
}

#docs .thumbnail, #docs_entregados .thumbnail,
#docs .thumbnail .contIMG, #docs_entregados .thumbnail .contIMG,.thumbnail .caption,
.thumbnail .caption > * {
    float: left;width: 100%;position: relative;
}

#docs .thumbnail, #docs_entregados .thumbnail {
    height: auto;
    min-height: 332px;  margin-bottom: 10px;
}


/*  = = = FIN MisDocumentos = = =  */

.signin-header, .signin-header > * {
    padding: 0px;
}

.signin-header > * section img {
    height: 80px; margin: 60px 0px; transition: all .3s;
}

.signin-body input.form-control {
    height: 40px !important;
}

.btns-btm {
    float: left;
    margin-top: -48px;
}

@media(max-width: 767px) {
    .signin-header > * section img {height: 90px; margin: 10px 0px;}

    .btns-btm {
        margin-top: 0px;
        margin-bottom: 20px;
    }

}


@media(max-width: 557px) {
    .signin-header > * section img { height: 70px; margin: 0; margin-top: 20px;}
    .body_login body:after {display: none;}
}




/*  = = = Input Check = = =  */
.inputCheck {
    float: left; width: auto; position: relative; display: block;;
}

body .inputCheck input[type=radio]{
    position: absolute; visibility: hidden;
}

body .inputCheck label{
    display: block; position: relative;padding: 2px 6px; padding-left: 30px; margin: 0px; height: auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear;
}

body .inputCheck .check{
    display: block; position: absolute; border: 2px solid #AAAAAA; border-radius: 100%; height: 14px; width: 14px; top: 5px; left: 5px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;
}

body .inputCheck:hover .check {
    border: 2px solid #d8d8d8;
}

body .inputCheck .check::before {
    display: block; position: absolute; content: ''; border-radius: 100%; height: 6px; width: 6px; top: 2px; left: 2px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;
}

body .inputCheck input[type=radio]:checked ~ .check {
  border: 2px solid #003f62;
}

body .inputCheck input[type=radio]:checked ~ .check::before{
  background: #003f62;
}

/*  = = = Fin Input Check = = =  */

/*  = = = Div GROUP = = =  */
.divGROUP {
    display: block; width: auto; border-radius: 4px; float: left;
}

.divGROUP > * {
    float: left; width: auto; font-size: 12px; padding: 6px 12px; border: 1px solid #cecece;
}

.divGROUP > *:first-child {
    border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: calc(100% - 35.44px);
}

.divGROUP > *:last-child {
    border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #eeeeee; box-sizing: border-box; margin-left: -1px; transition: all .3s ease-in ; height: 31px; width: 35.44px;
}

.divGROUP > *:last-child > *:last-child {
    display: none; color: #fff;
}

/*  = = = Fin Div GROUP = = =  */

.select2-container {/*width: 100% !important;*/}

body .select2-container--default .select2-selection--single {
    /*display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    color: #767676;
    background-color: white;
    background-image: none;
    border: 1px solid #cbd5dd;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

body .select2-container--default .select2-selection--single > span {
    /*padding: 0px !important; line-height: inherit !important;*/
}

#tutor2_sel {
    margin-top: 25px;
}

.slimScrollDiv #nav > li > *:nth-child(2) {
    display: none;
}

.nav-min .slimScrollDiv #nav > li > *:nth-child(2) {
    display: block; left: -250px;
}

.slimScrollDiv #nav > li > *:nth-child(2) {
       position: absolute; transform: translateX(-50px); top: 0px; transition: all ease .2s; max-height: 40px; padding: 10px 10px; z-index: -1; background-color: rgba(0, 0, 0, 0.1); color: #bbb; opacity: 0;}

.nav-min .slimScrollDiv #nav > li:hover > *:nth-child(2) {transform: translateX(0px); left: 0px; display: block; white-space: nowrap; padding-left: 70px; background:var(--tertiary-color-se) !important; color: #fff;
    opacity: 1;
}

/* Estilos Agregados */

.nav-min #nav > li.menuList > span {width: 230px;}
.nav-min #nav > li.menuList > ul.sub-nav a {padding-left: 10px;}

.regContainer {
    width: 100%; float: left; position: relative; height: auto;min-height: 50px; margin-top: 15px; padding: 10px; background-color: #fff; border:1px solid #ddd; border-top:2px solid#003f62;
}

.regContainer ~ .regContainer {
    margin-top: 40px;
}

.regTitle {
    width: auto; float: left; padding: 1px 15px; padding-left: 15px; position: absolute; top: -22px; background-color: #484848; left: -1px; color: #dddddd; z-index: -1;
}

.regTitle label {
    font-size: 13px; font-weight: 600; margin-bottom: 0px;
}

.regContent {
    float: left;width: 100%; position: relative; padding: 25px 20px;
}

* > [class*=".opacity"] {
    opacity:1; transition: all ease .3s;
}

.opacity5 {
    opacity: .5;
}

.opacity7 {
    opacity: .7;
}

.opacity85 {
    opacity: .85;
}

*::-webkit-scrollbar {
    width: 5px; height: 5px; transition: all ease .3s; background-color: #dadada;
}

*::-webkit-scrollbar-thumb {
    background-color: #444444;
}

/* Estilos Agregados END */

/* Modulo Horarios */

.modINSCR {
    width: 100%; float: left; height: auto; border:2px solid #444; border-top:10px solid #444; border-radius: 2px;
}

.modINSCR > * {
    float: left; position: relative; height: auto
}

.modINSCR > section {
    width: 100%; overflow: auto;
}

.modINSCR > aside {
    width: 100%;  overflow: auto;
}

@media(max-width: 750px) {
    .modINSCR > * {width: 100% !important; border:1px solid #444 !important;}
    .modINSCR > section, .modINSCR > aside {height: auto;}
}

.modINSCR .modCAT > * {
    float: left; transition: all ease .3s;
}

.modCAT {
    float: left; width: 100%; position: relative; border-bottom:1px solid #444;
}

.nameCAT, .divMAT.divACTIVE, .divMAT.divACTIVE *, .modCAT:hover * {
    opacity: 1;
}

/*.modCAT > * , .divMAT > * {opacity: .8; }*/

* > .modCAT > .divMAT.divACTIVE {
    border: 1px solid rgb(0, 132, 247); transition: .3s ease;
}

.divMAT.divACTIVE~.divMAT.divACTIVE {
    border-top:0px; margin-top: -1px;
}

.modINSCR .nameCAT {
    padding: 2px 5px; margin: 0px; font-size: 12px; background-color: #003f62; color: #fff; width: 100%; position: relative; overflow: hidden;
}

.modINSCR .nameCAT:hover, .modINSCR .nameMAT:hover {
    cursor: pointer;
}

.modINSCR .nameCAT:before,.modINSCR .nameMAT:before {
    display: block;content: ""; height: 100%; width: 100%; position: absolute; top:0px; left:0px; opacity: .3; transition: all ease .3s;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+48,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

.modINSCR .nameMAT:before {
    opacity: .3;
}

.modINSCR .nameCAT:hover:before,.modINSCR .nameMAT:hover:before  {
    transition: opacity .7s;
}

.modINSCR .nameCAT:hover:before {
    opacity: .5;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.modINSCR .nameMAT:hover:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+32,4f4f4f+100&0+41,0+41,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 32%, rgba(10,10,10,0) 41%, rgba(79,79,79,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a64f4f4f',GradientType=0 ); /* IE6-9 */

}

.modINSCR .toggleCAT {
    position: absolute; padding: 3.5px 8px; background-color: #333333; color: #fff; right: 0px; top: 0px; font-size: 14px;
}

.modINSCR .divMAT.divOUT, .modINSCR .matHORARIO.divOUT, .modINSCR .matHORARIO.divOUT ~ .matINFO {
    height: 0px; overflow: hidden; border-top:0px;border-bottom: 0px; transition: all ease .3s; padding: 0px;
}

.modINSCR .divMAT {
    width: 100%; border: 1px solid #aaa; padding: 0px; border-top-right-radius: 2px; transition: all ease 1.5s;
}

.modINSCR .nameMAT {
    margin: 0px;position: relative !important;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24); padding:1px 5px;padding-left: 8px; font-size: 13px; color: #767676; overflow: hidden; font-size: 12px !important; float: left; display: block; width: 100%;
}


.modINSCR .toggleMAT {
    position: absolute; right: 7px; top: 4px;
}

.modINSCR .matHORARIO {
    margin:0px; width: 100%; padding: 5px; float: left; list-style: none; position: relative;    background: transparent;
}

.modINSCR .horaDIA {
    float: left; width: calc((100% - 20px) / 5); text-align: center; position: relative;
}

.modINSCR .horaDIA:before, .modINSCR .horaDIA:after {
    content: ""; display: block; position:absolute; height: 100%; width: 1px; background-color: #d8d8d8;
}

.modINSCR .horaDIA:before {
    left: 0px; top:0px;
}
.modINSCR .horaDIA:after {
    right: -1px; top:0px;
}

.modINSCR .dia,.modINSCR .horas_curso, .modINSCR .diaHORAS {
    float: left;width: 100%; margin:0px; font-weight: normal !important; font-size: 10px;
}

.modINSCR .dia:first-child {
    font-weight: 600 !important; font-size: 11px !important; margin-bottom: 2px;
}

.modINSCR .addMAT {
    height: 100%; width: 20px; background-color: #444; color: #ddd; position: absolute; top: 0px; right: 0px; text-align: center; font-size: 12px; padding:0px; transition: all ease .3s;
}

.modINSCR .addMAT:hover {
    cursor: pointer; color:#fff;
}

.modINSCR .addMAT:before {
    position: absolute; top: calc(50% - 6px); left: 5.5px;
}

.modINSCR .matINFO {
    width: 100%; background-color: #999; color: #fff; margin: 0px; padding: 0px 5px; float: left; text-align: left;
}

.modINSCR .matGRP,.modINSCR .matCUP, .modINSCR .matMAE,.modINSCR .matCREDITOS  {
    padding: 2px 0px; margin:0px; float: left; height: auto; display: block; font-size: 11px; text-align: center;
}

.modINSCR .matGRP span,.modINSCR .matCUP span, .modINSCR .matMAE span, .modINSCR .matCREDITOS span {
   margin-left: 5px;
}

.modINSCR .matGRP,.modINSCR .matCUP, .modINSCR .matCREDITOS {
    width: 20%;
}

.modINSCR .matMAE {
    width: 40%
}
.templateINFOCURSO, .divAPPENDCURSO {
    float: left; width: 100%; display: block;
}
/* Fin Modulo Horarios */

table thead * {
    text-align: center; font-size: 11px !important
}

table * {
    transition: all ease .3s;
}

tfoot {display: none;}

table thead tr {font-weight: 700; }

table thead tr th, table thead tr, table tfoot tr th, table tfoot tr {
    border:1px !important; border-color: #f9f9f9; padding: 9px 9px !important; font-size: 11px; color:#038869 !important; text-align: center;
} /*ch revisar color para ver cual variable es y revisar espacio de celdas   .tableRP */

table.dataTable thead tr th {
    text-align: left !important;
}

table.dataTable#tbResults-course thead tr th {
    text-align: center !important;
}

table.dataTable.compact tbody td {
        padding: 4px 10px !important;
}

table#tbResults-attendances thead tr th {
    border-right: solid 1px #f9f9f9 !important;

} /*ch revisar color para ver cual variable es y revisar espacio de celdas   .tableR*/

.input-group {
    position: relative;
    border-radius: 20px !important;
    background-color: #f3f3f3 !important;
}


table tbody td button {
    padding: 3px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 2px !important; margin:0px !important;
}

 table tbody td {
    font-size: 12px;padding: 7px 5px !important; /*revisar que no descomponga otras tablas*/
 }

 table#tbResults-attendances tbody td {
    font-size: 12px;padding: 7px 9px !important; /*revisar que no descomponga otras tablas*/
 }

table#students thead tr th[class*="e"]:before, table#students thead tr th[class*="d"]:before {
    content: ""; position: absolute; width: calc(100% - 6px); height: 3px; left: 0px; margin-left: 3px; bottom: 3px; border-radius: 2px;
}

table#students thead tr th.absence:before, table#students tbody tr td.absence{
    background-color: #d88787 !important;
}
table#students thead tr th.day-off:before, table#students tbody tr td.day-off{
    background-color: #da9be6 !important;
}
table#students thead tr th.disabled:before, table#students tbody tr td.disabled{
    background-color: #767676 !important;
}

table#students thead tr th.excuse-letter:before, table#students tbody tr td.excuse-letter{
    background-color: #f8f987 !important;
}
table#students thead tr th.present:before, table#students tbody tr td.present{
    background-color: #9be69b !important;
}

table#students tbody tr td.excuse-letter i, table#students tbody tr td.day-off i {
    color:#000 !important;
}

table thead tr th,table tbody tr td  {
    position: relative; border:0px; border-right: 0px solid #444 !important;
}

table#students thead tr:nth-child(3) th:hover {
    cursor: pointer;
}

table tbody tr td {
    border-right: 0px solid #eee !important; position: relative;
}


table#students tbody tr td:nth-child(n + 4) {
    border-right: 1px solid #767676 !important;
}

table#students tbody tr td:nth-child(n + 2) {
    opacity: .6; transition: .3s ease opacity;
}

table#students tbody tr:hover {
    cursor: pointer;
}

table#students tbody tr:hover td:nth-child(n + 2) {
    opacity: 1;
}

table#students tbody tr td:nth-child(n + 2) i {
    color:#fff; font-size: 12px;
}

table#students tbody tr td i {
    position: absolute;left: calc(50% - 6.5px); top: calc(50% - 6.5px);
}

table#students tbody tr td[class*="e"], table#students tbody tr td[class*="d"] {
    border-right:1px solid transparent !important;
}

table#students thead tr:first-child th:first-child span {
    position: absolute; left: 45%; top:45%;
}
@media(max-width: 767px) {

  table thead tr th { font-size: 10px !important;}

}

  table thead tr th {   font-size: 13px !important; color:#b5b1ac;
}

table tbody {
    border:0px solid #d8d8d8;
}

.footerOPC p * {
    font-size: 13px;
}

.footerOPC p:nth-child(2), .footerOPC p:first-child {
    float: none; width: 100%;
}

.footerOPC p:last-child {
    width: 100%; padding-top: 20px;
}

.footerOPC p:last-child * {
    display: block; text-align: center; margin: 0 auto; color:#333;
}

#helpICON {
    position: absolute; top: -3px; left: 88px; z-index: 9999;
}

#helpICON i {
    height: 15px; width: 15px; background-color: #3276b1; padding: 2px 0px; text-align: center; border-radius: 50%; color: #fff; font-weight: normal; font-size: 12px;
}

#helpICON i:before {
    margin-left: -1px;
}

#helpICON div {
    display: none;
}

#helpICON div, #helpICON div * {
    transition: all .3s;
}

#helpICON.helpACTIVE div {
    display: block; background-color: #fff; border: 1px solid #d8d8d8; position: relative; border-radius: 4px; padding: 5px 10px; margin-top: 10px; margin-left: -80px;margin-bottom: 60px; max-width: 303px;
}

#helpICON.helpACTIVE div:before {
    content: ""; display: block; border: 8px solid transparent; position: absolute; border-bottom: 8px solid #d8d8d8; top: -17px; left: 79px;
}

#helpICON.helpACTIVE div img {
    height: 250px;width: auto; margin: 0 auto;
}

#helpICON.helpACTIVE div label {
    margin-top: 10px; font-weight: normal;
}

@media(max-width: 767px) {
#helpICON {
    top: 1px; left: 80px; }
}

/*  = = = DATA TABLE = = =  */

.dataTables_wrapper {}

.dataTables_wrapper .dataTables_paginate .paginate_button {    margin: 0px !important; border: 0px !important; margin-left: 2px !important}

.dataTables_wrapper > .row { margin: 0px !important; }

.dataTables_wrapper > .row > * {width: auto; padding: 0px; }

.dataTables_wrapper > .row > * label {}

.dataTables_wrapper > .row:first-of-type {margin: 0px !important;margin-bottom: 5px !important}
.dataTables_wrapper > .row:first-of-type > div[class*="col-"]:first-of-type {float: right;}
.dataTables_wrapper > .row:first-of-type > div[class*="col-"]:last-of-type {float: left;}

.dataTables_wrapper > .row:last-of-type > div:first-of-type {float: left;padding: 20px 0px;}
.dataTables_wrapper > .row:last-of-type > div:last-of-type {float: right;}


/*  = = = FIN DATA TABLE = = =  */


/* = = = Filestyle = = = */


.filestyle ~ div.bootstrap-filestyle {
    width: 100%;
}

.filestyle ~ div.bootstrap-filestyle > input{
    padding: 5px;
}

.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle {
    width: auto; margin: 0px; float: initial;
}

.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle > label:first-child {
    padding: 6px 12px;width: auto; height: 34px; background-color: #003f62; color: white; border-color: #c76e46; transition: .3s; border-radius: 2px; top: 0px !important; left: 0px !important;
}

.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle > label:first-child:hover {
    background-color: #ca5721; margin: 0px;
}

.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle .icon-span-filestyle {
    display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px; font-size: 14px; margin-top: 2px; width: auto !important;
}
.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle .icon-span-filestyle:before {
    content: "\f0c6";
}

.filestyle ~ div.bootstrap-filestyle > .group-span-filestyle span:last-child {
    margin-left: 9px;
}

/* = = = Fin Filestyle = = = */

.dropdown-menu.with-arrow.pull-right li:first-child {display: none;}

@media(min-width: 768px) {
    .userBANNER .dropdown-menu.with-arrow.pull-right { right: -239px !important; display: block !important; transition: all ease .3s;border-top-left-radius: 0px; border-top-right-radius: 0px;}
    .userBANNER .dropdown-menu.with-arrow.pull-right > li > a {margin:5px 0px; text-align: center;}
    .userBANNER .dropdown-menu.with-arrow.pull-right > li > a i {opacity: 0; transition: all ease .3s; margin-left: -20px !important; font-size: 20px; /*color: #428bca;*/ color: #fff; display: inline-block; -webkit-transform: translate(-15px,4px);-ms-transform: translate(-15px,4px);transform: translate(-15px,4px);} /* ch revisar color */
    .userBANNER .dropdown-menu.with-arrow.pull-right > li > a:hover i {opacity: 1; -webkit-transform: translate(-5px,4px);-ms-transform: translate(-5px,4px);transform: translate(-5px,4px);}
    .userBANNER .dropdown-menu.with-arrow.pull-right li:first-child {    display: block; width: 100%; text-align: center; height: 150px; padding: 10px;overflow: hidden;margin-bottom: 20px;position: relative;}
    .userBANNER .dropdown-menu.with-arrow.pull-right li:first-child .user_img {
        height: 130px; width: 130px; box-shadow: none; border: 0px; margin: 0px auto;border-radius: 50%;
    }
    .userBANNER .dropdown-menu.with-arrow.pull-right:after {display: none;}
    .userBANNER .dropdown-menu.with-arrow.pull-right { position: fixed; height: auto; top: 49px; margin: 0px; padding-bottom: 30px;}
    .userBANNER .open .dropdown-menu.with-arrow.pull-right {transform: translateX(-238px);}

.userBANNER .dropdown-menu.with-arrow.pull-right {background: rgba(0, 0, 0, 0.14) !important;}
}

.userBANNER .dropdown-menu.with-arrow.pull-right > li > a {text-decoration: none !important;}
.userBANNER .dropdown-menu.with-arrow.pull-right > li > a span {font-weight: 100;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);}
.userBANNER .dropdown-menu.with-arrow.pull-right {overflow: hidden;}
.userBANNER .open .dropdown-menu.with-arrow.pull-right:before {    -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; content: ""; background-image: url(./../images/imgWELCOME.jpg) !important; background-size: cover; background-repeat: no-repeat; left: -20px; background-position: center; position: fixed; -webkit-filter: blur(15px); filter: blur(15px); z-index: -2; width: 100vh; height: 100vh; top: -50px; background-color: background: rgba(var(--main-color-se), 0.95); !important; background-blend-mode: hard-light;}

@media(max-width: 767px) {
    .userBANNER .dropdown-menu.with-arrow.pull-right {box-shadow: 0px 0px 1px 0px;}
    .userBANNER .open .dropdown-menu.with-arrow.pull-right:before {
        /*height: auto; width: auto; top: 0px; left: 0px; right: 0px; bottom: 0px;*/ position: absolute;background-image: none !important; filter:none;}
        .userBANNER .dropdown-menu.with-arrow.pull-right > li > a i {font-size: 20px; transform: translateY(5px);color: #fff; margin-right: 10px;}
    .userBANNER .dropdown-menu.with-arrow.pull-right > li > a span {font-size: 14px;}
}

/* = = = Estilo del Welcome = = = */

.msgWELCOME {
        width: 100%; height: auto !important; min-height: 400px; overflow: hidden; position: relative; z-index: 2; padding: 20px;padding-right: 80px;
    }

    .msgWELCOME > div:first-child {
        width: 100%; display: block; padding: 0px
    }

    .msgWELCOME * {
        z-index: 3;
    }
     .msgWELCOME img {
        width: auto; height: 900px; position: absolute; top: -350px; right: 0px; opacity: .3; z-index: -2; -webkit-filter: blur(1px); filter: blur(1px);
        display: none;
    }

    .msgWELCOME h1{font-size: 28px; margin: 0px; position: relative; font-weight: bolder; width: auto; display: inline-block; color: #767676; padding: 3px 10px; border-radius: 3px; background-color: transparent; padding: 0px; margin-bottom: 20px;}
    .msgWELCOME h1:before {content: "";background: -webkit-gradient(linear,right top, left top,from(#4fc1e9),to(#003f62))!important;background: -webkit-linear-gradient(right,#4fc1e9,#003f62)!important;background: -o-linear-gradient(right,#4fc1e9,#003f62)!important;background: linear-gradient(270deg,#4fc1e9,#003f62)!important;
    position: absolute;left: 0px; top: 0px; width: 100%; height: 100%; display: none !important;}

    .msgWELCOME > p:first-of-type {
        padding-left: 10px;
    }

    .msgWELCOME > p span {
        padding: 0px;
    }

    .msgWELCOME > p {
        padding-left: 30px; font-size: 15px
    }

    .msgWELCOME > p a {
        margin: 0 6px; border-bottom: 1px solid #767676;
    }

    .msgWELCOME > p:last-of-type {
        font-weight: 600; font-size: 18px; margin-top: 35px; padding-left: 20px; text-align: center !important;
    }

    table th, table td {vertical-align: middle !important;}

    @media(max-width: 1059px) {
        .msgWELCOME {padding-right: 40px;padding-left: 10px;height: 500px}
        .msgWELCOME h1 {margin-bottom: 10px;}
    }

    @media(max-width: 767px) {
        .page {padding: 0px; padding-top: 10px;}
        .lefond {background: url("../../../images/bg-home.svg") no-repeat center -410px; background-size: 900px; }

        .lefond-box {background-repeat: no-repeat; background-position:  center bottom; height: 500px !important; width: 100%; background-size: 900px; }

        .new-wlcm { margin-top: 16%; padding-left: 4% !important; text-align: center;}

        .msgWELCOME h1 {margin-bottom: 20px; font-size: 40px !important;}
        .msgWELCOME {padding-right: 20px;padding-left: 0px;height: auto;box-shadow: none;border:0px;}
        .msgWELCOME > p:last-of-type {margin-top: 30px;font-size: 16px;}
        .msgWELCOME img {height: 329px;top:-80px;right: 0px; opacity: .18;}
        .msgWELCOME:before { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#f7f7f7));background: -webkit-linear-gradient(top, transparent, #f7f7f7);background: -o-linear-gradient(top, transparent, #f7f7f7);background: linear-gradient(-180deg, transparent, #f7f7f7); height: 250px;}
        .msgWELCOME:after { background: -webkit-gradient(linear,right top, left top,from(transparent), to(#f7f7f7));background: -webkit-linear-gradient(right,transparent, #f7f7f7);background: -o-linear-gradient(right,transparent, #f7f7f7);background: linear-gradient(-90deg,transparent, #f7f7f7); content: ""; position: absolute; left: 0px; top: 0px; height: 250px; z-index: -2; width: 292px;}
    }

/* = = = Fin Estilo del Welcome = = = */

table.dataTable {width: calc(100% - 2px) !important; border: 0px solid #e6e6e6 !important; border-top: 0px !important;}

table.dataTable tr th:last-child, table.dataTable tr td:last-child {border-right: 0px !important; }

.box > div[class*="col-md-"] {padding: 0px;}

.box > .contTABS  legend {margin-bottom: 0px; font-size: 15px; font-weight: 700; color: #767676;}

table.dataTable tr td:last-child .btn {border-radius: 0px !important;border-right-width: 0px;min-width: 23px;}
table.dataTable tr td:last-child .btn:first-of-type {border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important;}
table.dataTable tr td:last-child .btn:last-of-type {border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important;border-right-width: 1px;}


.content-header ~ * > .box:last-child, .content-header ~ * {margin-bottom: 0px !important;}
.content-header ~ .box {padding: 10px !important}
.btn-footer {float: left;width: 100%;}

/* Contend Header FIX */

#content .bgheader { transition:  margin-top .3s ease; z-index: 99}

.fixedHEADER .bgheader { position: fixed; top: 0px; left: 237px; margin-top: 50px; z-index: 1; width: 100%; height: auto; background: var(--main-color-se); color: #fff; padding: 5px; padding-left: 28px; padding-top: 4px; text-shadow: 0px 0px 10px #02020242;}

.nav-min .fixedHEADER .bgheader {left: 48px; }

.fixedHEADER .bgheader h1 {font-size: 22.50px;}

.fixedHEADER .breadcrumb {margin-top: 26px;}

@media (max-width: 767px) {
    .fixedHEADER .bgheader {left: 0px; margin-top: 77px;}

    #content .bgheader h1 {font-size: 24px;}
}




.dv-info-alumno {padding: 10px !important; border-radius: 5px; background: #fff; position: relative; overflow: hidden; box-shadow: 0px 0px 3px #d8d8d8; width: auto; margin-bottom: 10px !important;
}
.dv-info-alumno:before {content: ""; height: 100%; width: 100%; background: linear-gradient(#ffffff00,#ffffffcc); right: -50%; top: 39px; position: absolute; transform: skewY(-10deg);}

.dv-info-alumno legend {    margin: 0px; font-size: 15px; color: #767676; font-weight: 700;}

.dv-info-alumno > div {padding: 0px; padding-left: 10px;}

.dv-info-alumno > div > div {width: auto;}

.dv-info-alumno label {}

.dv-info-alumno label ~ label, * label ~ label {font-weight: normal;}

.has-error {position: relative;}

.has-error li {list-style: none;}

.has-error li *[id*="error"] {border: 1px solid #d28b84; position: absolute; z-index: 1; padding: 4px 8px; border-radius: 5px; background: #fdbab3; color: #a7645d; bottom: 42px; width: auto; max-width: 100%;}
.has-error li *[id*="error"]:before {content: ""; position: absolute; border: 6px solid transparent !important; border-top: 6px solid #d38d86 !important; background: transparent !important; bottom: -13px; left: 5px;}

.pdflinkBTN {    display: block; float: left; width: 95px; text-align: center; background: linear-gradient(#f9f9f9,#eee); padding: 5px 10px; margin: 0px 15px; border: 2px solid #d8d8d8; border-radius: 2px; box-shadow: 0px 0px 15px 0px #7d7d7d47 inset; transition: all ease .3s;position: relative;overflow: hidden;}
.pdflinkBTN:hover {border: 2px solid #c7c7c7;}
.pdflinkBTN br {display: none;}
.pdflinkBTN img {margin: 5px 0px; transition: all ease .3s;}
.pdflinkBTN:hover img { transform: translateY(2px); }
.pdflinkBTN span {display: block; font-size: 12px; color: #484848;}

.pdflinkBTN ~ * {}

/* Modulo Horarios */

.modINSCR {
    width: 100%; float: left; height: auto; border:2px solid #444; border-radius: 2px; padding: 5px !important; position: relative;
}

.modINSCR > * {
    float: left; position: relative; height: auto;  background-color: #fff;
}

.modINSCR > section {
    width: 100%; overflow: auto;
}

.modINSCR > section:first-of-type {z-index: 2;overflow: visible;}

.modINSCR > section::-webkit-scrollbar, .modINSCR > aside::-webkit-scrollbar { width: 10px;height: 10px; }

.modINSCR > section::-webkit-scrollbar-thumb, .modINSCR > aside::-webkit-scrollbar-thumb {
    border-radius: 5px; -webkit-box-shadow: 0px 0px 9px 0px #797979 inset; box-shadow: 0px 0px 9px 0px #797979 inset;
}

.modINSCR > section::-webkit-scrollbar-track, .modINSCR > aside::-webkit-scrollbar-track {
    background-color: #fafafa; border: 1px solid #aaa; -webkit-box-shadow: 0px 0px 5px 0px rgba(170, 170, 170, 0.8); box-shadow: 0px 0px 5px 0px rgba(170, 170, 170, 0.8)
}


.modINSCR > aside {
    width: 100%;  overflow: auto;
}
.modINSCR .divAMPLIAR #btnAMPLIAR {
    position: absolute;
    top: -webkit-calc(50% - 21px);
    top: calc(50% - 21px);
    left: -webkit-calc(50% - 61px);
    left: calc(50% - 61px);
    background: #3a3633;
    color: #b5b1ac;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.62);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.62);
    border:1px solid transparent;
    border-radius: 2px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    font-size: 13px;
    text-transform: uppercase;
}

.modINSCR .divAMPLIAR #btnAMPLIAR > span:last-of-type {
    display: none;
}

.modINSCR > aside .divAMPLIAR label:hover {
    cursor: pointer; border-color: rgba(154, 154, 154, 0.5); border-radius: 5px; background-color: #484848;
}

.modINSCR > aside .divAMPLIAR label i {margin-left: 8px;}

@media(max-width: 750px) {
    .modINSCR > * {width: 100% !important; border:1px solid #444 !important;}

    .modINSCR > section, .modINSCR > aside {height: 450px;}
}


.modINSCR .modCAT > * {
    float: left; -webkit-transition: all ease .3s; transition: all ease .3s; width: 100%; padding: 5px; padding-left: 10px; padding-bottom: 20px;
}

.modCAT {
    float: left; width: calc(100% / 4); position: relative; -webkit-transition: all ease .3s; transition: all ease .3s;
}

.modCAT.staticH {
    height: 22px; overflow: hidden; width: calc(100% / 4);
}

.staticH > label {
    border-bottom: 0px !important;
}

* > .staticH:last-child {
    height: 23px !important;
}

* > .staticH:last-child label {
    border-bottom: 1px solid #3a3633 !important;
}
.nameCAT, .divMAT.divACTIVE, .divMAT.divACTIVE *, .modCAT:hover * {
    opacity: 1;
}

/*.modCAT > * , .divMAT > * {opacity: .8; }*/

* > .modCAT > .divMAT.divACTIVE {
    border: 1px solid rgb(0, 132, 247); -webkit-transition: .3s ease; transition: .3s ease;
}

.divMAT.divACTIVE~.divMAT.divACTIVE {
    border-top:0px; margin-top: -1px;
}

.modINSCR .nameCAT {
    padding: 2px 5px; margin: 0px; font-size: 12px; background-color: #003f62; color: #fff; width: 100%; position: relative; overflow: hidden; padding-right: 27px; border-top:1px solid #3a3633; border-bottom: 1px solid #3a3633;
}

.modINSCR .nameCAT .nombre_categoria {display: block;width: 100%;}

.modINSCR .nameCAT span > span {
    width: 22%; display: inline-block; text-align: center; font-size: 11px; font-weight: 400; text-transform: capitalize;
}

.modINSCR .nameCAT span > span:nth-child(1) {
    width: calc(100% - 200px); white-space: nowrap;text-overflow: ellipsis;overflow: hidden; height: 12px;
}

.modINSCR .nameCAT span > span:nth-child(2) {
    max-width: 80px;
}

.modINSCR .nameCAT span > span:nth-child(3) {
    max-width: 120px;
}

.modINSCR .nameCAT:hover, .modINSCR .nameMAT:hover {
    cursor: pointer;
}

.modINSCR .nameCAT:before,.modINSCR .nameMAT:before {
    display: block;content: ""; height: 100%; width: 100%; position: absolute; top:0px; left:0px; opacity: .3; -webkit-transition: all ease .3s; transition: all ease .3s;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+48,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0)), to(rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

.modINSCR .nameMAT:before {
    opacity: .3;
}

.modINSCR .nameCAT:hover:before,.modINSCR .nameMAT:hover:before  {
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
}

.modINSCR .nameCAT:hover:before {
    opacity: .5; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.modINSCR .nameMAT:hover:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+32,4f4f4f+100&0+41,0+41,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(0,0,0,0)), color-stop(41%, rgba(10,10,10,0)), to(rgba(79,79,79,0.65)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 32%, rgba(10,10,10,0) 41%, rgba(79,79,79,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a64f4f4f',GradientType=0 ); /* IE6-9 */

}

.modINSCR .nameMAT > .nameMateria {
    display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: -webkit-calc(100% - 10px); width: calc(100% - 10px);
}

.modINSCR .toggleCAT {
    position: absolute; padding: 3.5px 8px; background-color: #333333; color: #fff; right: 0px; top: 0px; font-size: 14px; width: 23px;
}

.modINSCR .toggleCAT.fa-minus:before {
    content: "\f0da";
}

.modINSCR .toggleCAT.fa-plus:before {
    content: "\f0d7";
}

.modINSCR .divMAT.divOUT, .modINSCR .matHORARIO.divOUT, .modINSCR .matHORARIO.divOUT ~ .matINFO {
    height: 0px; overflow: hidden; border-top:0px;border-bottom: 0px; -webkit-transition: all ease .3s; transition: all ease .3s; padding: 0px;
}

.modINSCR .divMAT {
    width: 100%; border: 1px solid #aaa; padding: 0px; border-top-right-radius: 2px; -webkit-transition: all ease .3s; transition: all ease .3s; border-radius: 5px; margin-bottom: 5px; position: relative;
}

.modINSCR .divMAT:before {
    content: ""; position: absolute; display: block; width: 5px; height: 1px; top: 9px; left: -5px;background-color: #999;
}

.divMAT.optativa > label:after, .divMAT.especialidad_1 > label:after, .divMAT.especialidad_2 > label:after, .divMAT.virtual > label:after, .divMAT.semi_presencial > label:after, .divMAT.curso_inscrito > label i:after, .header_especialidad li[name^="Capa"], .header_especialidad li[name^="Ser"]  {
    content: ""; position: absolute; right: 26px; top: 1px; display: block; padding: 1px 3px; border-radius: 3px; line-height: 11px; border: 1px solid #686868; text-transform: uppercase; font-size: 10px; z-index: 5; -webkit-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5);
}
.divMAT.curso_inscrito.optativa > label:after {right: 45px;}
.divMAT.curso_inscrito.especialidad_1 > label:after {right: 45px;}
.divMAT.curso_inscrito.especialidad_2 > label:after {right: 45px;}
.divMAT.curso_inscrito.virtual > label:after {right: 45px;}
.divMAT.curso_inscrito.semi_presencial > label:after {right: 45px;}


* .bootstrap-datetimepicker-widget {display: block !important; height: auto !important; background-color: #fff !important}

.divMAT.optativa > label:after {content: "optativa"}
.divMAT.especialidad_1 > label:after {content: "capacitación"}
.divMAT.especialidad_2 > label:after {content: "serie"}
.divMAT.virtual > label:after {content: "curso virtual"}
.divMAT.semi_presencial > label:after {content: "semi-presencial"}
.divMAT.curso_inscrito > label i:after {    content: "INSC"; top: -3px; z-index: 10; right: 10px; font-weight: 700; font-family: sans-serif;}

.matGEN {background-color: #f5f5f5}
.matOPT, .optativa,.divMAT.optativa > label:after {background-color: #ffee7d}
.matCAP, .especialidad_1, .divMAT.especialidad_1 > label:after, .header_especialidad li[name^="Capa"] {background-color: #dcffca}
.semi_presencial > label, .divMAT.semi_presencial > label:after, .modINSCR .semi_presencial .matHORARIO {background-color: #c3efff}
.virtual > label, .divMAT.virtual > label:after,  .modINSCR .virtual .matHORARIO {background-color: #f9dea5}
.matSER, .especialidad_2, .divMAT.especialidad_2 > label:after, .header_especialidad li[name^="Ser"] {background-color: #c3cdff}
.matREP {background-color: #ff7d7d}
.divMAT.curso_inscrito > label i:after {     background-color: #5a5a5a; border-color: #828282; -webkit-box-shadow: -3px 0px 5px rgba(90, 90, 90, 0.65); box-shadow: -3px 0px 5px rgba(90, 90, 90, 0.65); color: #eee;}

.sinHORA {width: 100%; text-align: center; left: 0px; top: 0px; padding: 2px 0px; margin: 0px; color: #5a5a5a; font-size: 12px; text-transform: uppercase;}

.modINSCR .nameMAT {
    margin: 0px;position: relative !important;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24); padding:1px 5px;padding-left: 8px; font-size: 13px; color: #5a5a5a; overflow: hidden; font-size: 12px !important; float: left; display: block; width: 100%;
}

.divAppendMaterias > *:last-child {
    margin-bottom: 0px;
}

.divAppendMaterias > *:last-child:after {
        content: ""; display: block; position: absolute; border-top-right-radius: 10px; top: 10px; left: -6px; height: 200%; width: 2px; background-color: #fff;
}

.divAppendMaterias {
    position: relative; overflow:hidden;
}

.divAppendMaterias:before {
    position: absolute; content: ""; display: block; left: 5px; height: 100%; top: 0px; width: 1px; background-color: #999;
}

.modINSCR .toggleMAT {
    position: absolute; right: 10px; top: -webkit-calc(50% - 6px); top: calc(50% - 6px);
}

.modINSCR .matHORARIO {
    margin:0px; width: 100%; padding: 5px 0px; float: left; list-style: none; position: relative;    background: transparent;
}

.modINSCR .horaDIA {
    float: left; width: -webkit-calc((100% - 20px) / 5); width: calc((100% - 20px) / 5); text-align: center; position: relative;
}

.modINSCR .horaDIA:before, .modINSCR .horaDIA:after {
    content: ""; display: block; position:absolute; height: 100%; width: 1px; background-color: #d8d8d8;
}

.matHORARIO div:first-child .horaDIA:before, .matHORARIO div:last-child .horaDIA:after {
    display: none !important;
}

.modINSCR .horaDIA:before {
    left: 0px; top:0px;
}
.modINSCR .horaDIA:after {
    right: -1px; top:0px;
}

.modINSCR .dia,.modINSCR .horas_curso, .modINSCR .diaHORAS {
    float: left;width: 100%; margin:0px; font-weight: normal !important; font-size: 10px;
}

.modINSCR .dia:first-child {
    font-weight: 600 !important; font-size: 11px !important; margin-bottom: 2px;
}

.modINSCR .addMAT {
    height: 100%; width: 26px; background-color: #444; color: #ddd; position: absolute; top: 0px; right: 0px; text-align: center; font-size: 12px; padding:0px; -webkit-transition: all ease .3s; transition: all ease .3s;
}

.modINSCR .addMAT:hover {
    cursor: pointer; color:#fff;
}

.modINSCR .addMAT:before {
    position: absolute; top: -webkit-calc(50% - 6px); top: calc(50% - 6px); left: 8px;
}

.modINSCR .addMAT.fa-minus:before {
    content: "\f1f8";
}

.modINSCR .addMAT.fa-minus:hover {
    -webkit-box-shadow: 0px 0px 24px 5px rgba(255, 0, 0, 0.48) inset;
    box-shadow: 0px 0px 24px 5px rgba(255, 0, 0, 0.48) inset;
}

.modINSCR .addMAT.fa-plus:hover {
    -webkit-box-shadow: 0px 0px 24px 5px rgba(0, 179, 6, 0.48) inset;
    box-shadow: 0px 0px 24px 5px rgba(0, 179, 6, 0.48) inset;
}

.modINSCR .matINFO {
    width: 100%; background-color: #999; color: #fff; margin: 0px; padding: 0px 5px; float: left; text-align: left;
}

.modINSCR .matGRP,.modINSCR .matCUP, .modINSCR .matMAE,.modINSCR .matCREDITOS  {
    padding: 2px 0px; margin:0px; float: left; height: auto; display: block; font-size: 11px; text-align: center;
}

.modINSCR .matGRP span,.modINSCR .matCUP span, .modINSCR .matMAE span, .modINSCR .matCREDITOS span {
    margin-left: 5px;
}

.modINSCR .matGRP span {text-transform: capitalize;}

.modINSCR  .matCREDITOS, .modINSCR  .matGRP {padding-bottom: 0px !important;}
.modINSCR .matCUP, .modINSCR .matMAE {padding-bottom: 2px !important}
.modINSCR .matCREDITOS, .modINSCR .matCUP {width: 90px;}
.modINSCR .matGRP {width: calc(100% - 90px); text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.modINSCR .matMAE {width: calc(100% - 90px); text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.templateINFOCURSO, .divAPPENDCURSO {
    float: left; width: 100%; display: block;
}

#t_especialidad, #t_tronco_comun,#t_optativas,#t_reprobadas, #especialidad_1,#especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja  {
    width: -webkit-calc(20% - 10px);
    width: calc(20% - 10px); padding:0px; margin: 0px 5px; background-color: #fff; border-radius: 5px; overflow:hidden; margin-top: 5px; border:1px solid #d8d8d8 !important;
}

@media(max-width: 767px) {
    #t_especialidad, #t_tronco_comun, #t_optativas, #t_reprobadas, #especialidad_1, #especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja { width: -webkit-calc(33% - 10px); width: calc(33% - 10px); }
}

@media(max-width: 567px) {
    #t_especialidad, #t_tronco_comun, #t_optativas, #t_reprobadas, #especialidad_1, #especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
}

#t_especialidad > legend, #t_tronco_comun > legend,#t_optativas > legend,#t_reprobadas > legend, #especialidad_1 > legend,#especialidad_2 legend, #t_cursos_actuales legend, #t_atrasadas_no_baja legend, #t_atrasadas_baja legend {
    margin: 0px;  padding: 0px; font-size: 13px; font-weight: 700; text-align: center; background-color: #444; border:0px; color: #fff;
}

#t_especialidad > div, #t_tronco_comun > div,#t_optativas > div,#t_reprobadas > div, #especialidad_1 > div,#especialidad_2 > div, #t_cursos_actuales > div, #t_atrasadas_no_baja > div , #t_atrasadas_baja > div  {
    width: 100%;
}

#t_especialidad > div:nth-child(3) label, #t_tronco_comun > div:nth-child(3) label, #t_optativas > div:nth-child(3) label, #t_reprobadas > div:nth-child(3) label, #especialidad_1 > div:nth-child(3) label, #especialidad_2 > div:nth-child(3) label, #t_cursos_actuales > div:nth-child(3),
#t_atrasadas_no_baja > div:nth-child(3) label , #t_atrasadas_baja > div:nth-child(3) label {
    margin-top: 0px;
}

#t_especialidad > div label, #t_tronco_comun > div label,#t_optativas > div label,#t_reprobadas > div label, #especialidad_1 > div label,#especialidad_2 > div label, #t_cursos_actuales > div label, #t_atrasadas_no_baja > div label , #t_atrasadas_baja > div label {
    float: left; margin: 5px 0px;
}

#t_especialidad > div label:first-child, #t_tronco_comun > div label:first-child,#t_optativas > div label:first-child,
#t_reprobadas > div label:first-child, #especialidad_1 > div label:first-child,#especialidad_2 > div label:first-child,
#t_atrasadas_no_baja > div label:first-child , #t_atrasadas_baja > div label:first-child {
    width: 65%; padding-left: 10px;
}

#t_cursos_actuales > div label {
    width: 100%; text-align: center;
}

#t_especialidad > div label:last-child, #t_tronco_comun > div label:last-child,#t_optativas > div label:last-child,#t_reprobadas > div label:last-child, #especialidad_1 > div label:last-child,#especialidad_2 > div label:last-child,
#t_atrasadas_no_baja > div label:last-child , #t_atrasadas_baja > div label:last-child {
    width: 35%; text-align: center;
}

#tablero ~ .regContainer .footerBTN {
    margin: 0px !important; padding: 0px !important;  text-align: right;
}

#tablero ~ .regContainer .footerBTN button {
    width: 200px; border-top-left-radius: 0px; border-top-right-radius: 0px;
    }

 .skeduler-main-body > div > .skeduler-task-placeholder > div {
    overflow-y: hidden !important;
 }

/*==FIN Horarios==*/

.blockUI.blockMsg.blockPage {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #03030347 !important;
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 0px !important;
    opacity: inherit !important;
    padding: 0px !important;
    position: absolute;
    z-index: 99999999 !important;
border:0px !important;}

.blobs {-webkit-filter: url(#goo); filter: url(#goo); width: 300px; height: 300px; position: relative; overflow: hidden; border-radius: 70px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.blobs .blob-center {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; background: #003f62; top: 50%; left: 50%; width: 30px; height: 30px; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.9) translate(-50%, -50%); transform: scale(0.9) translate(-50%, -50%); -webkit-animation: blob-grow linear 3.4s infinite; animation: blob-grow linear 3.4s infinite; border-radius: 50%; -webkit-box-shadow: 0 -10px 40px -5px #003f62; box-shadow: 0 -10px 40px -5px #003f62; }

.blob {position: absolute; background: #003f62; top: 50%; left: 50%; width: 30px; height: 30px; border-radius: 50%; -webkit-animation: blobs ease-out 3.4s infinite; animation: blobs ease-out 3.4s infinite; -webkit-transform: scale(0.9) translate(-50%, -50%); transform: scale(0.9) translate(-50%, -50%); -webkit-transform-origin: center top; transform-origin: center top; opacity: 0; }
.blob:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.blob:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.blob:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.blob:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.blob:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,
    65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}

@keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,
    65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@-webkit-keyframes blob-grow {
  0%,
    39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%,
    42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%,
    44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%,
    46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%,
    48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%,
    70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%,
    81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%,
    83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%,
    85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%,
    87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%,
    91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%,
    100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}
@keyframes blob-grow {
  0%,
    39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%,
    42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%,
    44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%,
    46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%,
    48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%,
    70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%,
    81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%,
    83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%,
    85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%,
    87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%,
    91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%,
    100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}



.opcion_tables {    text-align: center; padding:10px; background: #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: 0px solid #ddd; border-top: 0px; border-bottom: 1px;}
.opcion_tables > * {    width: auto; display: inline-block !important; min-width: 180px; text-align: left; margin: 0px !important;}
.div_result_fix { float: right; padding-right: 10px; padding-top: 8px; }
.div_result_fix > * {float: left;margin: 0px;}
.div_result_fix > label {margin-right: 10px; margin-top: 7px;}
.div_result_fix > .form-group {}

.desktop-detected .Quickpay_div i {
    display: none !important;
}

html body.nav-min .Quickpay_div i {
    display: block !important;
}

.Quickpay_div {border-top: 1px solid rgba(255, 255, 255, 0.01);}

.Quickpay_div a {padding: 15px 10px !important}

.Quickpay_div a > span {
    width: 100%;
}

.Quickpay_div span img {
    height: 30px; width: auto; margin: 0 auto; display: block; }

.special_load {
height:50px;
width:50px;
margin:0px auto;
position:relative;
-webkit-animation: loader_rotation .6s infinite linear;
-moz-animation: loader_rotation .6s infinite linear;
-o-animation: loader_rotation .6s infinite linear;
animation: loader_rotation .6s infinite linear;
border-left:5px solid #ffffffa1;
border-right:5px solid #ffffffa1;
border-bottom:5px solid #ffffffa1;
border-top:5px solid var(--tertiary-color-se);
border-radius:100%;
}

@-webkit-keyframes loader_rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes loader_rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes loader_rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes loader_rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@supports (-ms-ime-align:auto) {
    body:after {display: none !important;}
    body:before {opacity: .1;}

    #nav-container {background:-webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 0.5)),to(#333));background:-webkit-linear-gradient(rgba(0, 0, 0, 0.5),#333);background:-o-linear-gradient(rgba(0, 0, 0, 0.5),#333);background:linear-gradient(rgba(0, 0, 0, 0.5),#333)}
}

.normal_custom_tabs {}
.normal_custom_tabs > * {}

.normal_custom_tabs > ul.nav {}
.normal_custom_tabs > ul.nav > li {}
.normal_custom_tabs > ul.nav > li {}
.normal_custom_tabs > ul.nav > li a {text-transform: uppercase; font-size: 13px; font-weight: 600; color: #767676;}
.normal_custom_tabs > ul.nav > li.active a {color: #333;}
.normal_custom_tabs > ul.nav > li a i {margin-left: 5px;}

.normal_custom_tabs > div.tab-content {}
.normal_custom_tabs > div.tab-content > div {padding: 2em 1em;}

.content_carta_card {padding: 1em; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 17px 5px -15px #ccc; display: flex; flex-wrap: wrap;}
.content_carta_card > * {}
.content_carta_card > legend {}
.content_carta_card > legend .nombre_curso {}
.content_carta_card > legend .ciclo, .content_carta_card > legend .plantel, .content_carta_card > legend .grupo  {font-size: 12px; text-transform: uppercase; margin-right: 5px; padding: 4px 18px; border-radius: 8px; transform: translateY(-3px); display: inline-block; border: solid 1px; float: right; }
.content_carta_card > legend .ciclo {border-color: var(--main-color-se); color: var(--main-color-se);}
.content_carta_card > legend .plantel {border-color: var(--tertiary-color-se); color: var(--tertiary-color-se);}
.content_carta_card > legend .grupo {border-color: var(--secondary-color-se); color: var(--secondary-color-se);}
.content_carta_card > legend .ciclo:before , .content_carta_card > legend .plantel:before, .content_carta_card > legend .grupo:before {padding-right: 3px;}
.content_carta_card > legend .ciclo:before {content: "Ciclo:"}
.content_carta_card > legend .plantel:before {content: "Plantel:"}
.content_carta_card > legend .grupo:before {content: "Grupo:";}
.content_carta_card ~ .content_carta_card {margin-top: 30px;}
.content_carta_card > .content_info_carta legend {width: 100%;display: block;}
.content_info_carta {display: inline-block;width: calc(100% - 358px); height: auto;padding-right: 10px;}
.content_thumbs {display: inline-block;width: 355px; padding-left: 20px;position: relative; padding: 0px;}
/*.content_thumbs:before {content: ""; position: absolute; display: block; left: 0px; bottom: 5px; top: 0px; height: auto; background: #ddd; width: 1px;}*/
.content_thumbs > .thumbnail {display: inline-block; margin: 0px; border-radius: 5px; width: calc((100% / 2) - 1.5px);}

.seccion_card_info:first-of-type {padding-bottom: 20px;}
.seccion_card_info {padding: 0px;}
.seccion_card_info:first-of-type {}
.seccion_card_info:first-of-type:before {content: "";position: absolute;background: #eee; display: block;top:10px; bottom: 10px; right: 0px; width: 1px; }
.seccion_card_info h4 {margin-top: 0px; font-weight: 600; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.seccion_card_info .d-block {padding-bottom: 5px;}
.seccion_card_info .d-block label {margin: 0px; width: 83px;}
.seccion_card_info .d-block span {position: relative;}

.con_comentario span {word-break: break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.con_comentario span:before {position: absolute; font-size: 10px; color: #fff; background: var(--tertiary-color-se); width: 62px; text-align: center; height: 14px; padding: 2px 2px; line-height: 10px; border-radius: 10px; text-transform: uppercase; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); right: 0px;}
.con_comentario {position: relative;}
.con_comentario input {position: absolute; width: 70px; height: 20px; margin: 0px !important; z-index: 1; opacity: 0; right: 5px; cursor: pointer;bottom: -10px;}
.con_comentario input + label {}
.con_comentario input ~ span {display: block;}
.con_comentario input ~ span:before {content:"ver menos";bottom: -15px;}
.con_comentario input:checked {bottom: 3px;}
.con_comentario input:checked + label {}
.con_comentario input:checked ~ span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 87px); display: inline-block; line-height: 14px; transform: translateY(2px);}
.con_comentario input:checked ~ span:before {content:"ver mas"; top: 0px;}

@media(max-width: 1187px) {
    .normal_custom_tabs {margin:0 -15px;}
    .normal_custom_tabs #cartas, .normal_custom_tabs #busqueda {padding: 0px; padding-top: 20px;}
    .content_carta_card {}
    .content_carta_card > * {width: 100%;padding: 0px;  }

    .content_thumbs.special_thumbs {padding: 0px; padding-top: 15px; margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .content_thumbs:before {left: 0px; right: 0px; top: 0px; height: 1px; width: 100%; }
    .content_thumbs > .thumbnail {max-width: 180px;}
}

@media(max-width: 767px) {
    .content_carta_card > legend .nombre_curso {display: block; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .content_carta_card > legend .ciclo, .content_carta_card > legend .plantel {}
    .content_carta_card > legend .ciclo:before , .content_carta_card > legend .plantel:before {display: none;}
}

.special_thumbs {display: flex;}
.special_thumbs > .thumbnail {padding: 0px;}
.special_thumbs > .thumbnail .img_thumbnail {display: block;height: 75px; background-color: var(--main-color-se); width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;border-top-right-radius: 5px; border-top-left-radius: 5px;position: relative; border-top: 10px solid var(--main-color-se) !important;}
.special_thumbs > .thumbnail .img_thumbnail:before {content: ""; position: absolute; display: block; left: 0px; bottom: 0px; height: 40px; background: linear-gradient(var(--main-color-nav),#333 ); width: 100%;}
.special_thumbs .caption {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 5px !important; padding-top: 8px !important;}
.special_thumbs .caption h3 {margin: 0px; font-size: 13px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-weight: 600; color: #454444; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.special_thumbs .buttons_thumbnail {position: relative; cursor: no-drop;}
.special_thumbs .buttons_thumbnail > a {text-transform: uppercase; position: relative; float: left; font-size: 11px; border-left-width: 0px; font-weight: 600 !important; padding-left: 0px; padding-right: 0px; border-radius: 0px;}
.special_thumbs .buttons_thumbnail > a[disabled] {cursor: not-allowed !important;}
.special_thumbs .buttons_thumbnail > a:first-of-type {border-bottom-left-radius: 3px;border-top-left-radius: 3px; border-left-width: 1px;}
.special_thumbs .buttons_thumbnail > a:last-of-type {border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
.special_thumbs .buttons_thumbnail > a + a {border-left-color: #ddd}
.special_thumbs .buttons_thumbnail > a[data-class="btn_subir"] {min-width: 40%;max-width: 40%;}
.special_thumbs .buttons_thumbnail > a[data-class="btn_descargar"] {min-width: 60%;max-width: 60%;}
.special_thumbs .buttons_thumbnail > a:only-child {width: 100% !important;max-width: none;border-width: 1px;}
#loadOverlay{display: none;}

#modalLoginAvatar {
  z-index: 9999;
}
.content_img_modal {position: relative; margin-bottom: 20px; padding: 0px;}
.content_img_modal img {border:2px solid var(--tertiary-color-se); border-radius: 50%; height: 120px; width: auto; margin: 0 auto;}

.user_img {background-size: cover;background-repeat: no-repeat; background-repeat: no-repeat; background-image:url("../../../images/user_url_image_notfound.png");}

.inner_modal > div.modal-backdrop {display: none !important;}
aside#nav-container:before, section#header:before {content: ""; background: transparent;z-index: -1; transition: all ease .3s;position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.inner_modal aside#nav-container:before,.inner_modal section#header:before {background: rgba(0,0,0,.6); z-index: 9999; opacity: 1;}
.inner_modal aside#nav-container:before {top:0;}
.inner_modal section#header:before {left:0;}

.inner_modal section .modal {padding-top: 50px !important; background: rgba(0,0,0,.6);}

@media(min-width: 768px) {
    .inner_modal section .modal { padding-left: 235px;}
}

@media(max-width: 767px) {
    .inner_modal section#header:before {bottom: -28px;}
    .inner_modal section .modal {padding-top: 65px !important;}
}
/* ----- la nuevas clases ---*/
.super-padd-bottom {
    padding-bottom: 60px !important;
    }
    .btn-xs {
    border-radius: 6px;
}

.aya10_brand {width: 100% !important; float: left; margin: 10px 0; margin-top: 50px; padding: 0 !important; position: relative; text-align: center;}
.aya_logo {height: 28px; width: auto; margin-bottom: 5px !important; }
.brand_text { font-size: 12px !important;display: block; font-weight: 500;}

.alert_reviewing {position: fixed; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffc107; color: #856404; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 25px; padding: 2px 10px; width: 126px; left: 55.5px; top: 95px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); font-size: 10px;height: 20px;overflow: hidden;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s; cursor: pointer;}
.alert_reviewing > * {white-space: nowrap;overflow: hidden;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}
.alert_reviewing > i {margin-right: 10px;font-size: 14px;}
.alert_reviewing > label {margin: 0; font-weight: 600; text-transform: uppercase;}

.nav-min .alert_reviewing {width: auto; left: 7px;top: 40px;}
.nav-min .alert_reviewing > i {margin:0;}
.nav-min .alert_reviewing > label {width: 0;}
.nav-min .alert_reviewing:hover > i {margin-right: 10px;}
.nav-min .alert_reviewing:hover > label {width: auto;}

@media(max-width: 767px) {
    .alert_reviewing {top: 30px; left: calc(50% - 63px); padding: 0px 5px; height: auto;}
}


.recaptcha_div {display: none !important;}

.dd_recomendaciones {float: left; width: 100%;}
.dd_recomendaciones > a {display: flex; text-align: center; margin-top: 10px; align-items: center; justify-content: center;}
.dd_recomendaciones > a > i {}
.dd_recomendaciones > ul {}

.div_recomendacion {padding: 12px !important; float: left !important; text-align: center; color: #767676; background: #fff; border-radius: 10px !important; 
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%) !important; box-shadow: 0 0 30px rgb(0 0 0 / 10%) !important; margin: 0px -20px !important; 
    border: 1px solid #dddddd !important; bottom: 100%; top: initial !important;}
.div_recomendacion > * {display: block;float: left;width: 100%;}
.div_recomendacion > label {width: 100%;margin: 0;font-size: 13px;}

.browsers_div {width: 50%;text-align: center;margin: 10px 0;}
.browsers_div > * {display: block;}
.browsers_div > img {margin: 0 auto; height: 30px; width: auto;}
.browsers_div > label {text-transform: uppercase;font-size: 12px;margin: 0;}
.browsers_div > label > small {display: block; width: 100%; text-align: center; color: #428bca; font-weight: normal; font-size: 12px;text-transform: initial;}

.div_recomendacion > small {color: #428bca; font-weight: normal; font-size: 12px; letter-spacing: .2px; margin-top: 5px;}

.div_recomendacion > label:first-of-type {}
.div_recomendacion > label:last-of-type {font-weight: 600;}


/* ESTILOS PARA STATUS DE CONECCION 
li.nav-profile .dropdown-toggle > .user_img:after {content: ""; height: 9px; width: 9px; border-radius: 4px; background: #ccc; position: absolute; right: -3px; top: 0px; box-shadow: 0 0 0 2px #fff; transition: all ease .3s;}

li.nav-profile[data-socket="Conectando"] .dropdown-toggle > .user_img:after {background: #f2a918;}
li.nav-profile[data-socket="Conectado"] .dropdown-toggle > .user_img:after {background: #31a24c;}
FIN ESTILOS PARA STATUS DE CONECCION */

/* ESTILOS DE MODALES DEL LOGIN */
#aya_new_web {}
#aya_new_web .modal-dialog {height: 100%; width: 100%; max-width: 900px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#aya_new_web .modal-content {width: 100%; height: auto; padding: 3em; border-radius: 15px; border: none; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;position: relative; -webkit-box-shadow: 2px 5px 20px rgb(0 0 0 / 10%); box-shadow: 2px 5px 20px rgb(0 0 0 / 10%); margin: 0 10px;}
#aya_new_web .modal-content:before {content: ""; position: absolute; height: 200px; width: 200px; -webkit-box-shadow: inset 0 0 0 50px #fafafa; box-shadow: inset 0 0 0 50px #fafafa; border-radius: 50%; left: -1em; top: -3em; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);z-index: 2;}

#aya_new_web ~ .modal-backdrop {background: #CCCDCF;}
#aya_new_web ~ .modal-backdrop.in {opacity: .7;}

.aya_info_web {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; z-index: 2; margin-right: -9em;}
.aya_info_web h3 {margin: 0; line-height: 40px; padding-right: 3em; color: #3D7A95;}
.aya_info_web small {display: block; font-size: 20px; color: var(--gris-oscuro); margin-top: 8px; font-weight: 400;}
.aya_info_web p {margin: 2.3em 0; padding-right: 2em; font-size: 18px; line-height: 32px; color: #555660;}
.aya_info_web p span {font-size: 16px; font-weight: 500;}

.logo_aya {display: inline-block; -webkit-transform: translatey(-4.5px); -ms-transform: translatey(-4.5px); transform: translatey(-4.5px); padding: 0 5px; line-height: 0;}
.logo_aya img {display: inline; height: 24px; width: auto;}
.logo_aya small {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px); display: inline-block; font-size: 85%; color: inherit;}

#aya_new_web .img_app {flex: none; width: 360px; position: relative; z-index: 1; margin-right: -10em;}
#aya_new_web .img_app div {height: 100%; width: 100%; background-size: contain; background-position: right; overflow: hidden; background-repeat: no-repeat; opacity: .8}
#aya_new_web .img_app:before {content: ""; position: absolute; width: 250px; height: 250px; top: calc(50% - 125px); background: #eef5f8; border-radius: 50%; z-index: -1; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);}
#aya_new_web .img_app:after {content: "";position: absolute; left: 0; bottom: 0; top: 0; width: 100%; background: linear-gradient(to right, #eef5f8, #eef5f800);}

#aya_new_web .app_go_to {}
#aya_new_web .app_go_to > a {background-color: #a53768; border-radius: 30px !important; padding: 10px 16px; -webkit-filter: saturate(0.9); filter: saturate(0.9);
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%); box-shadow: 0 2px 10px rgb(0 0 0 / 20%); color: #fff; font-size: 16px;}
#aya_new_web .app_go_to > a:hover {opacity: .8;}

#aya_new_web .close_btn {position: absolute; right: 10px; top: 10px; z-index: 3; box-shadow: none; border: 0; outline: none; border-radius: 50% !important; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; transition: all ease-out .3s; opacity: .5; text-decoration: none; text-shadow: none;}
#aya_new_web .close_btn:hover {background: #4c86a03b; opacity: .7;}
#aya_new_web .close_btn i {font-size: 26px; color: #333;}

/* ==================================*/

#aya_app_info {}
#aya_app_info .modal-dialog {height: 100%; width: 100%; max-width: 900px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#aya_app_info .modal-content {width: 100%; height: auto; padding: 3em; border-radius: 15px; border: none; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;position: relative; -webkit-box-shadow: 2px 5px 20px rgb(0 0 0 / 10%); box-shadow: 2px 5px 20px rgb(0 0 0 / 10%); margin: 0 10px;}
#aya_app_info .modal-content:before {content: ""; position: absolute; height: 200px; width: 200px; -webkit-box-shadow: inset 0 0 0 50px #fafafa; box-shadow: inset 0 0 0 50px #fafafa; border-radius: 50%; left: -1em; top: -3em; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);z-index: 2;}

.aya_info_aviable {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;z-index: 2;}
.aya_info_aviable h3 {margin: 0; line-height: 40px; padding-right: 3em; color: #3D7A95;}
.aya_info_aviable p {margin: 2em 0; margin-top: 3em; padding-right: 2em; font-size: 18px; line-height: 32px; color: #555660;}

.logo_android {display: inline-block; -webkit-transform: translatey(-4.5px); -ms-transform: translatey(-4.5px); transform: translatey(-4.5px); padding: 0 5px; line-height: 0;}
.logo_android img {display: inline; height: 21.5px; width: auto;}
.logo_android small {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px); display: inline-block; font-size: 85%; color: inherit;}

.aya_app_link {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.aya_app_link a {display: block; margin-right: auto; border-radius: 10px; overflow: hidden; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent;}
.aya_app_link a:hover {-webkit-box-shadow: 0px 0px 0 5px rgb(158 201 222);box-shadow: 0px 0px 0 5px rgb(158 201 222); }
.aya_app_link a img {max-height: 50px; height: 100%; width: auto; display: block; }
.aya_app_link small {margin-top: 2em; color: #99b5c1; font-weight: 500; font-size: 90%;}

#aya_app_info .img_app {-webkit-box-flex: 0;-ms-flex: none;flex: none; width: 250px; position: relative; margin-bottom: -3em; z-index: 1;}
#aya_app_info .img_app div {z-index: 1; height: 100%; width: 100%; background-size: cover; background-position: top; overflow: hidden; -webkit-box-shadow: 0 0 0 7px #539bbd26; box-shadow: 0 0 0 7px #539bbd26; border-top-left-radius: 16px; border-top-right-radius: 16px;}
#aya_app_info .img_app:before {content: ""; position: absolute; width: 250px; height: 250px; top: calc(50% - 125px); background: #eef5f8; border-radius: 50%; z-index: -1; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);}

#aya_app_info ~ .modal-backdrop {background: #CCCDCF;}
#aya_app_info ~ .modal-backdrop.in {opacity: .7;}

#aya_app_info .close_btn {position: absolute; right: 10px; top: 10px; z-index: 3; box-shadow: none; border: 0; outline: none; border-radius: 50% !important; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; transition: all ease-out .3s; opacity: .5; text-decoration: none; text-shadow: none;}
#aya_app_info .close_btn:hover {background: #4c86a03b; opacity: .7;}
#aya_app_info .close_btn i {font-size: 30px; color: #999;}

@media (max-width: 767.98px) {
    #aya_app_info .modal-content {margin: 0 5px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    .aya_info_aviable h3 {font-size: 22px; line-height: 36px; }
    .aya_info_aviable p {font-size: 16px; margin: 2em 0; padding-right: 1em;}
    .aya_app_link a {height: 45px;}
    #aya_app_info .img_app {margin-top: 0; width: 220px; height: 400px;}
}

@media(max-width: 630px) {
    #aya_app_info .modal-content:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); left: -2em; top: -4em; }
    .aya_info_aviable h3 {padding: 0;}
    #aya_app_info .img_app {position: absolute; right: 2em; bottom: 0;}
    #aya_app_info .img_app div {opacity: .18;}
    .logo_android {-webkit-transform: translatey(-3.5px);-ms-transform: translatey(-3.5px);transform: translatey(-3.5px);}
    .logo_android img {height: 19px;}
    .aya_info_aviable p {text-shadow: 1px 1px 7px #fff; color: inherit;}
    #aya_app_info .img_app:before {-webkit-transform: scale(2.5);-ms-transform: scale(2.5);transform: scale(2.5);}
}

.aya_app_div {display: flex; flex-wrap: wrap; justify-content: center; float: left; width: 100%; margin-top: 1em;}
.aya_app_div a {display: block; border-radius: 10px; overflow: hidden; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; 
    -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; margin: 0 auto;}
.aya_app_div a:hover {-webkit-box-shadow: 0px 0px 0 4px rgb(158 201 222);box-shadow: 0px 0px 0 4px rgb(158 201 222); }
.aya_app_div a img {max-height: 40px; height: 100%; width: auto; display: block;}
/* FIN DE ESTILOS MODALES DE LOGINS */

/* ESTILOS PARA STATUS DE CONECCION */
li.nav-profile .dropdown-toggle > .user_img:after {content: ""; height: 9px; width: 9px; border-radius: 4px; background: #ccc; position: absolute; right: -3px; top: 0px; box-shadow: 0 0 0 2px #fff; transition: all ease .3s;}
li.nav-profile .dropdown-toggle > .user_img:after {display: none !important;}
/*li.nav-profile.open .dropdown-toggle > .user_img:after, li.nav-profile:hover .dropdown-toggle > .user_img:after {box-shadow: 0 0 0 2px var(--tertiary-color-se);}*/
li.nav-profile[data-socket="Conectando"] .dropdown-toggle > .user_img:after {background: #f2a918;}
li.nav-profile[data-socket="Conectado"] .dropdown-toggle > .user_img:after {background: #31a24c;}
/* FIN ESTILOS PARA STATUS DE CONECCION */