/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09-Jan-2020, 16:39:21
    Author     : dsouto
*/

:root {
  --primario: #008C9A;
  --secundario: #ffeeba;
  --terciario: #ffe4e1;
  /*AGRI*/
  /*--primario: #387090;*/
  /*LLamada = var(--primario);*/
}

@font-face{
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}

@font-face{
    font-family: 'CapacityPlannerFont2';
    src: url('fonts/Cambay-Regular.ttf');
}

html, body {
    background-color: #FFFFFF !important;
    /**color: #636b6f;**/
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 100;
    font-size: 0.5vh;
    margin: 0;
    height:100%;
    width: 100%;
    webkit-font-smoothing: subpixel-antialiased !important;
}

a{
    
    font-size: 1.7vh;
    color: gray;
    
}

button{
    
    font-size: 1.7vh;
    
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--primario);
    font-weight: bold;
    font-size: 1.6vh;
}

a:hover {
    color: var(--primario);
    text-decoration: underline;
}

input:disabled{
    
    border-radius: 3px;
    
}

.loading-img-datatable{
    
    width: 150px;
    height: 150px;
    
}

/*///////////////////////////CSS LOADER/////////////////////////////////////*/

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid lightseagreen;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: lightseagreen transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-ring-little{
    
    width: 18px;
    height: 18px;
    
}

.lds-ring-little div{
    
    width: 20px;
    height: 20px;
    border: 2px solid lightseagreen;
    margin: 4px;
    border-color: lightseagreen transparent transparent transparent;
    
}

/*///////////////////////////CSS LOADER/////////////////////////////////////*/

#idImgLogoCabeceraMenu{
    width: 10vh;
    margin-top: -0.3vh;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding-right: 0.5vh;
    padding-left: 0.5vh;
    padding-bottom: 0.1vh;
    padding-top: 0.3vh;
    vertical-align: text-top;
    border: 1px solid #FFFFFF;
    user-select: none;
}

#idImgLogoCabeceraPantalla{
    width: 17vh;
    padding: 1vh;
    padding-top: 0.5vh;
    max-width: fit-content;
}

.row{
    height: 100%;
}

.full-height {
    height: 100vh;
}

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

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
}

.links > a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}

select{
    
    font-size: 1.7vh !important;
    
}

tr, th, td {
    
    font-size: 1.7vh;
    
}

h3{
    
    font-size: 1.2vh;
    
}

/*TOP BLOCK CSS*/

#idTopBlockFixed{
    
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    
}

#idContentContainer{
    
    margin-top: 6vh;
    
}

.top-block{
    
    height: 5vh;
    background-color: #c6c6c6;
    float: left;
    
}

.top-block-left{
    
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
    background-color: var(--primario);
    height: 6vh !important;
    padding-top: 0.5vh;
    border-bottom: 1px solid var(--primario);
    
}

.top-block-left > *{
    
    text-align: center;
    
}

.top-block-rigth{
    
    padding-left: -1.8vh;
    padding-left: 0;
    text-align: center;
    padding-left: 2vh;
    background-color: #FFFFFF;
    border-bottom: 1px solid var(--primario);
    padding-bottom: 5.5vh;
    padding-top: 0.4vh;
    
}

.top-block-rigth > * > *{
    
    /*font-weight: bold;*/
    
}

.btn-cerrar-sesion:hover{
    
    color: #b91d19 !important;
    
}

.btn-group{

    height: 5vh;
    float: right;
    background-color: transparent;
    
}

.btn-group > button{
    
    color: #000000;
    background-color: transparent;
    
}

.btn-menu{
    
     border-radius: 5px;
    
}

.btn-menu-li > *:hover , .btn-menu-li > *:hover > *{
    
    /*background-color: #E0E0E0;*/
    color: var(--primario);
    border-radius: 5px;
    
}

.btn-menu-li > *:active , .btn-menu-li > *:active > *{
    
    background-color: #E0E0E0;
    color: #000000;
    border-radius: 5px;
    
}

.ui-datepicker-unselectable:hover{
    
    cursor: default !important;
    
}

.dropdown-menu{
    
    width: auto;
    /*display:inline-block;*/
     border-radius: 5px;
    
}

.btn-left{
    
    float:left;
    
}

.btn-group > *{
    
    font-size: 1.6vh;
    
}

.dropdown-menu> li{
    
    white-space:nowrap;
    
}

.top-block-title{
    
    color: white;
    font-size: 2.7vh !important;
    /*margin-left: 1%;*/
    margin: 0 auto;
    /*padding-left: 2%;*/
    text-align: center;
}


.top-block-subtitle{
    
    color: white;
    font-size: 1vh !important;
    margin-left: 2vh;
    padding-left: 1vh;
    margin: 0 auto;
    padding-top: 2vh;
    text-align: center;
    
}

/*MENU CSS*/

.side-menu{

    background-color: lightgray;
    padding-right: 0 !important;
    /*margin-left: 1.7vh;*/
    padding-left: 0;
    position:fixed !important;
    z-index: 1;
    height: 100%;

}

.menu-list-general{
    
    list-style: none;
    font-size: 1.5vh;
    padding-left: 0;
    width: 100%;
    height: 100%;
    
}

.menu-list-general > li{
    
    width: 100%;
    
}

.menu-list-general > li > label{
    
    width: 100%;
    
}

.menu-search-title{
    padding-left: 5%;
    padding-top: 2.5%;
}

.menu-list-general > li:hover{
    
    cursor: pointer;
    background-color: var(--secundario);
    
}

li > .disabled-ficha{
   
    color: #b91d19;
}

.menu-list-general > li > *:hover{
    
    cursor: pointer;
 
}

.menu-list-general > li > label{
    
    padding-left: 8%;
    display: inline-block;
    overflow: hidden;
    height: 2.5vh;
    /*margin-bottom: 0;*/
    margin-bottom: -0.6vh;
    
}

.menu-list-general > pagination{
    
    width: 50%;
    
}

.menu-list-pagination{
    
    width: 100% !important;
    margin: 0;
    padding: 0;
    list-style: none;
    /*margin-top: 5%;*/
    position:fixed;
    /*bottom: 0.5vh;*/
    height: 100%;
    padding-top: 0.7vh;
    background-color: gray;
    border-top: 1px solid white;
    max-height: 3.5vh !important;
    
}

.menu-list-pagination > .pagination{
    
    min-width: 100%;
    
}

.pagination{
    
    margin-top: 1% !important;
    
}

.page-item.disabled .page-link{
    
    color: white;
    
}

.menu-list-pagination > li{
    
   width: 100% !important;
    
}

.menu-list-pagination > li > ul{
    
   width: 100% !important;
    
}

.menu-list-pagination > li > ul > li{
    
   width: inherit !important;
   margin-right: 0.5vh !important;
   
}

.menu-list-pagination > li > ul > .active > span{
    
   background-color: #FFFFFF !important;
   
}

.dataTables_paginate > .pagination > li > a{
    
    color: gray !important;
    
}

.menu-list-desplegado{
    
    background-color: #E0E0E0;
    list-style: none;
    /*font-size: 1.5vh;*/
    font-size: 11px;/*Cambiado petición MP*/
    padding-left: 0;
}

.menu-list-desplegado-li{
    width: 100%;
    height: 100%;
    padding-left: 2vh;
    padding-top: 0.5vh;
}

.menu-list-desplegado-li:hover{
    
    cursor: pointer;
    
}

div > li > .menu-list-desplegado-li:hover{
    
    /*background-color: var(--secundario);*/

}


.menu-list-desplegado-li-active{
    
    background-color: var(--secundario) !important;
    
}

.sub-menu-list-desplegado-li-active{
    
    background-color: wheat !important;
    
}

.sub-menu-list-desplegado-li-element-active{
    
    background-color: mistyrose !important;
    
}

.menu-list-desplegado > li:hover{
    
    cursor: pointer;
    background-color: wheat;
    
}

.menu-list-desplegado > li >*:hover{
    
    cursor: pointer;
    
}

.menu-list-desplegado > li > label{
    
    padding-left: 12%;
    
}

.li-lMenu{
    
    background-color: #E0E0E0;
    
}

.li-lMenu>label{
    
    height: 2.1vh;
    overflow: hidden !important;
    
}

.li-lMenu:hover{
    
    background-color: var(--secundario);
    
}

.li-lMenu-active{
    
    background-color: var(--primario);
    color: #FFFFFF;
    
}

.menu-search-inputs > input{
    
    border-radius: 5px 0 0 5px;
    
}

.menu-search-inputs{
    
    padding-left: 5%;
    padding-right: 5%;
    
}

.menu-search-inputs > *{
    
    font-size: 1.2vh;
    
}

.glyphicon-search{
    
    
    
}

.menu-search-inputs > * > button{
    
    height: 93%;
    margin-top: 1px;
    border-radius: 0 5px 5px 0;
    
}

.menu-search-inputs > * > button:hover{
    
    background-color: #FFFFFF;
    
}

.menu-search-inputs > * > button:hover > span{
    
    color: var(--primario);
    
}

.menu-list-ot-title{
    
    font-weight: normal;
    font-size: 1.9vh;
    display: inline-block;
    overflow: hidden;
    height: 3.1vh;
    width: 100%;
    margin-bottom: 0;
    padding-left: 1%;
    margin-bottom: -0.8vh;
    padding-top: 0.5vh;
    padding-bottom: 3.3vh !important;
    line-height: 3.2vh;
    padding-left: 1vh;
    padding-right: 1vh;
    
}

.menu-list-ot-title:hover{
    
    cursor: pointer;
    /*color: #FFFFFF;*/
    background-color: #BDE1E4;
    
}

.menu-list-ot-title:active { 
    color: #FFFFFF;
}

.menu-search-none-result{
    
    padding-top: 3vh;
    padding-bottom: 3vh;
    
}

.menu-search-none-result > *{
    
    font-weight: bold;
    color: gray;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    
}

.sub-menu-list-desplegado{
    
    background-color: #e0e0e0;
    list-style: none;
    font-size: 1.2vh;
    padding-left: 0;
}

.sub-menu-list-desplegado > li > label > span{
    
    margin-right: 0.5vh;
    
}

.sub-menu-list-desplegado-li{
    width: 100%;
    height: 100%;
}

.sub-menu-list-desplegado > li:hover{
    
    cursor: pointer;
    background-color: mistyrose;
    
}

.sub-menu-list-desplegado > li >*:hover{
    
    cursor: pointer;
    
}

.sub-menu-list-desplegado > li > label{
    
    padding-left: 21%;
    
}

.dropdown-menu {
    
    float: right;
    padding-left: 10%;
    padding-right: 10%;
    left: -20%;
    border-radius: 5px;
    
}

.divider {
    
    border-bottom: 1px solid var(--primario);
    
}

.glyphicon{
    color: gray;
}

.btn-hidden{
    
    background: transparent;
    border: none !important;
    font-size:0;
    
}

.btn-add-ot{
    
    /*margin-top: 5%;*/
    font-size: 1.4vh;
    height: 4vh !important;
    font-weight: bold;
    color: #545b62;
    
}

.btn-add-ot > label{
    
    padding-left: 1% !important;
    padding-top: 0.7vh;
    height: 5vh !important;
    
}

.page-item .page-link{
    
    background-color: transparent !important;
    border: none !important;
    color: white;
    /*font-weight: bold;*/
    text-align: center;
    padding: 0.1vh;
    
}

.page-item:hover .page-link:hover{
    
    /*border: 1px solid white !important;*/
    color: black !important;
    font-weight: 900 !important;
    border-radius: 8px;
    
}

.page-link{
    
    color: white;
    margin-right: 0 !important;
    
}

.page-item.active .page-link{
    
    color: var(--primario) !important;
    /*background-color: white !important;*/
    border-radius: 8px;
    text-align: center;
    padding: 0.1vh;
    width: 85%;
    max-width: 3vh;
    font-weight: 900;
    
}
.paginate_button{
    
    padding-right: 0.2vh !important;
    
}

/* PANTALLAS */

.form-control{
    
    font-size: 1.7vh;
    
}

