/* 
    Created on : 07-14-2020, 04:24:13 PM
    Author     : elsal
*/
/*
https://coolors.co/38763a-5cb25f-8bc88d-345479-416a98-6e94c1-e9c858-dfb21d-e98b58-df611d
https://coolors.co/5cb25f
https://coolors.co/416a98
https://coolors.co/e9c858
https://coolors.co/e98b58
https://coolors.co/e98b58

-fern-green: #38763aff;
-bud-green: #5cb25fff;
-dark-sea-green: #8bc88dff;
-bdazzled-blue: #345479ff;
-queen-blue: #416a98ff;
-blue-gray: #6e94c1ff;
-maize-crayola: #e9c858ff;
-gold-metallic: #dfb21dff;
-raw-sienna: #e98b58ff;
-persimmon: #df611dff;

$fern-green: rgba(56, 118, 58, 1);
$bud-green: rgba(92, 178, 95, 1);
$dark-sea-green: rgba(139, 200, 141, 1);
$bdazzled-blue: rgba(52, 84, 121, 1);
$queen-blue: rgba(65, 106, 152, 1);
$blue-gray: rgba(110, 148, 193, 1);
$maize-crayola: rgba(233, 200, 88, 1);
$gold-metallic: rgba(223, 178, 29, 1);
$raw-sienna: rgba(233, 139, 88, 1);
$persimmon: rgba(223, 97, 29, 1);


.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*/
/******************************************************************************/
/*SOBRE ESCRITURA DE ESTILOS*/
/*.main-content {
    padding-bottom: 10px;
}*/
/*#panel-mod:last-child, .mipanel {
  margin-bottom: 0; 
}*/
.label2 {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 2px;
}


#listEvtsDetalle .list-group-item {
    padding: 0.50rem .0rem;
}

.main-content {
    padding-bottom: 0; 
}

.page-wrapper .sidebar-nav.light-sidebar .metismenu > li > a:hover, .page-wrapper .sidebar-nav.light-sidebar .metismenu > li > a:focus {
    color: #416a98;
}

.metismenu > li > a:focus {
    color: #aeaeae;
}

.metismenu > li.active > a {
    color: #416a98;
    font-weight: bold;
}

@media (min-width: 992px){
    .page-wrapper {
        padding-left: 240px;
    }
}
.modal-header{
    padding: 10px 15px;
}

.notification-dropdown {
    min-width: 360px;
    padding: 20px;
}

@media (min-width: 992px){
    .dropdown-menu {
        margin-top: 13px;
    }
}
.progress {
    margin-bottom: 0px;
    height: 12px; 
}
    
.card-header h5 a {
    font-size: 1.1rem;
    color: #416a98;
    display: block;
    position: relative;
    padding-right: 30px;
    font-weight: 400;
}

#main-cont{
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45% ;
    
}

#main-cont0{
    background-image: url("../img/background1.png");
    /*background-repeat: no-repeat;
    background-position: center;
    background-size: 45% ;*/
    /*background-opacity: 0.2;*/
}

@media (max-width: 991px){
    #main-cont{
        background-size: 70% ;
        background-position-y: 15rem;
    }
}
/*pestañas*/
.tabs-admin > .nav-item {
    font-size: 15px;
}

.tabs-admin > .nav-item > .nav-link.active {
    border-color: #48994B;
    color: #48994B;
}

.tabs-admin > .nav-item > .nav-link > i {
    margin-right: 5px;
    font-size: 30px;
}
#panelResultado .card-header {
    padding: .3rem .8rem;
}

