@media (max-width: 991px) {
    .off-canvas-sidebar .navbar .navbar-collapse.collapse, .off-canvas-sidebar .navbar .navbar-collapse.collapse.in, .off-canvas-sidebar .navbar .navbar-collapse.collapsing {
        display: none !important;
    }
    .navbar .navbar-collapse.collapse, .navbar .navbar-collapse.collapse.in, .navbar .navbar-collapse.collapsing {
        display: none !important;
    }
}

span.errors small{
    color: red;
}

/* Home */
.home .card {
    background: transparent;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.card {
    position: relative;
}
.card .hover {
    opacity: 0;
    transition: .25s;
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    /*justify-content: space-around;*/

    /*border-radius: 50%;*/
    /*right: -76px;*/
    /*min-width: 75px;*/
    flex-wrap: wrap;
    /*flex-direction: column;*/
    /*top: 7px;*/
    width: 100%;
    bottom: 0;
}
.card:hover .hover {
    opacity: 1;
    display: flex;
}
.card .hover a {
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left !important;
    padding: 5px;
    font-weight: 400;
    border-bottom: solid thin rgba(255,255,255,.3);
    /*width: 100%;*/
    background: #41536a;
    border-radius: 30px;
    display: flex;
    align-items: center;
    height: 35px;
    overflow: hidden;
}
.card .hover a:hover {
    background-color: #738fb2;
}
.card .hover a i {
    /*font-size: 12px;*/
}
.card .hover a p {
    opacity: 0;
    width: 0;
    margin-bottom: 0;
    transition: ease-in .5s;
    padding-right: 0;
}
.card .hover a:hover p {
    opacity: 1;
    width: auto;
    padding-right: 5px;
}
.card-footer p {
    font-weight: 600;
    text-transform: uppercase;
}

.favorite-description {
    color: black;
}


/* Login */
.cont-logos {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: rgb(67 141 152 / 50%);
    border-radius: 30px;
    padding: 10px;
    max-width: 250px;
}
.cont-logos a {
    width: 50%;
    padding: 15px;
    position: relative;
}
.cont-logos a:first-child {
    border-right: solid thin white;
}
.cont-logos a img {
    width: 100%;
    height: auto;
}
/* end Login */
/* Inicio */
.page-header {
    max-height: unset;
}

@media screen and (max-width: 991px) {
    .off-canvas-sidebar .page-header > .container {
        padding-top: 0;
    }
}

.lock-page .card-profile .card-avatar {
    height: 90px;
    background: linear-gradient(180deg, #166bae, #2196f3);;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lock-page .card-profile .card-avatar a {
    font-size: 50px;
    color: inherit;
}
.lock-page .card-profile .card-avatar a i {
    font-size: 50px;
}

/* end Inicio */
.navbar .navbar-brand {
    color: white;
}
.sidebar {
    z-index: 999999;
}

/* Forms */
.form-check .form-check-input:checked~.circle {
    border-color: #2196f3;
}
.form-check .form-check-label .circle .check, .form-check .form-check-input:checked+.form-check-sign .check {
    background-color: #2196f3;
}
.form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, #2196f3 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)
}
.is-focused [class^='bmd-label'], .is-focused [class*=' bmd-label'] {
    color: #2196f3;
}

/* Modal Forms */
.modal-body form div.form-row:first-of-type {
    color: crimson;
}
.modal-body form div.form-row:first-of-type div.form-group em {
    font-style: inherit;
    font-weight: bold;
    font-size: 1.25rem;
}
.modal-body form div.form-row:first-of-type div.form-group em u {
    text-decoration: none;
}
.card .card-body .form-group {
    min-height: 46px;
}
.form-control.invalid {
    border-bottom: 1px solid #F44336!important;
    -webkit-box-shadow: 0 1px 0 0 #F44336!important;
    box-shadow: 0 1px 0 0 #F44336!important;
    background-image: none!important;
    border-color: #F44336!important;
}
.form-control.textarea {
    height: auto!important;
    min-height: 36px;
    font-weight: 400;
    /* text-transform: uppercase; */
    word-break: normal;
    text-align: justify;
}

/* Role Module Form */
#roleModule div.header-table-fixed {
    /* max-height: 600px; */
}

/* Parámetros empresa */
form .form-group label {
    position: absolute;
    top: -12px;
}
form .form-group select.form-control {
     position: relative;
}
.bmd-form-group .bmd-label-static {
    top: 0.35rem;
    left: 6px;
    font-size: 0.875rem;
}
.form-check .form-check-label {
    top: 5px;
}
select.form-control:not([size]):not([multiple]) {
    width: 97%;
}
.btn.btn-lg, .btn-group-lg>.btn, .btn-group-lg .btn {
    border-radius: 50px;
    color: white !important;
    background: linear-gradient(60deg, #166bae, #2196f3);
}
.btn.btn-blue, .btn.btn-primary, .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.bg-rose, .card.card-rotate.bg-rose .front, .card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg, #166bae, #2196f3);
    border-color: #2196f3;
    box-shadow: 0 2px 2px 0 rgba(33, 37, 41, 0.14), 0 3px 1px -2px rgba(33, 37, 41, 0.2), 0 1px 5px 0 rgba(33, 37, 41, 0.12);
}
.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(33, 37, 41, 0.14), 0 4px 23px 0px rgba(33, 37, 41, 0.2), 0 8px 10px -5px rgba(33, 37, 41, 0.12);
    background: linear-gradient(60deg, #166bae, #166bae);
}

