/*@font-face {
    font-family: 'HelveticaBold';
    src: url("../fonts/HelveticaNeue-CondensedBold.otf") format('opentype');

}

@font-face {
    font-family: 'HelveticaLight';
    src: url("../fonts/HelveticaLTStd-Light.otf") format('opentype');
}

@font-face {
    font-family: 'HelveticaNormal';
    src: url("../fonts/HelveticaLTStd-Roman.otf") format('opentype');

}*/

/*Evita que la ficha se haga mas pequeña al cerrar el modal*/
body.modal-open-noscroll {
    margin-right: 0 !important;
    overflow: hidden;
}

.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}
/**/

input.ace.aceTabla {
    position: relative !important;
}

.multiselect.dropdown-toggle {
    text-align: left;
}

.tablaTags > tbody > tr.select-row:hover > td,
.select-row > td {
    background-color: #bddef9;
}

.footerBlanco {
    background-color: #FFFFFF !important;
    width: 100%;
}

.areaRoja p {
    color: #ffffff !important;
    font-family: HelveticaBold;
    font-size: 2.4rem;
}

.areaRoja {
    background-color: #ce1126;
    padding: 20px;
    margin-bottom: 0;
}

.lbl-titulo-auditoria {
    position: relative;
    top: -17px;
}

.closeAreaWindow {
    margin-bottom: 10px;
}

.iconCerrarWindow {
    width: 20px;
    cursor: pointer;
    position: relative;
    float: right;
    right: -13px;
}


.googleplayIcon {
    width: 161px;
    margin-right: -20px;
}

.appstoreIcon {
    width: 128px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-10 {
    margin-right: 10px;
}

.horizontal-list {
    margin: 0 !important;
}

.horizontal-list > li {
    display: inline-block;
    margin: 0 5px;
}

.img-link {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    cursor: pointer;
}


.iconExcel {
    height: 27px;
    width: 27px;
    cursor: pointer;
    float: right;
}

.margin-top-75 {
    margin-top: 75px;
}


.title-table-search {
    min-height: 43px;
}

#Modal-Imagenes > .modal-dialog > .modal-content > .modal-body > .form-horizontal > .form-group > ul > li > .imgModals {
    width: 150px !important;
}



#modalVisor > .imgModals {
    width: 50px !important;
}

.pad-left20 {
    padding-left: 20px;
}

.modal.fade.modalFotos .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in.modalFotos .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.modal.fade.modalEditarFotos .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.modal.fade.in.modalEditarFotos .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 1;
}

.listImg > img {
    height: 170px;
}

.ui-datepicker {
    display: none !important;
    visibility: hidden !important;
}

#modalVisor > .modal-dialog > .modal-content > .modal-body > ul > li > img {
    height: 70px !important;
}

.btnEdition {
    margin-right: 2%;
    position: absolute;
    right: 0px;
    z-index: 1000;
    width: 90px;
}

.btnEditar {
    margin-top: 160px;
}

.btnRestaurar {
    margin-top: 220px;
}

.btnEliminar {
    margin-top: 280px;
}

li.listimgmodal img:hover {
    border: solid 2px;
    border-color: #428bca;
    cursor: pointer;
}


.bootbox.modal > .modal-dialog {
    z-index: 1050 !important;
}

.ui-autocomplete {
    z-index: 2147483647;
}

.lblAuditoria {
    float: right;
}

/*Color de los bordes donde se encuentran las tablas*/
.panelTablas {
    border-color: #cccccc !important;
}

/*Color de los titulos de los widget donde se mestran las tablas*/
.widget-header {
    background: #cccccc !important;
    color: #000000 !important;
}

/*Color del encabezado de las tablas*/
.panel-primary > .panel-heading {
    background-color: #064F67 !important;
    border-color: #064F67 !important;
}
/*Texto en Azul Oscuro*/
.text-blue {
    color: #064F67;
}
/*Mostrar el scroll vertical*/
.overflow-y {
    overflow-y: auto !important;
}

/*Texto en Verde*/
.text-green {
    color: #05aa85;
}
/*Texto en Gris*/
.text-gray {
    color: #5e5e5e;
}
/*Atributo para que las TextAreas no se pueda modificar el tamaño desde el explorador*/
.noRezise {
    resize: none;
}
/*Tamaño de los TextAreas*/
.txtArea {
    height: 95px !important;
    width: 100%;
    resize: none !important;
}

.txtArea-fixed {
    height: 34px !important;
    width: 100%;
}


/*Puntero de manita*/
.puntero {
    cursor: pointer !important;
}
/*Tamaño del icono para ver los detalles de una empresa*/
#detallesEmpresa {
    font-size: 17px !important;
}
/*Color y puntero de los iconos de opcion en las tablas*/
.table-options {
    color: #808f92;
    cursor: pointer;
    font-size: 17px !important;
    text-decoration: none !important;
}

/*Color de los titulos de las paginas*/
.page-header > h1 > b {
    color: #005ea8;
}
/*Estilo agregado mediante JS para la seleccion de una fila en las tablas*/
table.tabla-seleccion > tbody > tr.seleccionado {
    background-color: #4D92CD !important;
    color: #ffffff !important;
}


/*Tamaño del cuadro donde se muestra el nombre del usuario ingresado*/
.user-info {
    max-width: 100%;
}

/*Tamaño del icono del usuario en la ezquina superior derecha*/
#userIcon {
    font-size: 30px;
    padding: 7px 0 0 0;
    margin: 0 15px 0 0;
}
/*Color del lapiz para editar*/
#userEdit {
    color: #808f92 !important;
    font-size: 30px;
    padding: 7px 0 0 0;
    margin: 0 15px 0 0;
    cursor: pointer !important;
}





/*Color de las tablas y letras de estas*/
.table > thead > tr {
    background: #ce1126;
    background-color: #ce1126;
    color: #ffffff;
}

.tablaGris > thead > tr {
    background: #cecece;
    color: #797979;
}

.tablaGris {
    margin-bottom: 0;
}

    .tablaGris > tbody > tr > td {
        padding: 3px;
    }

    .tablaGris > thead > tr > th {
        padding: 3px;
    }

.table > tbody > tr {
    color: #8c8c8c;
}
/*Color del titulo de la la columna "Tabla" en la tabla "estimación de productos por tabla" en modulo inicio*/
.titleTabla {
    color: #000000;
}
/*Color de las tablas en modulo proyectos*/
.table-proyect > thead > tr {
    background: #bcc6c7 !important;
    background-color: #9CA6A7 !important;
    color: #ffffff !important;
    border-color: #bcc6c7 !important;
}

/*Subrayado de color azul*/
.subrayado-azul {
    border-bottom: 1px solid #064F67 !important;
}






/*Color del texto dentro de las tablas y en las filas*/
table.tabla-seleccion > tbody > tr {
    color: #000000;
}

/*Color de letra de los identificadores de las tablas en modulo incio*/
.well-tablas {
    color: #000000 !important;
    background-color: #e6e6e6;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-top: 37px;
}

/*Color del fondo de los encabezados de las tablas en modulo inicio*/
table.tabla-Inicio > thead > tr {
    background-color: inherit !important;
}

.table-options:hover {
    color: #808f92;
}
/*Padding para las tablas que contienen una caja de texto dentro de una fila*/
.padRows {
    padding-top: 15px !important;
}



/*Botones ikkarus color verde*/
.btn-pisa {
    color: #fff !important;
    background-color: #005ea8 !important;
    border-color: #005ea8 !important;
    padding: 0;
}

    .btn-pisa:hover, .btn-pisa:focus, .btn-pisa:active, .btn-pisa.active, .open > .dropdown-toggle.btn-pisa {
        color: #fff !important;
        background-color: #005ea8 !important;
        border-color: #005ea8 !important; /*set the color you want here*/
    }
/*Botones ikkarus color azul*/
.btn-pisa-blue {
    color: #fff !important;
    background-color: #064F67 !important;
    border-color: #064F67 !important;
    padding: 0;
}

    .btn-pisa-blue:hover, .btn-pisa-blue:focus, .btn-pisa-blue:active, .btn-pisa-blue.active, .open > .dropdown-toggle.btn-pisa-blue {
        color: #fff !important;
        background-color: #064F67 !important;
        border-color: #064F67 !important; /*set the color you want here*/
    }











/*Tamaño y acomodo del icono de usuario "Modulo Salir para moviles"*/
.user-phone {
    font-size: 40px;
    padding-left: 20px;
    padding-top: 17px;
}