.card-body {
    padding: 0rem;
}
.table td, .table th {
    padding: .45rem;
}
/******************************************************************************/
/*BORDES*/
.botbor3{
    border: 0px;
    border-bottom: 3px solid transparent;
    color: #666;
}
/*.botbor-transp{ border-bottom-color: solid transparent; }*/
.botbor-azcl01{ border-bottom: 3px solid #416a98; color: #416a98 }

.topbor-gris{ border-top: 1px rgba(0,0,0,0.6); }

.noradius{
    border-radius: 0px 0px 0px 0px;
}

.btn-group .btn+.btn, 
.btn-group .btn+.btn-group, 
.btn-group .btn-group+.btn, 
.btn-group .btn-group+.btn-group, 
.btn-group-vertical .btn+.btn, 
.btn-group-vertical .btn+.btn-group, 
.btn-group-vertical .btn-group+.btn, 
.btn-group-vertical .btn-group+.btn-group {
    margin-left: 0px;
}
/******************************************************************************/
/*CENTRAR, PADDING, MARGIN*/
/*.centrado{
    margin-left: auto;
    margin-right: auto;
}
.cent-contenido{
    aling-items: center;
    justify-content: center
}*/
/******************************************************************************/
.spnner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 999999;
}

@media (max-width: 992px){
    .spnner {
        right: 40%;
    }
}

.spnner-sector {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    /*border: 8px solid transparent;*/
    border: 8px solid rgba(255,255,255, 1);
    /*mix-blend-mode: overlay;*/
    mix-blend-mode: multiply;
    
}

.spnner-text {
    animation: loading-opacity 3s ease-in-out infinite;
    font-size: 1.8em;
}

.spnner-sector-blue {
    animation: rotate 3s ease-out infinite;
    border-top: 8px solid rgb(65, 106, 152);
}

.spnner-sector-red {
    animation: rotate 2.5s ease-in infinite;
    border-top: 8px solid #8adfe6;
}

.spnner-sector-green {
    animation: rotate 1.5s ease-in-out infinite;
    border-top: 8px solid rgb(171, 218, 245);
}

.spnner-contenedor {
    /*//width: 100%;
    //display: flex;
    //justify-content: center;
    //align-items: center;
    //padding-top: 15%;
    //padding-bottom: 15%;*/
    
}
/*____________________________________________________________________________*/
.spinner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
}


.spinner-sector {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid transparent;
    mix-blend-mode: overlay;
}

.spinner-text {
    animation: loading-opacity 3s ease-in-out infinite;
    font-size: 2em;
}

.spinner-sector-blue {
    animation: rotate 3s ease-out infinite;
    border-top: 10px solid rgb(125, 215, 238);
}



.spinner-sector-red {
    animation: rotate 2.5s ease-in infinite;
    border-top: 10px solid #8adfe6;
}

.spinner-sector-green {
    animation: rotate 1.5s ease-in-out infinite;
    border-top: 10px solid rgb(171, 218, 245);
}

@keyframes rotate {
    from {
            transform: rotate(0);
    }to {
            transform: rotate(360deg);
    }
}

@keyframes loading-opacity {
    0%,
    100% {
            opacity: 1;
    }
    25%,
    75% {
            opacity: 0.5;
    }
    50% {
            opacity: 0.1;
    }
}
/*debe borrarse todos estos parametros*/
.spiner-contenedor {
    /*para mejorar el spiner debe comentarse el contenido de esta clase(por completo)*/
    /*width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15%;
    padding-bottom: 15%;*/
}

.spr {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
}

.spr-sector {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid transparent;
    mix-blend-mode: overlay;
}

.spr-text {
    animation: loading-opacity 3s ease-in-out infinite;
    font-size: 2em;
}

.spr-sector-blue {
    animation: rotate 3s ease-out infinite;
    border-top: 10px solid rgb(125, 215, 238); 
}

.spr-sector-red {
    animation: rotate 2.5s ease-in infinite;
    border-top: 10px solid #8adfe6;
}

.spr-sector-green {
    animation: rotate 1.5s ease-in-out infinite;
    border-top: 10px solid rgb(171, 218, 245);
}

@keyframes rotate {
    from {
            transform: rotate(0);
    }to {
            transform: rotate(360deg);
    }
}

@keyframes loading-opacity {
    0%,
    100% {
            opacity: 1;
    }
    25%,
    75% {
            opacity: 0.5;
    }
    50% {
            opacity: 0.1;
    }
}