.card-title {
    text-transform: uppercase;
    font-weight: 500;
}

.group-title {
    color: #2196f3;
}
.group-title h4 {
    font-weight: 400;
}
hr {
    border-top: 1px solid rgba(33,150,243, .5);
}
/* end Parámetros empresa */
.table thead tr th {
    font-size: 15px;
}
.header-table-fixed {
    overflow: auto;
    /* max-height: 350px; */
    position: relative;
}
.header-table-fixed thead tr.tr-sticky0 th {
    position: sticky;
    top: 0px;
    background: linear-gradient(180deg, #166bae, #2196f3);
    color: white;
    font-weight: 600;
    z-index: 10;
}
.header-table-fixed thead tr.tr-sticky th {
    position: sticky;
    top: 46px;
    background: linear-gradient(180deg, #166bae, #2196f3);
    color: white;
    font-weight: 600;
    z-index: 10;
    padding: 5px;
}
.header-table-fixed thead tr th.blue1 {
    background: linear-gradient(180deg, #166bae, #2196f3);
}
.header-table-fixed thead tr th.blue2 {
    background: linear-gradient(180deg, #20BFAA, #98c99c);
}

.card .card-header.card-header-icon i, .card .card-header.card-header-text i {
    width: inherit;
    height: unset;
    text-align: unset;
    line-height: unset;
}

.filters select {
    margin-top: 0;
}
.filters input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    margin-top: 10px;
}
.filters .input-group>.form-control:not(:last-child), .input-group>.custom-select:not(:last-child) {
    margin-top: 5px;
}
.filters button[type='submit'] {
    right: 0;
}
/* Collapsables */
.card-collapse .card-header {
    padding: 10px 10px 10px 10px;
    background: rgba(0,0,0,.1);
}
.card-collapse .card-header:hover {
    background: rgba(0,0,0,.2);
}

.btns-footer {
    margin: 0 auto;
}
.btns-footer .row {
    margin: 0 auto;
    padding: 20px;
}
.btns-footer .row div {
    width: 30%;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.btns-footer .row div:last-child {
    margin: 0;
    padding: 0;
}
.btns-footer button,.btns-footer a {
    font-size: 24px;
    color: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.btns-footer button:hover,.btns-footer a:hover {
    color: #166bae;
}
.btns-footer button:focus {
    outline: none;
}
.btns-footer button i,.btns-footer a i {
    width: 100%;
    text-align: center;

}
.btns-footer button span,.btns-footer a span {
    font-size: 12px;
    font-weight: 300;
}

/* Modal cursos */
.modal-dialog .modal-header .close {
    z-index: 100;
}

.curso-actual.blue1 {
    background: linear-gradient(180deg, #166bae, #2196f3);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}
.promociona-a.blue2 {
    background: linear-gradient(180deg, #20BFAA, #98c99c);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.curso-actual.blue1,
.promociona-a.blue2,
.curso-actual.blue1 select,
.promociona-a.blue2 select,
.curso-actual.blue1 label,
.promociona-a.blue2 label,
.curso-actual.blue1 input,
.promociona-a.blue2 input,
.curso-actual.blue1 input::placeholder,
.promociona-a.blue2 input::placeholder {
    color: white;
}

form .form-group select.form-control {
/*    top: 0px !important; */
}

.modal-dialog .modal-footer button {
    margin-left: 10px;
}
form .form-group .togglebutton label {
    position: relative;
    top: auto;
    color: inherit;
}
/* .togglebutton label input[type=checkbox]:checked+.toggle {
    background: linear-gradient(180deg, #166bae, #2196f3);
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
    border-color: #2196f3;
} */
.togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: rgba(156, 39, 176, 0.7) !important;
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
    border-color: #9c27b0 !important;
}
/* Blur Background */
.blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}


/* ESTILOS PARA DATATABLES INDEX.BLADE */
#container {
    /* max-width: 80%; */
    /* width: 80%; */
}

.header-table-fixed {
    /* max-height: max-content; */
    /* Actual 350px */
    /* max-height: 640px; */
}

/* DataTables general styles */
#DataTables_Table_0_length select {
    width: 50%;
    height: auto;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    background-image: none;
}
#DataTables_Table_0_wrapper>div.row:first-child>div {
    align-self: flex-end;
}

/* DataTables td search cursor */
#DataTables_Table_0 tbody td {
    cursor: context-menu;
}

.table-responsive{
    overflow: auto;
}

.card-icon {
    border-radius: 3px;
    background-color: #999999;
    padding: 15px;
    margin-top: -17px;
    margin-right: 15px;
    position: absolute;
    background: linear-gradient(60deg, #166bae, #2196f3);
    border-color: #2196f3;
    box-shadow: 0 2px 2px 0 rgba(33, 37, 41, 0.14), 0 3px 1px -2px rgba(33, 37, 41, 0.2), 0 1px 5px 0 rgba(33, 37, 41, 0.12);
    color: white;
    margin-left: 15px;
    display: inline-block;
}

.tr-sticky0,
.tr-sticky1 {
    color: #fff;
}

#DataTables_Table_0_wrapper div.row:first-child {
    margin: 0 80px;
}

#DataTables_Table_0 {
    font-size: .875rem;
    font-weight: 300;
}

#search-data {
    position: absolute;
    right: 15px;
}

#DataTables_Table_0_wrapper {
    width: inherit;
    /* padding: 0 15px; */
}