/*Color y tamaño de las etiquetas con acciones en los index de cada modulo*/
.linkText {
    color: #064F67;
    font-size: 20px;
}
/*relleno para las barras de progreso de cada proyecto en modulo Inicio*/
.progress.pos-rel {
    padding: 0 0 0 0;
}
/*Color de las barras de progreso de cada proyecto en modulo inicio*/
.progress-bar {
    background-color: #064F67;
}



/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer {
    background-color: #ffffff;
    height: 70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text {
    padding: 10px 0 0 0;
}
/*Color del fondo del menú donde se muestran todas las vistas(parte superior del pie de la pagina)*/
.main-container:before, #main-container:before {
    background-color: #ececec;
    background: url(/Content/Ryder/BGTyT3.png) no-repeat center center fixed;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.beforeBG:before {
    background: none !important;
}

.main-container:after {
    background-color: #ececec;
}

/*Color del fondo del menú donde se muestran todas las vistas(parte superior del pie de la pagina)*/
/*#main-container:before{
    background-color:#ececec !important;
    background: #ececec !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}*/

/*Color de las letras e iconos cuando se posiciona el cursor arriba de los iconos del menu*/
.no-skin .nav-list > li:hover > a {
    color: #000000;
}

.nav-list > li:before {
    content: none;
}
/*Cuadro "Flotante" donde se muestran las vistas*/
#main-well {
    height: 100%;
    margin-top: 55px;
}
/*Relleno superior para los iconos de las tablas con acciones en sus filas*/
.icon-options {
    padding-top: 7px;
    font-size: 19px !important;
}
/*color y color de borde de los botones en general*/


/*Subrayado*/
.subrayado {
    border-bottom: 3px solid #00906F !important;
}
/*Margen de los titulos de las vistas*/
h1 {
    margin: 0 0 0 37px !important;
}
/*Margen de los form group*/
.margin-FG {
    margin: 0 25px 0 25px !important;
}


/*padding botones en modulo proyectos*/
.pBotones-proyectos {
    padding-left: 111px;
}
/*padding botones en modulo inicio*/
.pBotones-inicio {
    padding: 0 111px 0 0;
}

.pBotones-inventarioA {
    padding: 0 111px 0 0;
}
/*Subrayado de las opciones de los menus*/
.subrayado:hover {
    text-decoration: none;
}

/*Borde del navegador de pestañas en modulo proyecto*/
.nav-tabs {
    border-bottom: 0;
}

.cultivo-options {
    margin-top: 25px;
}

/*Ajuste para que el texto que identifica cada tabla este centrado*/
.widget-header > .widget-title {
    display: block !important;
}

/*No padding de las opciones etiquetas*/
.no-padd {
    padding: 0 0 0 0 !important;
}

/*No padding izquierda*/
.no-padd-left {
    padding-left: 0px !important;
}

/*No padding derecha*/
.no-padd-right {
    padding-right: 0px;
}


/*Tamaño de letra de las Tablas*/
.textTables {
    font-size: 15px !important;
}
/*Color gris claro de las filas con el patron 1 si 1 no*/
.tableColorRowGrayLight1 > tbody > tr:nth-child(odd) {
    background-color: #e6e6e6 !important;
}

/*Color gris claro de las filas con el patron 1 no 1 si */
.tableColorRowGrayLight2 > tbody > tr:nth-child(even) {
    background-color: #e6e6e6 !important;
}
/*Color gris oscuro de las filas con el patron 1 sí 1 no.*/
.tableColorRowGrayStrong1 > tbody > tr:nth-child(odd) {
    background-color: #bbc5c7 !important;
}

/*Color gris oscuro de las filas con el patron 1 no 1 si.*/
.tableColorRowGrayStrong2 > tbody > tr:nth-child(even) {
    background-color: #bbc5c7 !important;
}


/*Padding para modales*/
.modalPadding {
    padding: 30px 15px 15px 15px !important;
}


/*Radio/Redondo del bootstrap switch*/
.bootstrap-switch {
    border-radius: 20px !important;
}
/*--------------------------------------------------------------------------------------------------*/

.multiselector > .btn-group {
    width: 100%;
}


.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px rgba(255, 255, 255, 0.00) solid;
    background-color: #cccccc;
}

    #checkboxes label {
        display: block;
    }

        #checkboxes label:hover {
            background-color: #cccccc;
        }
/*--------------------------------------------------------------------------------------------------*/

p {
    margin-top: 13px;
    margin-bottom: 13px;
}

.contenedorEventosAdversos {
    max-height: 150px;
    overflow-y: auto;
}

.contenedorAnexos {
    max-height: 500px;
    overflow-y: auto;
}




.datepicker {
    padding: 0 !important;
}

.contenedorPDF {
    max-height: 120px;
    overflow-y: auto;
}

/*Estilos para la vsita de carga*/
#loading {
    display: block;
    background-color: rgba(0, 0, 0, 0.58);
    color: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
    /*Estilos para el icono de carga*/
    #loading > i {
        display: block;
        width: 100px;
        height: 30px;
        font-size: 30px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }


.right-well-blue {
    background-color: #005ea8 !important;
    height: 100% !important;
    width: 100% !important;
    /*padding:30%;*/
}

#ImgBienvenida {
    opacity: 0.4;
    filter: alpha
}

/*Padding que tienen las etiquetas de los menus laterales para mostrarse centradas en el contenedor*/
.padd-top-25 {
    padding-top: 25px !important;
}

.main-content-inner {
    float: inherit !important;
}

.LogoRyder {
    height: 90px;
    width: 100%;
    padding: 15px 20px;
}

.filtroArea {
    max-height: 190px;
    overflow: auto;
}

.iconos {
    color: #000000 !important;
    font-size: 30px !important;
}

.iconos-filtro {
    color: #8c8c8c;
    font-size: 20px !important;
}

.tableIcons {
    font-size: 20px !important;
}

.listaFiltro {
    list-style: none !important;
}

    .listaFiltro li {
        border-bottom: 1px solid #d6d6d6 !important;
    }

.IconosToolBox {
    width: 70px !important;
    font-size: 27px;
    cursor: pointer;
}


.googleMap {
    height: 300px !important;
    width: 100% !important;
}

.noNotifications {
    background-color: #ce1126;
    top: -6px !important;
    left: -15px !important;
    font-family: "HelveticaNormal" !important;
}

.lblSugerirPedidos {
    font-family: 'Helvetica Neue';
    color: #ce1126;
    border-bottom: 1px solid #ce1126;
    font-size: 22px !important;
}

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: hidden !important;
}

.tabs-left > .nav-tabs {
    border-color: #000 !important;
}

    .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
        background-color: #ce1126 !important;
        border-left: 2px solid #ce1126 !important;
        color: #FFF !important;
        font-family: 'HelveticaBold' !important;
        text-align: center !important;
        font-size: 20px !important;
    }

.tabs.lef > .nav-tabs > li > a, .nav-tabs > li > a {
    background-color: #FFF !important;
    color: #000 !important;
    text-align: center;
    font-family: 'HelveticaBold' !important;
    font-size: 18px !important;
}

    .tabs.lef > .nav-tabs > li > a, .nav-tabs > li > a:hover {
        background-color: #FFF !important;
        color: #000 !important;
        text-align: center;
        font-family: 'HelveticaBold' !important;
        font-size: 19px !important;
    }

.SubTabNav > .SubTabContent {
    border-color: #FFF !important;
}

.SubTabNav > .nav-tabs > li.active > a, .SubTabNav > .nav-tabs > li.active > a:hover {
    border-top: none !important;
    border-left: 1px solid #8c8c8c !important;
    border-right: 1px solid #8c8c8c !important;
    border-bottom: 3px solid #ce1126 !important;
    box-shadow: none !important;
    font-size: 19px !important;
    font-family: "HelveticaLight" !important;
    color: #ce1126 !important;
    padding: 8px 30px 7px 30px !important;
}




.SubTabNav > .nav-tabs > li > a {
    font-family: "HelveticaLight" !important;
    border-top: none !important;
    border-color: #8c8c8c !important;
    font-size: 15px !important;
}

    .SubTabNav > .nav-tabs > li > a:hover {
        color: #ce1126 !important;
        font-size: 17px !important;
        font-family: "HelveticaLight" !important;
    }

.modal {
    /*z-index: 5000 !important;*/
}

