body {
  /*background: rgb(255,250,255) !important;*/
  background: #f2edf2 !important;
  color: #555555 !important;
  height: 100%;
}

p{
margin-bottom: 3px;
margin-top: 3px;
line-height: 1.15;
  font-size: 13pt;
}

main {
  min-height: 500px;
  /*background: #ffffff;*/
}

.fdo_menu {
  /*background:#043a8b; */
  background:rgb(102,30,102);
  color: #ffffff;
  font-size: 13pt;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-bottom: #d51dd5 1px solid;
  box-shadow: 0px 0px 10px #990199bd;
}

.col-12 > h3:first-child, .col-8 > h3:first-child {
  color: #661e66 !important;
  border-bottom: #661e66 4px double;
  width: max-content;
  border-bottom-right-radius: 30px;
  box-shadow: -5px 5px 5px #a8a8a8;
  text-align: center;
  padding: 5px 20px;
}

.btn-guardar {
  background: url("../imagenes/guardar32.png") no-repeat, #05682c !important;
  background-position-x: 30px !important;
  background-position-y: 15px !important;
  background-size: 25px !important;
  color:  #facfff !important;
  cursor: pointer;
  padding: 13px;
  width: 100%;
  margin-top: 3px;
}
.btn-guardar:disabled {
  background: url("../imagenes/guardar320.png") no-repeat, #546e5e !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 25px;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  width: 100%;
  margin-top: 3px;
}
.btn-guardar:hover {
  background: url("../imagenes/guardar32.png") no-repeat, #05682c !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 35px !important;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  font-weight: bold;
}

.btn-buscar {
  background: url("../imagenes/buscar.png") no-repeat, #542e7c !important;
  background-position-x: 30px !important;
  background-position-y: 15px !important;
  background-size: 25px !important;
  color:  #facfff !important;
  cursor: pointer;
  padding: 13px;
  width: 100%;
}
.btn-buscar:disabled {
  background: url("../imagenes/buscar0.png") no-repeat, #313b6c !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 25px;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
}
.btn-buscar:hover {
  background: url("../imagenes/buscar.png") no-repeat, #542e7c !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 35px !important;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  font-weight: bold;
}


.btn-agregar {
  background: url("../imagenes/nuevo.png") no-repeat, #542e7c !important;
  background-position-x: 30px !important;
  background-position-y: 15px !important;
  background-size: 25px !important;
  color:  #facfff !important;
  cursor: pointer;
  padding: 13px;
  width: 100%;
}
.btn-agregar:disabled {
  background: url("../imagenes/nuevo0.png") no-repeat, #313b6c !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 25px;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
}
.btn-agregar:hover {
  background: url("../imagenes/nuevo.png") no-repeat, #542e7c !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 35px !important;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  font-weight: bold;
}


.btn-imprimir {
  background: url("../imagenes/imprimir.png") no-repeat, #1923ad !important;
  background-position-x: 14px !important;
  background-position-y: 14px !important;
  background-size: 25px !important;
  color:  #facfff !important;
  cursor: pointer;
  padding: 13px;
  width: 100%;
  margin-top: 3px;
}
.btn-imprimir:disabled {
  background: url("../imagenes/imprimir0.png") no-repeat, #222a93 !important;
  background-position-x: 5px !important;
  background-position-y: 10px !important;
  background-size: 25px;
  color: #facfff;
  cursor: pointer;
  padding: 13px;
  margin-top: 3px;
}
.btn-imprimir:hover {
  background: url("../imagenes/imprimir.png") no-repeat, #1923ad  !important;
  background-position-x: 5px !important;
  background-position-y: 10px !important;
  background-size: 35px !important;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  font-weight: bold;
}



.btn-borrar {
  background: url("../imagenes/cancelar.png") no-repeat, #ad2319 !important;
  background-position-x: 30px !important;
  background-position-y: 15px !important;
  background-size: 25px !important;
  color:  #facfff !important;
  cursor: pointer;
  padding: 13px;
  width: 100%;
}
.btn-borrar:disabled {
  background: url("../imagenes/cancelar0.png") no-repeat, #932a22 !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 25px;
  color: #facfff;
  cursor: pointer;
  padding: 13px;
}
.btn-borrar:hover {
  background: url("../imagenes/cancelar.png") no-repeat, #ad1923  !important;
  background-position-x: 25px !important;
  background-position-y: 10px !important;
  background-size: 35px !important;
  color: #ffffff;
  cursor: pointer;
  padding: 13px;
  font-weight: bold;
}