.content-container{
    
    width: 100%;
    margin-left: 0;
    background-color: #FFFFFF;
    
    
}

.container-principal{
    
    background-color: #FFFFFF;
    
}

.pantalla-vista-ficha{
    
    /*background-color: lightblue;*/
    height: 100%;
    margin-top: 0;
    margin-right: 1%;
    
}

.pantalla-vista-ficha-body > *{
    
    
    
}

.vista-ficha-definicion{
    
    width: 100%;
    
}

.container-principal{
    
    padding-bottom: 3%;
    
}

.pantalla-vista-ficha-2{
    
    /*background-color: lightpink;*/
    height: 100%;
    /*margin-top: 2%;*/
    
}

.pantalla-vista-ficha-2 > div > div > input {
    
    border: none;
    
}

.pantalla-vista-ficha-2 > div > div > label {
    
    text-decoration: underline;
    text-decoration-color: var(--primario);
    text-decoration-thickness: 1vh;

    
}

.pantalla-vista-ficha-body > div {
    
    float:left;
    margin-right: 0;
    
    
}

.pantalla-form-element-10{
    
    width: 10%;
    
}

.pantalla-form-element-25{
    
    width: 22%;
    
}

.pantalla-form-element-50{
    
    width: 48%;
    
}

.pantalla-form-element-75{
    
    width: 71%;
    
}

.col-lg-12 > label{
    
    font-weight: bold;
    color: gray;
    
}

.border-radius-top-left{
    border-top-left-radius: 5px; 
}
.border-radius-top-right{
    border-top-right-radius: 5px; 
}
.border-radius-bottom-right{
    border-bottom-right-radius: 5px; 
}
.border-radius-bottom-left{
    border-bottom-left-radius: 5px; 
}
.border-radius-top-right-circle{
    border-top-right-radius: 35px; 
}
.border-radius-bottom-right-circle{
    border-bottom-right-radius: 35px; 
}

.form-row-title{
    
    background-color: var(--primario);
    padding-left: 2vh;
    margin-bottom: 0 !important;
    padding-top: 0.2vh;
    padding-bottom: 0vh;
    width: max-content;
    
}

.form-row > .form-row-title-ot{
    
    width: 20%;
    
}

.form-row-title-left{
    
    float:left;
    
}

.form-row-title-ficha{
    
    background-color: var(--secundario);
    padding-left: 2vh;
    padding-top: 0.1vh;
    padding-bottom: 0.1vh;
    
}

.form-row-title-ot{
    
    width: 20%;
    padding-right: 2vh;
    width: max-content;
    
}

.form-row-title-ot-modal{
    
    width: 30%;
    
}


.form-row-title-ot-descri{
    
    width: 80%;
    
}

.form-row-title-ot-descri-modal{
    
    width: 70%;
    
}

.form-row-title-container{
    
    width: 100%;
    
}

.form-row-title > label , .form-row-title-ficha > label{
    
    border-bottom: 1px solid #FFFFFF !important;
    
}

.form-row-title > label , .form-row-title-ficha > label{
    
    color: #FFFFFF !important;
    
}

.form-row-title > input{
    
    border: none;
    
}

.form-row-title > label{
    
    font-weight: bold;
    font-size: 1.4vh !important;
    
}


.form-row-title > input, .form-row-title-ficha > input {
    
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 0.3vh !important;
    
}

.form-row-title-ficha > input {
    
    color: #000000 !important;
    
}

.form-row-title-ficha > label {
    
    color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.form-row-title-big{
    
    /*width: 34vh;*/
    margin-bottom: 2vh !important;
    padding-top: 0;
    padding-bottom: 0;
    width: fit-content !important;
    
}

.form-row-title-big > label{
    
    font-size: 2.5vh !important;
    font-weight: bold;
    border: 0 !important;
    
}

.form-row-title-big-imputaciones{
    
    margin-top: 1vh;
    width: fit-content !important;
    
}

.form-row-title-big-imputaciones > label{
    
    font-size: 2vh !important;
    font-weight: bold;
    border: 0 !important;
    
}

.form-modal-ficha > div > input:active{
    
    background-color: var(--secundario) !important;
    
}

.form-modal-ficha > div > input:focus{
    
    background-color: #fffacc !important;
    border: 1px solid var(--secundario) !important;
    
}

.form-row > * > label{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    float: left;
    display: contents;
    
}

.form-row > * > input{

    float: right;

}

.form-row > div > * > label{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    float: left;
    
}

.operaciones-custom{
    
    margin-right: 0 !important;
    float: left;
    z-index: 2;
    
}

.form-row > div > * > select{
    
    width: 96.6%;
    background-color: transparent !important;
    border: 1px solid var(--primario) !important;
    height: 3.7vh !important;
    
}


.form-row > * > input{
    
    border: none !important;
    border-bottom: 1px solid #dddddd !important;
    margin-bottom: 1.5vh;
    padding-bottom: 0 !important;
    
}

.form-row > * > input:active{
    
    border: none !important;
    border-bottom: 2px solid var(--primario) !important;
    margin-bottom: 1.5vh;
    padding-bottom: 0 !important;
    
}

.form-row > * > input:hover{
    
    border: none !important;
    border-bottom: 1px solid var(--primario) !important;
    margin-bottom: 1.5vh;
    padding-bottom: 0 !important;
    
}

.form-row > * > input:focus{
    
    border: none !important;
    border-bottom: 1px solid var(--primario) !important;
    margin-bottom: 1.5vh;
    padding-bottom: 0 !important;
    background-color: #BDE1E4;
    
}

.form-row > * > input:disabled{
    
    border: none !important;
    /*border-bottom: 1px solid #eeeeee !important;*/
    margin-bottom: 1.5vh;
    padding-bottom: 0 !important;
    
}

.form-row-separator{
    
    margin-top: 2vh;
    margin-bottom: 0vh;
    border-top: 2px solid var(--primario);
    
}

.form-row-separator-no-margin{
    
    margin-bottom: 0vh;
    border-top: 2px solid var(--primario);
    
}

.form-row-separator-no-margin-top{
    
    margin-top: 0vh;
    
}

.form-row-invisible-separator{
    
    margin-top: 8px;
    margin-bottom: 0vh;
    border-top: 2px solid transparent;
    
}

.form-row-separator-title{
    
    font-size: 1.5vh !important;
    color: var(--primario) !important;
    margin-top: -0vh;
    
}

.form-row-separator-ficha{
    
    border-top: 2px solid var(--primario);
    
}

.form-row-separator-title-ficha{
    
    color: var(--primario) !important;
    
}

.pantalla-form-element-25-input{
    
    font-size: 1.3vh;
    
}

.pantalla-form-element-textarea-heigth-100px{
    
    height: 100px;
    
}

.pantalla-form-element-textarea-heigth-50px{
    
    height: 50px;
    
}


.patalla-form-margin-right{
    margin-right: 5%;
}

.patalla-form-margin-right-20{
    margin-right: 20%;
}

.patalla-form-margin-right-25{
    margin-right: 25%;
}

.patalla-form-margin-right-30{
    margin-right: 30%;
}


.patalla-form-margin-right-40{
    margin-right: 40%;
}

.patalla-form-margin-right-50{
    margin-right: 50% ;
}

.table-operaciones{
    
    margin: 2%;
    width: 96% !important;
    background-color: #FFFFFF;
    margin-bottom: 0.5%;
    margin-top: 0;
    
}

.table-operaciones > tr{
    
   border: none;
    
}

.table-operaciones > tbody > tr > td{
    
   text-align: center;
   /*font-size: 1.5vh;*/
   font-size: 13px;/*Cambiado por peticion MP*/
   /*DESHABILITAMOS POR MALA ADAPTACIÓN OPERACIONES LARGAS*/
   /*white-space: nowrap;*/
   /*max-width: 150px;*/
   /*overflow: hidden;
   width: min-content !important;*/
    
}

.table-familias > tbody > tr > td{
    
   text-align: left;
   font-size: 1.5vh;
    
}

.table-operaciones > thead > tr > th{
    
    
   padding-left: 0.5vh;
   padding-right: 0.5vh;
   font-size: 1.4vh;
   border: none;
   text-align: center;
    
}

.table-familias > thead > tr > th{
    
   text-align: left;
    padding-right: 1vh;
    
}

.operaciones-table-footer{
    
    margin-left: 0.7%;
    margin-top: 2%;
    
}

.operaciones-table-footer > *{
    
    font-size: 1.2vh !important;
    margin-right: 2%;
}

.table-operaciones > thead{
    
   border: none;
    
}

.table-operaciones > tbody{
    
   border: none;
    
}

.table-operaciones > tbody > tr:hover{
    
   background-color: #BDE1E4;
   cursor: pointer;
    
}

.table-familias > tbody > tr:hover{
    
   background-color: var(--secundario);
    
}


.btn-anadir-operacion{
    
    font-size: 1.7vh !important;
    font-weight: bold;
    padding-top: 0%;
    padding-bottom: 0%;
    width: 100% !important;
    background-color: var(--primario);
    color: #FFFFFF;
    border: 1px solid var(--primario) !important;
    border-radius: 4px;
    
}

.btn-anadir-operacion:hover{
    
    color: var(--primario);
    background-color: transparent;
        
}

.btn-anadir-operacion-red{
    
    background-color: #b91d19;
    border: 1px solid #b91d19 !important;
    
}

.btn-anadir-operacion-red:hover{
    
    color: #b91d19;
    
}

.btn-radius{
    
    border-radius: 4px;
    
}

.transparent-title{
    
    color: transparent !important;
    
}

.select-anadir-operacion{

    font-size: 1.2vh !important;

}

/* MODAL */

.modal-header{
    
    border:none;
    margin-left: 0;
    
}

.modal-footer{
    
    border:none;
    margin-top: 1vh !important;
    
}

.close{
    
    margin-top: 0.2vh !important;
    
}

.close > span{
    
    font-size: 3vh;
    
}

.close > span:hover{
    
    color: #b91d19;
    
}

.modal-footer > button{
    
    font-size: 1.7vh;
    
}

.modal-title{
    
    font-size: 2vh;
    font-weight: bold;
    color: #636b6f;
    
}

.modal-lg {
    max-width: 100%;
    /*margin-left: 0.7vh !important;*/
}

.close{
    
    font-size: 2vh;
    
}

.btn-default{
    
    background-color: #b91d19 !important;
    border: 1px solid #b91d19;
    color: #FFFFFF;
    border-radius: 5px;       
    
}

.btn-primary{
    
    background-color: var(--primario) !important;
    border: 1px solid var(--primario);
    color: #FFFFFF;
    border-radius: 5px;        
}

.btn-info{
    
    background-color: #6cb2eb;
    border: 1px solid #6cb2eb;
    color: #FFFFFF;
    border-radius: 5px;
    
}

.btn-primary-inverted{
    
    background-color: #FFFFFF !important;
    border: 1px solid var(--primario);
    color: #FFFFFF;
    border-radius: 5px;        
}

.btn-primary-inverted > *{
    
    color: var(--primario) !important;
    
}

.btn-primary-inverted:hover{
    
    background-color: var(--primario) !important;
    
}

.btn-primary-inverted:hover > *{
    
    color: #FFFFFF !important;
    
}

.btn-edit{
    
    background-color: #FFFFFF !important;
    border: 1px solid var(--primario);
    color: var(--primario);
    border-radius: 5px;        
}

.btn-danger{
    
    background-color: #b91d19 !important;
    border: 1px solid #b91d19;
    color: #FFFFFF;
    border-radius: 5px;
    
}

.btn-danger:hover{
    
    cursor: pointer;
    background-color: #FFFFFF !important;
    color: #b91d19;
    
}

.btn-delete{
    
    background-color: transparent;
    border: 1px solid darkgray;
    border-radius: 4px;
    width: 100%;
    
}

.btn-default:hover{
    
    border: 1px solid #b91d19;
    color: #b91d19;
    background-color: #FFFFFF !important;
    
}

.btn-primary:hover{
    
    border: 1px solid var(--primario);
    color: var(--primario);
    background-color: #FFFFFF !important;
        
}

.btn-selected-crud{
    
    border: 1px solid var(--primario);
    color: var(--primario);
    background-color: #FFFFFF !important;
    
}

.btn-primary-active{
    
    border: 1px solid var(--primario);
    color: var(--primario);
    background-color: #FFFFFF !important;
        
}

p{
    
    
}

div > label{
    
    /*font-size: 1.7vh !important;*/
    font-size: 14px !important;/*Cambiado petición MP*/
    
}

.menu-search-inputs > span > button{
    
    min-width: 1.7vh;
    font-size: 1.7vh;
    
}

.hr-menu{
    
    margin-left: -2vh;
    margin-bottom: 0;
    margin-top: 0;
    
}

.hr-menu-bottom{
    
    margin-left: -2vh;
    margin-top: 0;
    margin-bottom: 0.2vh
        ;
}

.hr-none{
    
    color: transparent;
    border: 0;
    
}

.ui-datepicker{
    
    width: 35vh;
    
}

.ui-datepicker > table{
    
    width: 35vh;
    
}

.ui-datepicker-calendar{
    
    background-color: cornsilk !important;
    border: 2px solid black;
    border-top: none !important;
    
}

.ui-datepicker-calendar > thead {
    
    border-bottom: 2px solid black;
    
}

.ui-datepicker-calendar > tbody{
    
    background-color: #FFFFFF;
    
}

.ui-datepicker-month{
    
    padding-left: 25%;
    color: white;
    font-weight: bold;
    
}

.ui-datepicker-calendar > thead > tr > th {
    
    text-align: center;
    float:center;
    font-weight: normal;
    
}

.ui-datepicker-calendar > tbody > tr > td {
    
    text-align: center;
    float:center;
    
}

.ui-datepicker-calendar > tbody > tr > td:hover{
    
    background-color:  #6897BB;
    font-weight: bold;
    cursor: pointer;        
}

.ui-datepicker-calendar > tbody > tr > td:hover > a{
    
    color: #FFFFFF;;
        
}

.ui-datepicker-header {
    
    border: 2px solid black;
    border-bottom: none;
    background-color: #FFFFFF !important;
    
}

.ui-datepicker-header{
    
    background-color: #FFFFFF !important; 
    
}

.ui-datepicker-header > a{
    
    font-size: 1.7vh;
    
}

.ui-datepicker-header > a :hover{
    
    cursor: pointer;
    
}

.ui-datepicker-next{
    
    float:right  !important;
    padding-right: 2%;
    
}

.ui-datepicker-prev{
    
    padding-left: 2%;
    
}

.ui-datepicker-next > span:hover{
    
    font-weight: bold;
    background-color: #e0e0e0;
    
}

.ui-datepicker-prev > span:hover{
    
    font-weight: bold;
    background-color: #e0e0e0;
    
}

.ui-datepicker-unselectable{
    
    background-color: #D3D3D3 !important;
    
}

.ui-datepicker-title > *{
    
    font-size: 1.7vh;
    
}

.ui-datepicker-year{
    
    float: right !important;
    padding-right: 25%;
    font-weight: bold;
    color: #FFFFFF;
    
}

.ui-datepicker-title{
    
    background-color: var(--primario) !important;
    border: 2px solid black;
    border-bottom: none;
    border-right: none;
    border-left: none;
    
}

input[type=number]:hover::-webkit-inner-spin-button, 
input[type=number]:hover::-webkit-outer-spin-button {
   opacity: 1;
}

.ui-state-default{
    
    color: #636b6f;
    font-size: 16px !important;
    font-weight: normal;
    
}

.btn-pantalla-form-actualizar{

    font-size: 1.7vh;
    margin-top: 2vh;
    float: right;

}

.btn-regresar{
    
    margin-top: 5%;
    font-size: 2vh !important;
    color: #FFFFFF;
    background-color: #FFFFFF !important;
    
    
}

.btn-back{
    
    color: black !important;
    
}

.btn-back:hover{
    
    border-color: #262626;
    background-color: #BDE1E4 !important;;
    color: #000000 !important;
    cursor: pointer;
    
}

select{
    
   font-size: 1.7vh;
   height: 10% !important;
   max-height: 2.8vh !important;
   padding-top: 4px !important;
   
}

.custom-select{
    
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-width: 6vh !important;
    width: inherit !important;
    font-size: 2vh !important;
    border-radius: 4px;
    
}

.dataTables_info{
    
    font-size: 1.4vh;
    
}

.dataTables_paginate{
    
    font-size: 1.4vh;
    /*margin-top: 1.4vh !important;*/
    
}

.dataTables_filter > label > input{
    
    font-size: 1.3vh;
    
}

.dataTables_wrapper > div:first-of-type:not(.dt-buttons) {
    
    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding: 0;
    margin: 0;
    /*border-radius: 25px;*/
  
}

.dataTables_wrapper > div:last-of-type {
   
    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding: 0;
    margin: 0;
    /*border-radius: 25px;*/
  
}

.dataTables_wrapper > .dataTables_info {
   
    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding: 0;
    margin: 0;
    padding: 0 !important;
    height: 27px;
  
}

#idNuevaFichaOperacionesAgregadas{
    
    /*color: #FFFFFF;*/
    /*background-color: #BDE1E4;*/
    /*margin-left: -0.5vh;*/
    width: 100%;
    text-align: center;
    font-size: 1.7vh !important;
    color: cadetblue;
    font-weight: bold;
    
}