.contenedorFicha {
    border: 1px solid #ce1126;
    border-left-color: #ce1126;
    border-radius: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce1126+0,ffffff+51,ffffff+55,ffffff+64,ffffff+77,ffffff+100&1+11,0+100 */
    background: -moz-linear-gradient(left, rgba(206,17,38,1) 0%, rgba(217,68,85,1) 11%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0.51) 55%, rgba(255,255,255,0.41) 64%, rgba(255,255,255,0.26) 77%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(206,17,38,1) 0%,rgba(217,68,85,1) 11%,rgba(255,255,255,0.55) 51%,rgba(255,255,255,0.51) 55%,rgba(255,255,255,0.41) 64%,rgba(255,255,255,0.26) 77%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(206,17,38,1) 0%,rgba(217,68,85,1) 11%,rgba(255,255,255,0.55) 51%,rgba(255,255,255,0.51) 55%,rgba(255,255,255,0.41) 64%,rgba(255,255,255,0.26) 77%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1126', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.ContenidoFicha {
    /*border-left: 1px solid #ce1126;*/
    padding: 20px 15px;
    border-left: 1px solid #ce1126;
    border-left-color: #FFF;
    border-right: 1px solid #FFF;
    background-color: white;
}

.contenedorViajes {
    border: 1px solid #ce1126;
    border-radius: 4px;
    background-color: #FD9DA5;
}

.contenidoViaje {
    border-left: 1px solid #ce1126;
    border-right: 1px solid #ce1126;
    background-color: white;
}

.columnaIconos {
    font-size: 20px;
    text-align: center !important;
}

.columnaTool {
    font-size: 20px;
    text-align: center !important;
}

.listaOpciones {
    list-style: none;
    margin: 0 !important;
}

    .listaOpciones > li {
        float: right;
        padding: 5px 10px;
    }

        .listaOpciones > li a {
            display: block;
            text-align: center;
            padding: 16px;
            text-decoration: none;
        }

.listaTool {
    list-style: none;
    margin: 0 !important;
    right: 0 !important;
    position: absolute !important;
}

.iconosFichas {
    font-size: 22px;
    color: #ce1126;
    cursor: pointer;
    padding: 0 11px;
}

.iconoExpand {
    bottom: 0 !important;
    right: 0 !important;
    position: absolute;
}

.subListaViajes {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: right !important;
}

    .subListaViajes > li {
        float: right;
        padding: 5px 10px;
    }

        .subListaViajes > li a {
            display: block;
            text-align: center;
            padding: 16px;
            text-decoration: none;
        }

@media (min-width:401px) {
    .listaFiltro li > .form-group {
        margin-bottom: 0px !important;
        padding-top: 10px !important;
    }
}

@media (max-width:400px) {
    .listaFiltro li > .form-group {
        margin-bottom: 0px !important;
        padding-top: 10px !important;
        margin-left: -55px;
    }
}

.pagination > li > a, .pager > li > a {
}

@media (max-width:295px) { /*de 0 a 310 px mide esto*/
    .lblTitulo {
        font-size: 19px;
        font-weight: bold;
        font-family: HelveticaBold !important;
    }

    .signoMas {
        font-size: 18px !important;
    }
}


@media (min-width:296px) and (max-width:382px) /*de 311 hasta 382 mide esto*/
{
    .lblTitulo {
        font-size: 20px;
        font-weight: bold;
        font-family: HelveticaBold !important;
    }

    .signoMas {
        font-size: 20px !important;
    }
}


@media (min-width:383px) /*de 383 en adelante mide esto*/
{
    .lblTitulo {
        font-size: 30px !important;
        font-weight: bold;
        font-family: HelveticaBold !important;
    }

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


.no-margin {
    margin-bottom: 1px !important;
}

.menuIdioma:before {
    display: block;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.lblTituloModal {
    font-family: "HelveticaBold" !important;
    font-size: 20px !important;
}

.modal-body {
    font-family: "HelveticaNormal" !important;
}

.btnModal > .btn-Ryder-nav {
    height: 40px !important;
}

.btnModal > .btn-Ryder-nav-options {
    height: 40px !important;
    font-size: 26px !important;
    padding: 2px 20px 5px 22px !important;
}

.navbar-right {
    margin-right: 0 !important;
}

.btnUsuario {
    padding-top: 4px !important;
    padding-left: 5px !important;
    color: #fff !important;
    background-color: #ce1126 !important;
    border-color: #ce1126 !important;
    font-size: 13px !important;
    font-weight: bold;
    border: 1px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    border-radius: 15px;
    height: 30px !important;
    width: 32px !important;
    margin-top: 8px;
    margin-right: 20px;
    margin-bottom: 7px;
    margin-left: 12px;
    cursor: pointer;
    text-align: center !important;
}



    .btnUsuario:hover, .btnUsuario:focus, .btnUsuario:active, .btnUsuario.active, .open > .dropdown-toggle.btnUsuario, .navbar .navbar-nav > li > a.btnUsuario:hover, .navbar .navbar-nav > li.open > a.btnUsuario {
        color: #FFF !important;
        background-color: #ce1126 !important;
        border-color: #ce1126 !important;
        border: 1px solid !important;
        cursor: pointer;
    }

.btnNotificaciones {
    padding-top: 10px !important;
    color: #000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 25px !important;
    font-weight: bold;
    border: 0px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    cursor: pointer !important;
}

    .btnNotificaciones:hover, .btnNotificaciones:focus, .btnNotificaciones:active, .btnNotificaciones.active, .open > .dropdown-toggle.btnNotificaciones, .navbar .navbar-nav > li > a.btnNotificaciones:hover, .navbar .navbar-nav > li.open > a.btnNotificaciones {
        color: #ce1126 !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: 0px solid !important;
        cursor: pointer !important;
    }

.btnIdioma {
    padding-top: 10px !important;
    color: #000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 17px !important;
    font-weight: bold;
    border: 0px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    cursor: pointer !important;
}


    .btnIdioma:hover, .btnIdioma:focus, .btnIdioma:active, .btnIdioma.active, .open > .dropdown-toggle.btnIdioma, .navbar .navbar-nav > li > a.btnIdioma:hover, .navbar .navbar-nav > li.open > a.btnIdioma {
        color: #ce1126 !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: 0px solid !important;
        cursor: pointer !important;
    }

.navbar .navbar-nav > li {
    border: none !important;
}

.navbar .navbar-nav .dropdown-menu {
    background-color: #FFF !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding: 0;
}

.LogoRyderMini {
    height: 35px;
    width: 130px;
    margin-left: 10px;
    margin-top: 5px;
}

ul.nav li:hover > ul.dropdown-menu {
    display: block;
}

.btnHamburguesa {
    color: #000000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 27px !important;
    font-weight: bold;
    border: 0px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    border-radius: 15px;
    height: 30px !important;
    width: 32px !important;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 12px;
    cursor: pointer;
    text-align: center !important;
}

.dropdown-submenu {
    position: relative !important;
}

.listaPerfil {
    list-style: none;
    margin-right: 20px;
}

.lblPerfil {
    font-family: HelveticaBold;
    font-size: 20px;
}

.lblRol {
    font-family: HelveticaBold;
    font-size: 15px;
}


.btnLogin {
    color: #fff !important;
    background-color: #ce1126 !important;
    border-color: #ce1126 !important;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    height: 35px !important;
    width: 110px !important;
    cursor: pointer;
    text-align: center !important;
    margin-top: 4px !important;
}

    .btnLogin:hover, .btnLogin:focus, .btnLogin:active, .btnLogin.active, .open > .dropdown-toggle.btnLogin, .navbar .navbar-nav > li > a.btnLogin:hover, .navbar .navbar-nav > li.open > a.btnLogin {
        color: #fff !important;
        background-color: #ce1126 !important;
        border-color: #ce1126 !important;
        border: 1px solid !important;
        cursor: pointer;
    }

.g-recaptcha {
    transform: scale(0.80);
    transform-origin: 0 0;
}

.g-recaptcha-inicio {
    transform: scale(0.99);
    transform-origin: 0 0;
}

.txtAreaFiltros {
    height: 120px;
    width: 242px;
    resize: none;
}

.areaResultados {
    max-height: 200px !important;
    overflow: auto;
}

    .areaResultados::-webkit-scrollbar {
        /*width: 0px !important; remove scrollbar space */
        /*background: transparent !important; optional: just make scrollbar invisible */
    }

.sidebar::-webkit-scrollbar {
    width: 0px !important; /* remove scrollbar space */
    background: transparent !important; /* optional: just make scrollbar invisible */
}

.main-container {
    position: inherit !important;
}

.btnBusqueda {
    position: absolute;
    top: 50%;
    z-index: 1039;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff !important;
    background-color: #ce1126 !important;
    border-color: #ce1126 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
}

.oculto {
    position: fixed;
    top: 50%;
    z-index: 1038;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    left: 0px !important;
}

.activo {
    position: fixed;
    top: 50%;
    z-index: 1039;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    left: 304px !important;
}


.well-Activo {
    margin-left: 370px !important;
    margin-right: 25px !important;
}

.well-Oculto {
    margin-left: 100px !important;
    margin-right: 100px !important;
    background-color: transparent !important;
}

.well-Oculto-principal {
    margin-left: 100px !important;
    margin-right: 100px !important;
    background-color: transparent !important;
}

.btnBusqueda:active, .btnBusqueda.active {
    top: 50% !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #000000 !important;
    background-color: #FFF !important;
    border-color: #ce1126 !important;
}

.headerList {
    background-color: #8c8c8c;
    color: #FFF;
    font-family: HelveticaNormal !important
}

a.list-group-item, button.list-group-item {
    color: #000 !important;
}

.formatoFicha {
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 15px 0;
    -webkit-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    -moz-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    margin-bottom: 40px !important;
    transition: visibility 600ms;
}

.FichaPedido {
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 15px 0;
    -webkit-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    -moz-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    margin-bottom: 40px !important;
    transition: visibility 600ms;
}

.FichaTabla {
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 15px;
    padding-bottom: 45px;
    -webkit-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    -moz-box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    box-shadow: 8px 8px 23px -12px rgba(0,0,0,1);
    margin-bottom: 40px !important;
    transition: visibility 600ms;
}

.barraFicha {
    padding: 0 !important;
}

.cuerpoFicha1 {
    padding-top: 15px;
}

.btnExpandFicha {
    color: #ce1126;
    cursor: pointer;
    margin-right: 20px;
    height: 35px;
    width: 35px;
}


.CabeceraFicha {
    padding: 5px 15px;
}

.LblGrisOscuro {
    color: #8c8c8c !important;
    font-family: HelveticaBold;
}

.LblGrisClaro {
    color: #8c8c8c !important;
    font-family: HelveticaLight
}

.lblNegroFuerte {
    color: #000;
    font-family: HelveticaBold;
}

.margin2px {
    margin-top: 2px;
}

.FichaPedido label, .FichaPedido > .CabeceraFicha > label, .FichaPedido > .cuerpoFicha1 > label {
    font-size: 16px !important;
}

.cuerpoFicha2 {
    padding-left: 60px;
}

.FichaViaje {
    border-left: 5px solid #ce1126;
}

.SeparadorViajes {
    border-bottom: 2px solid #d6d6d6;
    margin-top: 15px;
    margin-bottom: 15px;
}

.areaEstado {
    display: inline-block;
    height: 25px;
    top: 0px;
    position: relative;
    text-align: right;
}

.areaPasos {
    display: inline-block;
    height: 25px;
    clear: both;
    position: sticky;
    float: right;
    width: 270px;
    text-align: left;
}

.Estep0 {
    background-color: #FFF;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 20px;
    display: inline-block;
    z-index: 7;
}

.Estep1 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 62px;
    display: inline-block;
    border: 2px solid #FFF;
    z-index: 6;
}

.Estep2 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 104px;
    display: inline-block;
    z-index: 5;
    /*left: 150px;*/
    border: 2px solid #FFF;
}

