hr {
    border-top: 1px solid #ababab;
}

.left-nav-xs hr {
    color: #333;
    background: #333;
}

[data-balloon="Pronto"][data-balloon-pos='right']:after {
    background: #f0506e;
    padding:20px;
}

#left-menu-new .img-leftmenu {
   max-width:32px !important;
}



.ajax-curtain {
    position: absolute;
    width: 100%;
    height: 300%;
    background: rgba(255, 255, 255, 0.55);
    z-index: 5;
    top: 0;
    left: 0;
}

.alert-phone-wrapper {
    background: url('../img/phone.png');
    width: 530px;
    height: 530px;
}

.alert-phone-background {
    background: url('../img/phonebg.jpg');
    width: 198px;
    height: 351px;
    position: absolute;
    left: 182px;
    top: 91px;
    background-size: 100% auto;
}



.modal-body .row .col-xs-1, .modal-body .row .col-xs-2 {
    padding-left:15px !important;
}

.alert-phone-preview {
    background: #e24a4a;
    color: #FFF;
    padding: 2px 4px;
    position: absolute;
    width: 198px;
    top: 91px;
    left: 182px;
    z-index: 1;
    font-size: 0.875em;
}

.app-wrapper {
    position: relative;
    min-height: 100vh;
  
}

button>span.fa {
    margin-right: 5px;
}

button.btn-xs>span.fa {
    margin: 5px;
}

table.dataTable thead tr {
	    background-color: #c9dfea;
		}

body {
    background: #F6f6f6;
    /*color: #999;*/
    color: #504e4e;
}

.btn-default {
    color: #EEE;
    background: #333;
}

.card {
    background: #fff;
    padding: 15px 0;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.carousel-inner > item {
    margin-bottom: 50px;
}

.color-picker > .farbtastic {
    margin: 0 auto;
}

#colorpicker-nav-button > :first-child {
    margin-left: 0;
}

#colorpicker-nav-button > :last-child {
    display: none;
}

.color-options-btn {
    padding: 20px 30px;
    text-transform: uppercase;
    cursor: pointer;
    background: rgba(0,0,0,0.1);
}

.color-options-btn > img.img-hat {
    display: inline-block;
    width: 7%;
    margin: 0 10px 0 0;
}

.colorpicker-modal-btn {
    padding:10px 10px; 
   /* background: rgba(0,0,0,0.2);*/ 
    position:relative; 
    display:inline-block;
    width:100%;
    cursor: pointer;
    text-transform: uppercase;
}

.colorpicker-modal-btn:hover {
    background: rgba(0,0,0,0.1);
}

.colorpicker-modal-btn-hat {
    float: left;
}

.colorpicker-modal-btn-hat > img {
    width: 25px;
}

.colorpicker-modal-btn-text {
    float: left;
    margin-top: 4px;
}

.colorpicker-modal-btn-cog {
    float: right;
}

.colorpicker-modal-btn-cog > img {
    width: 25px;
}

.colorpicker-modal-btn > * {
    padding: 0;
}

.config-user-change-profile-picture-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    cursor: pointer;
    display: table;
}

.config-user-change-profile-picture-curtain {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 25%;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
}

.config-user-profile-picture-preview {
    width: 50%;
}

.config-user-change-profile-picture-text {  
    display: table-cell;
    vertical-align: middle;
}

.content-info {
    padding: 40px 0 40px 0;
    background: #FFF;
}

.content-info h5 {
    margin: 0;
}

.content-info>*:nth-child(2) {
    margin-top: 40px;
}

[data-balloon]:after {
    text-transform: capitalize;
    background: #1e87f0;
}

.divider>hr {
    margin-top: 100px;
}

em {
    color: #333;
}



.executive-summary-detail {
    /*height: 215px;*/
    overflow: auto;
}

.executive-summary-panel {
    height: 250px;
}

.executive-summary-wrapper {
    width: 400px;
    float: left;
    padding: 0px 20px;
}

#body-reprobadas {
    height:170px;
overflow-y:auto;
}

footer {
    position: relative;
    background: #FFF;
    border-top: 1px solid #DDD;
    z-index: 10;
}

footer li {
    padding: 40px 10px;
}

footer img {
    padding-top: 30px;
}

footer p {
    padding-bottom: 20px;
}

.group-list-wrapper {
    position: relative;
}

.group-student-detail {
    min-height: 80vh;
    padding: 20px;
    overflow: auto;
}