.spr-contenedor {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15%;
    padding-bottom: 15%;
}
/******************************************************************************/
/*SOMBRAS*/
.sombra04{
    -webkit-box-shadow: 4px -7px 12px -2px rgba(0,0,0,0.41);
    -moz-box-shadow: 4px -7px 12px -2px rgba(0,0,0,0.41);
    box-shadow: 4px -7px 12px -2px rgba(0,0,0,0.41);
}

.sombra05{
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.3);
}

.sombra055{
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.18);
}
.sombra0555{
    border: 1px solid rgba(0,0,0,0.14);
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.08);
}
.sombra-top01{
    -webkit-box-shadow: -1px -1px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px -1px 4px 0px rgba(0,0,0,0.2);
    box-shadow: -1px -1px 4px 0px rgba(0,0,0,0.2);
}

.sombra-bot01{
    /*border-bottom: 1px solid rgba(0,0,0,0.15);*/
    -webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.14);
}

.sombra-lft01{
    -webkit-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.2);
}

.sombra-lfb01{
    -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.3);
}
.sombra-bot01-inv{
    -webkit-box-shadow: inset -1px 0px 4px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: inset -1px 0px 4px 0px rgba(0,0,0,0.08);
    box-shadow: inset -1px 0px 4px 0px rgba(0,0,0,0.08);
}
.page-wrapper .sidebar-nav.light-sidebar {
    -webkit-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.16);
    box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.16);
    border-right: 1px solid #ddd;
}

.mb2{
    margin-bottom: 3px;
}

/*panel modulos*/
.mipanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 13px 0 rgba(62,44,90,.08);
    box-shadow: 0 0 13px 0 rgba(62,44,90,.08);
    margin-bottom: 1.5rem;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.09);
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-transition: border .5s ease-out;
    transition: border .5s ease-out;
}

.panel-hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    min-height: 3rem;
    border-bottom: 1px solid rgba(0,0,0,.07);
    border-radius: 4px 4px 0 0;
    -webkit-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
    padding-left: 10px;
}    

.panel-hdr p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 0px;
    /*color:#747474;*/
}

/***************/

#menu2 > li > a {
    color: #8e8e8e;
}

#menu2 > li.active > a{
    color: #0073ff;
}

#menu2 > li.active > a{
    color: #0073ff;
}

.metismenu {
    list-style: none;
    padding: 0px;
    padding-left: .0rem;
    padding-right: .0rem;
}

.malf5{
    margin-left: 5px;
}

.nopadig {
    padding-top: 0.0rem;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
}

.nopadig2{
    padding: 0rem;
}

.mb1{
    margin-bottom: 1px
}

.content{
    padding: 0px;
}

.pdleft20{
   padding-left: 20px;
}

.sidebar-inner ul {
    margin-bottom: 0px;
}

/*slimScrollBar; esta en el archivo de assan.custom*/

.container-fluid2 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.sele{
    background-color: #5bc0de
}

.fc-day-header{
    background-color: #ececec;
    background: rgb(227,227,227);
    background: linear-gradient(180deg, rgba(227,227,227,1) 0%, rgba(241,241,241,1) 89%, rgba(247,247,247,1) 100%);
}

.fc-left h2 {
    text-transform: capitalize;
    font-weight: 300;
    color: #8c8c8c;
    font-size: 25px;
}

.fc button{
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 1px;
    border: 1px solid #349ab9;
    cursor: pointer;
    letter-spacing: 0rem;
    font-size: .80rem;
    font-family: "Open Sans", sans-serif;
    padding: 10px 20px 10px !important;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    background: #f5f6f7;
    background: rgb(227,227,227);
    background: linear-gradient(180deg, rgba(227,227,227,1) 0%, rgba(241,241,241,1) 89%, rgba(247,247,247,1) 100%);
    color: #000;
    height: 3.5em;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 2px;
}

/*.fc-unthemed td.fc-today {
    max-height: 100px;
}*/



.fc-today .fc-day-number{
    background: #19b8d2;
    color: #fafafa;
}

/*.fc-day .fc-widget-content{
    height: 60px;
}*/

