/* ORDENAR ALFABETICAMENTE*/
.advertisement {
    z-index: -1;
}

.calificacion-estrella {
    font-size: 24px;
    color: orange;
}

.custom-indicators{
}

.cut-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ui.grid .custom-indicators > .column {
    padding-bottom: 5px;
    padding-top: 5px;
}

.div-image {
    padding: 0px !important;
}

.datatable{

}

.dataTables_wrapper {
    font-family: Rubik,sans-serif;
}

    .dataTables_wrapper > .ui.segments:not(.horizontal) > .segment:first-child {
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        /*overflow: auto;*/
    }
    .dataTables_wrapper > .ui.segments:not(.horizontal) > .segment:last-child {
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        overflow: hidden;
    }
    .dataTables_wrapper > .ui .grid > .column {
        padding-bottom: 5px;
        padding-top: 5px;
    }

.ui.pagination.menu {
    max-height: 20px !important;
    font-size: 10px !important;
}
/*
    .dataTables_wrapper > .ui.buttons:not(.basic):not(.inverted) > .button, .ui.buttons > .ui.button:not(.basic):not(.inverted) {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        height: 25px !important;
    }

    .dataTables_wrapper > .ui.selection.dropdown {
        max-height: 25px;
    }
    .dataTables_wrapper > .ui.dropdown > .dropdown.icon {
        height: 25px;
        padding-top: 5px;
    }*/

