.CONNAlogo {
    width: 90%;
}


.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    max-width: 500px;
}

.card-login {
    text-align: center !important;
}

.card-login>p {
    margin-top: 20px;
}

.sidenav .navbar-brand {
    text-align: center;
}

.navbar-vertical .navbar-brand>img,
.navbar-vertical .navbar-brand-img {
    max-height: 5rem !important;
}

#sidenav-collapse-main>.navbar-nav {
    margin-top: 20px;
}

.table-100 {
    width: 100% !important;
}

.text-table {
    color: #fff;
}

.dt-column-title {
    font-size: 13px !important;
}

tbody {
    color: #fff;
    font-size: 14px;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: center !important;
}

.btn-datatable {
    background-color: #068bbf !important;
    color: #011126 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 10px !important;
    margin-right: 8px;
}

.search-input {
    background-color: transparent !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#dt_search_inx:focus {

    border: 1px solid #1a283b !important;
}


#dt_search_inx:hover {

    border: 1px solid #1a283b !important;
}



.input-group .input-group-prepend .input-group-text {
    background-color: #1a283b !important;
    border: 0px;
    margin: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 100%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

}




.page-item .page-link,
.page-item span {
    width: auto !important;
    height: auto !important;
    border-radius: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #068bbf;
    color: #011126;
    border-color: #068bbf;
    font-weight: bold;
}


.page-link.active,
.active>.page-link {
    background-color: #ffffff;
    color: #011126;
    border-color: #ffffff;
}

div.dt-container div.dt-info {
    padding-bottom: .85em;
}

.badge-success {
    background-color: #ffffff;
    color: #011126;
}

.badge-danger {
    background-color: #da4362;
    color: #ffffff;
}

.nav-link .fa {
    top: 0px !important;
}

.btn-icon {
    margin-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 5px;
}

.btn-add {
    background-color: #ffffff !important;
    color: #011126 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 10px !important;
    margin-right: 8px;
}

.btn-white {
    background-color: #ffffff !important;
    color: #011126 !important;
}

.form-check label {
    color: #fff;
}

.form-check-input:checked[type="checkbox"] {
    background-image: linear-gradient(310deg, #068bbf 0%, #068bbf 100%);
}


.table_img {
    width: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.select2-container--default .select2-selection--multiple {
    background-color: #1a283b !important;
    border: 1px solid #1a283b !important;
    border-radius: 0.5rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__chica__remove {
    border-right: 1px solid #011126 !important;
    color: #011126 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #011126 !important;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #068bbf !important;
    color: white;
}

.select2-container--default .select2-results__option--selected {
    background-color: #011126 !important;
}

.select2-dropdown {
    background-color: #011126 !important;
    border: 1px solid #1a283b !important;
}


.select2-container .select2-search--inline .select2-search__field {
    height: 22px !important;
}

.select2-search__field {
    color: white;
    font-size: 13px !important;
}


.select2-container--default .select2-selection--single {
    background-color: #1a283b !important;
    border: 1px solid #1a283b !important;
    border-radius: 0.5rem !important;
}


.select2-container--default .select2-selection--single .select2-selection__chica__remove {
    border-right: 1px solid #011126 !important;
    color: #011126 !important;
}

.select2-container--default .select2-selection--single .select2-selection__choice__display {
    color: #011126 !important;
}


.select2-container--default .select2-selection--single .select2-selection__choice {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    line-height: 24px;
}


.select2-search__field {
    color: #fff !important;
    background-color: #1a283b !important;
    font-size: 13px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #1a283b !important;
    border-radius: 5px;
}


.select2-search__field:focus-visible {
    border: 0px !important;
    box-shadow: none !important;
    outline: none;

}

.select2-selection__placeholder {
    font-size: 15px;
}

.dragging {
    opacity: 0.5;
}


.preguntas_abm_c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.preguntas_abm {
    text-align: left;
    background-color: #1a283b;
    padding: 15px 5px;
    border-radius: 10px;
    align-content: center;
    display: grid;
    cursor: grab;
}

.txt-icon {
    font-size: 13px;
    font-weight: bold;
}

.preguntas_abm .pgp {
    margin-left: 5px;
}



.preguntas_abm>i {
    font-size: 23px;
}

.preguntas_abm>p {
    font-size: 13px;
    margin-bottom: 0px;

}

.preguntas_abm>ul {
    font-size: 13px;
    list-style: circle;
}

.touch {
    cursor: pointer;
}

.editor-container-cn {
    border-radius: 10px;
}

.drop-zone {
    width: 100%;
    border: 2px dashed #1a283b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cccccc;
    font-size: 16px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    min-height: 200px;
}

.drop-zone img {
    max-width: 100%;
    max-height: 100%;
    display: none;
}


#previewImage video {
    width: 100%;
}

.btnx-add {
    color: #011126 !important;
    background-color: #068bbf !important;
    cursor: pointer;
    border: none;
}

.select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.select-tb {
    background-color: #1A283B !important;
    color: #011126 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 10px !important;
    margin-right: 8px;
}


#tablaListado_wrapper .btn-secondary {
    background-color: transparent;
}

.daterangepicker .ranges {
    background-color: #031126;
    font-weight: bold;
}

.daterangepicker .ranges li.active {
    background-color: #088BBF !important;
    color: #031126 !important;
}

.daterangepicker .ranges li:hover {
    background-color: #1A283B !important;
    color: #A5AEB6 !important;
}

.daterangepicker {
    background-color: #031126;
}

.daterangepicker .calendar-table {
    background-color: #031126;
}



.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #1a283b !important;
    color: #a5aeb6 !important;
}