h3 {
    font-size: 1.0rem;
}



.guidance .clearfix {
    margin: 35px 0;
}

.guidance legend {
    margin-bottom: 45px;
    font-size: 14px;
}

.group-student-detail>img {
    max-width: 180px;
}

.group-student-name {
    margin: 10px 0;
}
.group-student-profile-picture-show {
    max-width: 200px;
}

.icon-wrapper,
img.selected-icon {
    border: 1px solid #AAA;
    cursor: pointer;
    display: table-cell;
}

.icon-wrapper>img {
    width: 90px;
    margin: 0 auto;
    vertical-align: middle;
    height: 90px;
}

img.centered {
    margin: 0 auto;
}

.img-profile-picture {
    padding:20px;
}

.img-group-student-wrapper {
    display: inline-block;
    width: 180px;
    padding: 0 20px 20px 20px;
    height: 240px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.img-group-student-medal {
    position: absolute;
    top: 90px;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.img-novelties-thumb {
    cursor: pointer;
    border: 1px solid transparent;
}

.img-novelties-thumb:hover {
    border: 1px solid #1e87f0;
}

.img-user-profile {
    padding:20px;
    width: 75%;
}

.img-group-student {
    width: 140px;
    height: 140px;
}

.first-place {
    background: url('../img/firstmedal.svg');
}

.second-place {
    background: url('../img/silver.png');
}

.third-place {
    background: url('../img/bronze.png');
}

.first-place,
.second-place,
.third-place {
    background-size: 100% auto;
}

label>h4 {
    margin: 0;
}

.large-text {
    font-size: 96px;
}

legend > button {
    float: right;
}

.left-nav {
    background: #294D6F;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.left-nav {
    background: #133556;
    box-shadow: 3px 3px 5px #DEDEDE;
    border-right: 1px solid #EEE;
    overflow: auto;
}

.left-menu {
    background: #133556;
    box-shadow: 3px 3px 5px #DEDEDE;
    border-right: 1px solid #EEE;
    height:800px;
    overflow-y:auto;
 
}
    .left-menu::-webkit-scrollbar {
    width:1em; 
    }

    body::-webkit-scrollbar {
    width:1em; 
    }


.uk-offcanvas-bar {
    background: transparent;
}

.left-nav>ul *,
.left-menu>ul * {
    color: #1e87f0;
}

.left-nav h5,
.left-menu h5 {
    font-size: 14px;
    padding: 20px 10px;
    font-weight: bold;
}

.left-nav>h3,
.left-menu>h3 {
    padding: 20px 10px 20px 10px;
    background: #FFF;
    color: #999;
    margin: 0;
}

.left-nav>.text-center>img,
.left-menu>.text-center>img {
    margin-top: 30px;
}

.left-nav .uk-accordion-content,
.left-menu .uk-accordion-content {
    background: #FEFEFE;
    margin: 0;
    padding: 10px;
    color: #999;
}

.left-nav>ul,
.left-menu>ul {
    margin-top: 0;
}

.left-nav>ul>li a,
.left-menu>ul>li a {
    color: #555;
}

.left-nav *:not(.colorpicker-modal-btn),
.left-menu *:not(.colorpicker-modal-btn) {
    background: transparent !important;
	color: #999;
}

.left-nav-xs {
    background: #133556;
    padding-top: 100px;
    color:white;
}

.lightblue,
.panel-default>.panel-heading .lightblue {
    background: #48a9da !important;
}

.lightblue>h3 {
    color: #FFFFFF;
}

.loading-curtain {
    position: absolute;
    width: 100%;
    height: 150vh;
    background: #FFF;
    z-index: 2000;
}

.loading-curtain>img {
    width: 50%;
    margin: 0 auto;
    margin-top: 30vh;
}

.loading-curtain .progress {
    width: 70%;
    margin: 0 auto;
}

.loading-wrapper {
    margin: 5%;
    position: absolute;
    width: 90%;
    padding: 50px 0;
    background: #FFF;
    top: 0;
    left: 0;
    z-index: 10;
}

.margin-y-sm {
    margin: 15px 0;
}

.navbar {
    margin-bottom: 0;
}

.nav-btn {
    width: 60px;
}

.novelty-action-buttons,
.tip-action-buttons {
    margin-bottom: 20px;
}

.no-margin {
    margin: 0;
}
.novelty-preview,
.tip-preview {
    margin-bottom: 20px;
}

.novelty-preview .col-sm-3 img {
    max-width: 100px;
}

.novelty-school-create-icons-wrapper,
.novelty-school-edit-icons-wrapper {
    height: 80vh;
    position: relative;
}

.novelty-school-create-icon-pack,
.novelty-school-edit-icon-pack {
    float: left;
}

.novelty-school-create-icon-pack>*,
.novelty-school-edit-icon-pack>* {
    display: inline-block;
}

.novelty-create-icon-pack,
.novelty-edit-icon-pack {
    display: flex;
    height: 100%;
}

.of-scroll {
    overflow: auto;
}

.padding-sm {
    padding: 15px;
}

.padding-y-sm {
    padding: 15px 0;
}

.panel-heading>h3 {
    margin: 0;
}

.progress {
    height: 35px;
}

.primary-options,
.secondary-options {
    overflow: auto;
}

.settings-img {
    width: 70px;
    padding: 15px;
}

.settings-nav a {
    font-size: 16px;
}

.row.card-2 {
    margin-bottom: 20px;
}

.icon-wrapper {
    margin-bottom: 5px;
}

.icon-wrapper.active {
    border: 1px solid #39f;
}

.radius-sm {
    border-radius: 10px;
}

.settings-nav>li:hover {
    background: #1e87f0;
}

.settings-nav>li>a:hover {
    color: #FFFFFF !important;
}

.settings-nav-wrapper {
    padding: 0;
}

.supported-browsers-icon {
    padding-top: 0;
    width: 32px;
    height: 32px;
}

.uk-accordion>li {
    margin: 0 !important;
}

.uk-checkbox {
    margin: 0 !important;
}

.uk-logo {
    background: #133556;
}

.uk-navbar-container {
    background: #133556 !important;
    border-bottom: 1px solid #EFEFEF;
}

.uk-notification {
    z-index:9999 !important;
}

.uk-notification-message-success {
    background: #4CAF50;
    color: #FFF;
    text-align: center;
}

.uk-notification-message-warning {
    background: #c9302c;
    color: #FFF;
    text-align: center;
}

.uk-notification-close.uk-close.uk-icon {
    color: #DDD;
}

.uk-notification-close.uk-close.uk-icon:hover {
    color: #FFF;
}

.uk-offcanvas-bar {
    border-right: #EEE;
    box-shadow: 5px 5px 10px #EFEFEF;
}

.uk-offcanvas-bar * {
    color: white;
}

.uk-offcanvas-bar a,
.uk-offcanvas-bar h5 {
    color: #1e87f0;
    padding: 10px 0;
}

.uk-offcanvas-bar a {
    color: white;
}

ul.tab-content-wrapper-inner-1 {
    background: #EEEEEE;
}

.uk-navbar-nav>li>a {
    padding: 0 8px;
}

.user-options-wrapper {
    padding: 0 20px !important;
}

.btn-toggle-offcanvas {
    background: transparent;
    border: none;
    color: #1e87f0;
}

.btn-toggle-offcanvas:hover,
.btn-toggle-offcanvas:active,
.btn-toggle-offcanvas:focus {
    background: transparent;
    color: #333;
}

.uk-tab>.uk-active>a {
    border-bottom: 3px solid #1e87f0;
}

.uk-tab {
    margin: 0;
    background: #fff;
}

.uk-tab::before {
    left: 0;
}

.uk-tab>li {
    padding: 0;
}

.uk-tab>li>a {
    padding: 20px 10px;
}

.uk-offcanvas-bar a:hover{
    color: #0079f3;
}

.user-profile-offcanvas {
    margin-top: 100px;
}

.urgent-show-wrapper {
    padding: 5px;
    position: relative;
    background: red;
    text-align: center;
    color: #EEE;
    cursor: pointer;
}

.urgent-show-wrapper>.urgent-dismiss {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.urgent-circle-color-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    box-shadow: 2px 2px #AAA;
    margin: 0 10px;
    cursor: pointer
}

.urgent-circle-color-wrapper.yellow {
    background-color: #efa555;
}

.urgent-circle-color-wrapper.red {
    background-color: #e24a4a;
}

.urgent-circle-color-wrapper.blue {
    background-color: #48A9DA;
}

.urgent-circle-color-wrapper.green {
    background-color: #6ecc62;
}

.urgent-circle-color-wrapper.active {
    border: 3px solid rgba(255, 255, 255, 0.6);
}

.urgent-color-picker>* {
    display: inline-block;
}

.urgent-screen-dummy-wrapper {
    width: 500px;
    height: 252px;
    overflow: hidden;
    border: solid 1px #d9d9d9;
    margin: 0 auto;
}

.urgent-screen-dummy-nav {
    float: left;
    position: relative;
    width: 16%;
    height: 100%;
    background: url(../img/navleft.png);
    background-size: 100% auto;
}

.urgent-screen-dummy-content {
    float: right;
    position: relative;
    width: 84%;
    height: 100%;
    background: url(../img/contenido.png);
    background-size: 100% auto;
}

.urgent-screen-ribbon-wrapper {
    position: relative;
    width: 100%;
    height: 82px;
}

.urgent-screen-ribbon {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #e24a4a;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;
    font-size: 13px;
    word-wrap: break-word;
    transition: height 1s;
}

.user-options-wrapper {
    width: 80px;
}

video {
    width:100%;
    height: auto;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
#user-unread-messages {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 12px;
    -webkit-animation: unread 2s infinite; /* Safari 4+ */
    -moz-animation:    unread 2s infinite; /* Fx 5+ */
    -o-animation:      unread 2s infinite; /* Opera 12+ */
    animation:         unread 2s infinite; /* IE 10+, Fx 29+ */
    text-align: center;
}

#user-unread-messages-urgent2 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 12px;
    -webkit-animation: unread 2s infinite; /* Safari 4+ */
    -moz-animation:    unread 2s infinite; /* Fx 5+ */
    -o-animation:      unread 2s infinite; /* Opera 12+ */
    animation:         unread 2s infinite; /* IE 10+, Fx 29+ */
    text-align: center;
}


[class*=uk-navbar-dropdown-bottom] {
    margin: 0;
}

.panel-biossoft{
    margin-top: 15px;
    height: 70px;
    padding: 0px;
}
.panel-biossoft>.panel-heading .title{
    color:white;
    margin: 0px;
    float: left;
    padding: 0px;
}
.panel-biossoft>.panel-heading{
    height: 100%;
   
}
.panel-biossoft>.panel-heading h1 .btn-group .btn-header{
    float: right;
}

.panel-biossoft .btn-group{
   float: right;
   margin-top: 10px;
}

textarea {
	resize: none;
}

.form-group.width-margin{
    padding:15px;
}

.contentbios .full-width{
    width:100%;
}

/* .row{
    border: 2px solid black;
} */

#calendario .bootstrap-select {
    width:auto;
    }