.dataTables_wrapper > .row {
    padding-top: 0.2vh !important;
    /*display: -webkit-inline-box;*/
    width: 100%;
    max-width: 100% !important;
}

.dataTables_wrapper > .dataTables_filter > label > input{
    width: 50% !important;
}

.dataTables_wrapper > .dataTable{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dataTables_wrapper > table{
    width: 100% !important;
}

.dataTables_wrapper > .dataTables_info{
    
    width: 50% !important;
    margin: 0 !important;
    float:left;
    padding-top: 0.5vh !important;
    padding-left: 0.5vh !important;
}

.dataTables_wrapper > .dataTables_paginate{
    
    width: 50% !important;
    margin: 0 !important;
    float:left;
    height: 27px;
    
}

.dataTables_wrapper > .row > .col-sm-12

div.dataTables_wrapper div.dataTables_filter input{
    
    width: calc(90% - 18px) !important;
    font-size: 2vh !important;
    border-radius: 4px;
    padding: 0 !important;
    padding-left: 0.5vh !important;
    height: 1.9vh;
    
}

div.dataTables_wrapper div.dataTables_filter label{
    
    float: left;
    width: 100%;
    margin-top: 0.3vh !important;
    position: relative;
    display: block;
    width: 100% !important;
    text-align: right;
    padding-right: 4px;
    font-weight: bold;
    color: lightslategray;
    padding-top: 1px;
    
}

.dataTables_wrapper > div > div > div.dataTables_filter{
    
    width: 100% !important;
    display: block;
    
}

div.dataTables_filter{
    
   /* background-color: red;*/
   float:left;
   text-align: right;
    
}

div.dataTables_filter > label{
    
    /*font-size: 1.7vh !important;*/
    font-size: 12px;/*Cambiado petición MP*/
    
}

div.dataTables_filter > label > input{
    
    font-size: 1.4vh !important;
    width: 100% !important;
    border-radius: 4px;
    height: 1.7vh;
    
}

.dataTables_processing{
    
    font-size: 1.7vh;
    font-weight: bold;
    position: fixed !important; /* or absolute */
    /*top: 50% !important;
    left: 40% !important;
   /* margin-top: 20% !important;*/
   border: none !important;
   background-color: transparent !important;
   display: table;
   height: 100% !important;
   width: 100% !important;

}

div.dataTables_wrapper div.dataTables_processing{
   
   /*position: sticky !important;//MUESTRA ICONO DE CARGA EN MEDIO DE LA PANTALLA*/
   display: table;
   height: 100% !important;
   width: 100% !important;
   /*top: 30% !important;*/
   left: auto !important;
   pointer-events:none;
   z-index: 999 !important;
   margin-left: 0 !important;
}

.dataTables_processing > img{

    vertical-align: middle;
    text-align: center;
    z-index: 1000 !important;
    margin-top: 30px;
    /*Opacidad*/
    opacity: 0.7;
                            
}

.dataTables_processing {
    position: absolute !important;
}

#idTablaNuevaFichaOperacionesFamilia_filter > label{
    
    float: left;
    
}

.tabla-operaciones-familia{
    
    /*padding-bottom: 5vh;*/
    
}

#idTablaNuevaFichaAgregarOperacionesBody > tr{
    
    border-bottom: 1px solid #D3D3D3;
    
}

#idTablaNuevaFichaAgregarOperacionesBody > tr:hover{
    
    background-color: #DFD0A3 !important;
    
}

#idTablaNuevaFichaAgregarOperacioneshead{    
    
    border-bottom: 1px solid #cbb36a !important;
    border-top: 1px solid black !important;
    background-color: #BDE1E4;
    
}

.tab-group{
    
    border-bottom: 1px solid #dee2e6;
    /*border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;*/
    padding-bottom: 2vh;
    background-color: #f8fafc;
    
}

.tabla-operaciones-asignadas{
    
    background: #bde1e4; /* Old browsers */
    background: -moz-linear-gradient(top, #bde1e4 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bde1e4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bde1e4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde1e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-right: 4px solid #BDE1E4;
    border-left: 4px solid #BDE1E4;
    /*border-top: 2px solid #BDE1E4;*/
    border-bottom: 4px solid #BDE1E4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 2vh !important;
    margin-left: -0.5vh;
    border: 2px solid var(--primario);
    border-top: 0;
    
}

.dropdown-toggle{
    
    padding-left: 2vh;
     border-radius: 5px;
    
}

.dropdown-menu {
    
    background-color: #FFFFFF !important;
    border: 1px solid var(--primario);
     border-radius: 5px;
}

.dropdown-menu > li > a{
    
    color: dimgray;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-left: 0.2vh;
    padding-right: 0.2vh;
    
}

.dropdown-menu > li > a:hover{
    
    /*font-weight: bold;*/
    text-decoration: none;
    /*font-size: 1.5vh;*/
    color: var(--primario);
    border-left: 1px solid var(--primario);
    border-right: 1px solid var(--primario);
    background-color: #ebfdff;
    
}

.sorting{
    
    font-size: 1.3vh;
    
}

.dataTable > thead > tr > th{
    
    
    /*font-size: 1.5vh !important;*/
    font-size: 11px; /*Cambiado petición MP*/
    color: #878686; 
    
}

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important;
}

.night-mode {
    
    filter: invert(100%) grayscale(1) !important;

}

.btn-night-mode{
    
    float: left;
    width: 3vh;
    margin: 0.8vh;
    /*padding-left: 1vh;
    padding-top: 1.2vh;
    margin-right: 1.7vh;*/
    
}

@keyframes i3te-rotation {
  10% {
      transform: rotate(36deg);
  }
  20% {
      transform: rotate(72deg);
  }
  30%{
      transform: rotate(108deg);
  }
  40%{
      transform: rotate(144deg);
  }
  50%{
      transform: rotate(180deg);
  }
  60%{
      transform: rotate(216deg);
  }
  70%{
      transform: rotate(252deg);
  }
  80%{
      transform: rotate(288deg);
  }
  90%{
      transform: rotate(324deg);
  }
  100%{
      transform: rotate(360deg);
  }
}

.btn-night-mode:hover{
    
    cursor: pointer;
    animation-name: i3te-rotation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    
    background-color: var(--primario) !important;
    margin-top: -10px;
    
}




.login{
    
    font-size: 2vh;
    
}

.modal-dialog{
    
    margin: auto;
    
}

.modal-dialog > div{
    
    margin-right: 0 !important;
 	

   
}

.outer-div-login{
    
    width:100%
    
}

.modal-content{
    /*height: 100%;*/
}

.modal-lg{
    /*height: 100%;*/
}

.login-modal-content{
    background-color: var(--primario);
    width: 20%;
    /*margin-right: 0 !important;*/
    display: table;
    margin: 0 auto;
    min-width: 300px;
}

