/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.global-bg {
    background-color: #172983 !important;
}

.acep-sidebar {
    background-color: #172983 !important;
}

.padding0 {
    padding: 0 !important;
}

.margin0 {
    margin: 0 !important;
}

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

.subcapacidades-body {
    padding: 2rem;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.customize-select {
    display: unset !important;
}

#registro-notas {
    font-size: 0.8em !important;
}

#registro-conducta {
    font-size: 0.8em !important;
}

/*.tableFixHead          { overflow-y: auto; height: 600px; }*/
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

#registro-notas-filtro .select-wrapper input.select-dropdown {
    font-size: 0.85em !important;
}

#registro-notas-filtro.card-panel {
    padding: 5px;
}

#registro-notas-filtro .input-field {
    margin-bottom: 0.2rem;
}

#registro-notas-filtro .select-wrapper input.select-dropdown {
    /*height: 2.5rem;*/
    line-height: 2.5rem;
}

#registro-notas-filtro .dropdown-content li>a, .dropdown-content li>span {
    font-size: 0.9em;
    padding: 10px;
}

#registro-conducta input{
    font-size: 1em !important;
    text-align: center;
    /*font-weight: bold;*/
    height: 100%;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

#registro-conducta tr td {
    padding: 2px !important;
}

#registro-conducta tr th {
    padding: 3.5px !important;
    font-weight: bold;
}

#registro-conducta th {
    text-align: center;
}

#registro-notas input{
    font-size: 1em !important;
    text-align: center;
    /*font-weight: bold;*/
    height: 100%;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

#registro-notas tr td {
    padding: 2px !important;
}

#registro-notas tr th {
    padding: 3.5px !important;
    font-weight: bold;
}

#registro-notas th {
    text-align: center;
}

#registro-notas .EB {
    background-color: #b9d7ec;
    /*background-color: #ffffe0;*/
}

#registro-notas .PMA {
    background-color: #add4b0;
    /*background-color: #ffffe0;*/
}

#registro-notas .subsubevaluacion {
    background-color: #f1f8e9;
}
#registro-notas .subevaluacion.restrict {
    background-color: #bdf6ff;
}
#registro-notas .evaluacion {
    background-color: #fff4ea;
}
#registro-notas .criterio {
    background-color: #f4ff4f;
}

#registro-notas .organizador {
    background-color: #f4ff4f;
}

#registro-conducta .organizador {
    background-color: #f4ff4f;
}
#registro-conducta .subevaluacion {
    background-color: #bdf6ff;
}

#registro-notas .promedio_mensual {
    background-color: #add4b0;
}

#registro-notas .promedio_bimestral {
    background-color: #b9d7ec;
}

.celdas {
    text-transform: uppercase !important;
}

.open_select {
    display: block;width: 512.656px;opacity: 1;
}

#registro-conducta .nombre {
    width: 20rem !important;
}

#registro-notas .nombre {
    width: 20rem !important;
}

.loader {
    position: absolute;
    top :0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.selected-directional-button {
    background-color: #dfdfdf !important;
    color: #9F9F9F !important;
}

/* Center the loader */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3f51b5!important;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}

#myDiv {
    display: none;
    text-align: center;
}
.card .card-title.hidden {
    text-indent: -9999px;
}
.card .card-image .card-badge {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 0.2em 24px 0.8em 24px;
    color: #fff;
    z-index: 2;
}
.card .card-image .card-badge .material-icons {
    position: relative;
    margin-right: 8px;
    top: 7px;
}
.card .card-image .card-badge + .card-title {
    padding-bottom: 66px;
}
.card.horizontal .card-image .card-badge {
    text-align: center;
    padding: 0.2em 0;
}
.card.horizontal .card-image .card-badge .material-icons {
    display: none;
}

.card-action {
    white-space: nowrap;
}

.swal-button{
    background-color: #172983;
}

.swal-button--confirm{
    background-color: #172983;
}

.swal-button--delete{
    background-color: #f44336 !important;
}

/*.input-field.col label {
    color: #262f55;
    font-weight: bold;
}*/

/*#registro-notas-filtro .select-wrapper input.select-dropdown {
    height: 2.5rem;
    margin-top: 0.5em;
    line-height: 2.5rem;
    border: 1.2px solid #262f55;
}*/

.swal-button--danger {
    background-color: #e64942 !important;
}

.swal-button--cancel {
    background-color: #efefef !important;
}

.retirado_trasladado {
    background-color: #fff700 !important;
}

.exonerado {
    background-color: #00bfa5 !important;
}


.disabled_element {
    color: #4444443b !important;
    cursor: not-allowed;
}

.enable_element {
    color: #444 !important;;
    cursor: pointer;
}

.opcion_reporte {
    text-transform: none !important;
}

.asistenciaH {
    width: 60px !important;
    text-align: center !important;
}


/*REGISTRO ASISTENCIA*/
#registro-asistencia tr td {
    padding: 2px !important;
}

#registro-asistencia tr th {
    padding: 3.5px !important;
    font-weight: bold;
}

#registro-asistencia input{
    font-size: 1em !important;
    height: 1rem;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}


/*
#registro-asistencia .nombre {
    width: 20rem !important;
}*/

.fecha_asistencia_color::-webkit-input-placeholder { /* Firefox, Chrome, Opera */
    color: #172983;
    font-weight: 700;
}

.fecha_asistencia_color { /* Firefox, Chrome, Opera */
    color: #172983;
    font-weight: 700;
}

