/*
*
* nbQuotation
* by nbGroup
*
*//* 
    Created on : 6 nov. 2021, 20:24:41
    Author     : JP
*/

/* ----------------- LOADER ----------------------- */
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #FFF;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 2px;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.spinner > div.app-loader-spinner-color {
    background-color: #fb9d00;
}

.app-loader-spinner-background{
    opacity: 1;
}

.app-loader-spinner-size{
    margin: 0px auto;
    width: 100px;
    height: 80px;
}

.spinner > div.app-loader-spinner-width {
    width: 12px;
}

.app-loader-shadow
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.app-loader-shadow:before, .app-loader-shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.app-loader-shadow:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

/* --------------------- FIN LOADER -----------------------*/


/* --------------------- ESTILOS EXTRA ---------------*/


/* ICONOS */

.app-nb-icon-width{
    width:50px;
}

/* BARRA SUPERIOR NAVEGACIÓN */

.app-nb-z-index{
    z-index:4;
}

.app-nb-z-index-2{
    z-index:3;
    width:200px;
}

.app-nb-logo-barra{
    width: 5vh;
}

.app-nb-logo-barra-2 {
    width: 20px;
}

.app-nb-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* LOGIN */
.app-nb-login{
    margin-top:20vh;
}

/* CONTAINER */

.app-nb-container{
    margin-top: 100px;
}

.app-nb-container-with-actionbar{
    margin-top: 100px;
}

@media (min-width:993px){
    .app-nb-container-with-actionbar{
        margin-top: 160px;
    }
}

/* GO TOP ICONO */
.app-nb-gotop{
    position:relative;
    /*bottom:50px;*/
    z-index:1;
}


/* TOOLTIPS  */

.tooltip button{
    width: 20vh;
    height: 10vh;
}

.tooltip .tooltiptext {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear;
    /*transition: opacity 1s;*/
}

.tooltip:hover .tooltiptext {
    display: flex;
    visibility: visible;
    transition: visibility 0s, opacity 1s linear;
    opacity: 1;
}
/*
.tooltip .tooltiptext::after {
    color: white;
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    background-color: white;
    display: inline-block;
}
*/
.tooltip:hover i{
    transition: visibility 0s, opacity 1s linear;
    font-size: 12px !important;
}


/* DATATABLE EXTRAS */
.dataTables_wrapper td {
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{
    background-color: white;
    margin-bottom: 2vh;
}

.dataTables_wrapper .dataTables_filter input::placeholder{
    /* No logro hacerlo ir para incrustar la lupa */
    /*font-family: "Font Awesome Kit";
    font-weight: 400;
    content: "\f002"; */
}

table.dataTable thead .sorting {
    background-image: url("/ot/img/svg/sort-solid.svg") !important;
}

table.dataTable thead .sorting_asc {
    background-image: url("/ot/img/svg/sort-up-solid.svg") !important;
}

table.dataTable thead .sorting_desc {
    background-image: url("/ot/img/svg/sort-down-solid.svg") !important;
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("/ot/img/svg/sort-up-solid.svg");
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("/ot/img/svg/sort-down-solid.svg");
}

.app-nb-table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    padding-bottom: 8vh;
}

.app-nb-table-button-extra{
    margin:5px;
    padding: 5px;
}

/* Carga con el processing */
.dataTables_wrapper .dataTables_processing{
    position: absolute;
    top: 70% !important;
    background: #fb9d00;
    border: 1px solid black;
    border-radius: 3px;
    font-weight: bold;
    height: 80px;
}

/*
div.dataTables_wrapper {
    width: 800px;
    margin: 0 auto;
}*/

/*DATATABLE CON BOOTSTRAP...*
/*
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after {
  color : yellow;
  opacity: 0.6 !important;
}
*/


/*
.paginate_button:disabled{
    background: transparent !important;
}
.paginate_button.current {
    border: 0;
    color: white !important;
    border-radius: 0;
    border-color: white  !important;
    background: white !important;
}

.paginate_button:hover{
    color: black !important;
    border: 0;
    border-radius: 0;
    border-color: #2196F3 !important;
    background: #2196F3 !important;
}



.dataTables_wrapper .dataTables_paginate .paginate_button {
    
}
*/





/* MODAL CUSTOMIZATION */

.w3-modal-content{
    width: 1000px !important;
}

/*
@media (max-width:600px){
    .w3-modal-content{
        width:auto!important
    }
}*/

@media (max-width:992px){
    .w3-modal-content{
        width:auto!important
    }
}