.login-modal-content-ibontrack{
    
    background-color: #dddddd;
    width: 20%;
    /*margin-right: 0 !important;*/
    display: table;
    margin: 0 auto;
    min-width: 300px;
    
}

.glyphicon-red{
    
    color: #b91d19 !important;
    
}

.glyphicon-black{
    
    color: var(--primario) !important;
    
}

.glyphicon-white{
    
    /*color: #FFFFFF !important;*/
    
}

.btn-link{
        color:white;
}
.modal-heading h2{
        color:#ffffff;
}

.login-input-group{
    
    /*width: 50%;*/
    
    
}

.login-group-elements{
    
    margin-top: 10%;
    border-radius: 10px;
    padding: 1%;
    
}

.login-btn-group{
    
    margin-top: 1.5vh;
    
}

.login > .glyphicon-user{
    
    color: white;
    margin-right: 1vh;
    
}

.login > .glyphicon-lock{
    
    color: white;
    margin-right: 1vh;
    
}

.login-btn-group > button{
    
    background-color: transparent;
    border-color: #FFFFFF !important;
    color: #dddddd;
    padding: 0 2vh;
    border-radius: 5px !important;
    font-size: 3vh;
    
}

.login-btn-group > button:hover{
    
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--primario);
    padding: 0 2vh;
    border-radius: 8px;
    
}

.login-btn-group > button:active{
    
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #dddddd;
    padding: 0 2vh;
    border-radius: 8px;
    
}

.login-btn-ibontrack-group > button{
    
    background-color: #FFFFFF;
    border-color: var(--primario) !important;
    color: var(--primario);
    padding: 0 2vh;
    border-radius: 5px !important;
    font-size: 3vh;
    
}

.login-btn-ibontrack-group > button:hover{
    
    background-color: var(--primario);
    border-color: #FFFFFF;
    color: #FFFFFF;
    padding: 0 2vh;
    border-radius: 8px;
    
}

.login-btn-ibontrack-group > button:active{
    
    background-color: var(--primario);
    border-color: #FFFFFF;
    color: #dddddd;
    padding: 0 2vh;
    border-radius: 8px;
    
}

.login-divider-ibontrack{
    
    border-color: var(--primario);
    margin-top: 0.8vh;
    
}

.title-white{
    
    color: var(--primario) !important;
    
}

.login-input-group > div{
    
  
    
}

.login-input-group{
    
  vertical-align: middle;
  text-align: center;
    
}


.login-input{
    
    width: 93%;
    
}

.login-center {
    
    /*text-align: center;*/
    
}
    
.login-center {
        
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3vh;
    display:inline-block;
        
}

.login-center > span{
    
    margin: 0 auto;
    color: #FFFFFF;
    float: left;
    margin-top: 0.5vh;
    
}

.login-center > input{
    
    margin: 0 auto;
    width: 85%;
    
}

.login-logo{
    
    /*margin-bottom: 1vh;*/
    text-align: center;
    
}

.login-title{
    
    font-size: 5vh;
    font-weight: bold;
    color: #FFFFFF;
    
    
}



.login-img{
    
    margin-top: -18vh;
    margin-left: 50vh;
    display: none;
    
}

.login-body{
    
    margin-top: 2vh;
    
}

.i3-logo{
    
    width: 20vh;
    /*margin-top: -2vh;*/
    background-color: #FFFFFF;
    padding: 0.5vh;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 #FFFFFF;
    margin-bottom: 0.8vh;
    margin-top: 0.8vh;
    
}

/*Custom Switch*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primario);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-gold:before{
    
    background-color: #BDE1E4;
    
}

.slider-primary:before{
    
    background-color: white;
    
}

.inverted-slider{
    
     transform: rotate(180deg);
    
}

input:checked + .slider {
  background-color: #dddddd;
}

input:focus + .slider {
  box-shadow: 0 0 1px #dddddd;
}

input:checked + .slider-blue {
  background-color: #ffa07a;
}

input:focus + .slider-blue {
  box-shadow: 0 0 1px #ffa07a;
}

.slider-blue:before{
    
    background-color: white !important;
    
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


input:checked + .slider.round:before {
  background-color: var(--primario);
}

input:checked + .slider-gold.round:before {
  background-color: #cbb36a;
}

input:checked + .slider-primary.round:before {
  background-color: #cbb36a;
}

.switch-center{
    
    margin: 0 auto;
    display: table;
    margin-top: 2vh;
    
}

.switch-center > .label-default{
    
    margin-top: 0.6vh;
    
}

.title-white{
    
    background-color: #FFFFFF !important;
    padding: 1vh;
    border-radius: 10px;
    
}

#idBtnAdminNombre{
    
    font-weight: bold;
    color: var(--primario);
    
}

#idBtnAdminNombre:hover{
    
    color: black;
    
}

.form-row-title > input:disabled{

    border-bottom: 0 !important;
    
}

.ventana-admin{
    
    margin-top: 7vh;
    width: 100%;
    padding: 2%;
    
}

.ventana-none{
    
    display: none;
    
}

.modal-operation-info{
    
    background-color: #D3D3D3;
    opacity: 1;
    
}

.modal-operation-info > .modal-dialog{
    
    top: 45%;

}

#idModalOPerationInfoContent{
    
    opacity: 0.9 !important;
    background-color: #FFFFFF;
    
}

section {
    
    display: contents;
    
}

section > * > label{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    
}

.menu-search-title{
    
    font-weight: bold;
    font-size: 1.7vh !important;
    color: gray;
    margin-bottom: 1vh;
    
}

.btn-add-ot > label{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    
}

.label-default{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    
}

/*RESPONSIVE MOVILIDAD*/

@media (max-width: 992px){
    
    .control-panel-status-container{
        
        min-width: 90vw !important;
        min-height: 90vw;
        
    }
    
    .ventana-admin{
    
        margin-top: 13vh;

    }
    
    #idTopBlockFixed{
        position:fixed;
        background-color: #FFFFFF;
    }
    
    #idContentContainer{
        
        width: revert;
        
    }
    
    .menu-search-inputs{
        
        padding-right: 0 !important;
        padding-left: 8%;
        
    }
    
    .input-group-btn > .btn{
        
        border: 1px solid var(--primario);
        
    }
    
    .control-panel-status-container{
        
        padding: 21vw !important;
         
    }
    
    .container-proyecto-cabecera-label-title{
        
        text-align: left !important;
        
    }
    
    .control-panel-status-container > h1{
        
        font-size:calc(12px + 3vw) !important;
        
    }
    
    .control-panel-status-container-line > label{
     
        font-size:calc(12px + 1.3vw) !important;
        
    }
    
    .top-block-title {
        /*position: fixed;
        top: 0;
        right: 0;
        background-color: white;
        /*border-bottom: 1px solid var(--primario);*/
        /*max-height: 5.9vh;
        min-width: 50%;*/
        position: absolute;
        top: -5.5vh;
        /* right: 0; */
        background-color: white;
        /* border-bottom: 1px solid var(--primario); */
        max-height: 5.9vh;
        min-width: 50%;
        margin-left: -2.4vh;
    }    
    
    .top-block-left{
        
        max-width: 50% !important;
        
    }
    
    #idImgLogoCabeceraPantalla{
        width: auto !important;
        max-height: 6vh;
    }
    
    #idImgLogoCabeceraMenu{
        /*position: fixed;
        top: 1vw;
        left: 1vw;*/
        
    }
    
    .col-lg-3{

        /*max-height: fit-content;*/

    }
    .side-menu{

        position: initial !important;
        height: 96%;
        margin-top: 5.2vh;
        width: 100% !Important;

    }
    .menu-list-pagination{
        
        position: initial;
        margin-top: -7.5vh;
        
    }
    #idBusquedaOts{
        
        margin-bottom: 0.4vh;
        position: initial;
        border-bottom: none;
        background-color: transparent;
        margin-top: 0.3vw;
        
    }
    
    .container-principal{
        
        margin-top: 5vh;
        
    }
    
    body{
        /*position:fixed;*/
    }
    
    input{
        /* Temporalmente desactivado */
        /*max-width: 85% !important;*/
        max-width: 100% !important;
    }
    
    div.dataTables_filter > label > input{
        
        /*width: 70% !important;*/
        width: calc(90% - 18px) !important;
        
    }
}

.margin-rigth-0{
    
    margin-right: 0;
    
}

.margin-left-0{
    
    margin-right: 0;
    
}

.new-operation-container{
    
    border: 1px solid var(--primario);
    border-radius: 5px;
    border-top-left-radius: 0;
    
}

.btn-create-operation{
    
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    
}

input[list] {
    color:black;
    background-color:beige;
}

input[list]:after {
    color:black;
    background-color:white;
}

input[list]:hover {
    /*color:red !important;
    background-color:white !important;*/
}

option:hover{
    
    color:red !important;
    background-color:white !important;

}

option:after{
    
    color:red !important;
    background-color:white !important;
    
}

.btn-delete{
    
    padding: 0;
    
}

.btn-delete > span{
    
    padding-top:0.5vh;
    
}

.btn-delete:hover > span{
    
    color: #b91d19;
    
}

.default-hidden{
    
    visibility: hidden;
    
}

.form-group{
    
    margin-bottom: 0 !important;
    
}

.destacar-texto{
  animation-name: color;
  animation-duration: 0.2s;
  animation-iteration-count: 2;
}

@keyframes color {
  0% {
    background: rgba(255,238,186,1);
background: -moz-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 26%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,238,186,1)), color-stop(26%, rgba(211,211,211,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 26%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 26%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 26%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 26%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secundario)', endColorstr='#d3d3d3', GradientType=1 );
  }
  20% {
    background: rgba(255,238,186,1);
background: -moz-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 49%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,238,186,1)), color-stop(49%, rgba(211,211,211,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 49%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 49%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 49%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 49%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secundario)', endColorstr='#d3d3d3', GradientType=1 );
  }
  40% {
    background: rgba(255,238,186,1);
background: -moz-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 81%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,238,186,1)), color-stop(81%, rgba(211,211,211,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 81%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 81%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 81%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 81%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secundario)', endColorstr='#d3d3d3', GradientType=1 );
  }
  60% {
    background: rgba(255,238,186,1);
background: -moz-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,238,186,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(255,238,186,1) 0%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secundario)', endColorstr='#d3d3d3', GradientType=1 );
  }
  80% {
    background: rgba(255,238,186,1);
background: -moz-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(255,238,186,1) 87%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,238,186,1)), color-stop(87%, rgba(255,238,186,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(255,238,186,1) 87%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(255,238,186,1) 87%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(255,238,186,1) 0%, rgba(255,238,186,1) 87%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(255,238,186,1) 0%, rgba(255,238,186,1) 87%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secundario)', endColorstr='#d3d3d3', GradientType=1 );
  }
  100%{
      background-color: var(--secundario);
  }
}

@keyframes background-i3te {
  0% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 6%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 6%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 6%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  10% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 12%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 12%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 12%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  20% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 19%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 19%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 19%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  30% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 26%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 26%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 26%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  40% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 31%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 31%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 31%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  50% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 41%, rgba(255,255,255,0.99) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 41%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 41%,rgba(255,255,255,0.99) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  60% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 50%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 50%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 50%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  70% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 58%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 58%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 58%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  80% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 66%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 66%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 66%,rgba(255,255,255,0.98) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  90% {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 78%, rgba(255,255,255,0.96) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 78%,rgba(255,255,255,0.96) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 78%,rgba(255,255,255,0.96) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }
  100%{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,140,154,0.58) 91%, rgba(0,140,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 91%,rgba(0,140,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,140,154,0.58) 91%,rgba(0,140,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='var(--primario)',GradientType=0 ); /* IE6-9 */
  }
}

@keyframes background-i3te {
  25% {
      border: 1px solid #ffffff;
      border-top: 1px solid var(--primario);

  }
  50% {
      border: 1px solid #ffffff;
      border-right: 1px solid var(--primario);
  }
  75% {
      border: 1px solid #ffffff;
      border-bottom: 1px solid var(--primario);
  }
  100%{
      border: 1px solid #ffffff;
      border-left: 1px solid var(--primario);
  }
}