@media (min-width:1200px) {
    .loading-curtain>img {
        width: 30%;
        margin: 0 auto;
        margin-top: 30vh;
    }

    .img-user-profile {
        width: 45%;
    }
    .imagen-tip {

max-height:250px;
max-width:250px;

}
        
    .navbar-icons a img {
max-height:64px;
max-width: 64px;
padding: 4px;
}

      #content-slides {
    width:990px;
    }

    #msgalert, #doblecampana {
        max-height: 45px;
        max-width: 45px;
        height: auto;
        width: auto;
    }
}

@media (min-width:992px) {
    .img-user-profile {
        width: 55%;
    }

    .executive-summary-panel {
        height: 250px;
    }
    
    .executive-summary-wrapper {
        width: 400px;
        float: left;
        padding: 0px 20px;
    }
    .imagen-tip {

max-height:150px;
max-width:150px;

min-height:150px;
min-width:150px;

}

    #content-slides {
    width:950px;
    }

    #optionname {
    vertical-align:middle;
    }

    #msgalert, #doblecampana {
        max-height: 45px;
        max-width: 45px;
        height: auto;
        width: auto;
    }
    
}



@media (max-width:768px) {
      #content-slides {
    width:750px;

    }
}

@media (max-width: 768px) {
    .primary-options > div,
    .secondary-options > div {
        width: 150%;
    }

    .executive-summary-panel {
        height: 250px;
        /*height: 400px;*/
    }

    .executive-summary-wrapper {
        width: 100%;
        padding: 0px;
    }

    #left-nav {
        display: none;
    }

    #content-slides {
        width: 650px;
    }

    .navbar-icons a img {
        max-height: 32px;
        max-width: 32px;
        padding: 4px;
    }

    #msgalert, #doblecampana {
        max-height: 45px;
        max-width: 45px;
        height: auto;
        width: auto;
    }
}


