@media all {
    .saltopagina{
        display: none;
    }
}
   
@media print{
    .saltopagina{
        display:block;
        page-break-before:always;
    }
    .mb-2{
        padding-bottom: 2rem;
    }
}
.row{
    margin-left: auto !important; margin-right: auto !important;
}

a {
    text-decoration: none !important;
}
.form-group {
    margin-bottom: 0.2rem !important;
}

.brt-none{
    border-radius: 0 0 0.5rem 0.5rem !important;
}
.brb-none{
    border-radius: 0.5rem 0.5rem 0 0 !important;
}
.brl-none{
    border-top-left-radius: 0 !important;
}
.brr-none{
    border-top-right-radius: 0 !important;
}

.br-5{
    border-radius: 0.5rem !important;
}

.br-none{
    border-radius: 0 !important;
}

.b-none{
    border: 0 !important;
}
.bl-none{
    border-left: 0 !important;
}
.br-none{
    border-right: 0 !important;
}
.bt-none{
    border-top: 0 !important;
}

.bb-none{
    border-bottom: 0 !important;
}

.table-grid{
    font-size: 12px !important;
}
.table-grid td, .table-grid th, .grid-view table td, .grid-view table th{
    vertical-align: middle !important;
}

.required label::after{
    content: " *";
    color: red !important;
}
.has-error .help-block{
    color: red !important;
    font-size: 13px !important;
}

.success .help-block{
    color: #3eb402 !important;
    font-size: 13px !important;
}


.footera {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footera > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.form-control {
    background-color: #fff !important;
    opacity: 1;
}

.btn-to-chat {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

.h-1 { height: 1rem !important; }
.h-2 { height: 2rem !important; }
.h-3 { height: 3rem !important; }
.h-4 { height: 4rem !important; }
.h-5 { height: 5rem !important; }
.h-6 { height: 6rem !important; }
.h-7 { height: 7rem !important; }
.h-8 { height: 8rem !important; }
.h-9 { height: 9rem !important; }
.h-10 { height: 10rem !important; }
.h-11 { height: 11rem !important; }
.img-courses{ height: 214px !important; }

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
    text-align: center !important;
}
.grid-view table th, .grid-view table td {
    vertical-align: middle;
}

.hint-block {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    padding-left: 0.2rem;
    font-style: italic;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

#logo_academic img{
    width: 150px !important;
}

/** CCS PARA EL RELOJ */
#clock .digits div.zero .d1,
#clock .digits div.zero .d3,
#clock .digits div.zero .d4,
#clock .digits div.zero .d5,
#clock .digits div.zero .d6,
#clock .digits div.zero .d7{
    opacity:1;
}

/*-------------------------
    The clocks
--------------------------*/


#clock{
    padding: 0;
    position: relative;
}

#clock:after{
    content:'';
    position:absolute;
    width:400px;
    height:20px;
    border-radius:100%;
    left:50%;
    margin-left:-200px;
    bottom:2px;
    z-index:-1;
}


#clock .display{
    text-align: left;
    /*padding: 27px 1px 1px;*/
}


/*-------------------------
    Light color theme
--------------------------*/

#clock.light{
    background-color: transparent;
    color:#272e38;
}

#clock.light:after{
    /*box-shadow:0 4px 10px rgba(0,0,0,0.15);*/
}

#clock.light .digits div span{
    background-color:#272e38;
    border-color:#272e38;   
}

#clock.light .digits div.dots:before,
#clock.light .digits div.dots:after{
    background-color:#272e38;
}

#clock.light .alarm{
    background:url('../img/alarm_light.jpg');
}
#clock.light .date{
    font-size: 29px;
    text-align: left;
}

#clock.light .display{
    /*background-color:#dddddd;
    box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #fafafa;*/
}


/*-------------------------
    Dark color theme
--------------------------*/


#clock.dark{
    background-color:#272e38;
    color:#cacaca;
}

#clock.dark:after{
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

#clock.dark .digits div span{
    background-color:#cacaca;
    border-color:#cacaca;   
}

#clock.dark .alarm{
    background:url('../img/alarm_dark.jpg');
}

#clock.dark .display{
    background-color:#0f1620;
    box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #2d3642;
}

#clock.dark .digits div.dots:before,
#clock.dark .digits div.dots:after{
    background-color:#cacaca;
}


/*-------------------------
    The Digits
--------------------------*/


#clock .digits div{
    text-align:left;
    position:relative;
    width: 28px;
    height:50px;
    display:inline-block;
    margin:0 4px;
}