@keyframes background-i3te-add {
  25% {
      /*border: 2px solid #ffffff !important;
      border-top: 2px solid #eada19;*/
      background-color: #eada19;
  }
  50% {
      /*border: 2px solid #ffffff !important;
      border-right: 2px solid #eada19;*/
  }
  75% {
      /*border: 2px solid #ffffff !important;
      border-bottom: 2px solid #eada19;*/
  }
  100%{
      /*border: 2px solid #ffffff !important;
      border-left: 2px solid #eada19;*/
  }
}

@keyframes background-i3te-gray {
  25% {
      border: 1px solid #ffffff;
      border-top: 1px solid #87868a;

  }
  50% {
      border: 1px solid #ffffff;
      border-right: 1px solid #87868a;
  }
  75% {
      border: 1px solid #ffffff;
      border-bottom: 1px solid #87868a;
  }
  100%{
      border: 1px solid #ffffff;
      border-left: 1px solid #87868a;
  }
}

.no-click {
    pointer-events: none;
}

.label-default > input , .label-default > input:disabled{
    
    width: -webkit-fill-available;
    
}

.tr-marked{
    
    background-color: #BDE1E4 !important;
    
}

.tr-marked > td , .tr-marked > td:focus, .tr-marked > td:active{
    
    border: none !important;
    
}

.btn-all-width{
    
    width: 100% !important;
    color: #b91d19;
    
}

.btn-all-width:hover{
    
    color: #b91d19;
    border-color: #b91d19;
    
}

.width-50{
    
    width: 50%;
    
}

/*DOCUMENTS STYLES*/

.input-upload{
    
    font-size: 1.5vh;
    background-color: transparent;
    border: 1px solid var(--primario);
    border-radius: 5px;
    
}

.btn-upload{
    
    font-size: 1.6vh;
    
}

#idImgLogoi3teSga{
    
    margin-top: 0.5vh;
    /*margin-bottom: 0.5vh;*/
    text-align: center;
    
    padding: 0.4vh;
    border-radius: 15px;
    margin: 0.1vh;
    border: 1px solid #ffffff;
}

.img-logo-top-bar-animated{
    
    margin-top: 0.5vh;
    /*margin-bottom: 0.5vh;*/
    text-align: center;
    
    padding: 0.4vh;
    border-radius: 15px;
    margin: 0.1vh;
    border: 1px solid #ffffff;
}

.img-logo-top-bar-animated:hover{
    
  animation-name: background-i3te;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
    
}

@keyframes background-i3te-yellow {
  15% {
      /*border: 1px solid #ffffff;
      border-top: 1px solid var(--secundario);
      padding-right: 0.4vh;
      padding-left: 0.4vh;*/
      border-radius: 15px;
      border-top-left-radius: 10px;
      border-top-right-radius: 15px;

  }
  40% {
      /*border: 1px solid #ffffff;
      border-right: 1px solid var(--secundario);
      padding-right: 0.3vh;
      padding-left: 0.3vh;*/
      border-radius: 15px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 15px:
  }
  70% {
      /*border: 1px solid #ffffff;
      border-right: 1px solid var(--secundario);
      padding-right: 0.3vh;
      padding-left: 0.3vh;*/
      border-radius: 15px;
      border-bottom-right-radius: 10px:
      border-bottom-left-radius: 15px;
  }
  100%{
      /*border: 1px solid #ffffff;
      border-left: 1px solid var(--secundario);
      padding-right: 0.4vh;
      padding-left: 0.4vh;*/
      border-radius: 15px;
      border-bottom-left-radius: 10px;
      border-top-left-radius: 15px;
  }
}



@keyframes border-double-i3te {
  20% {
      /*border: 1px solid #ffffff;
      border-top: 1px solid var(--primario);*/
      border: 1px solid var(--primario);
      //box-shadow:  0 0 0 3px #FFFFFF;
      box-shadow: 0 0 0px 1px #FFFFFF;

  }
  40% {
      /*border: 1px solid #ffffff;
      border-right: 1px solid var(--primario);*/
      border: 1px solid var(--primario);
      //box-shadow: 3px 0 0 0 #FFFFFF;
      box-shadow: 0 0 1px 2px #FFFFFF;
  }
  60% {
      /*border: 1px solid #ffffff;
      border-bottom: 1px solid var(--primario);*/
      border: 1px solid var(--primario);
      //box-shadow: 0 3px 0 0 #FFFFFF;
      box-shadow: 0 0 2px 3px #FFFFFF;
  }
  80%{
      /*border: 1px solid #ffffff;
      border-left: 1px solid var(--primario);*/
      border: 1px solid var(--primario);
      //box-shadow: 0 0 3px 0 #FFFFFF;
      box-shadow: 0 0 1px 2px #FFFFFF;
  }
  100%{
      /*border: 1px solid #ffffff;
      border-left: 1px solid var(--primario);*/
      border: 1px solid var(--primario);
      //box-shadow: 0 0 3px 0 #FFFFFF;
      box-shadow: 0 0 0px 1px #FFFFFF;
  }
}

#idImgLogoCabeceraMenu:hover{
    
  animation-name: border-double-i3te;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  cursor: pointer;
    
}

.top-block-img{
    
    width: 8vh;
    
}

.loading-img-datatable{
    
    padding: 2vh;
    
}

.btn.focus, .btn:focus{
    
    webkit-box-shadow: none;
    box-shadow: none;
    
}

.family-tree-level{
    
    
    
}

.create-ficha-focus{
    
    border-bottom: 2px solid #FFFFFF !important;
    margin-right: 0.5vh;
    background-color: #BDE1E4 !important;
    
        
}

.create-ficha-focus:focus{
    
    background-color: beige !important;
    color: black !important;
    
}


#idOtModalInputDescripcionNuevaFicha{
    
    margin-right: 0.5vh;
    background-color: #BDE1E4 !important;
    padding-left: 0.5vh !important;
    color:black !important;
    
}

#idOtModalLabelDescripcionNuevaFicha{
    
    border: none !important;
    
}

.create-ficha-padding{
    
    padding-right: 2vh;
    padding-bottom: 1vh;
    
}

#ui-datepicker-div{ z-index:1151 !important; }

.custom-label-form{
    
    float:left;
    margin-right: 1vh;
    font-weight: bold;
    color: #636b6f;
    font-size: 12px !important;
    
}

.custom-input-form{
    
    float:right;
    
}

.form-inline .form-control {
    width: inherit !important;
}

.no-top-level-ot-prefix{
    
    font-weight: bold;
    background-color: var(--primario);
    color: #FFFFFF;
    padding: 0.0vh 0.5vh 0vh 0.5vh;
    margin-top: 0.2vh;
    border-radius: 5px;
    /*margin-top: 0.2vh;*/
    margin-top: 0.4vh !important;
    
}

.sub-menu-list-desplegado>li:first-child {
    
    margin-top: -0.17vh !important;

}

.sub-menu-list-desplegado>li{
    
    padding-top: 0.3vh;
    padding-bottom: 0.1vh;
    
}

.sub-menu-list-desplegado{
    
    background-color: floralwhite;
    
}

.menu-list-desplegado{
    
    background-color: oldlace;
    
}

.menu-list-desplegado>li:first-child{
    
    padding-top: 0vh !important;
    
}

.menu-list-desplegado>li:nth-child(3){
    
    padding-bottom: 0.1vh !important;
    padding-top: 0.5vh !important;
    
}

.menu-list-ot-title + .li-lMenu>label{
    
    margin-top: 0.1vh !important;
    height: 2.1vh;
    
}

.margin-3vh{
    
    margin: 3vh;
    
}

.label-title{
    
    font-weight: bold;
    font-size: 1.5vh !important;
    color: gray;
    
}

.width-100{
    
    width: 100% !important;
    
}

.width-100-important{
    
    width: 100% !important;
    float:left;
    text-align:left;
    display:block !important;
    
}

.error-text{
    
    font-size: 3vh;
    
}

.btn-datatable-row{
    
    font-size: 1vh;
    font-weight: bold;
    color: #FFFFFF !important;
    padding: 0;
    padding-left: 0.5vh;
    padding-right: 0.5vh;
    padding-bottom: 0.1vh;

}

.btn-datatable-row:hover{
    
    color: black !important;
 
}

.ended-ots-checkbox{
    
    width: 100%;
    margin-top: 1vh;
    font-size: 1.5vh !important;
    font-weight: bold;
    color: gray;
    
}

.ended-ots-checkbox>input{
 
    transform: scale(1.1);
    
}

.alternative-background-color{
    
    background-color: antiquewhite;
    border: 0.5px solid var(--primario) !important;
    
}

.row-auto-height{
    
    height: auto;
    text-align: center;
    
}

#idTablaAdminBandeja{
 
    border-spacing: 0 0.7vh;
    
}

#idTablaAdminBandejaBody > tr{
    
    background-color: transparent;
    /*box-shadow: 2px 2px 2px 2px #cbb36a;*/
    /*background: url('../img/tray.png');
    background-repeat: no-repeat;
    background-size: 100%;*/
    
}

#idTablaAdminBandejaBody > tr > td{
    
    /*background-color: cornsilk !important;*/
    background-color: lightgray !important;
    padding:1.2vh;
    border-right: 1px solid #cbb36a;
    border-left: 1px solid #cbb36a;
    /*border-top: 5px solid #FFFFFF;*/
    border-bottom: 2px solid black;
    /*box-shadow: 0 0 0px 10px #FFFFFF;*/
    border-top: 2px solid black !important;

}


#idTablaAdminBandejaBody > tr > td:first-child { 
  border-top-left-radius: 150px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 50px;
  border-bottom-left-radius: 8px;
  /*background-color: red !important;*/
  border-left: 2px solid black !important;
}

#idTablaAdminBandejaBody > tr > td:last-child { 
  border-top-right-radius: 150px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 50px;
  border-bottom-right-radius: 8px;
  border-right: 2px solid black !important;
  /*background-color: red !important;*/
}

#idTablaAdminBandejaBody > .odd{
    
    margin-bottom: 2vh !important;
    
}

@keyframes open-tray-i3te {
  20% {
    border-top-left-radius: 125px !important;
    border-top-right-radius: 125px !important;
  }
  40% {
    border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
  }
  60% {
    border-top-left-radius: 75px !important;
    border-top-right-radius: 75px !important;  
  }
  80%{
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
  }
  100%{
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
  }
}

#idTablaAdminBandejaBody > tr:hover > td{
    
    border-right: 1px solid #cbb36a;
    border-left: 1px solid #cbb36a;
    border-bottom: 2px solid black;
    border-top: 2px solid black !important;
    background-color: #FFFFFF !important;
    background: rgb(57,147,255) !important;
    background: linear-gradient(0deg, rgba(57,147,255,1) 0%, rgba(57,147,255,1) 19%, rgba(255,255,255,1) 20%) !important;
    
    /*border-top-right-radius: 0 !important;
    border-bottom-right-radius: 20px !important;
    
   /*background-color: #D3D3D3 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 8px #FFFFFF !important;
    /*border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    /*animation-name: open-tray-i3te;
    animation-duration: 4s;
    animation-iteration-count: infinite;*/
    
}

#idTablaAdminBandejaBody > tr:hover > td:last-child{
  border-top-right-radius: 0 !important;  
  border-bottom-right-radius: 20px !important;
  border-radius: 5px  !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  font-weight: bold;
}

#idTablaAdminBandejaBody > tr:hover > td:first-child{
  border-top-left-radius: 0 !important;  
  border-bottom-left-radius: 20px !important;
  border-radius: 5px  !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  font-weight: bold;
}

.sga-selected-almacen{
    
    padding-top: 1.3vh;
    padding-bottom: 1.5vh;
    background-color: #BDE1E4;
    border-radius: 4px;
    
}

.sga-selected-almacen > div > label{
    
    color: black;
    
}

.sga-detalle-bandela-div{
    
    
    
}

.almacen-hover:hover{
    
    color: var(--primario);
    
}