.tabs-icon {
    font-size: 10px;
    overflow: hidden;
}
.tabs-icon i {
    display: block;
    margin-top: 5px;
    margin-bottom: -15px;
    font-size: 24px;
}
.tabs-icon a.active {
    background-color: #F3F3F3;
}
/* OVERWRITE MATERIAL CSS MIN WIDTH FOR MOBILE */
.tabs .tab {
    min-width: 50px !important
}
.tabs .tab-hide {
    display: none;
}
.no-pd {
    padding: 0 !important
}

.input-field label.active_forever {
    width: 100%;
}

.active_label_forever {
    left: .75rem !important;

    position: absolute !important;
    top: -26px !important;
    font-size: 0.8rem !important;
}

/*Input text*/
.some_input_textw {
    padding-left: 8px !important;
    box-sizing: inherit !important;
    height: 27px !important;
    background-color: #f7f7f7;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    outline: 0;
    margin: 0 0 0px !important;
    /*background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.some_textarea {
    padding-left: 8px !important;
    box-sizing: inherit !important;
    height: 70px !important;
    background-color: #f7f7f7;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.fieldset {
    margin-top: 1rem;
    position: relative;
    border: 1px solid #b8babe;
    border-radius: 4px;
    padding: 1rem;
}

.fieldset h1 {
    position: absolute;
    top: 0;
    font-size: 18px;
    line-height: 1;
    margin: -9px 0 0 -0.5rem; /* half of font-size up top */
    background: #fff;
    padding: 0 0.5rem;
}

.red-text {
    color: #d4231c !important;
}

.mdi-tab-icon {
    height: 24px !important;
}

.mdi-tab-icon:before {
    height: 24px !important;
}

.tabs .tab i {
    font-size: 24px;
}

.error_message {
    color: #d4231c !important;
    font-size: 1rem !important;
}

.error_message ul li {
    margin-top: -15px !important;
}

.blue-text {
    color: #253054!important
}

.some_select_multiple {
    padding-left: 8px !important;
    box-sizing: inherit !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-selection--multiple {
    border-bottom: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #203188 !important;
}

.users-edit i, .users-list-wrapper i, .users-view i {
    vertical-align: middle
}

.users-edit .tabs .tab a {
    text-overflow: clip
}

.users-edit .tabs .tab a span {
    position: relative;
    top: 2px
}

.users-edit .tabs .tab a.active {
    border-radius: 4px;
    background-color: #e8eaf6
}

.users-edit .user-edit-btns a, .users-edit form button[type=submit] {
    margin-right: 1rem
}

.datepicker_center_text {
    text-align: center;
}

.datepicker-controls .select-month input {
    width: 100% !important;
}

.checkbox-black[type="checkbox"].filled-in:checked + span:after{
    border: 2px solid #000000 !important;
    background-color: #000000 !important;
}

.modal {
    overflow-y: unset !important;
}

#save-progress {
    background-color: #d4231c63 !important;
}

.indeterminate {
    background-color: #d4231c !important;
}

.preloader-anchor {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.preloader-background {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;

    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.blinking {
    padding-top:120px;
    margin-left: 32px;
    opacity: 0.8;
}

@media only screen and (max-device-width: 480px)  {
    .fs-m {
        font-size: 0.85rem;
    }
}

tbody tr {
    cursor: pointer;
}

.responsive-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.editor-html {
    min-height: 30rem;
}

.alert-custom
.card-content
span {
    font-weight: bold;
    font-size: 1.1em;
    margin-right:4px;
}

.alert-custom
.card-content  .material-icons {
    font-size: 1.5em;
    position: relative;
    top: 5px;
    margin-right: 0.5em;
}

.card-content-custom {
    padding: 2px 15px;
}

.chip-custom:focus,
.chip-custom:hover,
.chip-custom.focus
{
    border-bottom: 1px solid #1b2983 !important;
    box-shadow: 0 1px 0 0 #1b2983 !important;
}

.d-none {
    display: none !important;
}

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

.chip:focus {
    color: #fff;
    outline: 0;
    background-color: #172983 !important;
}
#archivo-container input#archivo {
    margin-top: 1rem;
}

.archivos-adjuntos li a i{
    font-size: 20px;
}

.chips .input {
    width: 100% !important;
}

#card-panel-filtro .select-wrapper input.select-dropdown {
    font-size: 0.85em !important;
}

#card-panel-filtro.card-panel {
    padding: 5px;
}

#card-panel-filtro .input-field {
    margin-bottom: 0.2rem;
}

#card-panel-filtro .select-wrapper input.select-dropdown {
    /*height: 2.5rem;*/
    line-height: 2.5rem;
}

#card-panel-filtro .dropdown-content li>a, .dropdown-content li>span {
    font-size: 0.9em;
    padding: 10px;
}

.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
    color: rgb(23 41 131 / 44%) !important;
}

.btn-ficha-inscripcion {
    top: 15px;
    right: 15px;
}

.color-default {
    color: #1C2986;
}

.ql-toolbar .select-wrapper {
    display: none !important;
}

.error {
    color: #ff4081 !important;
    font-size: .8rem;
}

.timepicker-canvas line {
    stroke: #f44336cc;
}

.timepicker-canvas-bearing, .timepicker-canvas-bg {
    fill: #f44336cc;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

/*Select2 ReadOnly End*/

/* Checkbox */
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #172a82b0 !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #172a82b0 !important;
}



.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/*.panel-default {
    border-color: #ddd;
}*/

.panel-title,
.panel-body {
    padding: 15px;
}

#modal-registro-actitudinal {
    overflow: auto;
    max-height: 80%;
}