#main-container>div.container-lg {
    max-width: 1460px;
}

.was-validated .form-control:invalid,
form.af-form-question .form-control.is-invalid {
    background-position: left calc(0.3em + 0.02rem) center !important;
}

.verde {
    color: #70B439;
}

.fondoVerde {
    background-color: #cbf5a9 !important;
}

.r-correcta {
    border-color: #70b439 !important;
    background-color: rgba(112, 180, 57, 0.9);
    color: white;
    font-weight: 600;
}

.af-bk-gris {
    background-color: #e0e0e0;
}

.af-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.form-control {
    color: #727272;
    font-size: 0.8rem;
}


/* Elements */

#fonseca-btn-login {
    letter-spacing: 2px;
    font-size: 1.1rem;
    font-weight: bold;
}

a#af-back-btn {
    background-color: #fff;
    border-color: #ededed;
    color: #999999;
}

a#af-back-btn:hover {
    color: #70B439;
    border-color: #70B439;
}

a#af-back-btn i {
    padding-top: 0.15rem;
    padding-right: 4px;
    padding-left: 4px;
}

a.af-link {
    display: inline-block;
    color: #999999;
}

a.af-link:hover {
    color: #70B439;
}

.btn-fonseca {
    color: #70B439;
    background-color: white;
    border-color: #70B439;
    border-width: 2px;
}

.btn-fonseca:hover {
    color: white;
    background-color: #70B439;
    border-color: #87d448;
}

.btn-fonseca-select {
    color: #70B439;
    background-color: white;
    border-color: #999999;
    border-width: 1px;
}

.btn-fonseca-select:hover {
    color: white;
    background-color: #70B439;
    border-color: #87d448;
}

.btn-fonseca-alternate {
    color: #70B439;
    background-color: #ffffff;
    border-color: #999999;
    min-height: 46px;
    min-width: 46px;
}

.btn-fonseca-alternate:hover {
    color: white;
    background-color: #70B439;
    border-color: #70B439;
}

.btn-fonseca-alternate-flat {
    color: #70B439;
    background-color: #ffffff;
    border: none;
}

.btn-fonseca-alternate-flat:hover {
    color: #999999;
    text-decoration: underline;
}

.btn-fonseca-secondary {
    border-color: #ced4da;
    background-color: white;
}

.af-ico-boton {
    padding: 0.3rem 0.5rem;
    border-radius: 0;
    border: 0;
}

.af-ico-boton img {
    height: 36px;
    margin: 0 auto;
}

.af-ico-boton span.titulo {
    color: #727272;
    display: block;
    margin: 0;
    font-size: 0.7rem;
    line-height: 0.8rem;
    padding: 6px 0 0 0;
}

#edit-test-button-row {
    display: flex;
    justify-content: center;
}

#edit-test-button-row>*:not(:first-child) {
    border-left: 1px solid #727272;
    padding-left: 20px;
}

#edit-test-button-row>*:not(:last-child) {
    padding-right: 20px;
}

#edit-test-button-row>* {
    height: 100% !important;
    display: inline-grid;
}

.titulo-ckeditor {
    display: block;
    position: absolute;
    right: 15px;
    top: 7px;
    z-index: 99;
    padding-right: 15px;
}

td.dataTables_empty {
    display: none;
}

.af-input-alternate {
    border: 0px !important;
    border-bottom: 1px !important;
    border-bottom-style: solid !important;
    border-radius: 0px;
    border-color: #ced4da !important;
    line-height: 10px;
    height: auto;
}

.custom-file-input:hover {
    cursor: pointer;
}

#import-msg {
    animation: blinker-msg ease 2.5s infinite;
    font-size: 1rem;
}

@keyframes blinker-msg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.af-d-none {
    display: none;
}

i.af-tooltip {
    font-size: 1rem;
    margin-left: 4px;
    cursor: pointer;
}


/**
    MENU
 */

li.nav-item:not(:first-of-type) {
    margin-left: 15px;
}

li.nav-item {
    text-decoration: underline;
}


/* Pagination af-nav-pagination class*/