@media (max-width: 500px) {

    .ui-datepicker {
        font-size: 12px;
        
    }
    #content-slides {
        width: 390px;
    }

    #optionname {
        font-size: 18px !important;
        margin-left: 10px;
    }


    #optionimg {
       
        vertical-align:bottom;
    }

    .modal-dialog {
        width: 350px !important;
    }

    #img_logocolegio {
        max-width: 70px;
    }
    #img_logocolegio, #img_logocolegio2, #img_logocolegio800, #img_logocolegio800-1 {
        margin-top: 10px;
        max-height: 64px !important;
        max-width: 64px !important;
        width: auto;
        height: auto;
    }

    .calendario {
        font-size: 11px !important;
    }

    .truncate {
        font-size: 9px !important;
    }

    #calendar-body tr td div span {
        font-size: 8px !important;
    }

    .nav > li > a {
        padding: 8px 8px !important;
    }

    .app-wrapper {
        width: 100%;
    }

    #msgalert, #doblecampana {
        max-height: 35px;
        max-width: 35px;
        height: auto;
        width: auto;
    }

}

        @media (max-width: 400px) {
           
            label {
                font-size: 10px;
            }
            #content-slides {
                width: 350px;
            }

            #optionname  {
                font-size: 18px !important;
                margin-left: 10px;

            }


          

            .modal-dialog {
                width: 350px !important;
            }

            #img_logocolegio, #img_logocolegio2 {
                max-width: 45px;
            }

            .calendario {
                font-size: 11px !important;
            }

            .truncate {
                font-size: 9px !important;
            }

            #calendar-body tr td div span {
                font-size: 8px !important;
            }

            #calendar-body tr td button {
                word-break: keep-all;
            }

            #content-lblperiodo {
                width: 18%;
            }

            #content-print {
                width: 30%
            }

            #table-califestu {
                font-size: 10px;
            }

            #ultabs {
                font-size: 10px;
            }

            .nav > li > a {
                padding: 5px 7.5px;
            }

            .btn {
                font-size: 10px;
                padding: 4px 8px;
            }

            #table-promediopre {
                font-size: 10px;
            }

            .nav > li > a {
                padding: 8px 8px !important;
            }

            .app-wrapper {
                width: 100%;
            }
            #msgalert, #doblecampana {
                max-height: 35px;
                max-width: 35px;
                height: auto;
                width: auto;
            }

            #optionimg img {
                max-height: 45px !important;
                max-width: 45px !important;
                min-height: 45px !important;
                min-width: 45px !important;
            }


        }

        @media (max-width: 321px) {
            #optionimg img {
                max-height: 45px !important;
                max-width: 45px !important;
                min-height: 45px !important;
                min-width: 45px !important;
            }

            #msgalert, #doblecampana {
                max-height: 35px;
                max-width: 35px;
                height: auto;
                width: auto;
            }
            #content-slides {
                width: 300px;
            }

            #optionname  {
                font-size: 14px !important;
                margin-left: 8px;
            }


           

            .modal-dialog {
                width: 350px !important;
            }

            #img_logocolegio, #img_logocolegio2 {
                max-width: 70px;
            }

            .calendario {
                font-size: 11px !important;
            }

            .truncate {
                font-size: 9px !important;
            }

            #calendar-body tr td div span {
                font-size: 8px !important;
            }

            #calendar-body tr td button {
                word-break: keep-all;
            }

            .nav > li > a {
                padding: 8px 8px !important;
            }


            @-webkit-keyframes unread {
                40% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }

                50% {
                    width: 70px;
                    height: 70px;
                    padding: 25px
                }

                60% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }
            }

            @-moz-keyframes unread {
                40% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }

                50% {
                    width: 70px;
                    height: 70px;
                    padding: 25px
                }

                60% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }
            }

            @-o-keyframes unread {
                40% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }

                50% {
                    width: 70px;
                    height: 70px;
                    padding: 25px
                }

                60% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }
            }

            @keyframes unread {
                40% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }

                50% {
                    width: 70px;
                    height: 70px;
                    padding: 25px
                }

                60% {
                    width: 45px;
                    height: 45px;
                    padding: 12px;
                }
            }

            .left-menu {
                padding-left: 0px;
                padding-right: 0px;
            }


            #left-nav {
                -webkit-transition: width 0.5s; /* Safari */
                transition: width 0.5s;
                -moz-user-select: -moz-none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                user-select: none;
                text-align: center;
            }

            .uk-navbar-item {
                width: unset !important;
            }

            .menuname {
                padding: 0px;
            }

            #left-menu-new {
                padding: 0px;
                overflow-x: auto;
            }

          

          

          

            .navbar-icons a img {
                max-height: 64px;
                max-width: 64px;
                padding: 4px;
            }

            #optionimg {
                text-align: left;
                height: 64px;
            }

            .optionimg-main {
                text-align: left;
                height: 64px;
                margin-left: 20px !important;
            }

            #optionname {
                vertical-align: middle;
                height: 64px;
                margin: 0;
            }

                #optionname  {
                    padding: 0px;
                    margin-top: 10px !important;
                    vertical-align: bottom !important;
                    font-size: 28px;
                }

            #nove-board-content {
                font-size: 11px !important;
                height: 400px;
                overflow-y: auto;
                color: black;
            }



            .optmenu2 {
                text-align: right;
                padding-right: 50px;
            }

            .logocolegio {
                max-height: 64px;
                max-width: 64px;
            }

            .page_header {
                margin-top: 4px;
                margin-bottom: 4px;
            }

            .app-wrapper {
                margin-top: 0px !important;
            }

            .btncalendactivity {
                max-width: 100px;
                /*padding: 0 20px;*/
                margin: 0;
                word-break: keep-all;
                text-align: center;
                margin: 0;
            }

            #userscontent .bootstrap-select {
                width: auto;
            }

            #panelnavshowrigth {
                right: 2px !important;
                left: unset !important;
            }

            .app-wrapper {
                width: 100%;
            }

            label {
            font-size:10px;
            }

        }


