/*Ruiz Verde*/
    /*Tipografia*/
    
    @font-face {
        font-family: 'roboto';
        src: url('font/roboto-black-webfont.eot');
        src: url('font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-black-webfont.woff2') format('woff2'), url('font/roboto-black-webfont.woff') format('woff'), url('font/roboto-black-webfont.ttf') format('truetype'), url('font/roboto-black-webfont.svg#robotoblack') format('svg');
        font-weight: bold;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'roboto';
        src: url('font/roboto-regular_0-webfont.eot');
        src: url('font/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-regular_0-webfont.woff2') format('woff2'), url('font/roboto-regular_0-webfont.woff') format('woff'), url('font/roboto-regular_0-webfont.ttf') format('truetype'), url('font/roboto-regular_0-webfont.svg#robotoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /*General*/
    
    * {
        margin: 0;
        border: 0;
        box-sizing: border-box;
        font-family: 'roboto';
    }
    
    html {
        height: 100%;
    }
    
    body {
        width: 100%;
        height: 100%;
        background-color: #ECEFF3;
        /*background-image: url(/img/bg.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    /*Anchos*/
    
    .w16 {
        position: relative;
        width: 16.666666%;
        float: left;
    }
    
    .w20 {
        position: relative;
        width: 20%;
        float: left;
    }
    
    .w25 {
        position: relative;
        width: 25%;
        float: left;
    }
    
    .w30 {
        position: relative;
        width: 30%;
        float: left;
    }
    
    .w33 {
        position: relative;
        width: 33.3333333%;
        float: left;
    }
    
    .w40 {
        position: relative;
        width: 40%;
        float: left;
    }
    
    .w60 {
        position: relative;
        width: 60%;
        float: left;
    }
    
    .w66 {
        position: relative;
        width: 66.666666%;
        float: left;
    }
    
    .w50 {
        position: relative;
        width: 50%;
        float: left;
    }
    
    .w80 {
        position: relative;
        width: 80%;
        float: left;
    }
    
    .w100 {
        position: relative;
        width: 100%;
        float: left;
    }
    /*header*/
    
    header {
        width: 100%;
        height: 70px;
        padding: 5px 50px;
    }
    
    header img {
        width: 200px;
    }
    
    #menuDest {
        padding: 20px 0px;
    }
    
    .btn-dest {
        float: left;
        font-size: 1.2rem;
        margin-left: 25px;
        padding-left: 25px;
        border-left: 2px solid;
    }
    
    .btn-dest:first-child {
        border: none;
    }
    
    .btn-dest * {
        color: #2b2a29;
    }
    
    .btn-dest i {
        position: relative;
    }
    /* columna btn tabla */
    
    .btns {
        width: 110px!important;
    }
    
    .btns.btn3 {
        width: 165px!important;
    }
    
    .btns.btn4 {
        width: 220px!important;
    }
    
    .btns.btn5 {
        width: 330px!important;
    }
    
    .alert-incidencias {
        width: 15px;
        height: 15px;
        display: inline-block;
        background: #f44336;
        position: absolute;
        border-radius: 50%;
        font-size: 0.8rem;
        color: white;
        text-align: center;
        line-height: 15px;
        top: 11px;
        left: 11px;
    }
    
    #PUincidencias {
        position: fixed;
        background: #fff;
        width: 450px;
        border: 1px solid #ffa54a;
        box-shadow: 0 0 15px -5px #000;
        padding: 20px;
        right: 110px;
        top: 70px;
        z-index: 9999;
    }
    
    #PUincidencias:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        transform: rotate(45deg);
        background: #fff;
        border-top: 1px solid #ffa54a;
        border-left: 1px solid #ffa54a;
        top: -11px;
        left: calc(50% - 10px);
    }
    
    #PUincidencias h3 {
        color: #ffa54a;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid;
        font-size: 1.5rem;
        font-weight: 100;
    }
    
    #PUincidencias td {
        border: none;
        border-bottom: 1px solid #e0e0e0;
        color: #606060;
        text-align: center;
        font-size: 0.8rem;
        padding: 20px 0;
    }
    
    #PUincidencias td:first-child {
        text-align: left;
    }
    
    #PUincidencias td:last-child {
        text-align: right;
    }
    
    #PUincidencias td.pendiente {
        color: #FF5722;
    }
    
    #PUincidencias td.pendiente.active {
        color: #4CAF50;
    }
    
    #PUincidencias td.pendiente:after {
        content: '';
        width: 15px;
        height: 15px;
        background: #FF5722;
        position: relative;
        display: inline-block;
        top: 2px;
        margin-left: 10px;
    }
    
    #PUincidencias td.pendiente.active:after {
        background: #4CAF50;
    }
    
    hr {
        width: 100%;
        border-bottom: 1px solid #ffa54a;
        margin-bottom: 10px;
    }
    
    span.preparacion-incidencias,
    span.estado-incidencias,
    span.preparado-incidencias {
        display: inline-block;
        width: 50%;
        margin-left: 26%;
        text-align: center;
        background: #4caf50;
        color: white;
        padding: 10px 0;
    }
    
    .estado-incidencias.inc-rj,
    .preparacion-incidencias.inc-rj,
    .preparado-incidencias.inc-rj {
        background: #F44336;
    }
    /* #menuProcesos {
    width: calc(100% - 100px);
    margin: 15px 0px 0px 10px;
    padding: 25px 30px;
    background: #ffffffbf;
    border: 1px solid #ffa54a;
    height: calc(100% - 120px);
} */
    
    #menuProcesos>ul>li {
        display: -webkit-inline-box;
        text-align: -webkit-match-parent;
        background: #ffffffbf;
        border: 1px solid #ffa54a;
        padding: 25px 30px;
        color: #ffa54a;
        font-size: 1.3rem;
        font-weight: 100;
        margin-left: 1px;
    }
    
    #menuProcesos>ul>li.active {
        color: #C1C1C1 !important;
        border: 1px solid #C1C1C1 !important;
    }
    
    #contenido {
        width: calc(100% - 100px);
        margin: 0 50px;
        padding: 10px 30px;
        background: #ffffffbf;
        border: 1px solid #ffa54a;
        height: calc(100% - 120px);
    }
    
    #cabCont {
        position: relative;
        width: 100%;
        height: 50px;
        padding-bottom: 20px;
    }
    
    #interiorCont {
        width: 100%;
        height: calc(100% - 100px);
        overflow-x: auto;
    }
    
    #footerCont {
        width: 100%;
        height: 50px;
        padding-top: 10px;
        border-top: 1px solid #ffa54a;
    }
    
    footer {
        height: 25px;
        padding: 10px 50px;
    }
    
    footer small {
        color: #606060;
        font-size: .7rem;
    }
    
    a {
        color: #606060;
        text-decoration: none;
    }
    
    a:hover {
        opacity: .8;
    }
    
    a.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    
    h1.title {
        color: #ffa54a;
        font-size: 1.8rem;
        font-weight: 100;
        text-transform: capitalize;
    }
    
    .title2,
    .title3 {
        padding-left: 10px;
        color: #606060;
    }
    
    .title2 {
        line-height: 40px;
        font-size: 1.4rem;
    }
    
    .title3 {
        line-height: 45px;
        font-size: 1rem;
    }
    
    #menuFases,
    #cerrarFases {
        font-size: 2rem;
        color: #ffa54a;
    }
    
    #PUmenuFases {
        height: 100%;
        background: #fafbfc;
        position: absolute;
    }
    
    #PUmenuFases .item-menu-fases span {
        display: none;
    }
    
    #PUmenuFases .item-menu-fases:hover span {
        display: inline-block;
    }
    
    .item-menu-fases {
        float: left;
        padding: 15px 20px;
        background: #ffa54a;
        color: #fafbfc;
        margin-right: 5px;
    }
    
    .item-menu-fases.active {
        background: #4caf50;
    }
    
    .item-menu-fases.medioActive {
        background: #F5CC1C;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    /*Botones*/
    
    .btn-footer {
        padding: 8px 30px;
        font-size: 1rem;
        display: inline-block;
    }
    
    .btn-footer.fr {
        margin-left: 10px;
    }
    
    .btn-table {
        padding: 7px 20px;
        margin-left: 5px;
    }
    
    .btn-cnt {
        padding: 7px 20px;
        margin-left: 10px;
        font-size: .8rem;
    }
    
    .btn-clientes {
        color: #4CAF50;
        padding: 0 10px;
    }
    
    .btn-incidencias {
        margin-top: 20px;
        padding: 15px 0;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    
    .btn-firmas {
        background: #ddec3f;
        padding: 7px 0;
        text-align: center;
        color: #000;
        margin: 5px 0;
    }
    
    .btn-grande {
        padding: 40px 20px;
        text-align: center;
        font-size: 1.5rem;
        margin-top: 30px;
    }
    
    .btn-rj {
        color: white;
        background: #F44336;
    }
    
    .btn-vd {
        color: white;
        background: #4CAF50;
    }
    
    .btn-nj {
        color: white;
        background: #FF9800;
    }
    
    .btn-az {
        color: white;
        background: #2196F3;
    }
    
    .btn-az-o {
        color: #2196F3;
    }
    
    .btn-rj-o {
        color: #F44336;
    }
    
    .btn-mr-o {
        color: #9c27b0;
    }
    /*paginacion*/
    
    .pagination a {
        border: 1px solid #fab977;
        color: #ffa54a;
        padding: 11px 12px;
        font-size: 1.2rem;
        display: inline-block;
        margin-right: 20px;
    }
    
    .pagination a.active {
        color: #fff;
        background: #ffa54a;
    }
    /*btn-cons*/
    
    .elipse {
        display: inline-block;
        width: 50px;
        height: 30px;
        background: #F44336;
        border-radius: 50px;
        transition: all ease .5s;
        cursor: pointer;
    }
    
    .circulo {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 1px solid #F44336;
        background: white;
        box-sizing: border-box;
        border-radius: 50%;
        transition: all ease .25s;
        cursor: pointer;
    }
    
    .elipse.abierto {
        background: #4CAF50;
    }
    
    .circulo.abierto {
        border: 1px solid #4CAF50;
        transform: translateX(20px);
    }
    /*Tabla*/
    
    table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
    }
    
    th,
    td {
        border: 1px solid #606060;
        padding: 7px 10px;
    }
    
    th {
        color: #ffa54a;
        background: #ffe7d0;
    }
    
    td {
        color: #606060;
    }
    /*archivos*/
    
    input[type=file] {
        display: none;
    }
    
    input[type=file]+label {
        padding: 8px 30px;
        font-size: 1rem;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        background: grey;
        width: 310px;
        text-align: center;
    }
    
    input[type=file]:focus+label {
        outline: 1px dotted red;
        outline: -webkit-focus-ring-color auto 5px;
    }
    
    input[type=file]:focus+label,
    input[type=file]+label:hover {
        background-color: #424242;
    }
    
    input[type=file]+label * {
        pointer-events: none;
    }
    /* Login */
    
    .login header {
        text-align: center;
        padding: 90px 0;
    }
    
    #login {
        background: white;
        border: 1px solid #ffa54a;
        width: 40%;
        left: 30%;
        position: relative;
        padding: 50px;
    }
    
    #login label,
    #login input,
    #login a {
        width: 100%;
        margin: 20px 0;
    }
    
    #login label {
        font-size: 2rem;
        color: #ffa54a;
    }
    
    #login input {
        color: #ffa54a;
        border: 1px solid #ffa54a;
        padding: 20px;
        font-size: 1.8rem;
    }
    
    #login a {
        background: #4CAF50;
        display: inline-block;
        color: white;
        text-align: center;
        padding: 20px 0;
        font-size: 2rem;
    }
    /*inicio*/
    
    .inicio #interiorCont {
        text-align: center;
    }
    
    .item-menu {
        width: 450px;
        background: #ffa54a;
        color: white;
        margin: 20px;
        height: 180px;
        padding: 60px 0;
        position: relative;
        display: inline-block;
    }
    
    .item-menu i {
        font-size: 4rem;
    }
    
    .item-menu h3 {
        font-size: 1.5rem;
        font-weight: 100;
    }
    /*fases*/
    
    .fases #interiorCont {
        text-align: center;
    }
    
    .item-fases {
        width: 400px;
        background: #ffa54a;
        color: white;
        margin: 10px;
        height: 180px;
        padding: 10px 15px;
        text-align: left;
        position: relative;
        display: inline-block;
    }
    
    .item-fases.active {
        background: #4CAF50;
    }
    
    .item-fases.medioActive {
        background: #F5CC1C;
    }
    
    .item-fases h3 {
        font-size: 1.5rem;
        font-weight: 100;
        float: left;
    }
    
    .item-fases i {
        position: relative;
        float: right;
        font-size: 1.8rem;
    }
    
    .item-fases i span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 0.9rem;
        left: 15px;
    }
    
    .item-fases.deshabilitado {
        opacity: 0.5;
        cursor: no-drop;
    }
    /*contenido fases*/
    
    .item-contenido.w20 {
        margin-left: 20px;
        width: calc(20% - 20px);
    }
    
    .item-contenido.w25 {
        margin-left: 20px;
        width: calc(25% - 20px);
    }
    
    .item-contenido.w30 {
        margin-left: 20px;
        width: calc(30% - 20px);
    }
    
    .item-contenido.w33 {
        margin-left: 20px;
        width: calc(33.3333333% - 20px);
    }
    
    .item-contenido.w40 {
        margin-left: 20px;
        width: calc(40% - 20px);
    }
    
    .item-contenido.w50 {
        margin-left: 20px;
        width: calc(50% - 20px);
    }
    
    .item-contenido.w66 {
        margin-left: 20px;
        width: calc(66.6666666% - 20px);
    }
    
    .item-contenido.w20:first-child {
        width: 20%;
    }
    
    .item-contenido.w25:first-child {
        width: 25%;
    }
    
    .item-contenido.w30:first-child {
        width: 30%;
    }
    
    .item-contenido.w33:first-child {
        width: 33.3333333%;
    }
    
    .item-contenido.w40:first-child {
        width: 40%;
    }
    
    .item-contenido.w50:first-child {
        width: 50%;
    }
    
    .item-contenido.w66:first-child {
        width: 66.6666666%;
    }
    
    .item-contenido.w20:first-child,
    .item-contenido.w25:first-child,
    .item-contenido.w50:first-child,
    .item-contenido.w30:first-child,
    .item-contenido.w40:first-child,
    .item-contenido.w33:first-child,
    .item-contenido.w66:first-child {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .item-contenido h3.title,
    #interiorCont h3.title {
        font-size: 1.3rem;
        color: #ffa54a;
        border-bottom: 2px solid;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    
    .item-contenido h4.title,
    #interiorCont h4.title {
        font-size: 1rem;
        color: #ffa54a;
        /* border-bottom: 1px solid; */
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    
    .item-contenido h5.title,
    #interiorCont h5.title {
        font-size: 1rem;
        color: #ffa54a;
        /* border-bottom: 1px solid; */
        padding-bottom: 10px;
        /* margin-bottom: 20px; */
    }
    
    .item-contenido.small h3.title {
        font-size: 1rem;
    }
    
    .cnt-item {
        padding: 0 20px;
    }
    
    .cnt-item:first-child {
        padding-left: 0px;
    }
    
    .cnt-item:last-child {
        padding-right: 0px;
    }
    
    .elemento-cont {
        position: relative;
        width: 100%;
        display: inline-block;
    }
    
    .elemento-cont label {
        line-height: 40px;
        color: #606060;
    }
    
    .select2-container--default .select2-selection--single {
        border: none;
    }
    
    .elemento-cont input,
    .elemento-cont select,
    .elemento-cont .select2 {
        width: 70%!important;
        float: right;
        border: 1px solid #606060;
        padding: 5px;
        background: transparent;
        margin: 5px 0px;
        color: #a0a0a0;
        font-size: 1rem;
    }
    
    .item-contenido.w20 .elemento-cont input,
    .item-contenido.w20 .elemento-cont select {
        width: 55%;
    }
    
    .item-contenido.w30 .elemento-cont input,
    .item-contenido.w30 .elemento-cont select {
        width: 60%;
    }
    
    .elemento-cont textarea {
        width: 100%;
        height: 75px;
        float: right;
        border: 1px solid #606060;
        padding: 5px;
        background: transparent;
        margin: 5px 0px;
        color: #a0a0a0;
        font-style: italic;
    }
    
    .elemento-cont input:focus,
    .elemento-cont select:focus,
    .elemento-cont textarea:focus {
        background: #ffa54a1f;
        color: #ffa54a;
        font-style: normal;
    }
    /* .elemento-cont input[type=date],
.elemento-cont input[type=time] {
} */
    
    .elemento-cont input[type=date]:before {
        content: '\f073';
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 5px;
        color: #606060;
        font-size: 0.8rem;
    }
    
    .elemento-cont input[type=time]:before {
        content: '\f017';
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 5px;
        color: #606060;
        font-size: 0.8rem;
    }
    
    .elemento-cont .cld-cnt,
    .elemento-cont .cld-cnt-2,
    .elemento-cont .cld-cnt-scl {
        width: 55%;
        float: right;
    }
    
    .elemento-cont .cld-cnt input[type=date] {
        width: 60%;
        float: none;
    }
    
    .elemento-cont .cld-cnt input[type=time] {
        width: 30%;
        float: none;
    }
    
    .elemento-cont .cld-cnt a {
        width: 40px;
        text-align: center;
        margin: 5px 0;
        padding: 9px 0;
    }
    
    .elemento-cont .cld-cnt-2 input[type=date] {
        width: 90%;
        float: none;
    }
    
    .elemento-cont .cld-cnt-2 a {
        width: 8%;
        text-align: center;
        margin: 5px 0;
        padding: 7px 0;
    }
    
    .elemento-cont .cld-cnt-scl input[type=date] {
        width: 64%;
        float: none;
    }
    
    .elemento-cont .cld-cnt-scl input[type=time] {
        width: 34%;
        float: none;
    }
    /*item obsevaciones*/
    
    .item-observaciones p {
        line-height: 40px;
        color: #606060;
    }
    
    .item-observaciones table {
        margin: 5px 0px;
    }
    
    .item-observaciones th,
    .item-observaciones td {
        font-size: 0.8rem;
        color: #606060;
        text-align: center;
    }
    
    .item-observaciones td.pendiente {
        color: #ff9800;
        background: #ff980026;
        transition: all ease .2s;
    }
    
    .item-observaciones td.pendiente.active {
        color: #4caf50;
        background: #4caf5026;
        transition: all ease .2s;
    }
    /*Anexos*/
    
    .item-anexos {
        margin-bottom: 20px;
    }
    
    .cab-anexos {
        padding: 40px;
        text-align: center;
        background: #ff9800;
        color: #fafbfc;
        font-size: 1.5rem;
    }
    
    .cab-documentos {
        padding: 40px;
        text-align: center;
        background: #00BCD4;
        color: #fafbfc;
        font-size: 1.5rem;
    }
    
    .cab-anexos strong {
        line-height: 40px;
        color: #606060;
    }
    
    .item-anexos td {
        font-size: .8rem;
        border: none;
        padding: 5px 0;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .item-anexos td:last-child {
        text-align: right;
    }
    /*firmas*/
    
    .item-firmas {
        margin-bottom: 20px;
    }
    
    .item-firmas p {
        line-height: 40px;
        color: #606060;
    }
    
    .item-firmas input[type=area] {
        float: left;
        width: 95%;
        height: 86px;
    }
    
    .item-firmas p span {
        font-size: .8rem;
    }
    
    .item-firmas strong {
        color: #ffa54a;
    }
    
    .item-firmas img {
        width: calc(100% - 5px);
        border: 1px solid #606060;
        margin: 5px 0;
        margin-right: 5px;
    }
    
    .contenedorFirmas {
        height: 80px;
        border: 1px solid #333;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    /*listas*/
    /*.item-lista .elipse {
	width: 30px;
	height: 20px;
}
.item-lista .circulo {
	width: 20px;
	height: 20px;
}
.item-lista .circulo.abierto {
	transform: translateX(10px);
}
.item-lista ul {
    height: 150px;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.item-lista li {
    font-size: 1rem;
    color: #606060;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
}*/
    /*select multiple*/
    /* listado con check restricciones con elipse*/
    
    .checkRestricciones {
        max-height: 450px;
        overflow: auto;
        margin: 0 15px;
    }
    
    .checkRestricciones ul {
        height: auto;
        margin-bottom: 0;
    }
    
    .checkRestricciones>li {
        border: none;
    }
    /* check restricciones con elipse*/
    
    .item-slc p {
        font-size: .8rem;
        width: 100%;
        padding: 10px 0 0;
        color: #606060;
    }
    
    .item-slc p strong {
        color: #ffa54a;
    }
    /*produccion*/
    /* table.t-produccion {

} */
    
    table.t-produccion td {
        position: relative;
        padding: 35px 20px;
        width: 16.6666666%;
        background: #f3f3f3;
        font-weight: bold;
    }
    
    table.t-produccion td.ccnt {
        background: rgba(255, 152, 0, 0.337);
        color: #FF9800;
    }
    
    table.t-produccion td.ccnt.active {
        /* background: #4CAF5056; */
        background: #c0e1c2;
        color: #4CAF50;
    }
    
    table.t-produccion td.ccntHover:hover {
        background: #FFFFFF;
        cursor: pointer;
    }
    
    table.t-produccion td.ccnt.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    
    table.t-produccion td:first-child {
        cursor: not-allowed!important;
    }
    /*fotos*/
    
    .snt-foto span {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 5px 10px;
    }
    
    .snt-foto {
        width: calc(33.33333% - 4px);
        margin-right: 6px;
    }
    
    .snt-foto:nth-child(3n) {
        width: calc(33.33333% - 4px);
        margin-right: 0px;
    }
    
    .snt-foto img {
        width: 100%;
    }
    /*sello*/
    
    .sello {
        border: 1px solid #606060;
        text-align: center;
        padding: 50px 0;
        margin-bottom: 10px;
    }
    /*POPUP*/
    
    button.fancybox-close-small {
        display: none;
    }
    
    .cabPU h3 {
        color: #ffa54a;
        border-bottom: 2px solid;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .cabPU span {
        font-weight: 100;
        color: #606060;
    }
    
    .cabPU strong {
        color: #ffa54a;
    }
    
    .item-PU {
        margin: 10px 0;
        padding-right: 15px;
    }
    
    .item-PU.np {
        padding-right: 0px;
    }
    
    .item-PU label {
        color: #606060;
        line-height: 30px;
    }
    
    .item-PU>input,
    .item-PU>textarea,
    .item-PU select,
    .item-PU .select2 {
        width: 70%!important;
        float: right;
        border: 1px solid #606060;
        background: transparent;
        color: #a0a0a0;
        font-style: italic;
        font-size: 1rem;
    }
    
    .item-PU>textarea {
        resize: none;
        height: 120px;
    }
    
    .item-PU input:focus,
    .item-PU textarea:focus,
    .item-PU select:focus {
        background: #ffa54a1f;
        color: #ffa54a;
        font-style: normal;
    }
    
    .item-PU input[type=date]:before {
        content: '\f073';
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 5px;
        color: #606060;
        font-size: 0.8rem;
    }
    
    .item-PU input[type=time]:before {
        content: '\f017';
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 5px;
        color: #606060;
        font-size: 0.8rem;
    }
    
    .item-PU .cld-cnt-scl input[type=date] {
        width: 64%;
        float: none;
    }
    
    .item-PU .cld-cnt-scl input[type=time] {
        width: 34%;
        float: none;
    }
    
    .item-PU .cld-cnt-scl {
        width: 70%;
        float: right;
    }
    /*monitor*/
    
    .monitor td,
    .monitor th {
        width: 5.8823%;
        text-align: center;
        color: #606060;
        font-size: .8rem;
        background: transparent;
        /*display: table-cell;*/
        height: 75px;
    }
    
    .monitor td.std {
        background: #F44336;
        padding: 30px;
        box-shadow: inset 0 0 0 4px #fafbfc;
        position: relative;
    }
    
    .monitor td.std.active {
        background: #4CAF50;
    }
    
    .monitor td.std.nrj {
        background: #FF5722;
    }
    
    .monitor td.std:after {
        content: '';
        width: calc(100% - 14px);
        height: calc(100% - 14px);
        position: absolute;
        top: 7px;
        left: 7px;
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 100%);
    }
    
    .monitor-single td,
    .monitor-single th {
        font-size: .8rem;
        padding: 15px 10px !important;
        position: relative;
    }
    
    .monitor-single .active:after {
        content: '';
        background: #F44336;
        position: absolute;
        width: 20px;
        height: 20px;
        right: 10px;
    }
    
    .monitor-single .active.plus:after {
        background: #4CAF50;
    }
    
    .monitor-single .active.nrj:after {
        background: #FF9800;
    }
    
    .monitor th,
    .monitor td {
        white-space: inherit;
    }
    
    .monitor table {
        width: 131%;
    }
    
    #tablaMonitorSingle {
        border-collapse: collapse !important;
    }
    
    .inci-monitor {
        font-size: 1.5rem;
    }
    
    .inci-monitor .alert-incidencias {
        left: 21px;
    }
    /*control fabrica*/
    /* table.t-controlFabrica {

} */
    
    table.t-controlFabrica td {
        position: relative;
        padding: 35px 20px;
        width: 16.6666666%;
        background: #f3f3f3;
        font-weight: bold;
        position: relative;
    }
    
    table.t-controlFabrica td.active:after {
        content: '';
        position: absolute;
        width: 50px;
        height: calc(100% - 20px);
        top: 10px;
        right: 10px;
        background: #F44336;
    }
    
    table.t-controlFabrica td.active:before {
        content: '';
        position: absolute;
        width: 40px;
        height: calc(100% - 30px);
        top: 15px;
        right: 15px;
        background: #ffffff30;
        z-index: 9;
    }
    
    table.t-controlFabrica td.active.check:after {
        background: green;
    }
    
    table.t-controlFabrica td.puertas {
        background: #2196f36b;
        color: #2196f3;
    }
    
    table.t-controlFabrica td.ciegas {
        background: #5193c76b;
        color: #3c90d2;
    }
    
    table.t-controlFabrica td.vitrinas {
        background: #124e7d6b;
        color: #124e7d;
    }
    
    table.t-controlFabrica td.integrables {
        background: #045a9e6b;
        color: #045a9e;
    }
    
    table.t-controlFabrica td.otros-sistemas {
        background: #4eb1ff6b;
        color: #008bf9;
    }
    
    table.t-controlFabrica td.armazones {
        background: #ff028354;
        color: #ff0283;
    }
    
    table.t-controlFabrica td.cascos {
        background: #bf00d654;
        color: #bf00d6;
    }
    
    table.t-controlFabrica td.entrepaños {
        background: #93009c54;
        color: #93009c;
    }
    
    table.t-controlFabrica td.electrodomesticos {
        background: #67676752;
        color: #676767;
    }
    
    table.t-controlFabrica td.herrajes {
        background: #ff6a003b;
        color: #ff6a00;
    }
    
    table.t-controlFabrica td.rinconeras {
        background: #ffa5003b;
        color: #ffa500;
    }
    
    table.t-controlFabrica td.extraibles {
        background: #ffb1003b;
        color: #ffb100;
    }
    
    table.t-controlFabrica td.otros {
        background: #d44f023b;
        color: #d44f02;
    }
    
    table.t-controlFabrica td.lineales {
        background: #a7a93c3b;
        color: #a7a93c;
    }
    
    table.t-controlFabrica td.encimeras {
        background: #5494233b;
        color: #549423;
    }
    
    table.t-controlFabrica td.copete {
        background: #807d383b;
        color: #807d38;
    }
    
    table.t-controlFabrica td.cornisas {
        background: #78de1b3b;
        color: #52ad00;
    }
    
    table.t-controlFabrica td.portaluz {
        background: #029e003b;
        color: #029e00;
    }
    
    table.t-controlFabrica td.zocalo {
        background: #4bff003b;
        color: #35b500;
    }
    
    table.t-controlFabrica td.complementos {
        background: #00ad7556;
        color: #00ad75;
    }
    
    table.t-controlFabrica td.luces {
        background: #00adad56;
        color: #008282;
    }
    
    table.t-controlFabrica td.entrepaños-cristal {
        background: #0085ad56;
        color: #0085ad;
    }
    
    .campoVacio {
        border-color: red !important;
    }
    /*modo lectura*/
    
    #interiorCont.modoLectura {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding: 25px;
        background: white;
        width: 100%;
        height: 100%;
    }
    
    #salirModoLectura {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 10px 30px;
        background: red;
        color: white;
        z-index: 9999;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #ffa54a;
    }
    /*  estilo para div subDiseno*/
    
    #divSubDiseno a,
    #divSubDiseno label {
        color: #ffa54a;
        margin-left: 10px;
        font-size: 1.3rem;
    }
    
    #divSubDiseno input {
        color: #ffa54a;
        margin-left: 10px;
        border: 1px solid;
    }
    /*filtros*/
    
    .cnt-item-filtro * {
        margin-right: 15px;
    }
    
    .cnt-item-filtro input {
        width: auto!important;
        margin: 0;
        margin-right: 15px;
        float: initial;
    }
    /* fimas fichas*/
    
    .tiposFirmas .tipoFirma {
        cursor: pointer;
        position: relative;
        width: calc(20% - 16px);
        float: left;
        font-size: 2rem;
        padding-top: 40px;
        height: 190px;
        background: #ffa54a;
        margin: 0 10px;
        color: #ffff;
    }
    
    .tiposFirmas .tipoFirma:first-child {
        margin-left: 0;
    }
    
    .tiposFirmas .tipoFirma:last-child {
        margin-right: 0;
    }
    
    .cajaFirmar {
        width: 40%;
        padding-right: 10px;
        margin-top: 50px;
        float: left;
    }
    
    #btnFirmar {
        cursor: pointer;
        position: relative;
        width: 100%;
        float: left;
        font-size: 4rem;
        padding-top: 10px;
        height: 110px;
        background: #d9e021;
        /* margin: 0 10px; */
        color: #000;
        text-align: center;
        margin: 25px 0;
    }
    
    .fechaFirma span {
        color: #ffa54a;
    }
    
    #nomFirma {
        width: 100%;
        font-size: 30px;
    }
    
    .tipoFirma.active:after {
        content: '';
        position: absolute;
        height: 40px;
        width: 40px;
        background: #ffa54a;
        bottom: -20px;
        left: calc(50% - 20px);
        transform: rotate(45deg);
    }
    
    .firmadoOK {
        background: #4CAF50!important;
    }
    
    .tipoFirma.active.firmadoOK:after {
        background: #4CAF50;
    }
    
    .cajaDocs {
        width: 60%;
        margin-top: 82px;
        float: left;
        padding: 0 10px;
    }
    
    .cajaDocs label {
        font-size: 1.25rem;
    }
    
    #btnDoc {
        cursor: pointer;
        position: relative;
        width: 100%;
        float: left;
        font-size: 4rem;
        padding-top: 10px;
        height: 110px;
        background: #0090f7;
        /* margin: 0 10px; */
        color: #000;
        text-align: center;
        margin: 25px 0;
    }
    
    #mailDoc {
        width: 75%;
        font-size: 30px;
    }
    
    .enviarDocs {
        width: calc( 25% - 10px);
        line-height: 1.75;
        font-size: 1.25rem;
    }
    /* firmas imagenes*/
    
    .cajaSubirImg {
        width: calc(66.6666666% - 10px);
        float: left;
        font-size: 4rem;
        /* padding-top: 10px; */
        height: 100px;
        background: #01a89e;
        /* margin: 0 10px; */
        color: #ffff;
        text-align: center;
        margin: 25px 10px 25px 0;
    }
    
    .cajaSubirImg input[type=file]+label {
        width: 100%;
        font-size: 3rem;
        background: #01a89e;
        color: #ffff;
    }
    
    .btnEnviarImagen {
        cursor: pointer;
        width: calc(33.3333333% - 10px);
        float: left;
        font-size: 3rem;
        padding-top: 15px;
        height: 100px;
        background: #0071bd;
        /* margin: 0 10px; */
        color: #ffff;
        text-align: center;
        margin: 25px 0 25px 10px;
    }
    
    #cajaImagenes {
        position: relative;
        float: left;
        width: 100%;
        margin: 15px 0;
        padding-top: 20px;
        border-top: 1px solid #ffa54a;
    }
    
    #cajaImagenes .snt-foto {
        width: calc(20% - 4px);
        margin-right: 6px;
    }
    
    #cajaImagenes .btnBorrarImg i {
        font-size: 3rem;
    }
    /*formas fabrica*/
    
    .firmas table.t-produccion td {
        padding: 33px 20px;
    }
    /* tabla monitor ancho mínimo columnas */
    
    #tabla_monitor tbody tr td {
        min-width: 95px;
        /* max-width: 97px; */
    }
    
    #tabla_monitor tbody tr td:first-child,
    #tabla_monitor tbody tr td:nth-child(14),
    #tabla_monitor tbody tr td:nth-child(15),
    #tabla_monitor tbody tr td:nth-child(16),
    #tabla_monitor tbody tr td:nth-child(17) {
        min-width: 96px;
        /* max-width: 97px; */
    }
    /* .close-vertical-show {
    font-size: 30px;
} */
    /* .close-vertical-show:hover {
    color: red;
} */
    
    .input_sub_incidencia {
        width: 94%!important;
        margin-right: 5px;
    }
    
    #input_resolucion_hija,
    #input_descripcion_hija {
        border: 1px solid #606060;
        resize: none;
        height: 120px;
        overflow: hidden;
    }
    
    .cab-btnSAP {
        background: cornflowerblue;
        text-align: center;
        color: #fafbfc;
        font-size: 1.5rem;
        padding: 10px;
        margin-top: 15px;
    }
    
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }
    
    a.close {
        text-decoration: none !important;
        font-size: 18px !important;
        line-height: 1.2;
    }
    
    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
    }
    
    .accordion {
        background-color: #eee;
        color: #e9e9e9;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        margin-top: 25px;
        padding: 30px;
    }
    
    .accordion-active,
    .accordion:hover {
        background-color: #e9e9e9;
    }
    
    .panel {
        padding: 0 18px;
        /* display: none; */
        background-color: white;
        overflow: hidden;
        width: 100%;
    }
    
    .icon-accordion-up,
    .icon-accordion-down {
        display: block;
    }
    
    .icon-accordion-down.show {
        display: none;
    }
    
    .icon-accordion-up.hiden {
        display: none;
    }
    
    .icon-accordion-down.hiden {
        display: none;
    }
    
    .panel .select2,
    .panel input[type=text] {
        border: 1px solid #cdcccc;
        padding: 5px;
        color: #a0a0a0;
        font-size: 1rem;
        height: 35px;
    }
    
    .panel table.dataTable.nowrap th,
    .panel table.dataTable.nowrap td {
        white-space: initial!important;
    }
    /* .panel table.dataTable.nowrap#tpoblaciones th,
    .panel table.dataTable.nowrap#tmodelo-muebles th,
    .panel table.dataTable.nowrap#therrajes th,
    .panel table.dataTable.nowrap#tpuertas-integrables th,
    .panel table.dataTable.nowrap#tencastres th,
    .panel table.dataTable.nowrap#ttrabajos-adicionales th,
    .panel table.dataTable.nowrap#ttransportes th {
        width: 100px;
    } */
    
    .panel table.dataTable.nowrap#tpoblaciones th:nth-of-type(1),
    .panel table.dataTable.nowrap#tmodelo-muebles th:nth-of-type(1),
    .panel table.dataTable.nowrap#therrajes th:nth-of-type(1),
    .panel table.dataTable.nowrap#tpuertas-integrables th:nth-of-type(1),
    .panel table.dataTable.nowrap#tencastres th:nth-of-type(1),
    .panel table.dataTable.nowrap#ttrabajos-adicionales th:nth-of-type(1),
    .panel table.dataTable.nowrap#ttransportes th:nth-of-type(1) {
        width: 20%;
    }
    
    .panel table.dataTable.nowrap#tpoblaciones th:nth-of-type(2),
    .panel table.dataTable.nowrap#tmodelo-muebles th:nth-of-type(2),
    .panel table.dataTable.nowrap#therrajes th:nth-of-type(2),
    .panel table.dataTable.nowrap#tpuertas-integrables th:nth-of-type(2),
    .panel table.dataTable.nowrap#tencastres th:nth-of-type(2),
    .panel table.dataTable.nowrap#ttrabajos-adicionales th:nth-of-type(2),
    .panel table.dataTable.nowrap#templeados th:nth-of-type(2),
    .panel table.dataTable.nowrap#ttransportes th:nth-of-type(2) {
        width: 60%;
    }
    
    .panel table.dataTable.nowrap#tpoblaciones th:nth-of-type(3),
    .panel table.dataTable.nowrap#tmodelo-muebles th:nth-of-type(3),
    .panel table.dataTable.nowrap#therrajes th:nth-of-type(3),
    .panel table.dataTable.nowrap#tpuertas-integrables th:nth-of-type(3),
    .panel table.dataTable.nowrap#tencastres th:nth-of-type(3),
    .panel table.dataTable.nowrap#ttrabajos-adicionales th:nth-of-type(3),
    .panel table.dataTable.nowrap#templeados th:nth-of-type(3),
    .panel table.dataTable.nowrap#ttransportes th:nth-of-type(3) {
        width: 20%;
    }
    
    .panel table.dataTable.nowrap#tpoblaciones td:nth-of-type(3),
    .panel table.dataTable.nowrap#tmodelo-muebles td:nth-of-type(3),
    .panel table.dataTable.nowrap#therrajes td:nth-of-type(3),
    .panel table.dataTable.nowrap#tpuertas-integrables th:nth-of-type(3),
    .panel table.dataTable.nowrap#tencastres td:nth-of-type(3),
    .panel table.dataTable.nowrap#ttrabajos-adicionales td:nth-of-type(3),
    .panel table.dataTable.nowrap#templeados td:nth-of-type(3),
    .panel table.dataTable.nowrap#ttransportes td:nth-of-type(3) {
        text-align: right;
    }
    
    .panel table.dataTable {
        border-collapse: collapse!important;
    }
    /* .panel table.datatable td:nth-child(0) {
        width: 10px!important;
    } */
    
    body.parametrizacionSAP {
        overflow: hidden;
    }
    
    .datos-hija {
        float: left;
        width: 100%;
        background-color: #ffa54a;
        color: #FFFFFF;
        padding-left: 5px;
    }
    
    .tr-datos-hija,
    .tr-datos-hija td {
        padding: 0px;
    }
    
    .stockArticulosPresupuesto {
        max-height: 500px;
        overflow-y: scroll;
    }
    
    .stockArticulosPresupuesto .fa-check {
        color: #00ad75;
    }
    
    .stockArticulosPresupuesto .fa-times {
        color: #8d3535;
    }
    
    .problema_art td {
        background-color: #f9c7c7;
        color: #8d3535;
    }
    
    .success-popup {
        border-radius: 4px;
        margin: 10px 0 0 10px;
        width: 400px;
        background-color: #d7f8e0;
        padding: 20px;
        margin-right: 50px;
        float: right;
        clear: both;
        box-shadow: #888888 1px 1px 18px 2px;
        color: #29721c;
        border: 1px solid #afe7ab;
    }
    
    .error-popup {
        border-radius: 4px;
        margin: 10px 0 0 10px;
        width: 400px;
        background-color: #f8d7da;
        padding: 20px;
        margin-right: 50px;
        float: right;
        clear: both;
        box-shadow: #888888 1px 1px 18px 2px;
        color: #721c24;
        border: 1px solid #e7abb1;
    }
    
    .popup-load {
        border-radius: 4px;
        margin: 10px 0 0 10px;
        width: 400px;
        /* background-color: #d7f8e0; */
        padding: 20px;
        /* margin-right: 50px; */
        float: right;
        clear: both;
        /* box-shadow: #888888 1px 1px 18px 2px; */
        /* color: #29721c; */
        /* border: 1px solid #afe7ab; */
        text-align: center;
        transition: all ease 1s;
    }
    
    .popup-load.quitado {
        margin-right: -400px;
    }
    
    .popup-load i {
        color: #ffa54a;
        font-size: 50px;
    }
    
    .cont-historico {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .cont-historico a {
        display: flex;
        border: 1px solid;
        padding: 10px 15px;
        width: calc(25% - 9px);
        justify-content: space-between;
        background: #ffffff;
        align-items: center;
        transition: all ease .2s;
    }
    
    .cont-historico a:hover {
        background: #ffa54a;
        color: white;
        border: 1px solid #ffa54a;
    }
    
    input:disabled {
        background-color: #edebeb!important;
    }
    
    #registro-senal {
        padding: 9px;
        color: #154b78;
        font-weight: 800;
        cursor: pointer;
    }
    
    #error-conex-SAP {
        padding: 10px;
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #e7abb1;
    }
    
    .btn-arrow {
        padding: 9px;
        color: #154b78;
        font-weight: 800;
        cursor: pointer
    }
    
    .total_msje_import {
        float: right;
        text-align: center;
        padding: 20px;
        color: #FFFFFF;
        background-color: #4caf50;
        width: 100px;
        margin-left: 5px;
    }
    
    .total_msje_import#total_errores {
        float: right;
        text-align: center;
        padding: 20px;
        color: #FFFFFF;
        background-color: #be4040;
        width: 100px;
        margin-left: 5px;
    }

    #tablaIncidenciasDetalle{
        font-size: 12px!important;
    }