.Estep3 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 146px;
    display: inline-block;
    z-index: 4;
    /*left: 150px;*/
    border: 2px solid #FFF;
}

.Estep4 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 188px;
    display: inline-block;
    z-index: 3;
    /*left: 150px;*/
    border: 2px solid #FFF;
}

.Estep5 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 230px;
    display: inline-block;
    z-index: 2;
    border: 2px solid #FFF;
    /*left: 210px;*/
}

.Estep6 {
    background-color: #d6d6d6;
    border: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    height: 25px;
    width: 270px;
    display: inline-block;
    z-index: 1;
    border: 2px solid #FFF;
    /*left: 270px;*/
}

.DespachoC {
    background-color: #ffffff !important;
    border-right: black 1px solid;
}

.Despacho {
    background-color: #ffffff !important;
    border: black 1px solid;
}

.DespachoActivo {
    background-color: #8c8c8c !important;
}

.DespachoInactivo {
    background-color: #ffffff !important;
}

.lblareaPlus {
    cursor: pointer;
    padding-left: 30px;
}

.areaPlusContent {
    border-left: 5px solid rgba(0,0,0,0);
    padding-left: 60px;
    margin-bottom: 15px;
}



.alertaRyder {
    background-color: #8c8c8c !important;
    border: 1px solid #000000 !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 18%;
    z-index: 1039;
    transition: display ease-in 0.5s;
}

.tablaNumParte > thead > tr > th {
    border-color: transparent !important;
}

.tablaNumParte > tbody > tr > td {
    border-left: 1px solid transparent !important;
}

.Opcionesflotantes {
    float: left;
}

.SubOpcionesflotantes {
    float: right
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 780px;
    box-shadow: 0px 5px 16px 3px rgba(0,0,0,0.2);
    z-index: 6;
    left: -170px;
    padding: 0px 15px 0px 15px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    max-height: 400px;
    overflow: auto;
    border-top-width: 20px;
    border-bottom-width: 20px;
}

.sub-menu-datos {
    display: none;
    position: absolute;
    background-color: #FFF;
    max-width: 1000px;
    box-shadow: 0px 5px 16px 3px rgba(0,0,0,0.2);
    z-index: 6;
    left: -170px;
    padding: 25px 50px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    max-height: 456px !important;
    height: 456px;
}

.SubOpcionesflotantes > .sub-menu {
    left: 7%
}

.sub-menu.SubActivo {
    display: block;
}