#txtfilter {
    width: 100%;
    border:solid 1px gray;
}

.table thead th span {
    font-size:12px;
}


#nav-center .row {
margin-top:8px;
margin-left: 0px !important
}


.nav-tabs li {
   max-width: 35%;
}

@media (max-width:767px) {
    .xs-only-text-left {
        text-align: left !important;
    }

    .xs-only-text-right {
        text-align: right !important;
    }

    .xs-only-text-center {
        text-align: center !important;
    }
}

@media only screen {
    .xs-text-left {
        text-align: left !important;
        margin-top:4px;
    }

    .xs-text-right {
        text-align: right !important;
    }

    .xs-text-center {
        text-align: center !important;
    }
}

/* sm */
@media only screen and (min-width:768px) and (max-width:991px) {
    .sm-only-text-left {
        text-align: left !important;
    }

    .sm-only-text-right {
        text-align: right !important;
    }

    .sm-only-text-center {
        text-align: center !important;
    }
}

@media only screen and (min-width:768px) {
    .sm-text-left {
        text-align: left !important;
    }

    .sm-text-right {
        text-align: right !important;
    }

    .sm-text-center {
        text-align: center !important;
    }
}

/* md */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .md-only-text-left {
        text-align: left !important;
    }

    .md-only-text-right {
        text-align: right !important;
    }

    .md-only-text-center {
        text-align: center !important;
    }
}