.fc-view-container{
    height: 350px;
}

.bg-info2{
    background: rgb(0,131,176);
    background: linear-gradient(34deg, rgba(0,131,176,1) 0%, rgba(0,180,219,1) 100%);
    border-color: rgba(52,154,195,0.4);
}

.bg-perso2{
    background: #efefef;
}

/*.bg-perso2:active{
    background: hsla(212, 38%, 45%, 1);
    background: linear-gradient(270deg, hsla(212, 38%, 45%, 1) 0%, hsla(212, 40%, 43%, 1) 100%);
    background: -moz-linear-gradient(270deg, hsla(212, 38%, 45%, 1) 0%, hsla(212, 40%, 43%, 1) 100%);
    background: -webkit-linear-gradient(270deg, hsla(212, 38%, 45%, 1) 0%, hsla(212, 40%, 43%, 1) 100%);
}*/

.bg-perso2.panel-hdr {
    border-bottom: 1px solid transparent; 
}

.bg-info3{
    color: #416a98;
    background-color: #f8f8f8; 
    border-bottom: 5px solid #416a98;
}

.bg-rojo{
    padding: 4px 4px;
    border-radius: 7px;
    color: #fff;
    background: #e65252;
}

.bg-amarillo{
    padding: 4px 4px;
    border-radius: 7px;
    color: #fff;
    background: #F2B96A;
}

.modal-dialog-img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
}

.modal-content-img {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
}

/*diseño de modal de imagenes*/

.fw-350{
    font-weight: 350;
}

.fw-450{
    font-weight: 450;
}
#map {
    width: 100%;
    height: 100%;
}
#esp_map{
    min-height: 600px;
}
#map {
    min-height: 600px;
}
.bg-plata2 {
    background: #e5e6e7;
}
/*----------------------------------------------------------------------------*/
/*colores para monitoreo de viajes*/
.azul{
    color: #00f;
}
.rojo{
    color: #d44950;
}
.amarillo{
    color: #F2B96A;
}
.negro{
    color: #000;
    margin-bottom: 0px;
}
.cont{
    overflow:scroll;
}

.nopadinglr{
    padding-left: 0px;
    padding-right: 0px;
}

@media (max: 992px){
    .hidden-md-down{
        display: none;
    }
}

@media (min-width: 992px){
    .hidden-md-up{
        display: none;
    }
    
    .modal-lg {
        max-width: 990px;
    }
    
    .hidden-sm-up{
        display: none;
    }
}

@media (max-width: 992px){
    .mmb-mobile-5{
        margin-bottom: 3px;
    }
    
    .radus-left-mobile-4{
        border-radius: 4px;
    }
}



@media (max-width: 576px){
    .hidden-sm-up{
        display: none;
    }
}

.header {
    padding: 11px 15px;
}

.text-principal{
    color: #416a98;
}

.text-info-ho-fo{
    color: #5bc0de;
}

.text-info-ho-fo:hover{
    color: #fff;
}

.text-info-ho-fo:focus{
    color: #fff;
}

.text-info-ho-fo:active{
    color: #fff;
}

.mayus {
  text-transform: uppercase;
}

.minus {
  text-transform: lowercase;
}

.capi {
  text-transform: capitalize;
}
.noborradius{border-radius: 0px}
.fw200{font-weight: 200}
.fw250{font-weight: 250}
.fw300{font-weight: 300}
.fw350{font-weight: 350}
.fw400{font-weight: 400}
.fw450{font-weight: 450}
.fw500{font-weight: 500}

.panelStado{
    margin: 10px;
    padding: 20px;
    z-index: 2000;
    position: fixed;
    top: 70px;
    background-color: #fff;
    border-radius: 5px;
}

.panel-flot{
    margin: 10px;
    padding: 20px;
    z-index: 2000;
    position: fixed;
    top: 70px;
    background-color: #fff;
    border-radius: 5px;
}

/*calses para usar un modal con la mayor cantidad de pantalla*/
@media (min-width: 992px){
    .modal-lg2 {
        max-width: 80%;
        max-height: 90%;
    }
}

