/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJjdXN0b20uc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIiXSwiZmlsZSI6ImN1c3RvbS5jc3MifQ== */
#sidebar .theme-brand div.theme-logo img {
    height: 32px;
}
.table thead tr th {
    background: #fff !important;
    font-weight: 800 !important;
}

.modal-content .modal-body {
   max-height: 450px;
   overflow-y: auto;
}

.message.error {
    color: #802d3d;
    background-color: #fddde4;
    border-color: #cf4863;
}
.message.success {
    color: #296f51;
    background-color: #dcf7eb;
    border-color: #42b483;
}
.message {
    position: relative;
    padding: .55rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.error-message{
    font-size: 0.9em;
    padding: .55rem 1rem;
    margin-bottom: 1rem;
    color: #e7515a;
    background-color: #fbeced;
    border-color: #e7515a;
}
.error-input{
    border: 1px solid #e7515a !important;
}
.btn-light-danger-force {
    color: #e7515a !important;
    background-color: #fbeced !important;
    background: #fbeced !important;
    border: 1px solid #fbeced !important;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle svg.custom-icon {
    color: #515365;
    fill: rgba(25,30,58,1);
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg.custom-icon {
    color: #4361ee;
    fill: rgba(67,97,238,1);
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded=true] svg.custom-icon {
    color: #ffffff;
    fill: rgba(255,255,255,1);
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded=true]:hover svg.custom-icon {
    color: #ffffff;
    fill: rgba(255,255,255,1);
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle svg.custom-icon {
    color: #ffffff;
    fill: rgba(255,255,255,1);
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle:hover svg.custom-icon {
    color: #ffffff;
    fill: rgba(255,255,255,1);
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    display: none !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin-bottom: 0.5rem !important;
}
.btn-secondary {
    color: #fff !important;
    background-color: #072033;
    border-color: #072033;
    box-shadow: 0 10px 20px -10px rgb(7 32 51 / 60%);
}
.btn-outline-primary {
    border: 1px solid #072033 !important;
    color: #072033 !important;
    background-color: transparent;
    box-shadow: none;
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
    background-color: #072033 !important;
}
.btn-outline-primary.active{
    color: #fff !important;
    background-color: #072033 !important;
}

.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active,.btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled)  {
    background-color: #072033 !important;
    border-color: #072033 !important;
}
div#load_screen {
    background: rgb(255, 255, 255);
}

.btn-group .dropdown-menu a.dropdown-item:HOVER{
    color: #041522 !important;
}

.spinner-grow {
    color: #072033;
}
table.dataTable td.reorder {
    font-size: 1.7rem;
}
 /* .dropdown-menu.show{
    top: 0px !important;
    right: 0px !important;
} */

.table > tbody > tr:nth-last-child(2) > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show, .table > tbody > tr:nth-last-child(3) > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show {
    top: 0px !important;
    right: 60px !important
}

.table > tbody > tr:last-child > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show{
    top: 0px !important;
    right: 60px !important
}
.table > tbody > tr > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
    right: 60px !important;
    top: 0px !important;
}
/* .table > tbody > tr:last-child > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.two-item{
    top: -50px !important;
    right: 60px !important
}

.table > tbody > tr > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
    right: 60px !important;
    top: 0px !important;
}

.table > tbody > tr:last-child > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.one-item{
    top: -25px !important;
    right: 60px !important
} */

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    display: block !important;
    height: 2px;
}

.table-responsive {
    min-height: 300px;
    padding-bottom: 120px;
}

.table-responsive, .table {
    overflow-y: visible !important;
}

