.formModern > .col-md-2,
.formModern > .col-md-3, 
.formModern > .col-md-4, 
.formModern > .col-md-5,
.formModern > .col-md-6, 
.formModern > .col-md-8, 
.formModern > .col-md-9, 
.formModern > .col-md-12, 
.formModern > .col-md-4 > .col-md-12,
.formModern > .col-md-6 > .col-md-6, 
.formModern > .col-md-6 > .col-md-10, 
.formModern > .col-md-6 > .col-md-12,
.formModern > .col-md-12 > .col-md-3, 
.formModern > .col-md-12 > .col-md-4 , .meOneColum { margin-bottom:1.75em!important; }
.marginb0 { margin-bottom:0!important; }
.margint0 { margin-top:0!important; }
.meOneColum { margin-left:15px; margin-right:15px; }
.margin0Force { margin:0!important; }

.displayNo { display:none!important; }
.displayIB { display:inline-block; }

.padding0Force { padding:0!important; }
.paddingb0 { padding-bottom:0!important; }



.box-header.with-border {
 border-color:#f2f2f2;
}

/*dt { text-align:left!important; }verify*/
.bg-transparent { background-color:transparent!important; }
/*bs*/
.text-left-i { text-align:left!important; }
.text-right-i { text-align:right!important; }
.text-center-i { text-align:center!important; }

.text-normal-i { white-space:normal!important; }
.text-nowrap { white-space:nowrap; }
.text-black { color:black; }

.shadow-none { box-shadow:none!important; }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }

.ml-0 { margin-left:0; }
.mr-0 { margin-right:0; }
.mt-0 { margin-top:0!important; }
.mb-0 { margin-bottom:0!important; }
.mb-05em { margin-bottom:0.5em;}

/*<current>*/
.border-radius-2 { border-radius:.5rem!important; }

.p-0 { padding : 0!important; }
.p-2 { padding: .5rem!important; }
.p-3 { padding: 1rem!important; }
.p-4 { padding: 1.5rem!important; }
.p-5 { padding: 2rem!important; }

.pb-0 { padding-bottom : 0!important; }
.pb-1 { padding-bottom: .25rem!important; }
.pb-2 { padding-bottom: .5rem!important; }
.pb-3 { padding-bottom: 1rem!important; }
.pb-4 { padding-bottom: 1.5rem!important; }
.pb-5 { padding-bottom: 2rem!important; }

.pl-0 { padding-left : 0; }
.pl-1 { padding-left: .25rem!important; }
.pl-2 { padding-left: .5rem!important; }
.pl-3 { padding-left: 1rem!important; }
.pl-4 { padding-left: 1.5rem!important; }
.pl-5 { padding-left: 2rem!important; }

.pr-1 { padding-right: .25rem!important; }
.pr-2 { padding-right: .5rem!important; }
.pr-3 { padding-right: 1rem!important; }
.pr-4 { padding-right: 1.5rem!important; }
.pr-5 { padding-right: 2rem!important; }

.pt-0 { padding-top : 0!important; }
.pt-1 { padding-top: .25rem!important; }
.pt-2 { padding-top: .5rem!important; }
.pt-3 { padding-top: 1rem!important; }
.pt-4 { padding-top: 1.5rem!important; }
.pt-5 { padding-top: 2rem!important; }

.ml-1 { margin-left: .25rem!important; }
.ml-2 { margin-left: .5rem!important; }
.ml-3 { margin-left: 1rem!important; }
.ml-4 { margin-left: 1.5rem!important; }
.ml-5 { margin-left: 2rem!important; }
.mr-1 { margin-right: .25rem!important; }
.mr-2 { margin-right: .5rem!important; }
.mr-3 { margin-right: 1rem!important; }
.mr-4 { margin-right: 1.5rem!important; }
.mt-1 { margin-top: .25rem!important; }
.mt-2 { margin-top: .5rem!important; }
.mt-3 { margin-top: 1rem!important; }
.mb-1 { margin-bottom: .25rem!important; }
.mb-2 { margin-bottom: .5rem!important; }
.mb-3 { margin-bottom: 1rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom: 2rem!important; }