.sub-menu.redes.SubActivo {
    display: block;
    position: absolute;
    background-color: #FFF;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 6;
    left: 100px;
    border-radius: 20px;
    padding: 15px 15px 15px 15px;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.sub-menu.SubActivo > .tablasSinBordes {
    min-width: 0px;
}

    .sub-menu.SubActivo > .tablasSinBordes thead tr {
        min-width: 0px;
    }

    .sub-menu.SubActivo > .tablasSinBordes tbody {
        min-width: 0px;
    }

/*.old_ie_wrapper {
  height: 400px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}*/

.mapaInner {
    min-width: 700px;
}

.listaRedes > li {
    float: left !important;
    list-style: none !important;
    padding: 10px 15px;
}

.btnCompartir {
    color: #ce1126;
    font-size: 20px;
    cursor: pointer;
}

.btnShare {
    color: #ce1126;
    font-size: 20px;
    cursor: pointer;
}

.lblTituloComentarios {
    font-size: 35px;
    padding-bottom: 10px;
}

.lblsubtituloComentarios {
    font-size: 25px;
}

.lblFont20 {
    font-size: 22px;
}

a.aRyder {
    color: #ce1126 !important;
}

.footer-dentro {
    position: absolute;
    bottom: 15px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

a.arRyder {
    color: #ffffff !important;
}

.seccion-aviso-termino {
    margin-top: 20px;
}

.formRegistro {
    background-color: #FFF;
    border-radius: 15px;
    margin-top: 80px;
    padding-top: 20px;
    padding-bottom: 5px;
}

.lblRojoRyder {
    color: #ce1126 !important;
}

.footer-inner {
    bottom: 20px !important;
    font-family: HelveticaNormal !important;
    font-size: 15px !important;
}


.lblLinks {
    font-size: 15px;
    font-family: HelveticaNormal !important;
    cursor: pointer;
}

.imgQR {
    width: 240px;
    height: 240px;
    background-color: #000;
}

.lblHelvelicaLight {
    font-family: HelveticaLight !important;
}

.lblNoResultados {
    text-align: center;
    vertical-align: middle;
    color: #8c8c8c;
    font-size: 25px;
}

.alert-danger {
    color: #ce1126 !important;
    font-size: 15px !important;
    font-family: HelveticaNormal !important;
}

.alert-success {
    font-size: 15px !important;
    font-family: HelveticaNormal !important;
}

.fixed-table-container {
    padding-bottom: 16px !important;
}

.tablasSinBordes > thead > tr > th {
    border-color: rgba(0,0,0,0) !important;
}

.tablasSinBordes > tbody > tr > td {
    border-left: 1px solid rgba(0,0,0,0) !important;
    border-right: 1px solid rgba(0,0,0,0) !important;
    border-bottom: 1px solid #8c8c8c !important;
}

.fixed-table-body {
    border-top: 2px solid #ce1126 !important;
    border-bottom: 2px solid #ce1126 !important;
}

.table-bordered {
    border: none;
}

.iconosTablasFlotantes, .IconoSeguimiento {
    color: #ce1126;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.bootstrap-table > .fixed-table-container {
    border: 0px solid rgba(0,0,0,0) !important;
}

.fixed-table-header {
    border-top: 2px solid #ce1126 !important;
    background-color: #ce1126 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(206, 17, 38, 0.10) !important;
}

.table-hover > tbody > tr:hover {
}

.pagination-info {
    color: #8c8c8c;
    font-family: HelveticaNormal;
}

.areaTablePlus {
    padding-bottom: 40px;
}

.fixed-table-header > .tablaModal {
    display: none !important;
    border: 0px solid #FFF;
}

.TitleRow {
    background-color: #ce1126;
    color: #ffffff !important;
}

    .TitleRow:hover {
        background-color: #ce1126 !important;
        color: #ffffff !important;
    }

    .TitleRow > td {
        border-color: #ffffff !important;
    }

.paddingL_25 {
    padding-left: 25px;
}

.tarjetaON {
    opacity: 1;
    visibility: visible;
    position: static;
    width: 100%;
    height: 100%;
    z-index: 100;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tarjetaOFF {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 0;
    display: none;
}

.TActivo {
    animation-name: bloop;
    animation-duration: 600ms;
    animation-timing-function: ease-out;
}

    .TActivo > .CabeceraFicha {
        top: -2rem;
    }

@keyframes bloop {
    50% {
        /*transform: scale(0.90);*/
        transform: scale(1.10);
        transform-origin: center;
    }
}


.btnActivo {
    color: #8c8c8c;
}

.lblVerDetalleViaje {
    font-size: 17px;
    font-family: HelveticaBold;
}

.iconosResultados {
    color: #ce1126;
    font-size: 20px;
    cursor: pointer;
    padding: 0 5px 0 5px;
}

.iconosSort {
    height: 17px;
    width: 17px;
    margin-bottom: 7px;
    margin-left: 7px;
    cursor: pointer;
}

.iconosFichas {
    height: 30px;
    width: 30px;
    margin: 0 3px;
    padding: 0 !important;
}


.btnBusquedas {
    font-size: 20px;
}

.btnDialogo {
    width: 28px;
}

.btnMensajes {
    padding-top: 8px !important;
    color: #000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 17px !important;
    font-weight: bold;
    border: 0px solid !important;
    transition: background-color 0.15s ease-in;
    font-family: HelveticaBold !important;
    cursor: pointer !important;
}

    .btnMensajes:hover, .btnMensajes:focus, .btnMensajes:active, .btnMensajes.active, .open > .dropdown-toggle.btnMensajes, .navbar .navbar-nav > li > a.btnMensajes:hover, .navbar .navbar-nav > li.open > a.btnMensajes {
        color: #ce1126 !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: 0px solid !important;
        cursor: pointer !important;
        outline: 0 !important;
    }

button:focus {
    outline: 0 !important;
    outline-offset: 0px !important;
}

.alert-Ryder-Success, .alert-Ryder-Danger {
    background-color: #d6d6d6;
    color: #000000;
    font-family: HelveticaBold;
    border-color: rgba(140, 140, 140, 0.30);
}

    .alert-Ryder-Danger > .fa {
        color: #ce1126;
    }

    .alert-Ryder-Success > .fa {
        color: #ce1126;
    }

.btnModalImagenes {
    width: 25px;
    cursor: pointer;
    margin: 0 5px;
}

.fotoPOD {
    height: 500px;
    width: 400px;
}

.googleMapTotal {
    position: fixed !important;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 0;
}

.table > tbody > tr > td {
    border-top: 1px solid #8c8c8c;
}

#btnRastrear {
    height: 35px;
    padding-top: 6px;
}

.bgGris {
    background-color: #ececec;
    border-radius: 20px;
    margin-top: 90px;
}

.tituloHome {
    font-size: 40px;
    font-family: HelveticaBold
}

.lemaHome {
    color: #ffffff !important;
    font-family: HelveticaNormal;
    font-size: 1.7rem;
}

.lemaform {
    margin: 20% 0;
}

.IconRegresaFicha {
    color: #ce1126;
    font-size: 5rem;
    cursor: pointer;
    position: relative;
    left: -40px;
    top: 120px;
    float: left;
}

.IconSiguienteFicha {
    color: #ce1126;
    font-size: 5rem;
    cursor: pointer;
    position: relative;
    right: -40px;
    top: 120px;
    float: right
}

.FOcultas {
    display: none;
}

.FActivas {
    display: block;
}

.icFloatLeftMobile {
    position: absolute;
    float: left;
    left: 10px;
    font-size: 30px;
    top: 11px;
}

.icFloatLeftCheck {
    position: absolute;
    float: left;
    left: 10px;
    font-size: 20px;
    top: 17px;
}

.icFloatLeftViajesMobile {
    position: absolute;
    float: left;
    left: -10px;
    font-size: 35px;
    background-color: white;
    top: 15px;
}

.icFloatLeftViajesCheck {
    position: absolute;
    float: left;
    left: -14px;
    font-size: 25px;
    background-color: white;
    top: 15px;
}
/*.imgfullBack{
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0 !important;
    top: 0;
    z-index: -1;
    position: fixed
}*/

.iconosDescargas {
    height: 24px;
    width: 24px;
    margin-bottom: 7px;
    margin-left: 4px;
    cursor: pointer;
}

.bloqueBusqueda {
    width: 100%;
}

.TipoBusqueda {
    width: 46px;
    height: 50px;
    border-radius: 15px;
    display: inline-block;
    position: inherit;
}

.contenedorIconTIpo {
    width: 25px;
    height: 50px;
    display: inline-block;
    position: inherit;
}

    .contenedorIconTIpo:hover {
        width: 160px;
    }

.CambioBusquedaTipo {
    display: inline-block;
    position: absolute;
    height: 45px;
    left: 25px;
    overflow: hidden;
    width: 0px;
    transition: width 3s;
    -webkit-transition: width 600ms;
}

.contenedorIconTIpo:hover > .CambioBusquedaTipo, .iconSelector:hover > .CambioBusquedaTipo {
    background-color: #ffffff;
    width: 195px;
    display: block;
}

.iconSelector {
    color: #8c8c8c;
    font-size: 30px;
    top: 7px;
    position: relative;
    float: left;
}

.iconosBusqueda {
    color: #ececec;
    font-size: 30px;
    /*margin: 0 3px;*/
    margin: 0 0px;
    float: left;
    margin-top: 11px;
    width: 29px;
    height: 29px;
    cursor: pointer;
}

.iconosBusqueda-Citas {
    width: 29px !important;
    height: 20px !important;
    margin-top: 14px !important;
}

.contenedorIconTIpo:hover > .CambioBusquedaTipo > .iconosBusqueda {
    display: block;
}

.tableDatosExtra {
    margin-bottom: 0 !important;
}

    .tableDatosExtra > tbody > tr > td {
        border: 3px solid #ce1126 !important;
        font-family: HelveticaBold !important;
    }

    .tableDatosExtra > thead > tr > th {
        border-bottom: none !important;
        padding-left: 50px !important;
        font-family: HelveticaBold;
        font-size: 15px;
    }

    .tableDatosExtra > thead > tr {
        border-left: 3px solid #ce1126 !important;
        border-right: 3px solid #ce1126 !important;
    }

/*Tamaño y color de la barra izquierda del login*/
#LeftBar {
    background-color: #ffffff !important;
    height: 100%;
    padding: 0 0 0 0;
}
/*Tamaño y color de la barra derecha del login*/
#rightBar {
    background-color: #EDEDED !important;
    height: 100%;
}

