@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* devanagari */


/*
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
} */


/* latin-ext */


/*
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.sidebar-dark-orange {
    background: rgb(241, 135, 33) !important;
}

.sidebar-dark-orange-light {
    background: rgb(249, 177, 84) !important;
}



.sidebar-dark-gray {
    /* background: rgba(112, 111, 111, 0.2) !important; */
    background: rgb(60, 60, 59, 0.9)!important;
}

.sidebar-dark-teal {
    background: rgb(0, 152, 119) !important;
}

.sidebar-dark-teal-light {
    background: rgb(162, 199, 178) !important;
}

.sidebar-dark-skyblue {
    background: rgb(0, 172, 216) !important;
}

.sidebar-dark-skyblue-light {
    background: rgb(74, 193, 224) !important;
}

.sidebar-dark-purple {
    background: rgb(72, 39, 120) !important;
}

.sidebar-dark-purple-light {
    background: rgb(109, 86, 160) !important;
}
/*  */


.sidebar-dark-wine-light {
    background: rgb(234, 84, 124) !important;
}

[class*=sidebar-dark-] .sidebar a {
    color: #fcfcfc !important;
}

.navbar-info-wine-light {
    background: rgb(234, 84, 124) !important;
}

.navbar-info-wine {
    background: rgb(174, 24, 87) !important;
}

.navbar-info-purple {
    background: rgb(72, 39, 120) !important;
}

.navbar-info-purple-light {
    background: rgb(109, 86, 160) !important;
}

.navbar-info-teal {
    background: rgb(0, 152, 119) !important;
}

.navbar-info-teal-light {
    background: rgb(162, 199, 178) !important;
}

.navbar-info-skyblue {
    background: rgb(0, 172, 216) !important;
}

.navbar-info-skyblue-light {
    background: rgb(74, 193, 224) !important;
}

.navbar-info-black-light {
    background: rgb(174, 24, 87) !important;
}

.card-header-orange {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(241, 135, 33) !important;
    /* background: rgb(74, 193, 224) !important; */
    text-align: center;
}

.card-header-purple {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(72, 39, 120) !important;
    text-align: center;
}

.card-header-purple-light {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(109, 86, 160) !important;
    text-align: center;
}

.card-header-wine-light {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(234, 84, 124) !important;
    text-align: center;
}

.card-header-skyblue {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(0, 172, 216) !important;
    text-align: center;
}

.card-header-skyblue-light {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    border-color: red 5px solid !important;
    background: rgba(74, 193, 224, 0.8) !important;
    text-align: center;
}

.card-header-teal {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(0, 152, 119) !important;
    text-align: center;
}

.card-header-black {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(60, 60, 59) !important;
    text-align: center;
}

.card-header-teal-light {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(79, 185, 168) !important;
    text-align: center;
}

.card-header-gray {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(112, 111, 111) !important;
    text-align: center;
}

.card-header-wine {
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    background: rgb(174, 24, 87) !important;
    text-align: center;
}

.card-header i {
    color: white;
}

.left {
    margin-right: 5% !important;
}

.skyeblue {
    background: rgb(0, 172, 216) !important;
}

.skyblue-icon {
    color: rgb(0, 172, 216) !important;
}

.purple-icon {
    color: rgb(72, 39, 120) !important;
}

.teal-icon {
    color: rgb(0, 152, 119) !important;
}

.orange-icon {
    color: rgb(241, 135, 33) !important;
}

.wine-icon {
    color: rgb(174, 24, 87) !important;
}

.wine-light-icon {
    color: rgb(234, 84, 124) !important;
}

.black-icon {
    color: rgb(0, 0, 0) !important;
}

.botonTable {
    border-radius: 30px;
    padding: 20%;
}

.orange {
    color: rgb(241, 135, 33) !important;
    background: rgb(249, 177, 84, 0.40) !important;
}

.teal {
    color: rgb(0, 152, 119) !important;
    background: rgb(162, 199, 178, 0.40) !important;
}