.ui.table thead th {
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-search {
    height: 8px;
    width: -webkit-fill-available;
}

.dataTables_scrollHead::-webkit-scrollbar, .dataTables_scrollBody::-webkit-scrollbar {
    height: 10px;
}

.ui.table tbody tr td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.column-button {
    align-self: center;
}

.custom-menu {
    display: none;
    z-index: 1000;
    position: fixed;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 15px;
    max-height: 250px;
    overflow: overlay;
    top: 200px !important;
}

    .custom-menu > .checkbox {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .custom-menu input {
        padding: 8px 12px;
        cursor: pointer;
    }

        .custom-menu input:hover {
            background-color: #DEF;
        }

.filter-columns{

}

.hide-show-columns{

}

h2 {
    color: #00318C;
    /*  src: url('../../Content/Fonts/KlavikaRegular.otf');*/
}

.header-report {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-blue, .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {
    background-color: #062E8B !important;
    color: white !important;
}

    .header-blue > .left.floated.header {
        padding-top: 7px;
    }

    .header-blue > .ui.buttons:not(.basic):not(.inverted) > .button {
        background-color: #F4AB1E !important;
        font-size: 11px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: white;
    }

.hide-onload{
    visibility: hidden;
}
.img-duragas {
    position: fixed;
    right: 50%;
    top: 0%;
    height: 100%;
    Center and scale the image nicely background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-tarjetas {
    width: 35px !important;
    float: left !important;
}

.img-fluid {
    width: 120px;
    height: 30px;
    position: initial;
}
.logo-a-little {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.logo-div-little {
    width: unset !important;
    height: 35px !important;
}

.logo-img-little {
    width: unset !important;
    height: 40px !important;
}

.logo-image {
    width: 120px;
    height: 35px;
    overflow: hidden;
    margin-top: -6px;
}

#logo-inicio {
    position: relative;
    width: 120px;
    height: 40px;
    margin-left: 10px;
}

    #logo-inicio img {
        position: absolute;
        left: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

        #logo-inicio img.transparent {
            opacity: 0;
        }

.margin-hide {
    margin: 0 45px 0 10px !important;
}

.margin-show {
    margin: 0 20px 0 10px !important;
}

.message {
    width: 90% !important;
    left: 5%;
}

.mensaje-procesando {
    height: 30px !important;
    padding-top: 5px !important;
    position: absolute !important;
    float: right !important;
    top: -2px !important;
}

.switch-mode {
    align-self: center;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: white !important;
    border-radius: 20px;
    margin-right: 5px;
}

    .switch-mode > input {
        margin-left: 9px;
        margin-top: 4px;
    }

    .switch-mode > div{
        vertical-align: bottom !important;
    }

.not-filter{

}

.blink {
    animation: blinker 1s linear infinite;
    color: red !important;
    font-weight: bold;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.panel {
    width: 100% !important;
    top: 5px !important;
    margin-bottom: 20px !important;
}

.panel-content {
    font-family: Rubik,sans-serif;
}

    .panel-content > .ui.menu > div.item {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .panel-content > .ui .menu > .item {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.pdf {
    color: #F40F02 !important;
}

    .pdf:hover {
        color: #F40F02 !important;
    }

.pusher {
    padding-top: 56px !important;
    height: auto;
    background-color: #9b9b9b1c !important;
    padding-left: 40px;
}

.fixedHeaderCustom {
    left: 98.3854px !important;
    width: 4790.42px !important;
    position: unset !important;
}

.contanierFixedHeader {
    top: 40px;
    left: 110.497px;
    width: 89%;
    position: fixed;
    /*padding-left: 11px !important;
    padding-right: 15px !important;*/
}

.target-info {
    margin-bottom: 5px;
}

table.datatable > thead > tr > th {
    min-width: 180px !important;
    max-width: 180px !important;
    width: 180px !important;
}

table.datatable > tbody > tr > td {
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
    /*overflow-x: hidden;*/
}

table.fixedHeader-floating {
    top: 40px !important;
}

.table1-pers {
    width: 80%;
    vertical-align: middle;
    align-content: center;
}

#texto {
    color: black;
    font-family: 'KlavikaXXX';
    font-size:medium;
}
#textotitulo {
    color: black;
    font-family: 'KlavikaXXX';
    font-size:large;
}

.text-blue {
    color: #062e8b !important;
}

.text-green {
    color: green !important;
}

.text-orange {
    color: orange !important;
}

.ui.primary.button {
    background-color: #062E8B !important;
    color: white !important;
}

.scrollable {
    overflow: auto;
}

.sidebar {
    height: 100%;
    width: 54px;
    position: fixed;
    z-index: 1;
    left: 0;
    transition: 0.5s;
    overflow-x: hidden;
    padding-top: 60px;
    white-space: nowrap;
    background-color: #062e8b;
}

    .sidebar a {
        text-decoration: none;
        font-size: 11px;
        color: white;
        font-family: Rubik,sans-serif;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }

.transparent {
    opacity: 0;
}

.tab-menu {
    padding-left: 10px !important;
}

.tab-menu-item {
    padding-left: 25px !important;
}

    .tab-menu-item:hover {
        background-color: #F4AB1E !important;
        color: #062E8B !important;
    }

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

.text-right {
    text-align: right !important;
}

.toolbar {
    margin-top: 32px !important;
}

.top-menu {
    top: 44px !important;
}

.top-content {
    padding-top: 50px;
}

.ui.accordion .title .dropdown.icon,
.ui.accordion .active.title .dropdown.icon {
    float: right !important;
}

/*.ui.grid > .column:not(.row) {
    padding-top: 6px;
    padding-bottom: 6px;
}*/

.ui.modal {
    font-family: Rubik,sans-serif !important;
}

.ui.modal > .content > .ui.grid > .ui.fluid.input.column > input {
    width: 100% !important;
}

    .ui.modal > .content > .ui.grid > .ui.fluid.input.column > input::placeholder,
    .ui.modal > .content > .ui.grid > .ui.fluid.input.column > div > input::placeholder {
        color: rgba(0,0,0,.6) !important;
        opacity: 1; /* Firefox */
    }

.ui.modal > .content > .ui.grid > .ui.fluid.input.column {
    padding-bottom: 2px;
    padding-top: 2px;
}

.ui.inverted.menu,
.ui.inverted.menu > a,
.ui.inverted.menu > div > div,
.ui.vertical.menu {
    background-color: #062E8B;
    color: white !important;
    font-size: 12px !important;
}

.ui.segment, .ui.segments .segment {
    /*overflow: auto;*/
}

.ui.accordion .title:not(.ui),
.ui.sidebar.menu .item {
    background-color: #062E8B;
    color: white;
}

.ui.accordion .title:not(.ui) {
    border-bottom: 1px solid #9b9b9b5c;
    padding: 10px 0 10px 0;
    font-size: 14px;
}
    .ui.accordion .title:not(.ui):hover {
        background-color: #F4AB1E !important;
        color: #062E8B !important;
    }

.ui.table thead tr th {
    background-color: #EDEDED;
    color: #003594;
}

/*.ui.table thead tr > th:first-child {
    padding: 3px;
}*/

.user-data {
    align-self: center;
}

.width-unset {
    width: unset !important;
}

.white {
    color: white !important;
}

.width100{
    width:100% !important;
}

.ui.accordion .title > b > i {
    margin-left: 10px;
    margin-right: 15px;
}

.xml {
    color: #0242d7 !important;
}

@media only screen and (max-width: 600px) {
    .hide-on-mobile {
        display: none;
    }

    .image-inicio{
        width: unset !important;
    }

    #main-menu {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-desktop {
        display: none;
    }
}