.font-weight-bold { font-weight:700!important; }

.fs-1 { font-size: 2.5rem!important; }
.fs-2 { font-size: 2rem!important; }
.fs-3 { font-size: 1.75rem!important; }
.fs-4 { font-size: 1.5rem!important; }
.fs-5 { font-size: 1.25rem!important; }
.fs-6 { font-size: 1rem!important; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none!important; }

.m-auto { margin:auto; }
/*.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }*/
.mb-4-2 { margin-bottom: 2rem !important; }
.mb-4-3 { margin-bottom: 2.5rem !important; }/*
.mb-5 { margin-bottom: 3rem !important; }*/

.w-3em-i { width: 3em!important;}
.w-1p { width: 1%!important;}

.h-auto { height: auto; }

.overflow-auto { overflow:auto; }

.d-block { display: block; }
.d-inline-block { display: inline-block !important; }



.border-0 { border:0!important; }
.border-left-0 { border-left:0; }
.border-right-0 {  border-right:0; }
.border-bottom { border: 1px solid #dee2e6!important; }
/*.w-1 { margin-bottom: 0.25rem !important; }
.w-2 { margin-bottom: 0.5rem !important; }
.w-3 { margin-bottom: 1rem !important; }
.w-11 { margin-bottom: 1.5rem !important; }*/
.mw-12 { width: 12rem !important; }



/* container flex por 3 columnas */
        .padded-boxes {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }

            /* boxes */
            .padded-boxes > * {
                width: 100%;
            }
            
        /* tablet breakpoint */
        @media (min-width:768px) {
            .padded-boxes > * {
                width: calc((100% - 2rem) / 3);
            }
        }

.fw-bold6 {
    font-weight:600;
}
/*</current>*/

.mt-1em { margin-top:1em;}

.pt-05em { padding-top : 0.5em; }
.pl-05em { padding-left:0.5em; }

.w-1pe { width: 1%;}
.w-6em { width:5.5em; }
.w-8em { width:8em; }


.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd {margin-bottom: 0.75em;}
@media (min-width: 768px){
    .dl-horizontal dd { margin-bottom: 0.25em; }
}
/*bs*/

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

.colorDisable2 { color:silver!important; }
.colorWarning2 { color:#f39c12!important; }
.colorDanger2 { color:#dd4b39!important; }
.colorSuccess2 { color:#00a65a!important; }

.textBold { font-weight:bold!important; }
.textBoldNo { font-weight:normal!important; }
.textSize11 { font-size:11px; }

.postRelative { position:relative!important; }
.ui-autocomplete, .datepicker { z-index:1050!important; }

.mePointer { cursor:pointer; }

.meOverAuto { overflow:auto; }

.meWidth50pe { width:50%!important; }
.meWidth100pe { width:100%!important; }

.paddingT0_I { padding-top:0!important; }
.paddingB0_I { padding-bottom:0!important; }
.paddingR0_I { padding-right:0!important }
.borderT0_I { border-top:0!important; }
.borderL0_I { border-left:0!important; }
.borderR0_I { border-right:0!important; }
.borderB0_I { border-bottom:0!important; }
.border0_I { border:0!important; }


.divPhoto { padding: 0.5em 0.75em 0 0.75em; height: 10em; position:relative; }
.divPhoto img { height:auto; width:auto; max-height:100%; max-width:100%; min-height:6em; min-width:6em; }
.divPhoto .divPhotoControls { position:absolute; top:0.5em; right:0.5em; z-index:2; }
.divPhoto .divPhotoControls button { margin-top:0.25em; }

/*<table responsive>*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.responsive-table { width: 100%; }
@media (min-width: 48em) {
    .responsive-table { font-size: .9em; }
}
@media (min-width: 62em) {
    .responsive-table { font-size: 1em; }
}
.responsive-table thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px; width: 1px;
    overflow: hidden;
}
@media (min-width: 48em) {
    .responsive-table thead {
        position: relative;
        clip: auto;
        height: auto; width: auto;
        overflow: auto;
    }
}
.responsive-table .meFooter { width:100%; }
.responsive-table .meFooter td { 
    background-color: #3c8dbc; 
    border: 1px solid #1d96b2;
    font-weight: normal; text-align: center; color: white; white-space:nowrap;
}
.responsive-table thead th:first-of-type { text-align: left; }
.responsive-table thead th {
    background-color: #3c8dbc!important;
    border: 1px solid #1d96b2;
    font-weight: normal; text-align: center; color: white; 
}
.responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}
.tdVerticalTop td, .tdVerticalTop th { vertical-align:top!important; }
/*.responsive-table tfoot td {  }*/
@media (min-width: 48em) {
    .responsive-table tr { display: table-row; }
}
.responsive-table th, .responsive-table td {
    padding: .5em;
    vertical-align: middle;
}
@media (min-width: 30em) {
    .responsive-table th, .responsive-table td { padding: .5em .75em; }
}
@media (min-width: 48em) {
    .responsive-table th, .responsive-table td {
        display: table-cell;
        padding: .5em;
    }
}
@media (min-width: 62em) {
    .responsive-table th, .responsive-table td { padding: .25em .5em; }
}
@media (min-width: 75em) {
    .responsive-table th, .responsive-table td, .responsive-table tfoot td { padding: .5em 1em; }
}
@media (min-width: 48em) {
    .responsive-table tbody { display: table-row-group; }
}
.responsive-table tbody tr {
    margin-bottom: 1em;
    border: 2px solid #3c8dbc;
}
.responsive-table tfoot{
    display:inline-block;
    margin-top:1em;
}
@media (min-width: 48em) {
    .responsive-table tbody tr {
        display: table-row;
        border-width: 1px;
    }
    .responsive-table tfoot{
        display:table-footer-group;
    }
}
.responsive-table tbody tr:last-of-type { margin-bottom: 0; }
.responsive-table tbody th[scope="row"] {
    background-color: #3c8dbc;
    color: white;white-space:normal;
    padding:0.5em 0.75em;
}
@media (min-width: 48em) {
    .responsive-table tbody th[scope="row"] {
        background-color: white;
        color: #5e5d52; text-align: left; white-space:nowrap;
        padding:0.5em 1em;
    }
}
.responsive-table tbody td { text-align:left; /*text-align: right;*/ min-height:2em; }
@media (min-width: 48em) {
    .responsive-table tbody td { text-align: center; }
}
.responsive-table tbody td[data-title]:before {
    content: attr(data-title);
    /*float: left;*/
    /*display:block;*/
    display:inline-block; 
    vertical-align:top; text-align:left;
    width:40%;
    font-size: .9em; color: #999; font-weight:bold;
    white-space:normal;
}
.responsive-table tbody td[data-title] text {
    width:60%;
    display:inline-block;
    vertical-align:top; text-align:left;
    white-space:normal;
}
@media (min-width: 30em) {
    .responsive-table tbody td[data-title]:before { font-size: .9em;  }
}
@media (min-width: 48em) {
    .responsive-table tbody td[data-title]:before { content: none; }
    .responsive-table tbody td[data-title] text { display:block; width:100%; white-space:nowrap; }
}
/*</table>*/


/*<dragMultipleTable>*/
body.dragging, body.dragging * {
    cursor: move !important;
}
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000; 
}
.ui-draggable-dragging, .ui-state-highlight {  z-index: 2000; }
.ui-state-highlight  { background: #eeeeee; color: #0088cc;margin:0!important; }
.tabla001 { min-height: 10em; padding: 0em; margin: 0;  list-style: none; }
.tabla001 li { border-bottom:1px solid #3c8dbc; padding:0.5em 1em; margin:0!important; width:100%!important; height:auto!important; cursor: pointer; }
/*</dragMultipleTable>*/


/*colorpicker*/
.colorpicker {
 background-color: #dae0ea;
}
.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}
.colorpicker-selectors i { height:1.5em!important; width:1.5em!important; }
/*colorpicker*/


/*RvalauacionCreate*/
.withpaddingmobil { padding: 1em!important; }
.withpaddingmobil tr td { margin-bottom: 1em!important; }
.blockHelpContvert { display:block!important; }
@media (min-width: 48em) {
    .withpaddingmobil { padding: 0em!important; }
    .withpaddingmobil tr td { margin-bottom: 0em; }
    .blockHelpContvert { display:inline-block!important; }
}

.withpaddingrightmobil { padding-right:10px!important; }
@media (min-width: 48em) {
    .withpaddingrightmobil { padding-right: 0em!important; }
}
/*EvaluacionCreate*/
/*evaluacionCopy*/
#tblEvaluacionCopyAccordion { width:100%; }
*#tblEvaluacionCopyAccordion thead:first-of-type {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px; width: 1px;
    overflow: hidden;
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion thead:first-of-type {
        position: relative;
        clip: auto;
        height: auto; width: auto;
        overflow: auto;
    }
}
#tblEvaluacionCopyAccordion thead:first-child {
    border: 1px solid #b5bbc8;
    font-weight: normal; text-align: center; color: white; white-space:nowrap;
}
#tblEvaluacionCopyAccordion tbody, #tblEvaluacionCopyAccordion tr, #tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: nowrap; 
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion tr { display: table-row; }
}
#tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td {
    padding: .5em;
    vertical-align: middle;
}
@media (min-width: 30em) {
    #tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td { padding: .25em .5em; }
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td {
        display: table-cell;
        padding: .5em;
    }
}
@media (min-width: 62em) {
    #tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td { padding: .25em .5em; }
}
@media (min-width: 75em) {
    #tblEvaluacionCopyAccordion th, #tblEvaluacionCopyAccordion td { padding: .5em 1em; }
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion tbody { display: table-row-group; }
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion tbody tr, #tblEvaluacionCopyAccordion thead tr {
        display: table-row;
        border-width: 1px;
    }
}
#tblEvaluacionCopyAccordion tbody tr:last-of-type { margin-bottom: 0; } 
#tblEvaluacionCopyAccordion tbody td { text-align:left;  min-height:2em; }
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion tbody td, #tblEvaluacionCopyAccordion tbody th { text-align: left; }
}
#tblEvaluacionCopyAccordion tbody td[data-title]:before {
    content: attr(data-title);
    display:block; text-align:left;
    font-size: .9em;  color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
    #tblEvaluacionCopyAccordion tbody td[data-title]:before { font-size: .9em;  }
}
@media (min-width: 48em) {
    #tblEvaluacionCopyAccordion tbody td[data-title]:before {
        content: none;
    }
}
/*evaluacionCopy*/