#clock .digits div span{
    opacity:0;
    position:absolute;

    -webkit-transition:0.25s;
    -moz-transition:0.25s;
    transition:0.25s;
}

#clock .digits div span:before,
#clock .digits div span:after{
    content:'';
    position:absolute;
    width:0;
    height:0;
    border:5px solid transparent;
}

#clock .digits .d1{         height:5px;width:16px;top:0;left:6px;}
#clock .digits .d1:before{  border-width:0 5px 5px 0;border-right-color:inherit;left:-5px;}
#clock .digits .d1:after{   border-width:0 0 5px 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d2{         height:5px;width:16px;top:24px;left:6px;}
#clock .digits .d2:before{  border-width:3px 4px 2px;border-right-color:inherit;left:-8px;}
#clock .digits .d2:after{   border-width:3px 4px 2px;border-left-color:inherit;right:-8px;}

#clock .digits .d3{         height:5px;width:16px;top:48px;left:6px;}
#clock .digits .d3:before{  border-width:5px 5px 0 0;border-right-color:inherit;left:-5px;}
#clock .digits .d3:after{   border-width:5px 0 0 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d4{         width:5px;height:14px;top:7px;left:0;}
#clock .digits .d4:before{  border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d4:after{   border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d5{         width:5px;height:14px;top:7px;right:0;}
#clock .digits .d5:before{  border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d5:after{   border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}

#clock .digits .d6{         width:5px;height:14px;top:32px;left:0;}
#clock .digits .d6:before{  border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d6:after{   border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d7{         width:5px;height:14px;top:32px;right:0;}
#clock .digits .d7:before{  border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d7:after{   border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}


/* 1 */

#clock .digits div.one .d5,
#clock .digits div.one .d7{
    opacity:1;
}

/* 2 */

#clock .digits div.two .d1,
#clock .digits div.two .d5,
#clock .digits div.two .d2,
#clock .digits div.two .d6,
#clock .digits div.two .d3{
    opacity:1;
}

/* 3 */

#clock .digits div.three .d1,
#clock .digits div.three .d5,
#clock .digits div.three .d2,
#clock .digits div.three .d7,
#clock .digits div.three .d3{
    opacity:1;
}

/* 4 */

#clock .digits div.four .d5,
#clock .digits div.four .d2,
#clock .digits div.four .d4,
#clock .digits div.four .d7{
    opacity:1;
}

/* 5 */

#clock .digits div.five .d1,
#clock .digits div.five .d2,
#clock .digits div.five .d4,
#clock .digits div.five .d3,
#clock .digits div.five .d7{
    opacity:1;
}

/* 6 */

#clock .digits div.six .d1,
#clock .digits div.six .d2,
#clock .digits div.six .d4,
#clock .digits div.six .d3,
#clock .digits div.six .d6,
#clock .digits div.six .d7{
    opacity:1;
}


/* 7 */

#clock .digits div.seven .d1,
#clock .digits div.seven .d5,
#clock .digits div.seven .d7{
    opacity:1;
}

/* 8 */

#clock .digits div.eight .d1,
#clock .digits div.eight .d2,
#clock .digits div.eight .d3,
#clock .digits div.eight .d4,
#clock .digits div.eight .d5,
#clock .digits div.eight .d6,
#clock .digits div.eight .d7{
    opacity:1;
}

/* 9 */

#clock .digits div.nine .d1,
#clock .digits div.nine .d2,
#clock .digits div.nine .d3,
#clock .digits div.nine .d4,
#clock .digits div.nine .d5,
#clock .digits div.nine .d7{
    opacity:1;
}

/* 0 */

#clock .digits div.zero .d1,
#clock .digits div.zero .d3,
#clock .digits div.zero .d4,
#clock .digits div.zero .d5,
#clock .digits div.zero .d6,
#clock .digits div.zero .d7{
    opacity:1;
}


/* The dots */

#clock .digits div.dots{
    width:5px;
}

#clock .digits div.dots:before,
#clock .digits div.dots:after{
    width:5px;
    height:5px;
    content:'';
    position:absolute;
    left:0;
    top:14px;
}

#clock .digits div.dots:after{
    top:34px;
}


/*-------------------------
    The Alarm
--------------------------*/


#clock .alarm{
    width:16px;
    height:16px;
    bottom:20px;
    background:url('../img/alarm_light.jpg');
    position:absolute;
    opacity:0.2;
}

#clock .alarm.active{
    opacity:1;
}


/*-------------------------
    Weekdays
--------------------------*/


