/* login */
.login-page {
    background: url('../img/bg.jpg') top center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-box {
    background: #fff;
}
.login-logo {
    margin-bottom: 15px;
}
.login-logo img {
    margin-top: 25px;
}
.login-box-body {
    background: rgba(255, 255, 255, .9);
}
#login-alert {
    margin-top: 10px;
    margin-bottom: 0;
}
.login-logo h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

/* nav */
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.btn-primary,
.filtros,
.bg-purple {
    background-color: #3c8dbc !important;
}
.skin-blue .sidebar-menu > li > a.sidebar-logo,
.skin-blue .sidebar-menu > li:hover > a.sidebar-logo {
    padding: 20px 0;
    border: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a.sidebar-logo,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a.sidebar-logo {
    padding: 0;
}
.main-header .sidebar-toggle {
    font-family: 'Font Awesome 5 Free';
}

/* filtros */
.filtros input,
.filtros select {
    font-size: .8em;
}
.filtros .form-control {
    height: auto;
    padding: 3px 6px;
    border: 0;
}
.filtros select.form-control {
    padding: 3px;
}
.filtros .form-control.disabled {
    border: 0;
    background-color: #ddd;
}
.filtros .filtro-eliminar {
    padding: 2px 2px 3px;
    margin-top: -36px;
    border-radius: 40%;
    line-height: .8;
}
.filtros .filtro-eliminar:hover {
    background-color: #EFA740;
}
.form-inline .filtros-right .form-control {
    float: right;
    font-size: .9em;
    margin-left: 10px;
}
.filtros .filtro-activo {
    background: #00c0ef;
    color: #fff;
    font-weight: bold;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #333;
}
.select2-container {
    width: 100% !important;
}

.edit-cursadas .select2-container--default .select2-selection--multiple .select2-selection__choice,
.edit-foros .select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: none;
    background-color: #fff;
    border: 0;
}

/* paginacion */
.pagination {
    margin: 3px 0 0;
}
.pagination > li > a {
    margin-bottom: 3px;
}
.pag {
    text-align: center;
    padding-top: 3px;
    overflow: hidden;
    background-color: #D2D6DE;
    min-height: 44px;
}
.pag-total {
    text-align: left;
}
.pag-total p {
    margin: 4px 0 0;
}
.pag-pags {
    text-align: right;
}

/* tabla vista */
.table.table-vista {
    font-size: 12px;
}
.table.table-vista > thead > tr > th {
    border-bottom: 2px solid #ddd;
}
.table.table-vista > tbody > tr > td {
    border-top: 1px solid #ddd;
    padding: 4px;
    vertical-align: middle;
}
.table.table-vista > tbody > tr:hover {
    background-color: #E2E4EA;
}
.table.table-vista {
    margin-bottom: 0;
    margin-top: 10px;
    border-bottom: 2px solid #ccc;
}
.table.table-vista th.acciones {
    width: 60px;
}
.table.table-vista th.acciones-md {
    width: 90px;
}
.table.table-vista th.col-sm {
    width: 60px;
}
.table.table-vista .acciones a.disabled {
    color: #ccc;
}
.table.table-vista .acciones a {
    color: #014a97;
    margin-right: 5px;
}
.table.table-vista .acciones a.text-white {
    color: #fff;
}
.table.table-vista tbody td input {
    padding: 0;
    vertical-align: sub;
}
.table.table-vista .acciones .popover a {
    color: #fff;
}
.table.table-vista tbody td {
    /*cursor: pointer;*/
}
.table.table-vista.no-link tbody td {
    cursor: default;
}
.table.table-vista > tbody > tr > td.hover,
.table.table-vista > thead > tr > th.hover {
    background-color: #E2E4EA;
}
.table.table-vista > tbody > tr > td.hover:hover {
    background-color: #fff;
}
.table.table-vista > tbody > tr.muted {
    background-color: #E2E4EA;
}