.gray-light {
    color: rgb(112, 111, 111) !important;
}

.gray {
    color: rgb(60, 60, 59) !important;
}

.purple {
    color: rgb(72, 39, 120) !important;
    background: rgb(109, 86, 160, 0.40) !important;
}

.wine {
    color: rgb(174, 24, 87) !important;
    /* background: rgb(234, 84, 124, 0.40) !important; */
}


/* colors background rapid */

.back-orange {
    background: rgb(241, 135, 33) !important;
    color: azure;
}

.back-orange-light {
    background: rgb(249, 177, 84) !important;
    color: azure;
}

.back-black {
    background: rgb(60, 60, 59) !important;
    color: azure;
}

.back-gray {
    background: rgb(112, 111, 111) !important;
    color: azure;
}

.back-teal {
    background: rgb(0, 152, 119) !important;
    color: azure;
}

.back-teal-light {
    background: rgb(162, 199, 178) !important;
    color: azure;
}

.back-skyblue {
    background: rgb(0, 172, 216) !important;
    color: azure;
}

.back-skyblue-light {
    background: rgb(74, 193, 224) !important;
    color: azure;
}

.back-purple {
    background: rgb(72, 39, 120) !important;
    color: azure;
}

.back-purple-light {
    background: rgb(109, 86, 160) !important;
    color: azure;
}

.back-wine {
    background: rgb(174, 24, 87) !important;
    color: azure;
}

.back-wine-light {
    background: rgb(234, 84, 124) !important;
    color: azure;
}


/** format cards notificacion tramites **/

.font-card-tramites {
    color: rgba(36, 35, 35, 0.726);
    padding: 2%;
    text-align: justify;
}

.font-card-tramites h5 {
    color: rgb(60, 60, 59);
    font-weight: bold;
    text-shadow: 0px 0px 2px #888AB5;
}

.font-card-tramites-wine h5 {
    color: rgb(174, 24, 87);
    font-weight: bold;
    text-shadow: 0px 0px 2px #7D144D;
}

.font-card-tramites p {
    color: rgba(36, 35, 35, 0.726);
    font-style: italic;
    padding-left: 5% 2%;
}


/* =================== style 26/07/2021  =================== */

.img-fluid-register {
    max-width: 55%;
    height: auto;
}

.bg-circulo {
    background: url(../img/cochabamba/circulos.png) no-repeat bottom right;
    background-position: 100% 50%;
}

.bg-translucent-primary-gamc {
    background-color: rgb(74, 193, 224) !important;
}

.btn-celeste-gamc {
    background-color: rgb(74, 193, 224);
    color: white;
    height: auto;
    max-width: 100%;
}

.btn-amarillo-gamc {
    background-color: rgb(249, 177, 84);
    color: white;
    height: auto;
    max-width: 100%;
}

.btn-rojo-gamc {
    background-color: rgb(234, 84, 124);
    color: white;
    height: auto;
    max-width: 100%;
}

.btn-violeta-gamc {
    background-color: rgb(109, 86, 160);
    color: white;
    height: auto;
    max-width: 100%;
}

.btn-verde-gamc {
    background-color: rgb(79, 185, 168);
    color: white;
    height: auto;
    max-width: 100%;
}


/* a.enlace:hover, a.enlace:active  {color: #482778;} */

.img-responsive {
    height: auto;
    max-width: 100%;
}

.responsive-text {
    font-size: 100%;
}

.imageborder {
    border: 3px solid rgb(60, 60, 59);
    padding: 0;
}

.breadcrumb-item i .fa-home {
    background-color: rgb(74, 193, 224) !important;
}


/* ==================================================================== */


/*  css 07/07/2021  */

.bordes {
    border: 1px solid orange
}