.sga-detalle-bandela-div:hover{
    
    background: var(--secundario) !important;
    background-color: var(--secundario) !important;
    cursor: pointer;
    
}

.delete-bandeja-button{
    
    background-color: #FFFFFF;
    color: #b91d19;
    border: 1px solid black;
    width: 100%;
    border-radius: 8px;
    padding-top: 2px;
    padding-bottom: 0px;
    
}

.delete-bandeja-button > span{
    
    color: #b91d19;
    
}

.delete-bandeja-button:hover{
    
    background-color: #b91d19;
    color: #FFFFFF;
    cursor: pointer;
    
}

.delete-bandeja-button:hover > span{
    
    color: #FFFFFF;
    cursor: pointer;
    
}


.print-bandeja-button{
    
    background-color: var(--primario);
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 100%;
    border-radius: 8px;
    
}

.print-bandeja-button > span{
    
    color: #FFFFFF;
    
}

.print-bandeja-button:hover{
    
    border: 1px solid var(--primario);;
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    font-weight: bold;
    
}

.print-bandeja-button:hover > span{
    
    color: #000000;
    
}

.padding-top-05{
    
    padding-top: 0.5vh;
    
}

.padding-top-1{
    
    padding-top: 1vh;
    
}

.padding-top-1 > label{
    
    font-size: 1vh !important;
    
}

#idTitleSga{
    
    /*width: 100%;*/
    width: fit-content !important;
    
}

#idTitleCrearBandeja{
    
    /*width: 80%;*/
    width: fit-content !important;
    
}

#idBtnMostrarDetalleBandeja{
    
    border-radius: 8px;
    float: right;
    
}

@media (min-width: 992px){

.modal-lg {
    width: 100%;
}    
    
}

.agregate-family-box{
    
    width: unset !important;
    float: left;
    padding: 0;
    margin-bottom: 2vh;
    width: min-content;
    margin-right: 0.7vh;
    
}

.agregate-family-box-separator{
    
    width: inherit;
    float: left;
    border-radius: 8px;
    
}

.agregate-family-box-content{
    
    border: 1px solid var(--primario);
    border-radius: 8px;
    margin: 0;
    
}

.agregate-family-box-container{
    
    /*min-width: 18.5%;
    max-width: 18.5%;*/
    max-width: 18%;
    max-width: 18.9%;
    min-width: 18.9%;
    
}

.agregate-family-box-content-title {
    
    background-color: var(--primario);
    padding-left: 2vh;
    margin-top: 1vh;
    padding-left: 0;
    margin-bottom: 0 !important;
    padding-top: 0.2vh;
    padding-bottom: 0vh;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    
}

.list-group{
    max-height: 250px;
    min-height: 250px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
    font-size: 1.5vh;
}

.list-group-item:hover{
    
    background-color: #BDE1E4;
    /*color: #FFFFFF;*/
    font-weight: bold;
    cursor: pointer;
    
}

.btn-circle.btn-xl {
    width: 5vh;
    height: 5vh;
    padding: 1vh;
    border-radius: 150px;
    font-size: 2vh;
    line-height: 1.33;
}

.btn-circle {
    width: 4vh;
    height: 4vh;
    padding: 1vh;
    border-radius: 150px;
    text-align: center;
    font-size: 1vh;
    line-height: 1.42857;
}

.btn-circle:hover{
    
    border-color: var(--primario);
    background-color: #FFFFFF;
    
}

.btn-circle:hover > span{
    
    color: var(--primario);
    
}

.agregate-family-box-content-button{
    
    text-align: center;
    
}

.agregate-family-box-content-input:focus, .agregate-family-box-content-input:active{
    
    border-color: var(--primario) !important;
    
}

.agregate-family-box-content-input{
    
    
    
}

.list-group-item-red{
    
    color: red !important;
    
}

.btn-disabled{
    
    background-color: #E0E0E0 !important;
    color: #636b6f !important;
    border-color: #636b6f !important;
    
}

.glyphicon-17{
    
    font-size: 1.7vh;
    
}

.input-searcher{
    
    display: inline !important;
    /*width: auto !important;*/
    
}

.glyphicon-search{
    
    padding-bottom: 1vh;
    
}

.col-lg-no-margin{
    
    padding: 0 !important;
    width: 100%;
    text-align: center;
    
}

#idAdminContainer > div{
    
    /*z-index: -1 !important;*/
    
}

.info-box{
    
    font-size: 1.5vh;
    padding-top: 0.5vh;
    /*font-weight: bold;*/
    
}

.info-box > *{
    
    font-size: 1.5vh !important;
    color: var(--primario);
    
}

.info-box > * > *{
    
    color: var(--primario);
    
}

.float-inner-left > *{
    
    float: left;
    
}

#idAlphanumericTable > div{
    
    max-height: 25px;
    
}

.no-margin-float-left{
    
    margin: 0 !important;
    float: left;
    
}

.custom-frame{
    
    border: none;
    
}

.nav-link{
    
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    padding-left: 1vh;
    padding-right: 1vh;
    
}

#sga-admin{
    
    margin-top: 2vh;
    
}

button:disabled{
    
    filter: grayscale(80%);
    
}

.input-selected-hueco{
    
    font-size: 2vh;
    font-weight: bold;
    /*color: #00679a;*/
    color: limegreen;
    text-align: center;
    
}

.disabled-hueco{
    
    background-color: lightgrey;
    cursor: not-allowed !important;
    
}

.filled-hueco{
    
    background-color: orangered;
    cursor: not-allowed !important;
    
}

.marked-hueco{
    
    background-color: limegreen;
    /*border: 3px solid yellow !important;*/
    
}

.menu-list-ot-title + li > label{
    
    margin-top: 0.5vh !important;
    padding-left: 2vh;
}

.selected-background-color{
    
    background-color: #BDE1E4;

}

.selected-background-color > label{
    
    min-height: 2.2vh;
    margin-bottom: 0;

}

.info-table{
    
    margin-left: 2.6vh;
    
}

.glyphicon-info-sign-red{
    
    color: #b91d19;
    
}

tr:nth-child(even) {
  background-color: #FFEED2;
}

.dataTables_length{
    
    width: fit-content;
    padding-top: 0.7vh;
    
}

.dataTables_wrapper > .row > .col-md-6{
    
    max-width: 100%;
    max-width: unset !important;
    
}

.dataTables_wrapper > .row > .col-md-6:first-of-type{
    
    /*max-width: fit-content !important;*/
    max-width: 50% !important;
    /*margin-left: 2vh;*/
    padding-left: 4px !important;
    
}

.row > .col-sm-12{
    
    
    
}

thead > tr > th:first-of-type{
    border-left: 1px solid darkgrey !important;
}

thead > tr > th{
    
    /*border-bottom: 2px solid #636b6f !important;
    background-color: lightgray;
    border-top: 1px solid black !important;*/
    border-bottom: 1px solid darkgrey !important;
    border-right: 1px solid darkgrey !important;
    
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    
    padding-right: 0;
    
}

#idTablaNuevaFichaOperacionesFamilia_wrapper > .row > .col-sm-12{
    
    padding-right: 0 !important;
    margin-right: 0 !important;
    
}

.dataTables_wrapper > .row{
    
    margin-right: 0 !important;
    
}

.btn-add-new-to-gama{
    
    color: var(--primario) !important;
    background-color: #FFFFFF !important;
    border-color: var(--primario) !important;
    border-bottom: none;
    
}

button.glyphicon-button:focus,
button.glyphicon-button:active:focus,
button.glyphicon-button.active:focus,
button.glyphicon-button.focus,
button.glyphicon-button:active.focus,
button.glyphicon-button.active.focus {
  outline: none !important;
}

button{
    
    outline: none !important;
    
}

td{
    
    outline: none !important;
    
}

#idFilaDestacarTexto > label{
    
    margin-top: 0.35vh;
    height: 3vh !important;
    
}

.btn-principal-iframe{
    
    padding: 0.3vh 0.7vh;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    margin-right: 4vh;
    font-size: 1.2vh;
    
}

.down-row:hover > span{
    
    color:#b91d19;
    
}

.up-row:hover > span{
    
    color:var(--primario);
    
}

.height-100{
    
    height: 100%;
    
}

#idSecccionLista{
    
    height: 70.5vh;
    overflow-y: auto;
    
}

/* Hide scrollbar for Chrome, Safari and Opera */
#idSecccionLista::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
#idSecccionLista {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.info-texto-peque{
    
    color: black !important;
    font-size: 1.1vh !important;
    font-weight: normal !important;
    margin-left: 2vh;
    
}

.select-status-ficha{
    
    width: 90%;
    height: 2.3vh !important;
    font-size: 1.7vh !important;
    background-color: white;
    border-radius: 4px;
    padding: 0 !important;
    padding-left: 5px !important;
    margin-top: 0.2vh;
    border-color: var(--primario) !important;
    padding-top: 1px !important;
    
}
.select-status-ficha:focus{

 outline: 0 !important;
 box-shadow: none  !important; /* => this cause the highlight! */
 
}

.select-status-ficha option:focus {
    border: 1px solid black;
    box-shadow: 0 0 3pt 2pt #719ECE;
}

option:hover{
    
    background-color: var(--primario) !important;
    
}

option:selected{
    
    background-color: var(--primario) !important;
    
}

.dataTables_wrapper > .row > .col-sm-12 {
    padding: 0 !important;
    /*max-width: 50% !important;*/
}

.dataTables_wrapper > .row {
    padding: 0 !important;
}

.dataTables_wrapper > .row {
    margin: 0 !important;
}

.dataTables_wrapper > .row > .col-sm-12 > table{
    
    width: 100% !important;
    margin: 0;
    
}

.dataTables_length > label > select{
    
    height: 2.4vh !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.6vh !important;
    padding-left: 0.5vh !important;
    margin-top: -0.6vh !important;
    
}

.margin-left-1vh{
    
    margin-left: 1vh;
    
}


.top-block-text{
    
    color: #87868a;
    font-weight: 500;
    width: 9vh;
    
}

.top-block-text:hover{
    
    cursor: pointer;
    
}


.title-resumen-general{
     
    background-color: var(--primario);
    text-align: center;
    float: left; font-size: 1.7vh !important;
    width: 100%;
    /*border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
     
}

.title-resumen-general > b{

    color: #FFFFFF;

}

.title-resumen-general-top{
    
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    
}

.progress{
    
    height: 3vh !important;
    background-color: lightcyan;
    border: 1px solid gray !important;
    border-radius: 3px;
}

.progress-bar{
    
    height: 3.2vh !important;
    font-size: 2vh;
    color: black;
    background-color: #BDE1E4;
    border-right: 1px solid darkgray;
    font-weight: bold;
    
}

.padding-left-0{
    
    padding-left: 0;
    
}

.padding-right-0{
    
    padding-right: 0;
    
}

.padding-left-right-0{
    
    padding-left: 0;
    padding-right: 0;
    
}

.resumen-general-window{
    
    background-color: cornsilk;
    
}

#idSecccionCabeceraResumenGeneral > div > label{
    
    font-size: 1.4vh !important;
    
}

.progress-title{
    
    font-size: 1.3vh !important;
    display: block !important;
    padding: 0.5vh;
    padding-bottom: 1vh;
    color: darkslategrey;
    
}

.resumen-general-title-horas-left{
    
    background-color: gold;
    min-height: 1.9vh;
    border-top-left-radius: 4px;
    
}

.resumen-general-title-horas-right{
    
    background-color: gold;
    border-top-right-radius: 4px;
    max-width: 15%;
    
}

.resumen-general-title-background-horas{
    
    background-color: khaki;
    
}

.resumen-general-title-background-horas-max-width{
    
    max-width: 6.65%;
    margin-right: 2vh;
    
}

.resumen-general-title-background-horas-min-height{
 
    min-height: 0.7vh;
    
}

.resumen-general-title-background-horas-inputs{
    
    background-color: floralwhite !important;
    
}

#idTablaNuevaFichaAgregarOperacionesBody > tr > td > input{
    
    border: 1px solid black;
    border-radius: 4px;
        
}

#idTablaAlmacenesSga_filter > label > input {
    
    width: 70% !important;
    font-size: 16px !important;
    color: dimgrey;
    
}

#idTablaDispositivosSga_filter > label > input {
    
    width: 70% !important;
    
}

#idSpanDeleteAlmacen{

    font-size: 2vh;
    margin-top: 3vh;
    float: right;
    padding-right: 0.4vh;
    
}

#idSpanDeleteAlmacen:hover{

    color: #b91d19;
    cursor: pointer;
    
}

#idSpanDeleteHueco{

    font-size: 2vh;
    margin-top: 3vh;
    float: right;
    padding-right: 0.4vh;
    
}

#idSpanDeleteHueco:hover{

    color: #b91d19;
    cursor: pointer;
    
}

#idSpanRecoverHueco{

    font-size: 2vh;
    margin-top: 3vh;
    float: right;
    padding-right: 0.4vh;
    
}

#idSpanRecoverHueco:hover{

    color: #b91d19;
    cursor: pointer;
    
}

.custom-bandejas-title{
    
    border: 1px solid dimgray;
    border-bottom: 0px;
    background-color: #eeeeee !important;
    color: black;
    
}

* {
    /*-webkit-font-smoothing: none;*/
    /*-webkit-text-stroke:0.5px transparent;*/
    font-weight: 500;
}

