.fondowall{
  background: url('../../docs/fondos/fondo2.jpg');
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.centrado-porcentual {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.login-input{
  border-style: solid !important;
  border-radius: 7px !important;
  border-width: 0px !important;
  background-color: #d6d6d6 !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  
}

.project-input{
  border-style: solid !important;
  border-radius: 7px !important;
  border-color: #d6d6d6 !important;
  border-width: 2px !important;
  background-color: white !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  
}

input[type=search]:not(.browser-default){
  border-style: solid !important;
  border-radius: 7px !important;
  border-color: #d6d6d6 !important;
  border-width: 2px !important;
  background-color: white !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
  margin-left: -1.5em !important;
}

.project-input::placeholder{
  color: #868686 !important;
}

.fondo{
  background-color: #880202;
}

.colorP{
	background-color: #880202 !important;
}

.fontP{
	color: #880202 !important;
}

.accenP{
  background-color: black  !important;
}

.btn:hover{
  background-color: #004d40 !important;
}

.accentfP{
  color: black  !important;
}

.grisC{
  background-color: #868686 !important;
}

.grisF{
  color: #868686 !important;
}

.nopading{
  padding: 0 0 0 0 !important;
}

.fondonav{
  background-color: #1a345d;
  background-image: linear-gradient(90deg, #1a345d 0%, #112b4c 25%);
  width: 100%;
}

.fondonavaz{
  background-color: #1a345d;
  background-image: linear-gradient(90deg, #1a345d 0%, #112b4c 25%);
}

.fondoico{
  background-image: -webkit-linear-gradient(left, #00c5ed 0%, #20a3ca 100%);
  background-image: -o-linear-gradient(left, #00c5ed 0%, #20a3ca 100%);
  background-image: linear-gradient(to right, #00c5ed 0%, #20a3ca 100%);
  width: 100%;
}

.borde7{
  border-radius: 15px;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.borde7:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.marcado{
  font-weight: 700;
}

.fondoacent{
      background-color: #9F2738 !important;
}

.fondocomen{
      background-color: #4b80a6 !important;
}

.icoacent{
      color: #23457c !important;
}


.xcursor{
  cursor: none;
}

.nosombra{
  box-shadow: none;
}

.noborder{
    border-top: none;
    border-right: none;
    border-left: none; 
}

.nomargin{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.marcado300{
  font-weight: 400;
}

.arrfont{
  word-wrap: break-word;
}

.peque{
  min-height: 90px;
  height: auto;
}

@media only screen and (max-width: 600px) {
  .tablaresponsiva{
    width: 95% !important; 
    margin-left: 2.5% !important;
  }
  
  .cambiarColorBlockuete{
    border-left: 2px solid #880202 !important;
  }
}

.fondowall2{
  background: #efefef !important;
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.textoazul{
  color: #1c4970 !important;
}

.fondoazul{
  background-color: #1c4970 !important;
}

  .navresponse{
      background-color: #ee6e7300;
      width: 80%;
      margin-left: 255px;
      -webkit-box-shadow: none;
      box-shadow: none;
  }



@media only screen and (max-width: 992px) {
  .navresponsepeque{
      z-index: 999;
      position: relative;
      top: 0;
      background-color: white;
      width: 100%;
      margin-left: 0px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
            left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  position: fixed;
  }
}

  .bodyresponsi{
    margin-left: 250px;
  }

@media only screen and (max-width: 992px) {
  .bodyresponsibepeque{
    margin-left: 0px !important;
  }
}

.arrfont{
  word-wrap: break-word;
}

.menuprincipal{
  border-left: 5px solid rgb(133,10,22);
}

.colmuro{
  width: 90% !important; 
  margin-left: 5% !important;
}

.colmurot{
  width: 95% !important; 
  margin-left: 2.5% !important;
}

.bordeimg{
  border-radius: 15px 15px 0px 0px;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.bordeimg:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.centrado-porcentual {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

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

.quitarmargen{
    margin-bottom: 0px;
}

.espaciomenu{
  padding-top: 10px;
  padding-bottom: 10px;
}

.espizq{
  margin-left: 5px;
}

.inputcomentario{
  /*height: auto !important;*/
  font-size: 12px !important;
  border-bottom: 1px solid rgba(158, 158, 158, 0.29) !important;
}

.buscar-caja {
 position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 transform: translate(-50%, -50%) !important;
 background: #850a16 !important;
 height: 40px !important;
 border-radius: 40px !important;
 padding: 10px !important;
}

.buscar-caja:hover > .buscar-txt {
 width: 240px !important;
 padding: 0 6px !important;
}

.buscar-caja:hover > .buscar-btn {
 background: white !important;
 color: black !important;
}

.buscar-btn {
 color: #e84118 !important;
 float: right !important;
 width: 40px !important;
 height: 40px !important;
 border-radius: 50% !important;
 background: #850a16 !important;
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 transition: 0.4s !important;
 color: white !important;
 cursor: pointer !important;
}

.buscar-btn > i {
 font-size: 30px !important;
}

.buscar-txt {
 border: none !important;
 border-bottom: 0px solid #9e9e9e !important;
 background: none !important;
 outline: none !important;
 float: left !important;
 padding: 0 !important;
 color: white !important;
 font-size: 16px !important;
 transition: 0.4s !important;
 line-height: 40px !important;
 width: 0px !important;
 font-weight: bold;
}

.texcomen{
  line-height: 0px !important;
}

.headerDivider1 {
border-left:1px solid #38546d;height:80px;position:absolute;right:250px;top:10px;
}

.headerDivider2 {
border-left:1px solid #16222c;height:80px;position:absolute;right:249px;top:10px;
}

select:required{
  display: block !important;
  height: 0 !important;
   padding: 0 !important; 
   width: 0 !important; 
   position: absolute !important;
}

ul.select-dropdown,ul.dropdown-content{
    width:100% !important;
    max-height: 300px !important;
}

.brdashcr{
  border-radius: 20px;
}

.teny{
      font-size: 1.4rem;
}

body::-webkit-scrollbar {
   width: 8px; /*=> ancho del scroll*/
   background-color: #000000; /*=> Color del fondo principal */
}
body::-webkit-scrollbar-track {
   background-color: #ffffff;
}
body::-webkit-scrollbar-thumb{
   background-color: #850a16; /*=> color del indicador del scroll */
   border-radius: 10px; /*=> bordes redondeados */
   background-image:-webkit-linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 25%,transparent 50%,rgba(0,0,0, 0.3) 50%,rgba(0,0,0,.3) 75%,transparent 75%,transparent);
}

.cardasignados {
  max-height: 400px !important;
  overflow-y: scroll;
}

.cardasignados::-webkit-scrollbar {
   width: 8px; /*=> ancho del scroll*/
   background-color: #000000; /*=> Color del fondo principal */
}
.cardasignados::-webkit-scrollbar-track {
   background-color: #ffffff;
}
.cardasignados::-webkit-scrollbar-thumb{
   background-color: #850a16; /*=> color del indicador del scroll */
   border-radius: 10px; /*=> bordes redondeados */
   background-image:-webkit-linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 25%,transparent 50%,rgba(0,0,0, 0.3) 50%,rgba(0,0,0,.3) 75%,transparent 75%,transparent);
}

@media only screen and (min-width: 601px) {
  .espacio-especial {
    margin-top: 22.5vh !important;
  }
}

.colorArchivo{
  background-color: #850a16 !important;
}

.colorArchivoF{
  color: #850a16 !important;
}

table{
  table-layout: fixed;
  width: 100%;
}

th, td {
  /*border: 1px solid blue;*/
  width: 50px;
  word-wrap: break-word;
}

  .navprin{
    background-color: transparent;
    
  }

@media only screen and (max-width: 992px) {
  .navprinC{
    background-color: #880202;
  }
}

.tarjetasTickets{
  width: 100%;
  overflow-y: scroll;
  min-height: 450px !important;
  max-height: 475px !important;
}

.cardMH{
  min-height: 350px !important;
}

.project-input{
  width: 90% !important;
  border-style: solid !important;
  border-radius: 7px !important;
  border-color: #d6d6d6 !important;
  border-width: 2px !important;
  background-color: white !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  
}

input[type=search]:not(.browser-default){
  border-style: solid !important;
  border-radius: 7px !important;
  border-color: #d6d6d6 !important;
  border-width: 2px !important;
  background-color: white !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
  margin-left: -1.5em !important;
}

.project-input::placeholder{
  color: #868686 !important;
}

.select-wrapper input.select-dropdown {
  position: relative !important;
  cursor: alias !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 0px !important;
  outline: none !important;
  height: 3rem !important;
  line-height: 3rem !important;
  width: 90% !important;
  margin: 0 0 0 0 !important; 
  padding: 0 !important;
  display: block !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none!important;
  z-index: 1 !important;
  border-style: solid !important;
  border-radius: 7px !important;
  border-color: #d6d6d6 !important;
  border-width: 2px !important;
  background-color: white !important;
  padding: 0.200rem 0.75rem !important;
  font-size: 1rem !important;
  /*line-height: 1.5 !important;
  background-clip: padding-box;*/
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;      
}

.select-wrapper input.select-dropdown::placeholder {
  color: #868686 !important;   
} 

.titufont{
  color: black !important;
}

body.modal-open {
    overflow: hidden;
    position:fixed;
}