:root {
    --main-color: #002C4D;
    --secondary-color: #788FA1;
    --lms-color: #4DAFDE;
    --calendar-link-color: #007BFF;
    --breadcrum-color: #007BE5;

    --success-color: #1EB72E;
    --warning-color: #FBBD45;
    --error-color: #F20529;

    --white-color: #FFFFFF;
    --black-color: #000000;
    --gray-color: #6C757D;
    --border-color: #99ABB8;
    --green-color: #25b734;

    --hover-main-color: #0076D1;
    --hover-btn-import-view: #CEE1E7;

    --hover-color-for-main: #6495ED;
    --hover-color-for-danger: #FF3939;
    --hover-color-for-success: #46CF56;
    --hover-color-for-green: ##64DD17;

}

.brand-image {
    width: 120px;  /* Aumenta o disminuye el tamaño según sea necesario */
    height: auto;  /* Para mantener la proporción */
}

.table td {
    border-top: none;
    width: fit-content;
    vertical-align: baseline;
}

.table thead th {
    vertical-align: baseline;
    border-top: none;
}

//.table p {
//    padding-left: 1em;
//    display: inline;
//    vertical-align: baseline;
//}

.main-color{
    color: var(--main-color) !important;
}

.main-bg-color{
    background-color: var(--main-color) !important;
}

.main-element-table {
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 0;
}

.brand-link.center {
    border-bottom: 0;
    width: 220px;
}

.form-control {
    border-radius: 12px !important;
    border-color: var(--main-color) !important;
    border-width: 1px !important;
}

h3 {
    font-weight: bold !important;
}

h5 {
    font-weight: bold !important;
    color: var(--main-color) !important;
}

.card {
    border-color: var(--secondary-color) !important;
    border-width: .6px !important;
    border-radius: 12px !important;
	box-shadow: 0 1px 0px rgba(17, 17, 17, 0),0 3px 4px rgba(0, 0, 0, .3);
    margin: .5em;
}

.card-overflow {
    overflow-x: auto;
    overflow-y: hidden;
}

.card_title {
    font-size: 1.3em;
    font-weight: bold;
    color: #002C4D;
}

.card-footer {
    display: flex;
    justify-content: center;
    background-color: var(--white-color);
}

.card card-primary card-tabs {
    border-color: #7F95A5 !important;
    border-width: 2px !important;
    border-radius: 12px !important;
    filter: drop-shadow(gray 3px 3px 5px);
    border-radius: .55em;
}

.upload_button {
    max-width: 50%;
}

.card_paragraph {
    text-align: center;
    color: #002C4D;
}

.modal-header {
    background-color: var(--main-color);
    border-top-left-radius: .55em;
    border-top-right-radius: .55em;
    color: white;
}

.modal-title {
    font-size: 1.3em;
    font-weight: bold;
    color: white !important;
}

.popup {
    margin: 0;
    padding: 1em;
}

.popup_btn_div {
    height: 70%;
    align-content: center;
    display: grid;
}

table .popup_th {
    border-top: none;
    width: 50%;
    padding-bottom: 0;
}

table .popup_td {
    width: 50%;
    padding-bottom: 0;
}

#course_name_text {
    text-transform: capitalize;
}

.fa-xmark {
    font-size: 2em;
    float: right;
    cursor: pointer;
    max-width: 15%;
}

.fa-filter {
    color: #002C4D;
    font-size: 1em;
}

.filter-btn-text {
    color: var(--main-color);
    font-weight: 400;
    font-size: 1em;
}

.filter-row {
    padding: 1em 0em 0em 1.5em;
}

.filter-card-title {
    color: var(--main-color);
    font-size: 1.1em;
    padding: .25em 0 .25em .5em;
}

.filter-card-text {
    color: var(--secondary-color);
    font-weight: normal;
}

.fit-content {
    max-width: fit-content;
}

.filter-date-input {
    width: 100%;
    border-color: var(--main-color);
    border-radius: .55em;
}