/* formularios */
.edit-form .div-upload .upload-info {
    font-size: 85%;
    margin: 5px 0 0;
    line-height: 18px;
}
.edit-form .div-upload .cargando {
    margin-left: 10px;
}
.edit-form .div-upload .img-responsive {
   margin-bottom: 5px;
}
.edit-form .div-upload a img,
.div-fotos-cargadas a img {
    cursor: zoom-in;
}
.edit-form .has-error .note-editor {
    border-color: #A94442;
}
.edit-form .panel.note-editor {
    margin-bottom: 5px;
}
.select2-container--default .select2-selection--single {
    border-color: #ccc;
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
}
.select2-results__option {
    padding: 1px 6px;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    padding: 6px;
}
.edit-form .has-error .select2-container--default .select2-selection--single {
    border-color: #A94442;
}
.edit-form .input-group-addon {
    font-size: 13px;
}
.edit-form .div-fotos-cargadas div {
    position: relative;
    width: 49%;
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    vertical-align: middle;
}
.edit-form small {
    color: #999;
}
.edit-form label {
    color: #357CA5;
    display: block;
}
.edit-form .form-group .checkbox label,
.edit-form .form-group .radio label {
    color: #333;
}
.edit-form .form-group.has-error .checkbox label,
.edit-form .form-group.has-error .radio label,
.has-error .control-label {
    color: #dd4b39;
}
.edit-form .checkbox,
.edit-form .radio {
    margin-top: -5px;
}
.edit-form .nivel1 {
    margin-left: 20px;
}
.edit-form .nivel2 {
    margin-left: 40px;
}
.edit-form .nivel3 {
    margin-left: 60px;
}
.edit-form small.text-dark {
    color: #444;
}
.datepicker table tr td {
    vertical-align: middle;
}
.today.day {
    background-color: #fdb813 !important;
}
.active.day {
    background-color: #014a97 !important;
}
.disabled.day {
    background-color: #eee !important;
    color: #999 !important;
}
.edit-form .alumnos div {
    background: #eee;
}

/* dropzone */
.div-dropzone h5 {
    font-weight: bold;
    margin-bottom: 5px;
}
.div-dropzone h5:first-child {
    margin-top: 0;
}
.dropzone {
    background-color: #eee;
    border-width: 1px;
    border-radius: 5px;
    min-height: 100px;
}
.dropzone .dz-preview {
    display: none;
}
.dropzone.dz-started .dz-message {
    display: block !important;
}
.dropzone.dz-started .dz-message span {
    color: #555;
}
.dropzone-files-nuevos div {
    padding: 5px 0 0;
}
.dropzone-files-cargados div {
    padding: 5px 0 0;
}
/* varios */
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mr10 {
    margin-right: 10px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.ml0 {
    margin-left: 0 !important;
}
.pl0 {
    padding-left: 0 !important;
}

.img35 {
    width: 35px;
    height: 35px;
}
.preguntas-asignadas .pregunta {
    padding: 5px;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
}
.sortable-placeholder {
    background-color: #ddd;
    border: 1px dotted #666;
}
.sortable-hover {
    background-color: #eee;
}
.btn-pregunta-eliminar {
    position: relative;
    right: -17px;
}
.table-banco .w100 {
    width: 120px;
}
.table-banco .input-group-addon {
    padding: 0;
    border: 0;
    background: transparent;
}
.alert-muted {
    background: #ccc;
    border-color: #999;
}

.foro .box-body p {
    margin-bottom: 3px;
}
.foro .box span.label {
    font-size: 13px;
}
.box.propio .user-block .username {
    color: #00a7d0;
}
.box-comments {
    background: transparent;
}
.box-footer {
    border: 0;
    padding-bottom: 0;
    padding-right: 0;
}
.box-comments .box-comment {
    padding: 10px;
    border-left: 2px solid transparent;
    border-bottom: 0;
    margin-bottom: 10px;
    background: #f5f5f5;
}
.box-comment,
.box-comments .box-comment:first-of-type {
    padding: 10px;
}
.box-comment.leido {
    border-color: #00a65a;
}
.box-comment.no-leido {
    border-color: #dd4b39;
}
.box-comment.propio {
    border-color: #00a7d0;
}
.box-comment.propio .username {
    color: #00a7d0;
}
.attachment-block {
    border: 0;
    padding: 0 10px 10px 0;
    margin: 0;
    background: transparent;

    /*background: #eee;
    border-top-color: #ddd;
    margin: 0;*/
}
.comment-text .username {
    font-weight: normal;
}
.comment-text .text {
    border-top: 1px solid #ccc;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 5px;
}
.sin-leer {
    float: left;
    margin: 6px 0 0 10px;
}
#modal-responder .modal-body {
    background: #eee;
}
.foro-img img {
    max-height: 100px;
}
.mensajes .box-body hr {
    margin: 5px 0;
    border-color: #3c8dbc;
}
.mensajes .box {
    margin-bottom: 10px;
}
.mensajes .user-block,
.foro .user-block {
    float: left;
}
.mensajes blockquote {
    font-size: 14px;
    margin: 0;
    padding-bottom: 0;
}
.mensajes .alert-mensaje {
    margin-bottom: 10px;
}
.mensajes .alert-mensaje a {
    color: #3c8dbc;
}
.mensajes .alert-mensaje .fas {
    color: #999;
}