.nav.nav-tabs {
    border-bottom: 2px solid #072033;
}
.nav.nav-tabs li.nav-item button.nav-link {
    border: none;
    font-weight: 500;
    padding: 8px 14px;
    letter-spacing: 1px;
    color: #506690;
    background: transparent;
}
.nav.nav-tabs li.nav-item button.nav-link svg {
    vertical-align: text-bottom;
    stroke-width: 1.6;
    width: 20px;
    height: 20px;
}
.nav.nav-tabs li.nav-item button.nav-link.active {
    background-color: #062034;
    border-bottom: 1.6px solid #072033 !important;
    color: #ffffff !important;
    font-weight: 600;
}
.nav.nav-tabs li.nav-item button.nav-link.active svg {
    color: #072033 !important;
}
.nav.nav-tabs li.nav-item button.nav-link:disabled {
    opacity: 0.5;
}
.nav.nav-pills {
    border: none;
    padding: 8px;
    background: #ebedf2;
    border-radius: 8px;
}
.nav.nav-pills li.nav-item button.nav-link {
    border: none;
    font-weight: 500;
    padding: 8px 14px;
    letter-spacing: 1px;
    color: #072033 !important;
}
.nav.nav-pills li.nav-item button.nav-link svg {
    vertical-align: text-bottom;
    stroke-width: 1.6;
    color: #072033 !important;
    width: 20px;
    height: 20px;
}
.nav.nav-pills li.nav-item button.nav-link.active {
    border-bottom: none;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
    font-weight: 600;
}
.nav.nav-pills li.nav-item button.nav-link:disabled {
    opacity: 0.5;
}
.nav.nav-pills[aria-orientation=vertical] button.nav-link {
    border: none;
    font-weight: 500;
    padding: 8px 14px;
    letter-spacing: 1px;
    color: #072033 !important;
}
.nav.nav-pills[aria-orientation=vertical] button.nav-link svg {
    vertical-align: bottom;
    stroke-width: 1.6;
    color: #072033 !important;
    width: 20px;
    height: 20px;
}
.nav.nav-pills[aria-orientation=vertical] button.nav-link.active {
    border-bottom: none;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.nav.nav-pills[aria-orientation=vertical] button.nav-link:disabled {
    opacity: 0.5;
}

.widget-t-sales-widget .media .media-body .widget-text {
    font-size: 1.1rem;
}
.widget-t-sales-widget.widget-m-sales .media .media-body .widget-text {
    color: #072033 !important;
    min-height: 80px;
}
.widget-t-sales-widget.widget-m-sales .media .icon {
    background: #6db880;
    color: #ffffff;
}
.widget-t-sales-widget .widget-numeric-value {
    font-size: 30px;
}
.widget-graph{
    min-height: 300px;
}
.backdrop-loader{
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 60%);
}
.backdrop-loader .loader-item{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.modal-content hr {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}
.search-input{
    position: relative;
    width: 100%;
}
.search-input input{
    padding: 0.5rem 1rem;
}
.search-input svg {
    position: absolute;
    right: 11px;
    color: #eaeaec;
    height: 36px;
    width: 19px;
    top: 2px;
    cursor: pointer;
}
.loading-modal{
    height: 90vh;
    color: #ffffff;
}
.matrix-risk-title .col-12{
    background-color: #f2f0f0;
    font-weight: bold;
    font-size: 1.0rem;
    color:#0e1726;
    border-right: solid 5px #ffffff;
    border-left: solid 5px #ffffff;
    border-top: solid 5px #ffffff;
}
.btn-count-risk{
    background: #ffffff;
    padding: 0rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 1.0rem;
}
@media(max-width:479px) {
    .btn-count-risk{
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-weight: bold;
        font-size: 0.7rem;
    }
}
.popover{
    border: none;
    border-radius: 10px;
    font-size: 0.8rem;
}
.blue-transparent-red {
    --r-1: 220;
    --g-1: 53;
    --b-1: 69;

    --r-2: 9;
    --g-2: 33;
    --b-2: 92;

    /* remaps the "--intensity" value to range from -1 to 1 */

    --alternate: calc((1 - var(--intensity)) * 2);

    /* takes an absolute value of "--alternate" this way
      when "--intensity" is equal 0 or 1 the alpha = 1
      but when its 0.5 (middle value) the alpha = 0 */

    --alpha: max(var(--alternate), -1 * var(--alternate));

    background: rgba(
      calc(var(--r-1) - ((var(--r-1) - var(--r-2)) * var(--intensity))),
      calc(var(--g-1) - ((var(--g-1) - var(--g-2)) * var(--intensity))),
      calc(var(--b-1) - ((var(--b-1) - var(--b-2)) * var(--intensity))),
      var(--alpha)
    );
}
.blue-transparent-red-eased {
    --r-1: 220;
    --g-1: 53;
    --b-1: 69;

    --r-2: 9;
    --g-2: 33;
    --b-2: 92;

    /* remaps the "--intensity" value to range from -1 to 1 */

    --alternate: calc((0 - var(--intensity)) * 1);

    /* takes an absolute value of "--alternate" this way
      when "--intensity" is equal 0 or 1 the alpha = 1
      but when its 0.5 (middle value) the alpha = 0 */

    --alpha: max(var(--alternate), -1 * var(--alternate));

    /* Apply cubic easing to the alpha channel */

    --alpha-ease-cubic: calc(var(--alpha) * var(--alpha) * var(--alpha));

    background: rgba(
      calc(var(--r-1) - ((var(--r-1) - var(--r-2)) * var(--intensity))),
      calc(var(--g-1) - ((var(--g-1) - var(--g-2)) * var(--intensity))),
      calc(var(--b-1) - ((var(--b-1) - var(--b-2)) * var(--intensity))),
      var(--alpha-ease-cubic)
    );
}


.heatmap {
    display: grid;
    gap: 2px;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-auto-rows: auto;
    /* full auto, adapt to the content, ie the font size */
}

@media(max-width:800px) {
    .heatmap .cell.label {
        display: none !important;
    }

    .heatmap .cell span.label {
        opacity: 0 !important;
    }
}

.heatmap>* {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 0.6rem;
    font-weight: bold;
}

.heatmap.display-values .cell {
    font-size: 0.6rem;
}

.heatmap .cell {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: #072033;
    font-size: 0.7rem;
}

.heatmap .cell.data:hover {
    border: 1px solid var(--values-color);
    transform: scale(1.5);
    font-size: 0.6rem;
    z-index: 1;
}

.heatmap .cell.square:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.heatmap .cell .round {
    border-radius: 100%;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heatmap .cell span {
    background-color: #fff;
    padding: 0.2rem;
    border-radius: 5px;
    width: 35px;
    text-align: center;
    font-size: 0.5rem;
}

.x-axis-centered {
    text-align: center;
}

.x-axis-rotate {
    transform: rotate(-60deg);
    padding: 35% 0;
}

.heatmap-sub {
    margin-top: 13px;
}

.heatmap-legend {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.heatmap-legend .heatmap-legend__gradient {
    display: block;
    height: 25px;
    width: 100%;
    margin: 0 6px;
    border: 1px solid darkgray;
}

.heatmap-switch {
    display: flex;
    align-items: baseline;
}

.heatmap-switch .switch {
    margin-left: 6px;
}

.eye svg{
    width: 18px;
    height: 18px;
    fill:transparent !important;
    color:#515365 !important;
}
.eye{
    cursor: pointer;
}
.input-group.form-password-toggle .input-group-text {
    background-color: transparent;
}
.eye:HOVER svg, .eye:HOVER svg{
    cursor: pointer;
    fill:transparent !important;
    color:#52217e !important;
}
.small-select{
    display: inline-block;
}
@media(max-width:990px) {
    .small-select{
        display: none;
    }
}
.widget-table-one .transactions-list .t-item .t-name h4 {
    font-size: 16px !important;
    padding-bottom: 5px;
}
.widget-heading h5 small{
    display: block;
    font-size: 0.9rem;
    color: #515365;
    font-weight: 400;
    padding-top: 5px;
}
.border-table{
    border: 1px solid #e0e6ee !important;
}
.bg-secondary {
    color: #fff !important;
    background-color: #072033 !important;
}
.description-box strong{
    font-size: 0.9rem;
}

.widget-four .widget-content .browser-list:not(:last-child) {
     margin-bottom: 20px !important;
}

.widget-four .widget-content .browser-list.danger .w-icon {
    background: #fbeced !important;
}
.widget-four .widget-content .browser-list.success .w-icon {
    background: #ddf5f0 !important;
}
.widget-four .widget-content .browser-list.danger .w-icon svg {
    color: #e7515a;
}
.widget-four .widget-content .browser-list.success .w-icon svg {
    color: #00ab55;
}
.widget-four .widget-content .w-browser-stats .progress .progress-bar.bg-gradient-primary {
    background-image: linear-gradient(315deg, #2a2a72 0%, #072033 74%);
}
.btn.remove-icon svg {
    height: 14px !important;
    width: 14px !important;
}
.circle-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50%; /* círculo perfecto */
}

button.nav-link.active .circle-badge{
    background: #ffffff !important;
    color: #072033 !important;
}
.modal-content .modal-body a:not(.btn) {
    color: #072033;
    font-weight: 600;
    text-decoration: underline;
}