.vert_cent{
  display: grid;
  align-items: center;
}

.oculto {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.oculto2{
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 55px;
  overflow: hidden
}

.mostrar {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mostrar_col {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #a89e4c96;
  border: #542e7c 1px solid;
  border-radius: 15px;
  clear: both;
}

.cerrar {
  width: 75px;
  background: #a2a2a2;
  color: #fff700;
  border-top-left-radius: 100%;
  float: right;
  margin: 5px 11px 0px 3px;
  border-top-right-radius: 15px;
  text-align: right;
  padding-right: 11px;
  text-shadow: 3px 2px black;
  cursor: pointer;
  border-top: #542e7c 1px solid;
  border-left: #542e7c 1px solid;
  border-right: #542e7c 1px solid;
}

.img_btn {
  cursor: pointer;
  border:#ffffffff 1px solid;
  border-radius: 10px;
  padding: 0px 3px;
}
.img_btn:hover {
  cursor: pointer;
  border:#ff9900 1px solid;
  border-radius: 10px;
  padding: 0px 3px;
}

.fila_sel {
  background: #a89e4c96;
  color: #333333;
}

.libre {
  background: #05845180;
  text-align: center;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  min-height: 50px;
  border: #333333 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 3px 5px;
  border-radius: 10px;
  display: grid;
  align-items: center
}

.ocupado {
  background: #5d0560;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  min-height: 50px;
  border: #333333 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 3px 5px;
  border-radius: 10px;
  display: grid;
  align-items: center
}
.tip_btn {
  cursor: pointer;
  border: #5d0560ff 3px solid;
}
.tip_btn:hover{
  border: #5d0560 3px solid;
  background: #ff9900;
  color: #5d0560;
}

.confirma {
  background: #ff9900;
  text-align: center;
  color: #5d0560;
  font-size: 15px;
  font-weight: bold;
  min-height: 50px;
  border: #5d0560 3px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 3px 5px;
  border-radius: 10px;
  display: grid;
  align-items: center  
}

.h300min {
  min-height: 300px;
}
.hist1{
  color: #000;
  background: linear-gradient(to bottom, #cee1a5, #eaf5d3) !important;
  border-left: #a78649 1px solid;
  border-top: #a78649 1px solid;
  border-right: #a78649 1px solid;
  min-width: 200px;
}

.hist2{
  background: #eaf5d3;
  border: #a78649 1px solid;
  /*border-right: #a78649 1px solid;
  border-bottom:#a78649 1px solid;
  border-left:  #a78649 1px solid;  */
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.consu1{
  color: red;
  background: linear-gradient(to bottom ,wheat,#f5ead3) !important;
  border-left: #a78649 1px solid;
  border-top: #a78649 1px solid;
  border-right: #a78649 1px solid;
  min-width: 200px;
}
/*
.consu1:hover{
  background: wheat;
  text-shadow: 1px 0px 2px #fff;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
*/
.consu2{
  background: #f5ead3;
  border: #a78649 1px solid;
  border-right: #a78649 1px solid;
  border-bottom:#a78649 1px solid;
  border-left:  #a78649 1px solid; 
  border-radius: 15px;
}

.hist1:hover, .consu1:hover{
  text-shadow: 1px 1px 2px #fff;
  border-left: #a78649 1px solid;
  border-top: #a78649 1px solid;
  border-right: #a78649 1px solid;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; 
}
.hist1:hover{
  color: #000 !important;
}
.consu1:hover{
  color: red !important;
}

.lee_dis {
  background: #eddcf3 !important;
  color: darkviolet !important;
  border-color: #661e66  !important;
}

.lbl_ok {
  color: #5d0560;
  font-weight: bold;
}
video {
  border: #c7c6c9 3px solid;
  border-radius: 15px;
  padding: 5px;
}
video:hover{
  border: #cc4949 3px solid;
}

video:hover + h5 {
  color:#cc4949;
}

.pad_chi {
  padding-right:3px !important;
  padding-left :3px !important;
}


.modal_p {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000080;
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  pointer-events: none;
}

.modal_p:target {
  opacity:1;
  pointer-events: auto;
}
.modal_p > div  {
  width: 85%;
  min-height:200px;
  max-height:75%;
  overflow:scroll;
  position: relative;
  margin: 2% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  /*background: linear-gradient(#ede1cb,#f7f4ed,#f7f4ed);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);*/
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.cierra_modal {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 3px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.cierra_modal:hover { 
  background: #ff0000; 
}