.modal-content {
    border-radius: 1em;
}

.no_pointer {
    pointer-events: none;
}

.modal-lg {
    max-width: 45%;
}

.modal-sm {
    max-width: 20%;
}

.popup_text_reverse {
    color: var(--gray-color);
    display: flex;
    flex-direction: row-reverse;
}

.btn {
    background-color: var(--main-color);
    border-radius: .55em;
    color: white;
}

.btn-success {
    background-color: var(--success-color);
}

.btn-success:hover {
    background-color: var(--hover-color-for-success);
}

.btn-search {
    background-color: white !important;
    color: #f8f9fa !important;
}

.btn-enroll {
    background-color: var(--green-color) !important;
    color: white;
}
.btn-enroll:hover {
    background-color: var(--hover-color-for-green);
}

.btn-search:hover {
    background-color: var(--hover-color-for-main);
}

.btn:hover {
    color: white;
    background-color: var(--hover-main-color) !important;
    border-color: var(--hover-main-color) !important;
}

.btn-unselect {
    background-color: white;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.btn-certificat {
    background-color: #f4f6f9;
    border-color: var(--main-color) !important;
    color: var(--main-color) !important;
}

.btn-lms {
    background-color: #f4f6f9;
    border-color: #4dafde !important;
    color: var(--main-color) !important;
}

.btn-lms:hover {
    background-color: white !important;
}

.btn-unselect:hover {
    background-color: #FFDAB9 !important;
    border-color: #FFDAB9 !important;
}

.btn-danger {
    background-color: var(--error-color);
}

.btn-main {
    color: white;
    background-color: var(--main-color);
}

.btn-main:hover {
    color: white;
    background-color: var(--hover-main-color);
}

.btn-filter {
    color: var(--main-color);
    background-color: var(--white-color);
    border: 1px solid var(--main-color);
}

.btn-popup {
    margin: .5em;
}

.input_file {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.input_file + label {
    font-size: 1em;
    color: var(--main-color);
    background-color: var(--white-color);
    border-color: 1px var(--main-color);
    display: inline-block;
}

.input_file:focus + label,
.input_file + label:hover {
    background-color: var(--hover-btn-import-view);
}

.input_file + label {
	cursor: pointer;
}

.btn-danger:hover {
    color: white;
    background-color: var(--hover-color-for-danger) !important;
    border-color: var(--hover-color-for-danger) !important;
}

label {
    color: var(--main-color) !important;
}

.title_div {
    margin-left: auto;
    margin-right: auto%
}

.row {
    margin-right: 0px;
}

.col-1 {
    max-width: 3%;
}

.col-6 {
    padding: 0 .5em .5em;
    max-width: fit-content;
}

.col-10 {
    max-width: 93%;
    flex: 93%;
}

.t_elem_row {
    padding: 0.5em;
    height: auto;
}
.t_elem {
    background-color: #002C4D;
    display: flex;
    padding: 0.5em;
    border-radius: 0.5em;
    height: 100%;
}
.t_card {
    height: 100%;
    width: 100%;
    padding: 1em 0.5em 1em 0.5em;
}
.t_card_solo {
    background-color: #FFFFFF;
    border-radius: 0.5em;
    height: 100%;
    width: 100%;
    border: 1px solid #002C4D69
}
.t_card_compose {
    height: auto;
    width: 100%;
    padding: 1em 0.5em 1em 0.5em;
}
.t_card_header {
    background-color: #002C4D;
    padding: 1em;
    border-radius: 0.5em 0.5em 0em 0em;
    height: auto;
    width: 100%;
}
.t_card_body {
    background-color: #FFFFFF;
    padding: 1em;
    border-radius: 0em 0em 0.5em 0.5em;
    border-right: 5px solid #002C4D;
    border-bottom: 5px solid #002C4D;
    border-left: 5px solid #002C4D;
    height: auto;
    width: 100%;
}
body {
    background-color: #f4f6f9;
    margin-left: 220px;
 }

.buscador:focus {
    outline:none!important;
}
.access_button {
    width: 100%;
    background-color: var(--main-color);
    border-radius: .55em;
    color: white;
    border: 1.2px solid;
    border-color: var(--main-color);
    padding: 0.3em 1em 0.3em 1em;
}
.edit_button {
    width: 100%;
    background-color: white;
    border-radius: .55em;
    color: var(--main-color);
    border: 1.2px solid;
    border-color: var(--main-color);
    padding: 0.3em 1em 0.3em 1em;
}

.custom-alert-div {
    position: fixed;
    z-index: 10000;
    width: 100%;
    margin-top: 63px;
    pointer-events: none;
}
.icn-spinner {
    animation: spin-animation 1s infinite;
    display: inline-block;
}

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

body:not(.sidebar-mini-md) .content-wrapper {
    margin-left: 0;
}

.body-not-logged-in {
    margin-left: 0;
}

.login-card {
    width: 100%;
    align-content: center;
    padding: 1em;
}

.justify-content-center {
    margin: 0 auto;
    border-bottom: none;
}

.main-footer {
    margin-left: 0px !important;
}

.bold {
    font-weight: bold;
}

.secondary-color {
    color: var(--secondary-color);
}

.global-search-row {
    border-radius: 10px;
}

.global-search-row:hover {
    background-color: lightgray;
}

.big-checkbox {
    transform: scale(1.25);
}

input[type="file"] {
  display: none;
}
.profile-pic {
    border-radius: 50%;
    border: 4px solid var(--main-color);
}

.nav.nav-tabs {
    background-color: #002C4D;
    border-top-right-radius: .5em;
    border-top-left-radius: .5em;
    border-bottom: 0;
}

.nav-tabs .nav-link {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    color: white;
}

button.nav-link {
    background-color: #002C4D;
    color: white;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    outline: none;
}

.nav-link active {
    background-color: white;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.form-check-input {
    width: 24px;
    height: 24px;
    margin-top: 0;
}

.black-text-student-view {
    color: black;
    font-weight: 400;
}

.p-2 {
    color: gray;
}

.hidden-pagination {
    visibility: hidden;
    max-height: 15px;
}

.truncate {
  max-width : 9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload_button_secondary:hover {
    background-color: #545b62 !important;
    border-color: #4a4e54 !important;
}

.upload_button_success:hover {
    background-color: #218838 !important;
    border-color: #1c7430 !important;
}

.upload_button_danger:hover {
    background-color: #c82333 !important;
    border-color: #a71d2a !important;
}

.search_div {
    height: 2em;
    margin: 0px;
}

.search_input {
    padding-left: .5em;

    background-color: transparent;
    border: 0px solid;
}

td.details-control {
    background: url('buttons/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('buttons/details_close.png') no-repeat center center;
}

.striked {
    color: var(--error-color);
    text-decoration: line-through;
}

.session-bottom-separator {
    border-bottom: 1pt solid var(--gray-color);
}

.dataTables_wrapper .dataTables_paginate {
    padding: .25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 12px !important;
    border-color: var(--main-color) !important;
    border-width: 1px !important;
    padding: .15em 1em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: var(--main-color) !important;
    color: var(--white-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--main-color) !important;
  color: var(--white-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: var(--main-color) !important;
    color: var(--white-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--main-color) !important;
    color: var(--white-color) !important;
}

.breadcrumb {
    margin-bottom: 0;
    padding-left: .5em;
    background-color: inherit;
}

.fc-day-past { background-color: #f5f5f5; }

.select2-container--default .select2-selection--single {
    border-radius: 12px !important;
    border-color: var(--main-color) !important;
    border-width: 1px !important;
    height: calc(2.25rem + 2px);
    padding-left: 3.8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--hover-main-color)
}

.select2-search--dropdown .select2-search__field {
    border-radius: 12px;
}