/*Acomodo, color y tamaño de la etiqueta Bienvenido */
#lblBienvenido {
    color: #005ea8 !important;
    font-size: 50px;
    font-family: 'Roboto', sans-serif;
    padding-top: 206.984px;
    padding-left: 14px;
}
/*Tamaño y acomodo del logo en el login*/
#imgLogoLogin {
    margin: 230px 0 0 0;
    width: 100%;
    padding: 0 61px 0 40px;
}
/*Tamaño de la caja de texto para la contraseña*/
#inputPassword {
    width: 275.984px
}
/*Tamaño de la caja de texto para usuario*/
#inputUser {
    width: 275.984px
}
/*Tamaño y color del boton de inicio de sesión*/
#btnInicio {
    background-color: #005ea8 !important;
    border-color: #005ea8 !important;
    width: 275.984px
}
/*color y color de borde de los botones en general*/
.botones {
    background-color: #00906F !important;
    border-color: #00906F;
}
/*color y color de borde de los botones en general*/


.btn-custom {
    width: 100%;
}

.toolBoxMap {
    height: 500px;
}
/*Margen de las tablas*/
.tableMargin {
    margin: 0 85px 0 85px !important;
}

/*Margen de las tabla en modulo proyecto proyecto*/
.tableMargin-proyecto {
    margin: 0 85px 0 35px !important;
}
/*No padding de las opciones etiquetas*/
.no-padd {
    padding: 0 0 0 0 !important;
}

/*No padding izquierda*/
.no-padd-left {
    padding-left: 0px !important;
}

/*No padding derecha*/
.no-padd-right {
    padding-right: 0px;
}

.tabs-proyect {
    margin: 0 110px 0 110px !important;
}

.tab-cultivo {
    padding: 54px 18px 54px 18px !important;
}

.tab-bitacora {
    padding: 0px 18px 0px 18px !important;
}

.tab-historico {
    padding: 0px 18px 0px 18px !important;
}

.tabs-options {
    margin: 20px 0 0 0;
}

.textAreaBitacora {
    width: 100%;
    height: 110px;
}
/*tamaño, color y posicion de la etiqueta total de cultivos modulo proyecto*/
.labelTotalAgaves {
    background-color: #CCCCCC;
    height: 35px;
    margin-left: 0px;
    padding-top: 6px;
    border-radius: 4px;
    max-width: 163px;
    min-width: 163px;
    color: #000000;
    font-size: 16px;
}

.mapaUbicacion {
    height: 500px;
}

.lblcopyRight {
    padding: 130px 0 0 50px;
}
/*Tamaño del well que se encuentra en el login*/
.well-loging {
    height: 91%;
    width: 95%;
    margin: 35px 20px 20px 20px;
    background: #ffffff;
    border-radius: 10px 10px;
}

/*Tamaño del contenedor de las graficas y tablas*/
.wellContenido {
    height: 385px;
}

.Graficas {
    max-height: 305px;
    min-height: 305px;
}


/*Tamaño del modal*/
.modal-lg {
    width: 1020px !important;
}

/*Color y tamaño del icono refresh*/
.logoRefresh {
    color: #7e7e7d;
    font-size: 30px;
}

.icoGuardar {
    color: #005ea8;
    font-size: 30px;
}
/*Tamaño de las cajas donde se muestran los permisos y los usuarios*/
.cajas-Perfiles {
    max-height: 250px !important;
}

.cajaPermisos > ul {
    max-height: 250px !important;
    overflow-y: auto !important;
}

.sidebar ~ .footer .footer-inner {
    left: 0px !important;
}

.logoESR {
    position: absolute;
    right: 125px;
}

.logoPISA {
    position: absolute;
    right: 0px;
}

/*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
#footer {
    background-color: #ffffff;
    height: 70px;
}
/*Acomodo del texto del pie de la pagina*/
#footer-text {
    padding: 10px 0 0 0;
}

/*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
.padd-top-7 {
    padding-top: 7px !important;
}

.lblBienvenidoLogin {
    color: #005ea8 !important;
    font-size: 50px;
    font-family: 'Roboto', sans-serif;
}
/*Lector de RPS*/
.RPSReader {
    max-height: 350px;
    overflow: auto;
}
/*Boton para exportar el RPS*/
.generarRPS {
    height: 60px !important;
    width: 100% !important;
    font-size: large;
}

.txtAlerta {
    height: 400px !important;
    overflow: auto;
}

.navbar-toggle {
    display: block !important;
}

.sidebar.responsive.display {
    display: block !important;
}

.sidebar.responsive {
    display: none !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before {
    background-color: #ce1126;
}

input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before {
    font-size: 0;
    background-color: #8c8c8c;
}

.navbar-navegacion {
    margin-left: 170px;
    font-family: HelveticaBold;
    font-size: 15px;
    margin-bottom: 0 !important;
}

.iconverificar {
    color: #008d35;
    font-size: 25px;
    position: absolute;
    right: -10px;
    top: 5px;
}

.iconverificarfallo {
    color: #fd1111;
    font-size: 25px;
    position: absolute;
    right: -10px;
    top: 5px;
}

.seccionConfiguracion {
    padding: 10px;
}

.lblTextOption {
    position: relative;
    float: left;
}

.switchOption {
    position: relative;
    float: right;
}

.lblSubTextOption {
    font-style: italic;
    top: -10px;
}


.txtDiasPedidos {
    width: 55px;
    position: relative;
    right: -23px;
}

.lblDiasPedidos {
    position: relative;
    right: -22px;
}

.lblDejarSeguir {
    font-style: italic;
}

.btn.moveall, .btn.removeall {
    background-color: #ce1126 !important;
    border-color: #ce1126 !important;
}

span.info-container {
    display: none;
}

.iconEliminarNoti {
    color: #ce1126;
    position: absolute;
    top: -3px;
    right: 15px;
    cursor: pointer;
    width: 25px;
    z-index: 20;
}

.datosPedido {
    float: left;
    margin-right: 120px;
}

.Notificacion {
    margin: 5px 0;
}

.scrollNotificaciones {
    max-height: 300px !important;
    overflow-y: auto;
    border-top: 1px solid #8c8c8c;
    font-size: 15px;
    font-family: HelveticaNormal;
}

.lblEliminarNoti {
    font-size: 17px;
}

.imgEliminarNoti {
    width: 25px;
    cursor: pointer;
    top: -3px;
    position: relative;
}

.bootstrap-duallistbox-container {
    color: #000 !important;
}

.lblConfiguracion {
    font-size: 17px;
}

.lblAprobacion {
    font-size: 20px;
}

.no-skin .sidebar {
    background-color: #ffffff;
}

.InicioBackground::before {
    background-color: #ececec;
    background: url(../Content/Ryder/BackGround.png) no-repeat center center fixed;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: block;
    content: "";
    position: fixed;
    /*z-index: -2;*/
    width: 100%;
    max-width: inherit;
    bottom: 0;
    top: 0;
}

.marginTop90 {
    margin-top: 90px;
}

.logoTipoBusqueda {
    width: 46px;
    position: absolute;
}

.areaFichas {
    background-color: #ffffff !important;
    margin-bottom: 0 !important;
}

.fichasInicio {
    margin-bottom: 80px;
    margin-top: 50px;
}

.fichaA, .fichaB, .fichaC, .fichaD, .fichaE, .fichaF, .fichaG {
    padding: 20px;
}
/*
.fichaB, .fichaE {
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
}

.fichaD, .fichaE, .fichaF {
    border-top: 1px solid #8c8c8c;
}

.fichaG {
    border-left: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
    min-height: 300px;
}*/

.fichaC {
    border-left: 1px solid #8c8c8c;
}

.fichaB {
    border-left: 1px solid #8c8c8c;
    /*border-right: 1px solid #8c8c8c;*/
}

.fichaE {
    border-top: 1px solid #8c8c8c;
}

.fichaG, .fichaF {
    border-left: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
    min-height: 300px;
}

.fichaTitulo {
    font-size: 25px;
    font-family: HelveticaLight;
}

.fichaTexto {
    font-size: 15px;
    font-family: HelveticaLight;
}

.iconosfichasInicio {
    height: 100px;
    width: 100px;
}

.iconosfichasConstruccion {
    height: 100px;
    width: 100px;
}

body {
    background-color: #ececec !important;
}

.areaRastreo {
    margin: 0 auto;
}

#listaPedidos {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#numPedidosSinAut {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.nombreNumeroRastreo {
    margin-top: auto;
    margin-bottom: auto;
}

.txtNumRastreos {
    height: 40px;
    resize: none;
}

