.row {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-right: -12px !important;
    margin-left: -12px !important;
}

.user-panel > .image > img{
    height: 45px !important;
}

.btn-login{
  background-color: #E4202D;
  border-color: #E4202D;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  padding: 10px 15px;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
  border-style: none;
}


.btn-login:hover {
    background-color: #ff3744;
    border-color: #ff3744;
    transition: all .25s ease-in-out;
    color: white;
}

.content-wrapper {
    z-index: 799 !important;
}

#custom-disabled.v-btn--disabled {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.fab {
    font-weight: 900 !important;
}

.sidebar-menu .fa {
    width: 25px !important;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
}

.sidebar-menu .fas {
    width: 25px !important;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
}

.sidebar-menu .fab {
    width: 25px !important;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
}

.sidebar-menu .far {
    width: 25px !important;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
}

.sidebar-menu li span {
    font-size: 15px;
}

.v-progress-linear {
    height: 2px !important;
}

.breadcrumb .fab {
    width: 20px !important;
}

.breadcrumb .fas {
    width: 20px !important;
}

.breadcrumb .far {
    width: 20px !important;
}

.v-application ul {
    padding-left: 0px !important;
}

.text-xs-right {
    text-align: right;
}

.v-dialog .v-card .v-card__title {
    background: #dd4b39;
    color: white;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.v-dialog .v-card .v-card__text {
    padding-top: 20px;
}

.skin-red .sidebar-menu>li>a {
    border-left: 8px solid rgba(221, 75, 57, 0.3) !important;
}

.skin-red .sidebar-menu>li.active>a {
    border-left-color: #dd4b39 !important;
}

.skin-red .content-header {
    background: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

.powered {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.text-white {
    color: #fff !important;
}

.treeview-menu li {
    padding-left: 15px;
}

.ptop-5 {
    padding-top: 5px !important;
}

.pleft-5 {
    padding-left: 5px;
}

.pright-5 {
    padding-right: 5px;
}

.v-application .pt-15 {
    padding-top: 15px;
}

.v-application .pb-15 {
    padding-bottom: 15px;
}

.v-application .pl-15 {
    padding-left: 15px;
}

.v-application .pr-15 {
    padding-right: 15px;
}

.v-application .p-15 {
    padding: 15px;
}

.v-application .mt-0 {
    margin-top: 0px;
}

.v-application .mb-0 {
    margin-bottom: 0px !important;
}

.v-application .mt-5 {
    margin-top: 20px !important;
}

.v-application .mb-5 {
    margin-bottom: 20px !important;
}

.v-application .mr-5 {
    margin-right: 20px !important;
}

.v-application .mt-10 {
    margin-top: 10px;
}

.v-application .mb-10 {
    margin-bottom: 10px;
}

.v-application .mr-10 {
    margin-right: 10px;
}

.mleft-10 {
    margin-left: 10px !important;
}

.mtop-10 {
    margin-top: 10px;
}

.v-application .mt-15 {
    margin-top: 15px !important;
}

.v-application .mb-15 {
    margin-bottom: 15px !important;
}

.v-application .ml-15 {
    margin-left: 15px !important;
}

.v-application .mt-20 {
    margin-top: 20px;
}

.v-application .mb-20 {
    margin-bottom: 20px;
}

.v-application .mt-30 {
    margin-top: 30px;
}

.v-application .mt-60 {
    margin-top: 60px;
}

.v-application .pt-0 {
    padding-top: 0px;
}

.v-application .pb-0 {
    padding-bottom: 0px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.divider {
    border-top: 1px solid #c4bfbf !important;
}

.btn-shipping-select {
    border: solid;
    border-width: 1px;
    border-color: rgb(25, 118, 210) !important;
    color: rgb(25, 118, 210) !important;
    background: #f5f5f5 !important;
}

#chart-avatar .v-skeleton-loader .v-skeleton-loader__avatar {
    height: 70px !important;
    width: 70px !important;
}

.skeleton_percent .v-skeleton-loader__text {
    margin-bottom: 0px !important;
    margin-top: 5px;
}

.skeleton_monitoring .v-skeleton-loader__chip {
    width: 50px;
}

.alert-info-monitoring {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px !important;
}

.line-header {
    border-bottom: solid;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-width: 2px;
    padding-bottom: 15px;
    border-color: #dd4b39;
}

.tracing-row-service {
    background: #eee;
    padding: 10px;
}

.circle {
    background: #b3d4fc;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    margin-top: 8px;
    margin-right: 10px;
}

.justify-content-center {
    display: flex;
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

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

.main-header {
    z-index: 800 !important;
}

.main-sidebar {
    top: 50px !important;
    padding-top: 0px !important;
    min-height: calc(100% - 50px) !important;
}

.asignar_fecha {
    background: #eee;
    padding: 10px;
    padding-left: 25px;
}

.h-70 {
    height: 70px;
}

.h-40 {
    height: 40px;
}

.bg_deposito {
    background: #6600a1 !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 58px !important;
    z-index: 850;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 58px !important;
    z-index: 840;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 58px;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
    width: 58px;
}

/*Traking Code Client*/

.panel-heading {
    border-radius: 0px !important;
}

.panel {
    border-radius: 0px !important;
    margin-bottom: 0px;
}

.panel-heading-left {
    background: #d73925 !important;
    color: white !important;
    border-radius: 0px !important;
    border-color: #d73925 !important;
}

.bs-vertical-wizard {
    border-right: 1px solid #eaecf1;
    padding-bottom: 50px;
}

.bs-vertical-wizard ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bs-vertical-wizard ul>li {
    display: block;
    position: relative;
    min-height: 70px;
}

.bs-vertical-wizard ul>li>a {
    display: block;
    padding: 10px 10px 10px 40px;
    color: #333c4e;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.8px;
}

.bs-vertical-wizard ul>li>a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #bdc2ce;
    left: 13px;
    bottom: -9px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .ico {
    pointer-events: none;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 2;
}

.bs-vertical-wizard ul>li>a:after {
    content: "";
    position: absolute;
    border: 2px solid #bdc2ce;
    border-radius: 50%;
    top: 14px;
    left: 6px;
    width: 16px;
    height: 16px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .desc {
    display: block;
    color: #858991;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.8px;
}

.bs-vertical-wizard ul>li.complete>a:before {
    background-color: #5cb85c;
    opacity: 1;
    height: calc(100% - 25px);
    bottom: -9px;
}

.bs-vertical-wizard ul>li.complete>a:after {
    display: none;
}

.bs-vertical-wizard ul>li.locked>a:after {
    display: none;
}

.bs-vertical-wizard ul>li:last-child>a:before {
    display: none;
}

.bs-vertical-wizard ul>li.complete>a .ico {
    left: 8px;
}

.bs-vertical-wizard ul>li>a .ico.ico-green {
    color: #5cb85c;
}

.bs-vertical-wizard ul>li>a .ico.ico-red {
    color: #d32f3d;
}

.bs-vertical-wizard ul>li>a .ico.ico-muted {
    color: #bdc2ce;
}

.bs-vertical-wizard ul>li.current {
    background-color: #fff;
}

.bs-vertical-wizard ul>li.current>a:before {
    background-color: rgb(52, 131, 250) !important;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current>a:after {
    border-color: rgb(52, 131, 250) !important;
    background-color: rgb(52, 131, 250) !important;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current:after,
.bs-vertical-wizard ul>li.current:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bs-vertical-wizard ul>li.current:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.bs-vertical-wizard ul>li.current:before {
    border-color: rgba(234, 236, 241, 0);
    border-left-color: #eaecf1;
    border-width: 11px;
    margin-top: -11px;
}

.bs-vertical-wizard ul>li.notyet {
    background-color: #fff;
}

.bs-vertical-wizard ul>li.notyet>a:before {
    background-color: #a7a5a3;
    opacity: 1;
}

.bs-vertical-wizard ul>li.notyet>a:after {
    border-color: #a7a5a3;
    background-color: #a7a5a3;
    opacity: 1;
}

.bs-vertical-wizard ul>li.notyet:after,
.bs-vertical-wizard ul>li.notyet:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bs-vertical-wizard ul>li.notyet:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.bs-vertical-wizard ul>li.notyet:before {
    border-color: rgba(234, 236, 241, 0);
    border-left-color: #eaecf1;
    border-width: 11px;
    margin-top: -11px;
}

.bs-vertical-wizard ul>li.complete-red>a:before {
    background-color: #d32f3d;
    opacity: 1;
    height: calc(100% - 25px);
    bottom: -9px;
}

.bs-vertical-wizard ul>li.complete-red>a:after {
    display: none;
}

.bs-vertical-wizard ul>li.complete-red>a .ico {
    left: 8px;
}

.state_deposito {
    background-color: #6600a1;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_cancelado {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_siniestrado {
    background-color: #000000;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_espera {
    background-color: #394b55;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_ticket_new {
    background-color: #394b55;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}


.state_ticket_open {
    background-color: #5fba7d;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_ticket_pending {
    background-color: #ff8000;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_ticket_onhold {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.state_ticket_closed {
    background-color: #6600a1;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.cobrado {
    background-color: #5fba7d;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.no_cobrado {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    width: 145px;
    display: block;
}

.state_entregado_point {
    background-color: #02A698;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_entregado {
    background-color: #5fba7d;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_no_entregado {
    background-color: #fff159;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: black;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_pendiente {
    background-color: #ff8000;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_en_camino {
    background-color: #7390fc;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_en_transito {
    background-color: #94abff;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_en_proceso_devolucion {
    background-color: #ff8000;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_devuelto {
    background-color: #bd5e00;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_pendiente_de_retiro {
    background-color: #394b55;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_retiro_realizado {
    background-color: #5fba7d;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

.state_retiro_fallido {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}


.state_espera_printed {
    background-color: white;
    border: 1px solid #394b55;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #394b55;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}


.substate_no_visitado{
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
}

/*Monitoreo*/
.box-monitoring-mother {
    background: #f5f5f5;
    min-height: 125px;
    border-radius: 6px;
}

.box-monitoring {
    padding-top: 20px;
    text-align: center;
    height: 125px;
}

.box-monitoring p {
    margin-top: 10px;
    margin-bottom: 0px !important;
    font-size: 15px;
}

.box-monitoring div {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.8);
}

.divider {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px !important;
    height: 125px;
}

.circle_en_deposito {
    background-color: #6600a1;
    border-radius: 100px;
    height: 12px;
    width: 12px;
    margin: 0 auto;
    margin-top: 4px;
}

.circle_en_camino {
    background-color: #7390fc;
    border-radius: 100px;
    height: 12px;
    width: 12px;
    margin: 0 auto;
    margin-top: 4px;
}

.circle_entregado {
    background-color: #5fba7d;
    border-radius: 100px;
    height: 12px;
    width: 12px;
    margin: 0 auto;
    margin-top: 4px;
}

.circle_no_entregado {
    background-color: #fff159;
    border-radius: 100px;
    height: 12px;
    width: 12px;
    margin: 0 auto;
    margin-top: 4px;
}

.table-sm td {
    padding: 4px !important;
}

.complete {
    background: #f5f5f5;
}

.enCurso {
    background: #ffffff;
}

.cursor {
    cursor: pointer;
}

.icon-action {
    font-size: 16px !important;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.box-chofer {
    cursor: pointer;
    min-height: 85px;
    border-radius: 6px;
    display: flow-root;
}

.box-chofer span {
    color: rgba(0, 0, 0, 0.45) !important;
}

.subBoxChofer {
    padding-top: 22px;
}

.subBoxChofer p {
    font-size: 15px;
}

.ptop-10 {
    padding-top: 10px;
}

#shippingMonitoring {
    background: #ffffff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.shipping-monitoring {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 17px;
    height: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shipping-monitoring span {
    color: rgba(0, 0, 0, 0.45) !important;
}

.shipping-monitoring-info {
    height: auto;
    background: #f5f5f5;
    padding-bottom: 10px;
}

.shipping-monitoring-info .v-input {
    margin-left: 42px;
}

.shipping-monitoring-info .v-input .v-input__control .v-messages__message {
    font-size: 14px;
}

.shipping-monitoring-info .v-input .v-input__control .v-input__slot {
    margin-bottom: 2px;
}

.bg-grey {
    background: rgba(0, 0, 0, 0.45) !important;
}

.bg-dark {
    background-color: #343a40 !important;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
}

.bg-en-camino {
    background: #7390fc !important;
}

.bg-entregado {
    background: #5fba7d !important;
}

.bg-cancelado {
    background: #dd4b39 !important;
}

.bg-no-entregado {
    background: #fff159 !important;
}


.circle-monitoring {
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-right: 5px;
}

.text-grey {
    color: rgba(0, 0, 0, 0.45) !important;
}

.text-en-camino {
    color: #7390fc !important;
}

.text-no-entregado {
    color: #fff159 !important;
}

.integracionFlex {
    box-shadow: none !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
}

.integracionFlex .v-card__title {
    background-color: #fff159 !important;
    color: black !important;
    font-weight: bold !important;
    padding: 10px !important;
    margin-bottom: 0px !important;
}

.integracionFlex .v-card__text {
    color: black !important;
    font-size: 16px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.integracionFlex .v-card__text p {
    margin-bottom: 5px !important;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.integracionFlex .v-card__text .col-md-12 {
    padding: 0px;
    padding-left: 10px;
}

.desvincular-btn {
    position: absolute;
    margin-top: 22px;
    right: 15px;
    color: red;
    cursor: pointer;
}

.skin-red .left-side,
.skin-red .main-sidebar,
.skin-red .wrapper {
    background-color: #222d32;
    overflow: hidden;
    z-index: 1;
}

.span_ventas {
    min-width: 100px;
    display: inline-block;
}

.header_detalle {
    background: #eee;
}

.v-card .overline {
    font-size: 20px !important;
    padding: 20px;
    padding-left: 15px;
    padding-bottom: 0px;
}

.v-card .subtitle {
    color: rgba(0, 0, 0, 0.6);
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 5px;
}

.ambulancia {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.v-label {
    margin-bottom: 0px !important;
}

.label-custom {
    color: rgba(0, 0, 0, 0.7);
}

.sublabel-custom {
    color: rgba(0, 0, 0, 0.54);
}

.state_optimo {
    background-color: #7fcc5c;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.state_alto_riesgo {
    background-color: #dd4b39;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
}

.bg-white {
    background-color: white;
}

.justify-content-end {
    justify-content: end;
}

.disabled {
    color: #bdbdbd;
}

.subtitle-business-card {
    margin-left: 16px;
    color: #747474;
}

.title_bi {
    font-size: 1.3rem !important;
    margin-bottom: 0px !important;
}

.prox_vencer {
    background-color: #eedf37;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: black;
    margin-bottom: 0px !important;
    text-align: center;
}

.vigente {
    background-color: #16a716;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    width: 145px;
    display: block;
}

.no_vigente {
    background-color: #da0f0f;
    border-radius: 100px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 0px !important;
    text-align: center;
    width: 145px;
    display: block;
}

.dialog-confirm-logout {
    z-index: 1000 !important;
}

.dialog-invoice {
    z-index: 880 !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 58px !important;
    z-index: 800 !important;
}

.header-list-search {
    background-color: white;
    border-top-left-radius: 6px;
    padding-top: 12px;
}

.list-search {
    background: #ffffff;
    height: 421px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom-left-radius: 6px;
}

.deposito-parent {
    min-height: 630px;
    background: rgba(221, 225, 230, 1);
    border: solid 1px #ccc;
    display: flex;
    justify-content: center;
}

.deposito-container {
    max-width: 1300px !important;
    width: 83.3333333333% !important;
    background: white;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    padding: 20px !important;
}

.container_order_retiro_ruteo {
    border: solid 1px #3483fa;
    padding: 10px;
    color: #3483fa;
    cursor: pointer;
}

.container_order_retiro_ruteo:hover {
    border: solid 1px #3483fa;
    padding: 10px;
    cursor: pointer;
    color: white !important;
    background-color: #3483fa !important;
}

.colecta-buttons {
    position: absolute;
    right: -50px;
    margin-top: 20px;
}

.text-colecta-item {
    text-align: center;
}


.marker-position {
    bottom: 4px;
    left: 1px;
    position: relative;
}

.v-list-item:hover {
    color: rgb(52, 131, 250) !important;
}

.custom-chip {
    display: block;
    margin-bottom: 8px;
    white-space: normal;
    height: auto;
    padding: 16px;
    max-width: 80%;
    word-wrap: break-word;
}

.custom-chip .v-chip__content {
    width: 100%;
}

.chip-content {
    line-height: 1.5;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.chip-content .v-row {
    margin: 0;
}

.container-messages {
    height: auto;
}

.container-form {
    border: 1px solid #DCD8D7;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.v-chip.v-size--default {
    height: auto !important;
}

.message-list {
    height: auto;
    overflow-y: auto;
}

.custom-chip-my-user {
    background-color: #DCD8D7 !important;
    align-self: flex-end;
    margin-left: auto;
}

.custom-chip-other-user {
    background-color: rgba(224, 224, 224, 0.5) !important;
    align-self: flex-start;
    margin-right: auto;
}

.pointer {
    cursor: pointer;
}

.read-message {
    background-color: #ecf0f5;
}

.login-box-body-custom{
    box-shadow: 0 0 72px rgb(0 0 0/4%);
}

/*MOBILE*/

@media only screen and (max-width: 600px) {
    .container-img-login {
        display: none;
    }

    .login-box {
        width: 90% !important;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-12 {
        width: 100%;
    }

    .icon-stat-assgined {
        display: none !important;
    }

    .colecta-buttons {
        position: absolute;
        top: 10px;
        left: 76%;
        margin-top: 0px;
    }

    .text-colecta-item {
        text-align: left;
    }
}

.container-input-ruta {
    background-color: #eaeaea;
    padding: 10px;
}
@media only screen and (max-width: 768px) {

    .container-input-ruta {
        background-color: #ffffff;
        padding: 0;
    }
    .deposito-parent {
        min-height: 760px;
        background-color: #ffffff;
    }

    .deposito-container {
        width: 100% !important;
        margin-top: 0 !important;
        /* padding: 0 !important; */
    }

    .deposito-container-recepcion {
       /* margin-bottom: 75px !important;*/
    }

    .deposito-container-ruta {
        /* min-height: 840px; */
        margin-bottom: 128px !important;
    }

    .title-recepcion-mobile {
        font-size: 30px;
        color: #000000 !important;
        font-weight: 700;
    }

    .subtitle-recepcion-mobile {
        font-size: 16px;
        line-height: 20px;
    }

    .input-recepcion-mobile {
        border-radius: 30px;
    }

    .success_card {
        border-left: 5px solid green !important;
        border-top: 2px solid #c1c1c1 !important;
        border-bottom: 2px solid #c1c1c1 !important;
        border-right: 2px solid #c1c1c1 !important;
    }

    .error_card {
        border-left: 5px solid red !important;
        border-top: 2px solid #c1c1c1 !important;
        border-bottom: 2px solid #c1c1c1 !important;
        border-right: 2px solid #c1c1c1 !important;
    }
    .text-card-title {
        font-size: 18px;
        color: #000 !important;
    }

    .check-msg {
        font-size: 18px;
        line-height: 25px;
        color: #6b6b6b;
    }

    .container-shippings-mobile {
        cursor: pointer;
        position: fixed;
        bottom: 70px;
        background: #fff;
        z-index: 1001;
        border-top: 1px solid #eee;
        left: 10px;
        right: 10px;
    }
    .container-view-map {
        position: fixed;
        bottom: 120px;
        right: 10px;
        left: 10px;
        background: #fff;
        z-index: 1001;
        display: flex;
        justify-content: space-between;
    }

    .text-cluster {
        font-size: 30px !important;
    }

    .text-cluster-numero {
        font-size: 75px !important;
    }

    .text-cluster-error {
        font-size: 40px !important;
    }
}

.text-cluster {
    font-size: 60px;
}

.text-cluster-numero {
    font-size: 150px;
}

.text-cluster-error {
    font-size: 80px;
}

.scanned-row {
    background-color: #bcf1c8;
}

.go-shipping {
    color: rgb(52, 131, 250) !important;
    cursor: pointer;
}

.text-caption {
    color: #666;
    font-size: 0.75rem;
}

.success_card {
    border-left: 4px solid #4CAF50 !important;
}
.error_card {
    border-left: 4px solid #FF5252 !important;
}
.vencida{
    background-color: #dd4b39;
    color: white;
    border-radius: 100px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
    min-width: 150px;
    display: block;
  }

  .por_vencer{
    background-color: #02A698;
    color: white;
    border-radius: 100px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
    min-width: 150px;
    display: block;
  }

  .vence_hoy{
    background-color: #f69a38;
    border-radius: 100px;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px !important;
    text-align: center;
    white-space: nowrap;
    min-width: 145px;
    display: block;
  }

  .step-1 .v-stepper__wrapper {
    height: auto !important;
  }

.card {
    background-color: white;
    height: 100%;
    padding: 20px;
}

.content-card {
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}