@media (min-width:993px){
    .w3-modal-content{
        width:900px;
    }
}

@media (min-width:993px){
    .w3-modal-content{
        width:900px;
    }
}


#quote-new-equipments li {
    list-style-type:none;
    padding:8px 16px;
    border-bottom:1px solid #ddd;
}

/* LISTAS SORTABLE MOBILE - Se podria eliminar si quitamos ese jquery*/

#app-system-setup li, #s-l-base li {
    list-style-type:none;
    /*padding:0;
    margin:0;*/

    padding:8px 16px;
    border-bottom:1px solid #ddd;

}


#app-system-setup li, #s-l-base li:last-child {
    border-bottom:none;
}

#app-system-setup li, #s-l-base ul {
    border:0px solid #607d8b!important;
    color:#000!important;
    background-color:#fff;
    padding: 0px!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);

    /*padding:8px 16px!important;*/
    /*color:#000!important;background-color:#f1f1f1!important;*/
}

#app-system-setup li, #s-l-base div.w3-row {
    background-color: #607d8b; /*#87CEEB;*/
}

/* fondo lista */
#app-system-setup ul {
    background-color:#f1f1f1;
}

/* cursor casilla para mover */

.app-nb-cursor-scroll{
    cursor: all-scroll;
    border:1px solid #607d8b!important;
}

.app-nb-cursor-scroll:hover {
    background-color: #ccc!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);

}

.app-nb-cursor-scroll:hover i {
    color: black!important;
}

/* LISTAS SORTABLE */
/*
body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

#app-system-setup li.placeholder {
    position: relative;
    
}
#app-system-setup li.placeholder:before {
    position: absolute;
    
}

ol.example li.placeholder {
    position: relative;
    
}
ol.example li.placeholder:before {
    position: absolute;
    
}
*/


/* OTROS */

.app-nb-hide{
    display: none;
}
/*modal conf en oferta: no carga correctamente*/

.modal-oferta {
    height: 100% !important;

    width: 100% !important;

    position: fixed !important;

    top: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    right: 0 !important;

    margin: auto !important;

    /*background: #8e44ad;*/

    z-index: 9999;
}

.modal-active-oferta {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
}

/* AÑADE BARRA LATERAL EN EL MODAL */
.modal-dialog{
    overflow-y: initial !important;
}
.modal-body{
    height: 78%;
    overflow-y: auto;
}

/* SOMBRA */

.app-shadow{
    text-shadow:1px 1px 0 #444;
}

.app-shadow-light{
    text-shadow:1px 1px 0 #fff;
}





/************************************** SINERA ***************************************/

.app-text-darkblue{
    color: #002564;
}

.app-text-lightblue{
    color: #0077b7;
}

.app-text-orange{
    color: #fb9d00;
}

.app-text-gray{
    color: #e7e7e7;
}

.app-darkblue{
    background-color: #002564;
}

.app-lightblue{
    background-color: #0077b7;
}

.app-orange{
    background-color: #fb9d00;
}

.app-gray{
    background-color: #e7e7e7;
}


.app-font{
    font-family:Verdana, Geneva, sans-serif;
    font-weight: 200;
}

.app-btn-shadow:hover{
    background-color: #e7e7e7;
    animation-name: app-btn-shadow-animation;
    animation-duration: 0.5s;
    color: black;
}

@keyframes app-btn-shadow-animation {
  from {background-color: #0077b7;}
  to {background-color: #e7e7e7;}
}

.app-btn-shadow-nav:hover{
    background-color: #0077b7;
    animation-name: app-btn-shadow-animation2;
    animation-duration: 0.5s;
    color: white;
}

@keyframes app-btn-shadow-animation2 {
  from {background-color: #002564;}
  to {background-color: #0077b7;}
}

.app-nav-top-location-line{
    height: 2px;
}

a.app-links{
    color: white;
    text-shadow:2px 2px 2px #444;
}

a.app-links:link, a.app-links:visited, a.app-links:active {
  text-decoration: none !important;
}

a.app-links:hover {
  text-decoration: none !important;
  color: #e7e7e7;
}

.app-centered{
    text-align: center;
}

/*input[type="text"][disabled] {
   color: #e7e7e7;
}

input[type="password"][disabled] {
   color: #e7e7e7;
}*/

input[disabled] {
   color: #e7e7e7;
}   
textarea[disabled] {
   color: #e7e7e7;
}

.app-display-block{
    display: block;
}