.daterangepicker td.in-range {
    background-color: #ffffff !important;
    color: #031126 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #088bbf !important;
    color: #03142a !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #ffffff !important;
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: #A5AEB6;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #1A283B;
    border: 2px solid #A5AEB6;
}


div.dt-container div.dt-paging {
    margin-bottom: 20px !important;
}

.lb {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.paste {
    color: white;
    text-align: end;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    margin-left: 0.25rem;
}

.paste:hover {
    color: #fd7e14;
}


.form-control:disabled,
.form-control[readonly] {
    background-color: #1a283b59 !important;
    opacity: 1;
}



table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-left: 10px solid #05D3ED;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-top: 10px solid #05D3ED;
}


.nav-item button {
    font-weight: bold;
    color: white;
}

.nav-item button:hover {
    font-weight: bold;
    color: white;
}

.ql-toolbar {
    background-color: white;
}

.select-custom {
    width: auto;
    height: fit-content;
    padding: 6px;
    border-radius: 10px;
    color: #031126;
    background-color: #088BBF;
    font-weight: bold;
    font-size: 13px;
}

.dropdown .dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.dropstart .dropdown-toggle:after,
.dropend .dropdown-toggle:after {
    content: '' !important;
}

.dropdown-menu {
    background-color: #098BBF;

}

.dropdown-menu .form-check-label {
    color: #031126 !important;
    font-weight: bold !important;
}


.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
}

.badge-warning {
    background-color: #fb6340;
    color: #ffffff;
}

.dropdown-menu {
    padding: 10px;
    background-color: rgb(3, 17, 38);
}

.dropdown-menu label {
    color: #A5AAB0 !important;
}


.dropdown.dropdown-hover:hover>.dropdown-menu:before,
.dropdown .dropdown-menu.show:before {
    content: '' !important;
}

.btn-extensive {
    background-color: #088BBF;
    color: #031126;
    font-weight: bold;
}

.btn-extensive:hover {
    background-color: #077dab;
    color: #031126;
    font-weight: bold;
}

.btn-extensive:active {
    background-color: #2096c5;
    color: #031126;
    font-weight: bold;
}

.btn-extensive:focus-visible {
    background-color: #2096c5;
    color: #031126;
    font-weight: bold;
}

.tabulator-header-filter input {
    background-color: #1A283B !important;
    color: #FFFFFF !important;
    border: 0px !important;
}