/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*=================== creamos un loader para ajax*/
.loader {
  position: fixed;
  left: 50%;
  top: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.75s; visibility: 0.75s;
  z-index: 2;
}
.loader-hidden{
    opacity: 0;
    visibility: hidden;
}
.loader-show{
 content: "";
  width: 75px;
  height: 75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid rgb(186,158,86);
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;   
}
.contenedor-loader{
  position: relative;
  margin-left: -300px;
  margin-top: -200px;
  width:80px;
  height: 80px;
  background: #f3f3f3;
  opacity: 0.90; 
  justify-content: center;
  align-items: center;
  border: solid gray 0px;
  border-radius: 50%;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Formateamos la barra de menu*/
.dropdown-menu li a {
    color: rgb(70,70,72);
}
.dropdown-menu li a:hover {
    color: rgb(0,0,0);
    background-color: rgb(233,235,239);
}

/*Cambiamos el color y el texto de la barra de titulos de la ventana*/
.header0 {
    background-color: rgb(57,93,138);
    color: white !important;
 }

 /*Resaltamos un textbox*/
 .contrato {
    background-color: red;
    color: white;
}

/*Quitamos el borde del outline del menu accion*/
.boton-menu {
    border-style: none;
}

/*Cambiamos el tamaño de la fuente en el datatable*/
table.dataTable tbody tr {
                height: 18px; /* Set a fixed height for all rows */
                font-size: 0.9em;
             }

.no-resize-textarea {
        resize: none;
    }