#DataTables_Table_0_wrapper button.show-detail,
#DataTables_Table_0_wrapper button.delete-detail {
    margin: 0px;
    padding: 5px;
}

.table td button.show-detail,
.table td button.delete-detail {
    margin: 0px;
    padding: 5px;
}

.table tbody tr td:last-child {
    text-align: center;
}

.btn .material-icons,
.btn:not(.btn-just-icon):not(.btn-fab) .fa {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.table>thead>tr:first-child th {
    padding: 12px 8px !important;
}

.table>thead>tr:nth-child(2) th {
    font-size: 0.875rem;
}

.dataTable>thead>tr:not(:first-child) th {
    padding: 5px !important;
}

.table tr th {
    text-align: center;
}

.table tbody{
    font-size: .875rem;
    font-weight: 400;
    color:black;
}


/* Estilo fila archivada */
.table tbody tr.archived {
    background-color: darkgrey;
    color: dimgrey;
    /* font-style: italic; */
}

/* Colores Alternos */
/* provide some minimal visual accomodation for IE8 and below */
/* .table tbody tr{
    background: #b8d1f3;
} */
/*  Define the background color for all the ODD background rows  */
/* .table tbody tr:nth-child(odd){
    background: #dae5f4;
} */
/*  Define the background color for all the EVEN background rows  */
/* .table tbody tr:nth-child(even){
    background: #b8d1f3;
} */

#DataTables_Table_0>thead>tr>th {
    border-bottom: 0px;
}

#DataTables_Table_0_info {
    width: 100%;
    text-align: center;
    /* padding-left: 15px; */
    /* padding-top: 15px; */
}

#DataTables_Table_0_paginate {
    width: 100% !important;
    text-align: center;
}

#DataTables_Table_0_paginate ul.pagination {
    justify-content: center !important;
}

#DataTables_Table_0_wrapper>div:nth-child(3)>div.col-sm-12 {
    padding: 0 15px !important;
}
/* Asigna Color de fondo a la tabla (row over) */
#DataTables_Table_0 tbody tr:hover {
    background: rgba(33, 150, 243, 0.3);
}

/* Asigan color de fondo al tfoot de busqueda */
#DataTables_Table_0 tfoot, .dataTables_scrollFoot {
    background: linear-gradient(180deg, #166bae, #2196f3);
}


.dataTables_scrollBody #DataTables_Table_0 thead, .dataTables_scrollBody #DataTables_Table_0 tfoot{
    display: none;
}

/* Input search */
#DataTables_Table_0 tr.search th input, .dataTables_scrollFoot tr.search th input {
    /* width: 100%; */
    padding: 3px;
    box-sizing: border-box;
    /* font-size: 0.75rem; */
    /* font-style: italic; */
    border-radius: 2px;
    border: 1px;
    border-style: solid;
    line-height: 1.25rem;
}
#DataTables_Table_0 tr.search th input::-webkit-input-placeholder,
.dataTables_scrollFoot tr.search th input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 0.70rem;
    font-style: italic;
}
#DataTables_Table_0 tr.search th input::-moz-placeholder,
.dataTables_scrollFoot tr.search th input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 0.70rem;
    font-style: italic;
}
#DataTables_Table_0 tr.search th input:-ms-input-placeholder,
.dataTables_scrollFoot tr.search th input::-ms-input-placeholder {
    /* IE 10+ */
    font-size: 0.70rem;
    font-style: italic;
}
#DataTables_Table_0 tr.search th input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 0.70rem;
    font-style: italic;
}

/* Search Button + svg */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
}
input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: .3;
    pointer-events: all;
}
input[type="search"] + svg {
    margin-left: -19px;
    margin-bottom: -2px;
}
input[type="search"] + svg {
    visibility: visible;
}
input[type="search"]:focus + svg {
    visibility: hidden;
}

/* Sidebar */
.divider.solid-1 {
    border-top: 1px solid #bbb;
}

/* simpleImportTable */
#simpleImportTable tbody {
    display: block;
    max-height: 200px;
    overflow: auto;
}

#simpleImportTable thead,
#simpleImportTable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#simpleImportTable thead {
    width: calc(100% - 1em)
}

#simpleImportTable table {
    width: 100%;
}