/*registroIndex*/
#aulasAccordion { width:100%; }
*#aulasAccordion thead:first-of-type {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px; width: 1px;
    overflow: hidden;
}
@media (min-width: 48em) {
    #aulasAccordion thead:first-of-type {
        position: relative;
        clip: auto;
        height: auto; width: auto;
        overflow: auto;
    }
}
#aulasAccordion thead:first-child {
    border: 1px solid #1d96b2;
    font-weight: normal; text-align: center; color: white; white-space:nowrap;
}
#aulasAccordion tbody, #aulasAccordion tr, #aulasAccordion th, #aulasAccordion td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: nowrap; 
}
@media (min-width: 48em) {
    #aulasAccordion tr { display: table-row; }
}
#aulasAccordion th, #aulasAccordion td {
    padding: .5em;
    vertical-align: middle;
}
@media (min-width: 30em) {
    #aulasAccordion th, #aulasAccordion td { padding: .25em .5em; }
}
@media (min-width: 48em) {
    #aulasAccordion th, #aulasAccordion td {
        display: table-cell;
        padding: .5em;
    }
}
@media (min-width: 62em) {
    #aulasAccordion th, #aulasAccordion td { padding: .25em .5em; }
}
@media (min-width: 75em) {
    #aulasAccordion th, #aulasAccordion td { padding: .5em 1em; }
}
@media (min-width: 48em) {
    #aulasAccordion tbody { display: table-row-group; }
}
@media (min-width: 48em) {
    #aulasAccordion tbody tr, #aulasAccordion thead tr {
        display: table-row;
        border-width: 1px;
    }
}
#aulasAccordion tbody tr:last-of-type { margin-bottom: 0; } 
#aulasAccordion tbody td { text-align:left;  min-height:2em; }
@media (min-width: 48em) {
    #aulasAccordion tbody td, #aulasAccordion tbody th { text-align: left; }
}
#aulasAccordion tbody td[data-title]:before {
    content: attr(data-title);
    display:block; text-align:left;
    font-size: .9em;  color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
    #aulasAccordion tbody td[data-title]:before { font-size: .9em;  }
}
@media (min-width: 48em) {
    #aulasAccordion tbody td[data-title]:before {
        content: none;
    }
}
/*registroIndex*/