.fichaA, .fichaB, .fichaC, .fichaE, .fichaF {
    min-height: 300px;
}
/*Medidas para Monitores entre 992px y 1199px*/
@media(min-width:992px) and (max-width:1199px) {
    #LeftBar {
        background-color: #ffffff !important;
        height: 100%;
        padding: 0 0 0 0;
    }

    #rightBar {
        background-color: #EDEDED !important;
        height: 100%;
    }

    #lblBienvenido {
        color: #005ea8 !important;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
        padding-top: 206.984px;
        padding-left: 14px;
    }

    #imgLogoLogin {
        margin: 230px 0 0 0;
        width: 100%;
        padding: 0 44px 0 23px;
    }

    #inputPassword {
        width: 275.984px
    }

    #inputUser {
        width: 275.984px
    }

    #btnInicio {
        background-color: #005ea8 !important;
        border-color: #005ea8 !important;
        width: 275.984px
    }

    .botones {
        background-color: #00906F !important;
        border-color: #05aa85;
    }

    .btn-custom {
        width: 100%;
    }

    .toolBoxMap {
        height: 500px;
    }

    /*Margen de las tablas*/
    .tableMargin {
        margin: 0 35px 0 35px !important;
    }
    /*No padding de las opciones etiquetas*/
    .no-padd {
        padding: 0 0 0 0 !important;
    }

    .textAreaBitacora {
        width: 100%;
        height: 110px;
    }

    .labelTotalAgaves {
        background-color: #CCCCCC;
        height: 28px;
        margin-left: 0px;
        padding-top: 3px;
        border-radius: 4px;
        max-width: 163px;
        min-width: 163px;
    }

    .mapaUbicacion {
        height: 300px;
    }

    .lblcopyRight {
        padding: 130px 0 0 50px;
    }

    /*Tamaño del well que se encuentra en el login*/
    .well-loging {
        height: 91%;
        width: 95%;
        margin: 31px 20px 20px 15px;
        background: #ffffff;
        border-radius: 10px 10px;
    }

    .no-padd-left {
        padding-left: 0px !important;
    }

    /*No padding derecha*/
    .no-padd-right {
        padding-right: 0px !important;
    }

    .margin-FG {
        margin: 0 !important;
    }
    /*Tamaño del modal*/
    .modal-lg {
        width: 992px !important;
    }

    /*Color y tamaño del icono refresh*/
    .logoRefresh {
        color: #7e7e7d;
        font-size: 30px;
    }

    .sidebar + .main-content {
        margin-left: 0px !important;
    }

    .sidebar {
        width: 160px !important;
    }

        .sidebar ~ .footer .footer-inner {
            left: 160px !important;
        }

    .icoGuardar {
        color: #005ea8;
        font-size: 30px;
    }

    .cajas-Perfiles {
        max-height: 250px !important;
    }

    .cajaPermisos > ul {
        max-height: 250px !important;
        overflow-y: auto !important;
    }

    .logoESR {
        position: absolute;
        right: 125px;
    }

    .logoPISA {
        position: absolute;
        right: 0px;
    }

    /*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
    #footer {
        background-color: #ffffff;
        height: 70px;
    }
    /*Acomodo del texto del pie de la pagina*/
    #footer-text {
        padding: 10px 0 0 0;
    }

    /*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
    .padd-top-7 {
        padding-top: 7px;
    }

    .logoBienvenida {
        top: 20%;
        right: 20%;
        bottom: 20%;
        left: 20%;
        width: 100%;
    }

    .RPSReader {
        max-height: 290px;
        overflow: auto;
    }

    /*Boton para exportar el RPS*/
    .generarRPS {
        height: 60px !important;
        width: 100% !important;
        font-size: large;
    }

    .txtAlerta {
        height: 400px !important;
        overflow: auto;
    }

    #main-well {
        padding-top: 55px !important;
    }

    .navbar-toggle {
        display: block !important;
    }

    .sidebar.responsive.display {
        display: block;
    }

    .sidebar.responsive {
        display: none;
    }

    .fichaA, .fichaB, .fichaC {
        min-height: 300px;
    }

    .fichaG {
        /*border-right: 1px solid #8c8c8c;*/
    }
}
/*Medidas para Tabletas entre 768px y 991px*/
@media(min-width:768px) and (max-width:991px) {
    #LeftBar {
        background-color: #ffffff !important;
        height: 100%;
        padding: 0 0 0 0;
    }

    #rightBar {
        background-color: #EDEDED !important;
        height: 100%;
    }

    #lblBienvenido {
        color: #005ea8 !important;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
        padding-top: 150px;
        padding-left: 14px;
    }

    #imgLogoLogin {
        margin: 230px 0 0 0;
        width: 100%;
        padding: 0 31px 0 15px;
    }

    #inputPassword {
        width: 275.984px
    }

    #inputUser {
        width: 275.984px
    }

    #btnInicio {
        background-color: #005ea8 !important;
        border-color: #005ea8 !important;
        width: 275.984px
    }

    .botones {
        background-color: #00906F !important;
        border-color: #05aa85;
    }

    .btn-custom {
        width: 100%;
    }

    .toolBoxMap {
        height: 500px;
    }

    /*Margen de las tablas*/
    .tableMargin {
        margin: 0 35px 0 35px !important;
    }
    /*No padding de las opciones etiquetas*/
    .no-padd {
        padding: 0 0 0 0 !important;
    }

    .textAreaBitacora {
        width: 100%;
        height: 110px;
    }

    .labelTotalAgaves {
        background-color: #CCCCCC;
        height: 28px;
        margin-left: 0px;
        padding-top: 3px;
        border-radius: 4px;
        max-width: 163px;
        min-width: 163px;
    }

    .mapaUbicacion {
        height: 300px;
    }

    .lblcopyRight {
        padding: 100px 0 0 50px;
    }

    /*Tamaño del well que se encuentra en el login*/
    .well-loging {
        height: 91%;
        width: 95%;
        margin: 30px 20px 20px 13px;
        background: #ffffff;
        border-radius: 10px 10px;
    }

    .margin-FG {
        margin: 0 !important;
    }

    .no-padd-left {
        padding-left: 0px !important;
    }

    /*No padding derecha*/
    .no-padd-right {
        padding-right: 0px !important;
    }

    /*Color y tamaño del icono refresh*/
    .logoRefresh {
        color: #7e7e7d;
        font-size: 30px;
    }

    .icoGuardar {
        color: #005ea8;
        font-size: 30px;
    }

    .logoESR {
        position: absolute;
        right: 125px;
    }

    .logoPISA {
        position: absolute;
        right: 0px;
    }

    /*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
    #footer {
        background-color: #ffffff;
        height: 70px;
    }
    /*Acomodo del texto del pie de la pagina*/
    #footer-text {
        padding: 10px 0 0 0;
    }

    .cajas-Perfiles {
        max-height: 250px !important;
    }

    .cajaPermisos > ul {
        max-height: 250px !important;
        overflow-y: auto !important;
    }

    /*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
    .padd-top-7 {
        padding-top: 7px;
    }

    .logoBienvenida {
        top: 20%;
        right: 20%;
        bottom: 20%;
        left: 20%;
        width: 100%;
    }

    .navbar-toggle {
        display: block !important;
    }

    .RPSReader {
        max-height: 350px;
        overflow: auto;
    }

    /*Boton para exportar el RPS*/
    .generarRPS {
        height: 60px !important;
        width: 100% !important;
        font-size: large;
    }

    .txtAlerta {
        height: 400px !important;
        overflow: auto;
    }

    #main-well {
        padding-left: 19px !important;
        margin-top: 35px !important;
    }

    .no-padd-right-sm {
        padding-right: 0 !important;
    }

    .no-padd-left-sm {
        padding-left: 0 !important;
    }

    .actionBar {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1039 !important;
    }

    .navbar-toggle {
        display: block !important;
    }

    .fichaA, .fichaB, .fichaC, .fichaD, .fichaE {
        border: none;
        border-bottom: 1px solid #8c8c8c;
    }

    .fichaF {
        border-top: none;
        border-left: none;
    }

    #listaPedidos {
        width: 300px;
    }

    .fichaG {
        border-left: none;
    }
}
/*Medias para telefonos celulares menores a 768px*/
@media(min-width:0px) and (max-width:767px) {


    #listaPedidos {
        width: 300px;
    }

    #LeftBar {
        background-color: #ffffff !important;
        height: 20%;
        padding: 0 0 0 0;
    }

    #rightBar {
        background-color: #EDEDED !important;
        height: 85%;
        padding-top: 30px
    }

    #lblBienvenido {
        color: #005ea8 !important;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
    }

    #btnInicio {
        background-color: #005ea8 !important;
        border-color: #005ea8 !important;
        /*width:275.984px*/
    }

    #imgLogoLogin {
        margin: 0 0 0 0;
        width: 250px;
    }


    .botones {
        background-color: #00906F !important;
        border-color: #00906F;
    }

    .btn-custom {
        width: 100%;
    }

    .toolBoxMap {
        height: 300px;
    }

    .jumbotron {
        margin: 0 0 0 0 !important
    }

    .textAreaBitacora {
        width: 100%;
        height: 110px;
    }

    .labelTotalAgaves {
        background-color: #CCCCCC;
        height: 28px;
        margin-left: 0px;
        padding-top: 3px;
        border-radius: 4px;
        max-width: 163px;
        min-width: 163px;
    }

    .mapaUbicacion {
        height: 300px;
    }

    .lblcopyRight {
        padding: 200px 0 0 50px;
    }
    /*Tamaño del well que se encuentra en el login*/
    .well-loging {
        height: 91%;
        width: 95%;
        margin: 0px 20px 20px 10px;
        background: #ffffff;
        border-radius: 10px 10px;
    }
    /*Ancho de columna para pantalla de telefonos celulares*/
    .widthColumnXs {
        width: 140px;
    }

    .margin-FG {
        margin: 0 !important;
    }

    /*Margen de las tablas*/
    .tableMargin {
        margin: 0 !important;
    }

    .no-padd-left {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /*No padding derecha*/
    .no-padd-right {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /*Color y tamaño del icono refresh*/
    .logoRefresh {
        color: #7e7e7d;
        font-size: 30px;
    }

    .logoESR {
        /*position:absolute;*/
        right: 125px;
        width: 100px;
    }

    .logoPISA {
        /*position:absolute;*/
        right: 0px;
        width: 100px;
    }

    /*Color y tamaño del pie de la pagina donde muestra la compañia de la pagina*/
    #footer {
        background-color: #ffffff;
        height: 105px;
    }
    /*Acomodo del texto del pie de la pagina*/
    #footer-text {
        padding: 10px 0 0 0;
    }

    .cajas-Perfiles {
        max-height: 250px !important;
    }

    .cajaPermisos > ul {
        max-height: 250px !important;
        overflow-y: auto !important;
    }

    /*Padding top para acomodar etiquetas u objetos peqeños a medias/centro de las cajas de texto/selectores*/
    .padd-top-7 {
        padding-top: 7px;
    }

    .logoBienvenida {
        top: 20%;
        right: 20%;
        bottom: 20%;
        left: 20%;
        width: 100%;
    }


    .RPSReader {
        max-height: 250px;
        overflow: auto;
    }

    /*Boton para exportar el RPS*/
    .generarRPS {
        height: 60px !important;
        width: 100% !important;
        font-size: large;
    }

    .txtAlerta {
        height: 400px !important;
        overflow: auto;
    }

    .no-padd-right-sm {
        padding-right: 0 !important;
    }

    .no-padd-left-sm {
        padding-left: 0 !important;
    }

    .well-Oculto-principal {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }



    .navbar-toggle {
        display: block !important;
    }

    .fichaA, .fichaB, .fichaC, .fichaD, .fichaE {
        border: none;
        border-bottom: 1px solid #8c8c8c;
    }

    .fichaG {
        border-left: none;
    }
}
/*Medidas para telefonos celulares menores a 768px y en modo horizontal*/
@media(min-width:0px) and (max-width:767px) and (orientation: landscape) {
    #LeftBar {
        background-color: #ffffff !important;
        height: 20% !important;
        padding: 0 0 0 0;
    }

    .fichaA, .fichaB, .fichaC, .fichaD, .fichaE {
        border: none;
        border-bottom: 1px solid #8c8c8c;
    }
}