.af-nav-pagination * {
    color: #70b439;
}

.af-nav-pagination .page-link {
    border-color: #70b439;
    border-width: 2px;
    padding: 0.25rem 0.55rem;
    font-weight: bolder;
    margin-left: 0px;
    margin-right: 6px;
}

.af-nav-pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    font-weight: bold;
    background-color: #87D448;
    border-color: #87D448;
}


/* custom checkbox */

.custom-control.custom-checkbox,
.custom-control.custom-checkbox * {
    cursor: pointer;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #70B439;
    background-color: #70B439;
}

.custom-select:focus {
    border-color: #87D448;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(135, 212, 72, 0.5);
}

.form-control:focus,
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(135, 212, 72, 0.5);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #cbf1ac;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #abd689;
    border-color: #abd689;
}

.custom-control-label::before,
.custom-control-label::after {
    top: 0.1rem;
}


/* books list */

.bloque-libro a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
    min-height: 45px;
    display: inline-block;
}

.bloque-libro a:hover {
    color: #70B439;
}

.bloque-libro {
    text-align: center;
}

@media (min-width: 992px) {
    /* Bootstrap LG size */
    .fila-libro {
        padding: 10px 0px;
    }
    .fila-libro .bloque-libro:not(:first-child) {
        border-left: 1px solid #dee2e6;
    }
    .fila-libro:not(:last-of-type) {
        border-bottom: 3px solid #dee2e6;
    }
}


/* User list*/

.item-user-list {
    padding-top: 15px;
    padding-bottom: 15px;
}

.item-user-list p {
    font-size: 14px;
    color: #777;
}

.item-user-list p i {
    padding-right: 10px;
}

.item-user-list p.af-name {
    font-size: 15px;
    font-weight: bold;
}

.item-user-list p.af-user {
    margin-bottom: 0px;
}

.item-user-list p.af-email {
    font-size: 15px;
    font-variant: all-small-caps;
    font-style: italic;
}

.fa-toolbar {
    background-color: #ededed;
}


/* Question form */

.new-af-question-form {
    font-size: 10px;
    color: #9999;
}

.af-subline-input input[type=text] {
    padding: 6px 5px 1px 5px;
}

#go-to-question-form {
    margin-bottom: 1rem;
}

.af-form-question {
    display: contents;
}

.af-question-head-input {
    padding: 5px 8px;
}

.af-question-head-input input {
    text-align: right;
}


/* Read mode */

a.sel-question {
    padding: 3px 6px;
    border: 1px solid;
    margin-top: 6px;
    margin-right: 4px;
    display: inline-block;
    cursor: pointer;
    background: #fafafa;
    border-radius: 5px;
    text-decoration: none;
}

.fuente-fonseca {
    font-family: "Times New Roman", Consolas, sans-serif !important;
    font-size: 0.95rem;
    line-height: 1.08rem;
}


/* Tables */

table thead tr th:first-of-type {
    border-top-left-radius: 8px;
}

table thead tr th:last-of-type {
    border-top-right-radius: 8px;
}

table thead tr th {
    background-color: #ddd;
    vertical-align: middle !important;
}

.table thead th {
    border-bottom: none;
    border-top: none;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: none;
}

table .af-check {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

table.bordebajo,
table.dataTable.no-footer {
    border-bottom: 1px solid #a9a9a9;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left;
}


/* Toast */

.toast .toast-header {
    background-color: #70b439;
    color: white;
}

.toast .toast-header button {
    color: white;
}

.toast .toast-body {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    font-variant: all-small-caps;
}

.toast.toast-success {
    border: 1px solid #70b439;
}

.toast.toast-success .toast-header {
    background-color: #70b439;
    color: white;
}

.toast.toast-danger {
    border: 1px solid #f3be29;
}

.toast.toast-danger .toast-header {
    background-color: #f3be29;
    color: white;
}

.toast.toast-alert {
    border: 1px solid #ef544f;
}

.toast.toast-alert .toast-header {
    background-color: #ef544f;
    color: white;
}

.toast.toast-alert .toast-body {
    color: #ef544f;
}