thead > tr > th{
    
    text-align: left !important;
    padding: 0vh 0.5vh 0vh 0.5vh !important;
    
}

tbody > tr > td{
    
    padding: 0vh 0.5vh 0vh 0.5vh;
    /*-webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke:0.2px;*/
    font-weight: 500;
    
}

.problematic-field{
    
    border-color: red;
    color: red;
    
}

.selected-virtual-operation{
    
    background-color: skyblue;
    padding-top: 0.2vh;
    padding-bottom: 1vh;
    pointer-events: none;
    
}

.selected-virtual-operation > label{
    
    font-size: 1.2vh !important;
    
}

.selected-virtual-operation > input{
    
    font-size: 1.5vh !important;
    border-radius: 4px;
    
}

.btn-select{
    
    background-color: skyblue;
    color: black !important;
    border-radius: 4px;
    
}

.btn-select:hover{
    
    background-color: cornflowerblue;
    color: white !important;
    
}

.title-huecos-ocupados{
    
    font-size: 1.4vh;
    color: darkgray;
    
}

.title-huecos-ocupados-result{
    
    font-weight: bold;
    
}

.div-debug{
    
    position: absolute;
    left: 0;
    bottom: 25%;
    background-color: white;
    width: auto;
    border: 3px solid springgreen;
    padding: 0.5vh;
    color: mediumvioletred;
    font-size: 1.2vh;
    z-index: 1000000;
    
}

.div-debug > label{
    
    font-weight: bold;
    font-size: 1.2vh !important;
    
}

.col-lg-12 > #idBtnTitleVerDispositivosImg{
    
    margin-top: -5px;
    
}

.glyphicon-custom{
    
    height: 16px;
    margin-top: 3px;
    margin-bottom: 3px;
    
}

.glyphicon-custom:hover{
    
    filter: invert(70%) sepia(14%) saturate(3968%) hue-rotate(143deg) brightness(99%) contrast(90%)
    
}

td > .glyphicon{
    
    padding-top: 5px;
    
}

#idLabelSGASelectedIdBandeja2{
    
    display: block;
    font-size: 2.4vh;
    background-color: cadetblue !important;
    margin: 0 !important;
    margin-left: 1vh !important;
    
}

.dt-buttons{
    
    width: 50% !important; 
    float: left;
    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    height: auto;
    margin-bottom: 0.6vh;
    /*padding-top: 1px;*/
    padding-bottom: 2px;
    min-width: 340px;
    padding-left: 4px !important;
    padding-top: 2px !important;
    min-height: 38px;
    max-height: 38px;
    text-align: left;
    
}

.dt-buttons > button{
    
    border-radius: 4px;
    border: 1px solid darkgray;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1vh;
    margin-top: 2px;
    color: white;
    background-color: lightgrey;
    color: slategray;
    
}

.dt-buttons > button:hover{
    
    background-color: teal;
    color: white;
    
}

#idTitleSgaInformesGeneral{
    
    color: var(--primario);
    
}

.float-left{
    
    float:left;
    
}

.float-right{
    
    float:right;
    
}

*:hover > .glyphicon-white{
    color:black;
}

.glyphicon-white{
    color:white;
}

.glyphicon-datatable-button{
    max-height: 1.5vh;
    vertical-align: middle;
    padding: 2px 1px 1px 2px !important;
}

td > a {
    /*margin-right: 4px;
    vertical-align: middle;
    padding: 0 0.5vh !important;
    vertical-align: text-bottom;*/
    font-size:10px !important;
    font-weight: bold;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter input{
    
    width: calc(90% - 18px) !important;
    font-size: 16px !important;
    color: dimgrey;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding-bottom: 2px;
    padding-top: 1px;

}

div.dataTables_wrapper div.dataTables_filter input:focus{
    
    border-color: rgb(189, 225, 228);
    caret-color: #BDE1E4;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(189, 225, 228,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(189, 225, 228,.6);
    
}

div.dataTables_wrapper div.dataTables_length label{
    
    font-weight: bold;
    color: lightslategray;
    
}

div.dataTables_wrapper div.dataTables_info{
    
    font-weight: bold;
    color: lightslategray;
    font-size: 13px;
    padding-left: 4px;
    padding-top: 0.6% !important;
    min-height: 38px;
    max-height: 38px;
    text-align: left;
    
}

li > .page-link{
    
    font-weight: bold;
    color: lightslategray;
    font-size: 13px;
    padding-left: 4px;
    
}

div.dataTables_wrapper div.dataTables_paginate{
    
    /*padding-top: 1%;*/
    padding-bottom: 0.5%;
    padding-right: 4px;
    min-height: 38px;
    max-height: 38px;
    
}

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

.checkbox-filter{
    
    margin: 0;
    margin-top: 6px;
    margin-bottom: 8px;
    
}

.custom-comment-table-title{

    font-size: 1.6vh;
    font-weight: bold;
    margin-bottom: 1vh;
    margin-top: 1vh;
    color: dimgray;

}

.custom-comment-table {
    background-color: lightyellow !important;
    width: 100% !important;
    height: 5vh !important;
    border: 1px solid lightgray;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top:0;
    text-align: left !important;
    padding: 0.5vh !important;
    padding-bottom: 1vh !important;
}

.selectize-input{
    
    /*height: 3vh;*/
    min-height: 16px !important;
    padding: 2px !important;
    
    
}

input[type='checkbox']{

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,0) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,0) !important;
    min-height: 20px;
    
}

input[type='checkbox']:hover{
    
    cursor: pointer;
    
}

::placeholder {
  color: gray !important;
  opacity: 0.5 !important;
}

td > button {
    font-size: 8px !important;
    font-weight: bold;
    padding: 1px 4px !important;
    margin: 0 !important;
    margin-bottom: 3px !important;
}

.btn-datatable-row{
    
    font-size: 8px !important;
    padding: 1px 4px !important;
    margin: 0 !important;
    margin-bottom: 3px !important;
    
}

.selectize-dropdown-content > .option:hover{
    
    cursor: pointer !important;
    /*color: cornflowerblue !important;*/
    /*border-color: cornflowerblue !important;*/
    
}

.selectize-control > .selectize-input{
    
    padding-left: 3px !important;
    padding-right: 3px !important;
    
}


/*#idSectionSgaStockAlmacenSearchParameters{*/
.section-params-informes{

    border: 1px solid lightgray;
    border-radius: 4px;
    margin-top: 2vh;
    padding: 0px 2vh 1vh;

}

.section-sga-params-title{

    color: darkgray !important;
    font-weight: lighter !important;
    margin-top: -10px !important;
    display: block !important;
    background-color: #FFFFFF !important;
    padding: 0.5vh !important;
    font-size: 16px !important;
    height: fit-content;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 1px !important;

}

#idSectionSgaStockAlmacenSearchStock,#idSectionSgaPlannedAlmacenSearchPlanned, #idSectionPanelPlannedAlmacenSearchPlanned{

    border: 1px solid lightgray;
    border-radius: 4px;
    margin: 0.5vh;
    margin-top: 2vh;
    padding: 0px 0.5vh 0.5vh;

}

#idSectionSgaStockAlmacenSearchMovs{

    border: 1px solid lightgray;
    border-radius: 4px;
    margin: 0.5vh;
    margin-top: 2vh;
    margin-bottom: 0;
    padding: 0px 0.5vh 0.5vh;

}

#idSectionSgaStockAlmacenOptions{

    border: 1px solid slategrey !important;
    border-radius: 4px;
    margin-top: 2vh;
    padding: 0px 2vh 1vh;
    /*background-color: #FFFFF0;*/

}

.dataTables_wrapper > div:first-of-type:not(.dt-buttons) {

    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding: 0;
    margin: 0;
    /*border-radius: 25px;*/

}

.dataTables_wrapper > .dataTables_filter {
    background-color: #eeeeee;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding: 0;
    margin: 0;
    padding: 0 !important;
    width: 50% !important;
    float: left;
    height: auto;
    min-height: 38px;
    max-height: 38px;
}

#idSectionSgaStockAlmacenSearchSection >div:first-of-type{

    /*margin-right: 1px !important;*/

}

#idSectionSgaStockAlmacenSearchStock,#idSectionSgaPlannedAlmacenSearchPlanned, #idSectionPanelPlannedAlmacenSearchPlanned{

    /*margin-left: 1px !important;*/
    padding-bottom: 1.5vh;

}

#idSectionSgaStockAlmacenSearchMovs{

    margin-top: 1.5vh;

}

.sga-movimiento-alta-title{

    font-weight: bold;
    color: rgb(0, 128, 0, 2);

}

.sga-movimiento-alta{

    background-color: rgb(144, 238, 144, 0.18);

}

.sga-movimiento-baja-title{

    font-weight: bold;
    color: rgb(255, 0, 0, 2);

}

.sga-movimiento-baja{

    background-color: rgb(205,92,92,0.1);

}

.sga-movimiento-consumo-title{

    font-weight: bold;
    color: maroon;

}

.sga-movimiento-consumo{

    background-color: rgb(255,215,0,0.5);        
}

.clear-informes-params{

    font-size: 2vh;
    position: absolute;
    right: 8px;
    color: grey;

}

.clear-informes-params:hover{

    cursor: pointer;
    color: turquoise;

}

#idSectionSgaStockAlmacenOptionsStock_title{

    color: #FFFFFF !important;
    background-color: slategrey !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-radius: 4px;

}

.force-font-16{
    
    font-size: 16px !important;
    
}

.information-hidden-tag{
    
    color:#FFFFFF;
    font-size: 2vh;
    
}

.information-hidden-tag:hover{
    
    cursor:pointer;
    color:#ffd700;
    
}

.information-hidden-tag-box-visible{
    
    display: inline-block !important;
    
}

.information-hidden-tag > div{
    
    display: none;
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 2px solid #ffd700;
    color: #778899;
    max-width: 200px;
    z-index: 1000000 !important;
    padding: 3px 9px 4px 9px;
    width: max-content;
    font-family: sans-serif;
    font-size:12px;
    margin-left: 1vh;
    text-align: justify;
    
}

.border-bottom-switch{
    
    color: lightgray !important;
    border: 2px solid lightgray;
    padding: 1px 6px;
    border-radius: 11px;
    
}

.border-bottom-switch-1{
    
    color: gray !important;
    border: 2px solid #CBB36B;
    padding: 1px 6px;
    border-radius: 11px;
    
}

.border-bottom-switch-2{
    
    color: gray !important;
    border: 2px solid #008C9A;
    padding: 1px 6px;
    border-radius: 11px;
    
}

.border-bottom-switch-3{
    
    color: gray !important;
    border: 2px solid #ffa07a;
    padding: 1px 6px;
    border-radius: 11px;
    
}

.form-row-separator-title-ficha{
    
    display: initial !important;
    
}

