@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&display=swap');

.hide_menu, .hide_div
{
    display: none !important;
}


body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background-color: #f9f9f9;
}

img{
    max-width: 100%;
}


.logo-top {
    width: 200px;
}

.top-main {
    background-color: #FFF;
}

.bg-geex{
        background-color: #003c66;
        border-bottom: 5px solid #62cd0d;  
        padding: 13px 10px;
}

.info-user {
   text-align: right;
   padding-top: 25px;
}

.info-user p{
    
    margin: 0;
}

.info-user strong {
    display: block;
}

.mr-auto, .mx-auto {
    margin-left: initial !important;
}

.navbar-brand {
    color: #FFF !important;
}

.navbar a {
    color: #FFF !important;
}

a.nav-link {
    padding: 0 15px !important;
}

a.dropdown-item {
    color: #1b3c66 !important;
}

.card-box {
    background-color: #f9f9f9;
    padding: 60px 30px;
    width: 100%;
}

.group-input {
    margin: 20px 0;
}

.title-section{
    text-align: center;
    color: #003c66;
    padding: 20px 0;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-custom {
    display: inline-block;
    width: 200px;
    margin: 40px auto;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 500;
   
}

.help-block {
    color: #ed0f0f;
    font-size: .9em;
    margin-top: 5px;
}

.titulo-grupos {
    font-weight: 200;
    font-size: 1.4em;
    margin: 30px 0 0 0;
    color: #6b6b6b;
}

form label {
    color: #8a8a8a;
    font-size: .9em;
    display: block;
}

.box {
    background-color: #FFF;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0;
}

.box-graphic {
    background-color: #5f69ed;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0;
    box-shadow: 1px 5px 5px #DDD;
}

.box-graphic p {
    color: #FFF;
    font-weight: bold;
    font-size: 2.2em;
    margin: 0;
}

.box-graphic span {
    color: #FFF;
    font-weight: 300;
    font-size: 1em;
    margin: 0;
}

.box-celeste{
    
    background-color: #5b85fc;
}

.box-rojo{
    background-color: #f46573;
}

.box-amarillo{
    background-color: #f7a92e;
}

.box-verde{
    background-color: #29bb75;
}

.box-verde2{

    background-color: #8c9058;
}

.box-lila{
    background-color: #905fe6;
}

.datos-numericos{

    margin-bottom: 50px;
    margin-top: 30px;
}

.main-subtitle {
    margin: 50px 0 20px 0;
    font-weight: 300;
    display: inline-block;
}

.main-subtitle span {
    font-size: .56em;
    color: #e96472;
    font-weight: bold;
}

.btn-main {
    display: inline-block;
}

.box-resumen-costo {
    width: 100%;
    background-color: #28a745;
    border-radius: 10px;
    margin: 20px 0 10px 30px;
    color: #FFF;
    padding: 10px;
    height: 180px;
}

table.Costo-total {
    width: 100%;
}

.icon-full{
    font-size: 1.4em;
}

.icon-rojo {

    color: #dc3545;
}

.icon-azul {

    color: #0062cc;
}

.icon-verde{

    color: #387d20;
}

input#code-barcode {
    display: block;
    margin: 0 auto;
    width: 500px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

svg#barcode {
    display: block;
    margin: 0 auto;
}

form#input-barcode {
    text-align: center;
    /* margin: 20px 0; */
    /* display: block; */
}

form#input-barcode button {
    margin: 40px 5px;
}

svg#barcode {
    display: block;
    margin: 0 auto;
    margin-top: 150px;
}

.cargando {
	display: none;
	text-align: center;
	width: 95%;
}

.resultado{
	color: #000;
	font-weight: 600;
	text-align: center;
	width: 95%;
}

button.btn.dropdown-toggle {
    width: 280px;
    border: 1px solid #DDD;
}

.btn-nuevo{
    margin-bottom: 20px;
}

.footer-text{
    text-align: center;
    padding: 20px 0;
}

.footer-text p{
   margin: 0;
}

form#correo_factura {
    display: inline;
}

.icon_sendEmail {
    border: 0;
    background-color: #1b3c66;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
}

.notificado {
    text-align: center;
    background-color: #53ad0b;
    color: #FFF;
    padding: 5px 0;
}

.no_notificado {
    text-align: center;
    background-color: #bd2130;
    color: #FFF;
    padding: 5px 0;
}