@media only screen and (min-width:992px) {
    .md-text-left {
        text-align: left !important;
    }

    .md-text-right {
        text-align: right !important;
    }

    .md-text-center {
        text-align: center !important;
    }
}

/* lg */
@media (min-width:1200px) {
    .lg-only-text-left {
        text-align: left !important;
    }

    .lg-only-text-right {
        text-align: right !important;
    }

    .lg-only-text-center {
        text-align: center !important;
    }
}

@media only screen and (min-width:1200px) {
    .lg-text-left {
        text-align: left !important;
    }

    .lg-text-right {
        text-align: right !important;
    }

    .lg-text-center {
        text-align: center !important;
    }
}

@media print {
    .no-print {
    display:none;
    }

}


#ui-datepicker-div {
    z-index: 6000;
}

#body-aviso * {
font-size:14px;
}


#nav-show {
    text-align: right;
    width: 100%;
    padding-right: 4px;
}

    #nav-show span {
        vertical-align: middle;
    }

    #nav-show:hover {
        color: white !important;
        cursor: pointer;
    }

.modal-open .modal {
    
    overflow-y: auto !important ;
}


.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.img-leftmenu{
    max-height:40px !important
}

.nav-tabs.nav-justified > li {
    float: none;
    max-width: 50%;
  
}

#modal-print-proganalitica h3 {
    font-size: 1.5rem;
}