.tooltip-inner {
    max-width: 310px;
    padding: 3px 8px;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(109, 86, 160, 0.7) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tooltip-inner {
    max-width: 310px;
    padding: 3px 8px;
    color: rgb(20, 19, 19) !important;
    text-align: center;
    background-color: rgb(112, 111, 111, 0.5) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.info-box-text {
    text-align: left;
    word-wrap: break-word;
    color: #fff;
}

.info-box-icon {
    color: #fff;
}

.main-content {
    background-color: #fff !important;
}

.info-box-text {
    text-align: left;
    word-wrap: break-word;
    color: #fff;
}

.info-box {
    /* box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.9) !important;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.9) !important;
    -moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.9) !important; */
    box-shadow: -1px 8px 28px 3px rgba(0, 0, 0, 0.57) !important;
    -webkit-box-shadow: -1px 8px 28px 3px rgba(0, 0, 0, 0.57) !important;
    -moz-box-shadow: -1px 8px 28px 3px rgba(0, 0, 0, 0.57) !important;
}

.info-box-icon {
    color: #fff;
}

.main-content {
    background-color: #fff !important;
    height: 100% !important;
}

.text-format {
    text-transform: uppercase;
}

.text-format:first-letter {
    text-transform: uppercase;
}

.inner h3 {
    font-size: 3vw;
}

@media (max-width: 767.98px) {
    .small-box .icon {
        display: block !important;
    }
    .inner h3 {
        font-size: 5vw;
        color: white;
        /* text-shadow: 1px 1px 2px black, 0 0 25px rgb(59, 58, 55), 0 0 5px rgb(223, 219, 215); */
    }
    .small-box .icon>i {
        font-size: 70px;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: -webkit-transform .3s linear !important;
        transition: transform .3s linear !important;
        transition: transform .3s linear, -webkit-transform .3s linear !important;
        margin: 1%;
    }
    .small-box {
        max-width: 415px;
        font-size: 14px;
    }
    .small-box:hover {
        max-width: 415px;
        /* min-width: 315px;
        display: block; */
        opacity: 1 !important;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
    }
    .info-box-text {
        font-size: 3vw !important;
    }
}

.info-box-text {
    font-size: 1.5vw;
    padding: 1%;
}

.btn-danger {
    background-color: rgb(174, 24, 87) !important;
    color: #fff;
}

.btn-danger:hover {
    background-color: rgb(234, 84, 124) !important;
    color: #fff;
}

.btn-warning {
    background-color: rgb(241, 135, 33) !important;
    color: #fff;
}

.btn-success {
    background-color: rgb(0, 152, 119) !important;
    color: #fff;
}

.btn-success:hover {
    background-color: rgb(79, 185, 168) !important;
    color: #fff;
}

.btn-primary {
    background-color: rgb(0, 172, 216) !important;
    color: #fff;
}

.btn-primary:hover {
    background-color: rgb(74, 193, 224) !important;
    color: #fff;
}

.opacity-5 {
    opacity: 0.8;
}

.opacity-1 {
    opacity: 0.1;
}

.btn {
    border: 0px !important;
}


/* css viaje */

.sub-header {
    margin: 0px -20px 10px -20px;
    padding: 5px 5px 1px 5px;
}

.subheader,
.sub-header {
    background-color: #ae1857;
    border: 0px !important;
    /* #C0C0C0; */
    color: rgb(237, 237, 237) !important;
    font-family: "Arciform";
}


/* class julio */

.thead-light,
.div-consulta {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}


/* preguntas frecuentes css datatables general */

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: rgb(174, 24, 87) !important;
}

.page-item.disabled .page-link {
    color: #ad537a !important;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #ac4e78 !important;
    border-color: #ac4e78 !important;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ac4e78 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: .8rem;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 69px;
    width: auto;
    height: 600px !important;
}
.layout-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width .3s ease-in-out;
    width: 250px;
    height: 120px !important;
    z-index: 1035;
}

.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: .8rem;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 43px !important;
    width: auto;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(8.5rem + 1px) !important;
}