#clock .weekdays{
    font-size:12px;
    position:absolute;
    width:100%;
    top:10px;
    left:0;
    text-align:left;
}


#clock .weekdays span{
    opacity:0.2;
    padding:0 10px;
}

#clock .weekdays span.active{
    opacity:1;
}


/*-------------------------
        AM/PM
--------------------------*/


#clock .ampm{
    position: absolute;
    bottom: 60px;
    right: 46px;
    font-size: 23px;
}

.note-icon-audio svg {
    vertical-align: middle;
}
.w-80 { width: 80%!important; }
.tx-8{font-size: 8px !important;} .tx-9{font-size: 9px !important;} .tx-10{font-size: 10px !important;} .tx-11{font-size: 11px !important;} .tx-12{font-size: 12px !important;} .tx-13{font-size: 13px !important;} .tx-14{font-size: 14px !important;} .tx-15{font-size: 15px !important;} .tx-16{font-size: 16px !important;} .tx-17{font-size: 17px !important;} .tx-18{font-size: 18px !important;} .tx-19{font-size: 19px !important;} .tx-20{font-size: 20px !important;} .tx-21{font-size: 21px !important;} .tx-22{font-size: 22px !important;} .tx-23{font-size: 23px !important;} .tx-24{font-size: 24px !important;} .tx-25{font-size: 25px !important;} .tx-26{font-size: 26px !important;} .tx-27{font-size: 27px !important;} .tx-28{font-size: 28px !important;} .tx-29{font-size: 29px !important;} .tx-30{font-size: 30px !important;} .tx-31{font-size: 31px !important;} .tx-32{font-size: 32px !important;} .tx-33{font-size: 33px !important;} .tx-34{font-size: 34px !important;} .tx-35{font-size: 35px !important;} .tx-36{font-size: 36px !important;} .tx-37{font-size: 37px !important;} .tx-38{font-size: 38px !important;} .tx-39{font-size: 39px !important;} .tx-40{font-size: 40px !important;} .tx-41{font-size: 41px !important;} .tx-42{font-size: 42px !important;} .tx-43{font-size: 43px !important;} .tx-44{font-size: 44px !important;} .tx-45{font-size: 45px !important;} .tx-46{font-size: 46px !important;} .tx-47{font-size: 47px !important;} .tx-48{font-size: 48px !important;} .tx-49{font-size: 49px !important;} .tx-50{font-size: 50px !important;} .tx-51{font-size: 51px !important;} .tx-52{font-size: 52px !important;} .tx-53{font-size: 53px !important;} .tx-54{font-size: 54px !important;} .tx-55{font-size: 55px !important;} .tx-56{font-size: 56px !important;} .tx-57{font-size: 57px !important;} .tx-58{font-size: 58px !important;} .tx-59{font-size: 59px !important;} .tx-60{font-size: 60px !important;} .tx-61{font-size: 61px !important;} .tx-62{font-size: 62px !important;} .tx-63{font-size: 63px !important;} .tx-64{font-size: 64px !important;} .tx-65{font-size: 65px !important;} .tx-66{font-size: 66px !important;} .tx-67{font-size: 67px !important;} .tx-68{font-size: 68px !important;} .tx-69{font-size: 69px !important;} .tx-70{font-size: 70px !important;} .tx-71{font-size: 71px !important;} .tx-72{font-size: 72px !important;} .tx-73{font-size: 73px !important;} .tx-74{font-size: 74px !important;} .tx-75{font-size: 75px !important;} .tx-76{font-size: 76px !important;} .tx-77{font-size: 77px !important;} .tx-78{font-size: 78px !important;} .tx-79{font-size: 79px !important;} .tx-80{font-size: 80px !important;} .tx-81{font-size: 81px !important;} .tx-82{font-size: 82px !important;} .tx-83{font-size: 83px !important;} .tx-84{font-size: 84px !important;} .tx-85{font-size: 85px !important;} .tx-86{font-size: 86px !important;} .tx-87{font-size: 87px !important;} .tx-88{font-size: 88px !important;} .tx-89{font-size: 89px !important;} .tx-90{font-size: 90px !important;} .tx-91{font-size: 91px !important;} .tx-92{font-size: 92px !important;} .tx-93{font-size: 93px !important;} .tx-94{font-size: 94px !important;} .tx-95{font-size: 95px !important;} .tx-96{font-size: 96px !important;} .tx-97{font-size: 97px !important;} .tx-98{font-size: 98px !important;} .tx-99{font-size: 99px !important;} .tx-100{font-size: 100px !important;}