.selectize-input.focus{
    
    border-color:#008c9a !important;
    -webkit-box-shadow:inset 0 1px 1px rgba(189, 225, 228,1),0 0 6px #BDE1E4 !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #BDE1E4 !important;

}

.border-gold{
    
    border: 2px solid #CBB36B;
    
}

.border-primary{
    
    border: 2px solid #008C9A !important;
    
}

.border-secondary{
    
    border: 2px solid #ffce3794 !important;
    border-radius: 4px;
    
}

.border-blue{
    
    border: 2px solid #ffa07a;
    
}

#idCabeceraNuevaFicha{
    
    padding: 1vh;
    
}

.form-row > div > input{
    
    width: 100% !important;
    display: block;
    
}

.form-row > div > input:disabled{
    
    width: 100% !important;
    display: block;
    float: left;
    
}


.form-row > div:not(.section-params-informes) > label:not(.side-menu-section-title){
    
    width: 100% !important;
    display: block;
    border: 0 !important;
    /*Provisionalmente en test*/
    white-space: nowrap;
    
}

.form-row > div > select{
    
    width: 100% !important;
    display: block;
    
}

.form-inline > div > input{
    
    width: 100% !important;
    display: block;
    
}

.form-inline > div > input:disabled{
    
    width: 100% !important;
    display: block;
    float: left;
    
}


.form-inline > div > label:not(.side-menu-section-title):not(.switch){
    
    width: 100% !important;
    display: block;
    
}

.form-inline > div > .switch{
    
    width: 60px !important;
    
}


.form-inline > div > select{
    
    width: 100% !important;
    display: block;
    
}

.app-title-h1, .app-title-h2, .app-title-h3{
    
    text-decoration: none;
    color: var(--primario);
    border-left: 1px solid var(--primario);
    border-right: 1px solid var(--primario);
    background-color: #ebfdff;
    width: max-content;
    padding: 0 1vh;
    
}

.app-title-h1{
    
    border-left: 2px solid var(--primario);
    border-right: 2px solid var(--primario);
    
}

.app-title-h1 > label{

    font-size: 20px !important;
    margin-top: 5px;
    font-weight: bold;
    
}

.app-title-h2 > label{

    font-size: 16px !important;
    margin-top: 5px;
    
}

.app-title-h3 > label{

    font-size: 14px !important;
    margin-bottom: 0 !important;
    
}


.app-title-color-dark{
    
    background-color: gray;
    border-color: darkslategrey;
    
}

.app-title-color-dark > label{
    
    color: #FFFFFF;
    
}

.app-title-color-orange{
    
    /*color: #ffa07a;*/
    
}

.width-fit-content{
    
    width: fit-content !important;
    
}

.section-params-informes > label{
    
    width: revert !important;
    
}

#idSelectUpdateFichaSituacion{
    
    width: 90% !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    height: auto !important;
    
}

.selectize-family > .selectize-input{
    
    background-color: beige;
    border-radius: 0;
    
}

.menu-documentation-element{
    
    padding: 3px 10px;
    color: #000000;
    
}

.menu-documentation-element > span{
    
    margin-right: 2px;
    margin-top: -2px;
    
}

.column-editable-center{
    
    text-align: center !important;
    
}

.column-editable-right{
    
    text-align: right !important;
    
}

.column-editable-left{
    
    text-align: left !important;
    
}

td.column-editable-left, td.column-editable-right, td.column-editable-center{
    
    background-color: rgba(197,197,197,0.4);
    color: rgb(53,59,62);
    
}

td.column-editable-right:hover,
td.column-editable-left:hover{
    
    cursor: url(edit-cursor.ico),auto;
    
}

.select-none{
    
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    
}

.color-primary{
    
    color: var(--primario) !important;
    
}

.btn-print{
    
    background-color: darkgray !important;
    border-color: darkgrey;
    
}

.form-control.selectize-control{
    
    display: flex;
    
}

.datatable-title{
    
    background-color: lightgray !important;
    border: 0;
    border-bottom: 2px solid lightgray;
    
}


/****************** General loading scene ******************/

.general-loagin-ring{
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000 !important;
    background-color: rgba(0,0,0,0.6);
    display: none;
    
}

#idDivLoadingGeneral{
    
    
    
}

#idDivLoadingGeneral{
    
    width: 50px;
    height: 50px;
    
}

#idDivLoadingGeneral div{
    
    width: 52px;
    height: 52px;
    border: 2px solid lightseagreen;
    margin: 4px;
    border-color: lightseagreen transparent transparent transparent;
    
}

/****************** General loading scene ******************/

.gray-label{
    
    font-weight: bold;
    color: #aba8a8;
    
}

.reload-button{
    
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 9px !important;
    padding: 0;
    border: 1px solid #FFFFFF;
    background-color: var(--primario);
    color: #FFFFFF;
    margin-bottom: 5px;
    margin-right: 10px;
    
}

.reload-button > *{
    
    color: #FFFFFF;
    
}

.reload-button:hover{
    
    border: 1px solid var(--primario);
    background-color: #FFFFFF;
    
}

.reload-button:hover > *{
    
    color:var(--primario);
    
}

.btn-search-datatable{
    border: 0;
    border-radius: 100%;
    background-color: var(--primario);
    width: 16px;
    height: 16px;
    margin-left: 5px !important;
    padding: 0 !important;
}

.btn-search-datatable:hover{
    
    background-color: #ffffff;
    cursor: pointer;
    
}

.btn-search-datatable:hover > span{

    color: var(--primario) !important;
    
}

.glyphicon-search-datatable{
    
    color: #ffffff;
    font-size: 9px;
    padding: 0 !important;
    margin: 0 !important;
    
}

.individual-search{
 
    display: grid;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
    
}

.individual-search-aux{
    
    display: revert;
    width: initial !important;
    
}

.individual-search > *{
    
    font-size: 12px !important;
    width: 100% !important;
    float: left !important;
    margin: 0 !important;
    
}

.not-individual-search{
    
    font-size: 12px !important;
    color: gray !important;
    text-align: center !important;
    
}

.individual-search-next{
    
    width: 90%;
    
}

.display-none{
    
    display: none !important;
    
}

.text-center-important{
    
    text-align: center !important;
    
}

.btn-blue{
    
    background-color: #3490dc !important;
    
}

.btn-blue:hover{
    
    border-color: #3490dc !important;
    
}

input[type=date].clickable-searcher-enter{
    
    font-size: 11px !important;
    height: 3vh;
    
}

input[type=date]:hover{
    
    cursor: text !important;
    
}

::-webkit-calendar-picker-indicator{
    margin-left: 0px;
}

#idTablaNuevaFichaOperacionesFamilia > tbody > tr > td {
    font-size: 14px !important;
}

.selectize-dropdown, .selectize-input, .selectize-input input{
    
    font-size: 11px;
    
}

.form-control.clickable-searcher-enter:hover{
    
    margin-bottom: 10px;
    
}

.form-row > * > input:focus{
    
    margin-bottom: 10px;
    
}

.width-88{
    
    width: 88% !important;
    
}

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

.width-10{
    
    width: 10% !important;
    
}

.form-control.selectize-control.width-88{
    
    width: 88% !important;
    
}

.margin-rigth-1-perctg{
    
    margin-right: 1% !important;
    
}

.margin-rigth-2-perctg{
    
    margin-right: 2% !important;
    
}

/*************** STANDAR BUTTON 18032022 *******************/

.std-edit-button{
    
    height: 28px !important;
    width: 28px !important;
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    padding: 4px;
    padding-top: 3px;
    
}

.std-edit-button-x2{
    
    width: 56px !important;
    
}

.std-edit-button-x3{
    
    width: 84px !important;
    
}

.std-edit-button-x2 > img, .std-edit-button-x3 > img{
    
    float: left;
    margin-right: 4px;
    
}

.std-edit-button:hover{
    
    cursor: pointer !Important;
    background-color:  #5f9ea0 !Important;
    
}

.std-edit-button:hover > img{
    
    cursor: pointer !Important;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    
}

.std-edit-button-img{
    
    height: 24px;
    width: 24px;
    display: block;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    min-height: 20px;
    padding: 2px;
    border: none !Important;
    
}

.std-delete-button{
    
    height: 28px !important;
    width: 28px !important;
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    padding: 3px !important;
    
}

.std-delete-button:hover{
    
    cursor: pointer !Important;
    background-color:  #8d1e1e !Important;
    
}

.std-delete-button:hover > img{
    
    cursor: pointer !Important;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    
}

.std-delete-button-img{
    
    height: 24px;
    width: 24px;
    display: block;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    min-height: 20px;
    padding: 2px;
    border: none !Important;
    
}

/*************** STANDAR BUTTON 18032022 *******************/

.standar-input-title{
    
    font-size: 11px !important;
    color: #837676;
    
}

.standar-input{
    
    text-transform: uppercase;
    padding: 2px;
    max-height: 22px;
    margin: 0 !important;
    font-size: 13px;
    
}

.standar-add-button{
    
    max-height: 22px;
    height: 22px;
    margin-top: 13px;
    
}

.align-end{
    
    place-self: flex-end;
    position: absolute;
    
}

.linkable-resume-view-element{
    
    background-color: transparent;
    border: none;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    
}

.linkable-resume-view-element:hover{
    
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 4px;
    color: var(--primario) !important;
    
}

.linkable-proyecto-informe{
    
    background-color: transparent;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: normal;
    
}

.linkable-proyecto-informe:hover{
    
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 4px;
    color: var(--primario) !important;
    
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.btn-search-std{
    
    background-image: url("/img/std/std_search.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    
}

.btn-search-std:hover{
    
    background-image: url("/img/std/std_search_dark.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    
}

.btn-search-std-little{
    
    background-image: url("/img/std/std_search.png");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    margin-left: 5px;
    
}

.btn-search-std-little:hover{
    
    background-image: url("/img/std/std_search_dark.png");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    padding-bottom: 5px;
    margin-left: 5px;
    
}

.btn-search-std-refresh{
    
    background-image: url("/img/std/std_refresh.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-refresh:hover{
    
    background-image: url("/img/std/std_refresh_dark.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-add-no-hover{
    
    background-image: url("/img/std/std_add.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-add{
    
    background-image: url("/img/std/std_add.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-add:hover{
    
    background-image: url("/img/std/std_add_dark.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-minus{
    
    background-image: url("/img/std/std_minus.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}

.btn-search-std-minus:hover{
    
    background-image: url("/img/std/std_minus_dark.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    padding: 0;
    border: 0px;
    border-radius: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: -3px;
    
}


.btn-search-std-add-important{
    
    background-image: url("/img/std/std_add.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    background-color: #ffffff !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: -3px !important;
    
}

.btn-search-std-add-important:hover{
    
    background-image: url("/img/std/std_add_dark.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: -3px !important;
    
}

.btn-search-std-add-important-little{
    
    background-image: url("/img/std/std_add.png") !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    height: 12px !important;
    width: 12px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    background-color: #ffffff !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 9px !important;
    margin-left: 5px !important;
}

.btn-search-std-add-important-little:hover{
    
    background-image: url("/img/std/std_add_dark.png") !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    height: 12px !important;
    width: 12px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 9px !important;
    margin-left: 5px !important;
    
}


.btn-search-std-minus-important-little{
    
    background-image: url("/img/std/std_deletered.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    background-color: #ffffff !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 7px !important;
    margin-left: 4px !important;
}

.btn-search-std-minus-important-little:hover{
    
    background-image: url("/img/std/std_deletered_dark.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 7px !important;
    margin-left: 4px !important;
    
}

.btn-copy-std-little{
    
    background-image: url("/img/std/std_copy.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    background-color: #ffffff !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 7px !important;
    margin-left: 4px !important;
    
}

.btn-copy-std-little:hover{
    
    background-image: url("/img/std/std_copy_dark.png") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    height: 18px !important;
    width: 18px !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 100% !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    display: inline-grid;
    vertical-align: bottom;
    margin-bottom: 7px !important;
    margin-left: 4px !important;
    
}


.flow-root{
    
    display: flow-root;
    
}