@media (max-width: 992px){
    .modal-lg2 {
        max-width: 90%;
        max-height: 90%;
    }
}

.ali-centro{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-gris01{
    color: #aaa;
}

.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
/*LINEA DE TIEMPO*/

/*

-ferngreen: #38763a;
-budgreen: #5cb25f;
-darkseagreen: #8bc88d;
-bdazzledblue: #345479;
-queenblue: #416a98;
-bluegray: #6e94c1;
-maizecrayola: #e9c858;
-goldmetallic: #dfb21d;
-rawsienna: #e98b58;
-persimmon: #df611d;
*/
.bgpd-ferngreen, .badgepd-ferngreen {
    background-color: #38763a !important;
    border-color: #38763a;
    padding: 2px 4px !important;
    color: #fff;
    font-weight: bold;
    border-radius: 4px !important;
}
.bg-ferngreen, .badge-ferngreen {
    background-color: #38763a !important;
    border-color: #38763a;
}
.bg-budgreen, .badge-budgreen {
    background-color: #5cb25f !important;
    border-color: #5cb25f;
}
.bg-darkseagreen, .darkseagreen {
    background-color: #8bc88d !important;
    border-color: #8bc88d;
}
.bg-darkseagreen2, .darkseagreen {
    background-color: #8bc88d !important;
}
.bg-bdazzledblue, .badge-bdazzledblue {
    background-color: #345479 !important;
    border-color: #345479;
}
.bg-queenblue, .badge-queenblue {
    background-color: #416a98 !important;
    border-color: #416a98;
}
.bg-bluegray, .badge-bluegray {
    background-color: #6e94c1 !important;
    border-color: #6e94c1;
}
.bg-maizecrayola, .badge-maizecrayola {
    background-color: #e9c858 !important;
    border-color: #e9c858;
}
.bg-goldmetallic, .badge-goldmetallic {
    background-color: #dfb21d !important;
    border-color: #dfb21d;
}
.bg-rawsienna, .badge-rawsienna {
    background-color: #e98b58 !important;
    border-color: #e98b58;
}
.bg-persimmon, .badge-persimmon {
    background-color: #df611d !important;
    border-color: #df611d;
}


.text-ferngreen { color: #38763a; }
.text-budgreen { color: #5cb25f; }
.text-darkseagreen { color: #8bc88d; }
.text-bdazzledblue { color: #345479; }
.text-queenblue { color: #416a98; }
.text-bluegray { color: #6e94c1; }
.text-maizecrayola { color: #e9c858; }
.text-goldmetallic { color: #dfb21d; }
.text-goldmetallic2 { color: #BE9719; }
.text-persimmon { color: #df611d; }

.bg-budgreen, .badge-budgreen {
    background: #5cb25f !important;
    border-color: #5cb25f;
}
.bg-queenblue, .badge-queenblue {
    background: #416a98 !important;
    border-color: #416a98;
}
.bg-maizecrayola, .badge-maizecrayola {
    background: #e9c858 !important;
    border-color: #e9c858;
}
.bg-goldmetallic, .badge-goldmetallic {
    background: #dfb21d !important;
    border-color: #dfb21d;
}
.bg-persimmon, .badge-persimmon {
    background: #df611d !important;
    border-color: #df611d;
}

.progress-danger { background-color: #ff0000; }
.progress-budgreen { background-color: #5cb25f; }
.progress-queenblue { background-color: #416a98; }
.progress-maizecrayola { background-color: #e9c858; }
.progress-goldmetallic { background-color: #dfb21d; }
.progress-persimmon { background-color: #df611d; }

.progress-bar-striped2 {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.8) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

/*multiples*/
.mr20{
    margin-right: 20px;
}

#mapid { height: 600px; width: 100%}

.text-strong2{ font-weight: 500; }
.text-strong3{ font-weight: 440; }
.text-subr-rojo{text-decoration: underline red}
.rotar180{ transform: rotate(180deg)}

.opacar{
    opacity: 0.23;
}

.pd-15{
    padding: 15px;
}