.icon-eye {
    background-color: #427bff;
    color: #FFF;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.icon-edit {
    background-color: #eb950a;
    color: #FFF;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.icon-dollar {
    background-color: #24c04a;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}

.icon-delete {
    background-color: #dc3545;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}

.icon-email{
    background-color: #3748dd;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}

.icon-whatsapp{
    background-color: #28a745;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}

.icon-image{
    background-color: #7195f7;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}

.icon-camera {
    cursor: pointer;
    transition: color 0.3s ease;
}

.icon-camera:hover {
    color: #0056b3;
}

.icon-print{
    background-color: #009688;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background-color: #1b3c66 !important;
    border: none !important;
    background: #1b3c66 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    
    background-color: #62cd0d !important;
    border: none !important;
    background: #62cd0d !important;
}

table.dataTable thead th, table.dataTable thead td{
    
    border-bottom: 0;
}

.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

button{
    border: 0;
    padding: 0;
}

button:focus {

    outline: none !important;
}

button.dt-button.buttons-pdf.buttons-html5,
button.dt-button.buttons-excel.buttons-html5{
     border: 0;
    color: #FFF;
    font-size: 1.10em;
    border-radius: 5px;
    
}


button.dt-button.buttons-excel.buttons-html5 {
    background-color: #42880b;
}

button.dt-button.buttons-excel.buttons-html5:hover {
    background-color: #42880b;
    border: 0;
}

button.dt-button.buttons-pdf.buttons-html5{
    background-color: #d84d42;
}

button.dt-button.buttons-pdf.buttons-html5:hover{
    background-color: #d84d42;
    border: 0;
}

#daterange input {
    width: 100%;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #959595;
    background-color: #1b3c66;
    color: #FFF;
    
}

#daterange label {
    text-align: center;
    font-size: 1em;
    color: #000;
}

input#submit {
    background-color: #47930a;
    width: 200px;
    margin: 10px auto 50px auto;
    display: block;
}

.detalle{
    border-bottom: 1px solid #ebebeb;
    width: 100%;
}

.detalles div
{
    display: inline-block;
   
    font-weight: bold;
    
}

.detalle div{
    display: inline-block;
    padding: 10px;
    
}

.detalles {
    background-color: #ebebeb;
    padding: 15px 10px;
    width: 100%;
}



.btn {
    margin: 0;
}

.btn-delivery {
    display: block;
    margin: 0 auto;
}

.costoTotal {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: red;
    border: 1px solid red;
    padding: 10px;
    display: block;
    width: 200px;
    margin: 0 auto;
    border-radius: 50px;
}

.wrap-box {
    background-color: #f6f6f6;
    padding: 20px 0;
    border-radius: 10px;
    margin: 15px 0;
}

img.step {
    display: block;
    margin: 0 auto;
    width: 800px;
}


.info-cliente {
    border: 1px solid #DDD;
    padding: 20px 10px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.signature-pad--body canvas{

    position: initial !important;
}

.foto-entrega,
.firma-entrega
{
    
    margin: 20px auto;
    height: 400px;
    display: block;
}

small{
    display: block;
}


.modal-footer{
    border: none !important;
}

.wrap-profile {
    box-shadow: 0px 0px 0px 0.5px #e8e8e8;
    margin-bottom: 20px;
    padding: 10px;
}




@media (min-width: 992px){
.modal-lg, .modal-xl {
    max-width: 1200px;
}
}

@media screen and (max-width: 768px){
    
    .logo-top {
        display: block;
        margin: 0;
      
    }

    .btn {
      display: block;
      margin: 5px 0;
    }
    
    .box-graphic {
        margin: 10px 0;
    }
    
    .btn-main {
        display: block;
        margin: 0 0 20px 0;
        padding: 10px;
    }
    
    .info-user {
   
        padding-top: 25px;
  
        margin-bottom: 20px;
    }
    
    .navbar-brand{
        display: none;
    }
    
    li.nav-item {
    display: block;
    padding: 10px 0;
    background-color: #02253e;
}

.menu-icon {
    color: #FFF;
    font-size: 1.8em;
}

.col-mobile {

    flex-basis: auto;
}

}


@media screen and (max-width: 480px){

 .logo-top {
        display: block;
        margin: 0 auto;
      
    }

.info-user {

    text-align: center;
}

}

.bg-tracking-found{
    background-color: #24c04a;
    color: white;
}

.bg-tracking-not-found{
    background-color: red;
    color: white;
}