@media(max-width:526px) {
    .sidebar {
        z-index: 4000 !important;
        margin-top: 40px !important;
    }

    #main-well {
        margin-top: 70px !important;
    }
}

/*Define el tamaño del tooltip*/
.large.tooltip-inner {
    max-width: 380px;
    width: 380px;
}

/* Animaciones*/

.ListaPedidos {
    list-style: none;
}

@keyframes scaleUp {
    0% {
        transform: translateX() scale(0)
    }

    100% {
        transform: translateX(0) scale(1)
    }
}

.ListaPedidos li:first-child {
    animation-delay: 90ms;
}

.ListaPedidos li.mi-moveFromRight {
    animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.ListaPedidos li.mi-moveFromLeft {
    animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.ListaPedidos li.mi-moveToRight {
    animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.ListaPedidos li.mi-moveToLeft {
    animation: moveToLeft 350ms ease-in-out both;
}

.mi-slider li.mi-moveToLeft:first-child,
.mi-slider li.mi-moveFromRight:first-child,
.mi-slider li.mi-moveToRight:nth-child(4),
.mi-slider li.mi-moveFromLeft:nth-child(4) {
    animation-delay: 0ms;
}

@keyframes moveFromRight {
    0% {
        transform: translateX(600%);
        transform-style: flat
    }
    /*100% { transform: translateX(0);  transform-style:flat}*/
}

@keyframes moveFromLeft {
    0% {
        transform: translateX(-600%);
        transform-style: flat
    }
    /*100% { transform: translateX(0); transform-style:flat}*/
}

@keyframes moveToRight {
    0% {
        transform: translateX(0%);
        transform-style: flat
    }
    /*100% { transform: translateX(600%); transform-style:flat}*/
}

@keyframes moveToLeft {
    0% {
        transform: translateX(0%);
        transform-style: flat
    }
    /*100% { transform: translateX(-600%); transform-style:flat}*/
}

/**/


.tableFixHead {
    overflow-y: auto !important;
    height: 500px !important;
}

.tablaRyder {
    border-collapse: collapse !important;
    width: 100% !important;
}

.thPer, .tdPer {
    padding: 8px 16px !important;
    text-align: center
}

.thPer {
    background-color: #da1c32 !important;
    color: white !important;
}

.parenLeyenda {
    position: relative;
}

.leyenda {
    position: absolute;
    bottom: -3.5rem;
    color: #ce1126;
    left: 15px;
    font-size: 13px;
}


/*-------------------*/


.cuerpoFicha2-wms, .aplus-wms {
    padding: 2rem 4rem !important;
}

.FichaViaje-wms {
    text-align: left !important;
    background-color: #f5f5f5 !important;
    padding: 1rem 2rem !important;
    border-left: none;
}

.span-border-bottom {
    border-bottom: 1px solid #b7b7b7 !important;
}

.pointer {
    cursor: pointer;
}

.aplus-wms {
    padding-top: 0 !important;
}

.areaPlusContent2-wms {
    border-left: none;
    text-align: left !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 4rem !important;
}

.bg-gray {
    padding: 2rem 4rem !important;
    background-color: rgb(245, 245, 245) !important;
}

.img-item-inventario {
    max-height: 17rem;
}

.divNombreOrden {
    text-align: left;
}

.p-nombreOrden {
    margin: auto;
}

.modalContentPodInex {
    border-radius: 20px;
}
.modalTitlePodInx {
    color: #ce1126 !important;
    text-align-last: center;
}

.modalContentConfirmLogin {
    height: 150px !important;
    border-radius: 20px;
}

.btnAlignConfirmLogin {
    text-align-last: justify;
}

.titleConfirmLogin {
    color: #393939;
}

.divTablaEventos{
	    border-bottom-style: inset !important;
}
/*Style para el captcha en Inicio y en sidebar_layoutCarrier*/
.captcha-container {
    position: relative;
    height: 80px;
    border: 1px solid #ccc;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    color: #0000ff;
    background-size: 3px 3px;
    pointer-events: none;
}

    .captcha-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: repeating-conic-gradient(#0000ff 0 .5%,#ffffff78 0 3.5%);
        background-size: 15px 10px;
        pointer-events: none;
    }

.captcha-text {
    transform: perspective(50px) rotateX(34deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    font-size: 40px;
}

.captcha-letter {
    font-size: 32px;
    font-weight: bold;
    transform: rotate(-10deg);
    display: inline-block;
    margin-right: 5px;
}