/*<registroNota>*/
#tbodyModal .tdNota { padding:0.25em 0 0.25em 0; }
#tbodyModal .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyModal .tdNota { padding:0; } }

#tbodyNotasFree .tdNota { padding:0.5em; }
#tbodyNotasFree .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyNotasFree .tdNota { padding:0; } }

#tbodyBeca .tdNota, #tbodyResume .tdNota { padding:0.5em; }
#tbodyBeca .tdNota .form-control, #tbodyResume .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyBeca .tdNota, #tbodyResume .tdNota { padding:0; } }

#tbodyExtra .tdNota { padding:0.5em; }
#tbodyExtra .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyExtra .tdNota { padding:0; } }

#tblEDAXcurso .tdNota, #tblSimulacroXcurso .tdNota, #tblHabilidadMXcurso .tdNota { padding:0.5em; }
#tblEDAXcurso .tdNota, #tblSimulacroXcurso .tdNota .form-control, #tblHabilidadMXcurso .tdNota .form-control { background-color:transparent; }
@media (min-width: 48em) {#tblEDAXcurso .tdNota, #tblSimulacroXcurso .tdNota, #tblHabilidadMXcurso .tdNota { padding:0; } }

#tbodyBlocks .tdNota { padding:0.5em; }
#tbodyBlocks .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyBlocks .tdNota { padding:0; } }

#tbodyComentarios .tdNota { padding:0.5em; }
#tbodyComentarios .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #tbodyComentarios .tdNota { padding:0; } }

#divResult .tdNota, #divResultSub .tdNota { padding:0.5em; }
#divResult .tdNota .form-control, #divResultSub .tdNota .form-control {background-color:transparent; }
@media (min-width: 48em) { #divResult .tdNota, #divResultSub .tdNota { padding:0; } }

.viewOnlySmall{ display:inline-block; }
@media (min-width: 48em) { .viewOnlySmall { display:none!important; } }



.tdViewOnlyBig{ display:none!important; }
@media (min-width: 48em) { .tdViewOnlyBig { display:table-cell!important; } }
/*</registroNota>*/


.progress2 { position:fixed; bottom:7em; right:0; left:0; z-index:1052; /*z-index:999;*/
            margin:auto; padding:1em;
            width:auto; 
            text-align:center;
            background-color:rgba(0,0,0,0.25);
            border-radius:0.5em; }
.progress2 .progress2Message {
  color: black; font-size:1.5em;
  -webkit-animation: blink 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; 
  -moz-animation: blink 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate;
  animation: blink 1.5s; animation-iteration-count: infinite; animation-direction: alternate;
  margin:0.5em 0.5em 0em 0.5em; 
}
.progress2 .progress2Icon {
  height: 4.5em; width: 4.5em;
  border: solid 10px; border-color: #e74c3c #2980b9 #f1c40f  #27ae60; border-radius: 1000px;
  margin: auto;
  position: relative;
  animation: rotate 0.75s; animation-iteration-count: infinite; animation-timing-function: linear;
  -webkit-animation: rotate 0.75s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
  -moz-animation: rotate 0.75s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
}
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-moz-keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes blink {
  from { opacity: 0.4; }
  to { opacity: 1; }
}
@media (min-width: 48em) { .progress2 { right:5em; left:unset; min-width:20em; } }