@import url(https://fonts.googleapis.com/css?family=Nunito);
@font-face {font-family: cocina; src: url(JFShill.book.ttf);}
@font-face {font-family: loste; src: url(lobster-Regular.ttf);}
.piet{
  font-size: 1.5em;
  font-weight: 700;
  color: #ffd700;
  text-shadow: 0px 0px 1px black, 1px 2px 3px black;
}
.ft{
  -webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.1);
  box-shadow: 0px -2px 6px rgba(0,0,0,0.1);
}
.by{
    min-width: 130px;
    transition: 0.5s all;
}
.byp{
  -webkit-box-shadow: 2px 3px 4px black;
    -moz-box-shadow: 2px 3px 4px black;
    box-shadow: 2px 3px 4px black;
    min-width: 168px;
    transition: 0.5s all;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    font-size: 2em;
    text-shadow: 1px 2px 2px black;
    border: 1px solid;
    margin: 10px;
    border-radius: 5px !important;
}
.byp:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow:  none;
   box-shadow: none;
   border-radius: 50px 0px !important;
}
.by1{
   -webkit-box-shadow:  2px 3px 4px black;
   -moz-box-shadow:  2px 3px 4px black;
    box-shadow: 2px 3px 4px black;
    transition: 0.5s all;
}
.by2{
    min-width: 130px;
    transition: 0.5s all;
}
.by:hover{
    -webkit-box-shadow:  2px 3px 4px black;
    -moz-box-shadow:  2px 3px 4px black;
    box-shadow: 2px 3px 4px black;
}
.byactivo{
  -webkit-box-shadow: 0px 0px 3px 1px black inset;
  -moz-box-shadow:  0px 0px 3px 1px black inset;
    box-shadow: 0px 0px 3px 1px black inset;
    text-shadow: 1px 1px 2px black;
}
.nav_title{/*background: #343a40 !important; background-image: linear-gradient(to bottom right, #343a40, rgb(164 185 30 / 1)) !important;*/ background: #343a40 !important;}
.meto{
   /*-webkit-box-shadow:  0px 3px 6px rgba(0, 0, 0, 1);
   -moz-box-shadow:  0px 3px 6px rgba(0, 0, 0, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 1);*/
    /*background: #343a40;*/
    /*background-image: linear-gradient(to bottom right, #343a40, rgb(164 185 30 / 1));*/
    /*background-image: linear-gradient(to right, #343a40, rgb(164 185 30 / 0.8));*/
    background: white;
    /*background-image: linear-gradient(to right, #343a40, rgb(164 185 30 / 0.5));*/
    background-color: #414042;
    border-bottom: 1px solid #343a40;
}
.meto1{
  background: white;
  /*background-image: linear-gradient( #343a40 60%, rgb(164 185 30 / 0.5));*/
  background-color: #414042;
}
.esp1{
  -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    position: fixed;
    left: 330px;
    transition: 0.3s all;
}
.esp2{
  -webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
.logo{font-weight: 700;
    color: #ffdddd !important;
    text-shadow: 0px 0px 1px black, 1px 2px 3px black;}

.centar_horizontal{
  justify-content: center;
    text-align: center;
  /*  padding-top: 10em;*/
}

/*efecto titulo*/
.tituloan {
	color: black;
	/*height: 100vh;*/
	letter-spacing: 1px;
}

h1 {
	background-image: url(../images/animado.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	/*font-size: 90px;*/
  font-weight: 800;
	margin: 10px 0;
  transition: 0.5s all;
}
/* styling my button */

.white-mode {
	text-decoration: none;
	padding: 7px 10px;
	background-color: #122;
	border-radius: 3px;
	color: #FFF;
	transition: .35s ease-in-out;
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.white-mode:hover {
	background-color: #FFF;
	color: #122;
}
/*fin de efecto titulo*/
/*modal especial*/
.modal-header{
  padding: 0.3em 1em;
  font-size: 2em;
    color: white;
    text-shadow: 1px 1px 2px black;
    background-image: linear-gradient(to right, #b9b8b8 , #007bff);
}
.modal-body{
    font-size: larger;
    text-shadow: 0px 0px 0px black;
    font-weight: 700;
}
.modal-footer{
  padding: 0.4em 1em;
}
.x_panel{
  border-radius: 5px;
  box-shadow: 0px 2px 6px;
}
input.form-control{
      border-radius: 5px;
}
.th3{
  font-weight: 800;
  margin-bottom: 1.5em;
  color: #343a40;
  text-transform: uppercase;
}
.th2{
    font-weight: 800;
    margin-bottom: 1em;
    color: #343a40;
    text-transform: uppercase;
    font-size: 3em;
}
.th5{
  color: #343a40;
  font-weight: 700;
}
.th6{
    margin-bottom: 5px;
    background: white;
    padding: 5px;
    padding-left: 80px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 2px black;
    font-weight: 700;
    color: white;
    border-radius: 3px 3px 3px 3px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) , #16a1b8 90%);
    transition: 0.3s all;
}
.th6:hover{
    box-shadow: none;
}
.right_col {
   background-image: linear-gradient(to bottom right, #ccc, #f8f9fa) !important;
   min-height: 100vh;
}
body{overflow-x: hidden;}
.cajab{
  display: flex;
  justify-content: center;
}
.x_panel{
  margin-bottom: 100px;
}
.ocultar{
  display: none;
}
/*final de modal*/
/* sobre escritura*/
.left_col{
  -webkit-box-shadow:  0px -30px 6px rgba(0, 0, 0, 1);
  -moz-box-shadow:  0px -30px 6px rgba(0, 0, 0, 1);
   box-shadow: 0px -30px 6px rgba(0, 0, 0, 1);
   font-size: 20px;
}
.x_panel{
  font-size: 1.4em;
}
.pagination > li {margin-right: 2px;}
.previous > a {border-radius: 3px 0px 0px 3px;}
.next > a {border-radius: 0px 3px 3px 0px;}
.resaltado{
  padding: 8px 50px 5px 5px;
  background-image: linear-gradient(to right, red , yellow);
  box-shadow: 1px 3px 6px black inset;
  border-radius: 3px;
  margin-bottom: 5px;
}
.mactivo{
    box-shadow: 0px 0px 6px black inset;
    text-shadow: 1px 2px 3px black;
    color: white;
    background-image: linear-gradient(to bottom right, blue, white);
}
.tituloide{
  color: gold;
    /*text-shadow: 1px 1px 3px black;*/
    background: black;
    padding: 5px;
    /*background-image: linear-gradient(45deg, #343a40 5%, transparent 90%);*/
    border-radius: 5px;
    width: 50%;
    margin-right: 25%;
    margin-left: 25%;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* tabla fija */
.table-cebra{
   border-top: 1px solid #ccc;
}
.table-cebra thead th {
  background: #333 !important;
    color: white !important;
    text-transform: uppercase;
    padding: 4px;
}
.table-cebra th,
.table-cebra td {
  border-right: 1px solid #ccc !important;
  padding: 5px;
  min-width: 150px;
  text-align: center;
}
.table-cebra td {
  border-bottom: 1px solid #ccc !important;
  text-align: left;

}
.table-cebra tbody tr{
  background: white;
}
.table-cebra tbody tr:nth-child(2n){
  background: #f2f2f2;
}
.card-body{
      overflow-x: scroll;
}
.table-cebra .pegajosa{
    min-width: 250px;
    position: sticky;
    left: 0;
}
.table-cebra tbody tr .pegajosa{
  background: white;
}
.table-cebra tbody tr:nth-child(2n) .pegajosa{
  background: #f2f2f2;
}
/* fin de la tabla fija */
/*para ciegos*/
.nav.child_menu>li>a {
    font-size: 17px;
  }

/*final para ciegos*/
/*datapick*/
.btn-outline-secondary{margin-bottom: 0px;}
.disabled{background: lightgray; border: 1px solid white; }
.gj-cursor-pointer > div{ font-weight: 700;}
.gj-cursor-pointer:hover > div{ background: blue !important; color: white !important; text-shadow: 1px 1px 2px black; }
.x_panel{overflow: hidden; transition: 0.2s all;}

.width_30_porcent
{
    width: 30% !important;
}

.width_50_porcent
{
    width: 50% !important;
}
.logoy{
    width: 2.2em;
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    background: rgb(255 255 255 / 0.9);
    -webkit-box-shadow:  0px 0px 3px black inset;
    -moz-box-shadow: 0px 0px 3px black inset;
    box-shadow:  0px 0px 3px black inset;
    transition: 0.3s all;
}
.logoy:hover{
  -webkit-box-shadow:  0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  box-shadow:  0px 0px 6px black inset;
}
.btn{border-radius: 50px;}
.navbar-right{margin: 1px 13px !important;}
.auten{margin: 13px !important;
       margin-top: 5px !important;
       margin-bottom: 1px !important;}
.nav-sm .nav.side-menu li a { font-size: 15px;}
.nav li.current-page {
  background: rgba(255,255,255,0.5);
  box-shadow: 0px 0px 3px black inset;
  text-shadow: 1px 1px 3px black;
}
.th3ex{
  /*border-top: 3px solid;*/
  /*border-bottom: 3px solid;*/
  transition: 0.3s all;
}
.activomark{
  -webkit-box-shadow:  0px 0px 16px black inset;
  -moz-box-shadow: 0px 0px 16px black inset;
  box-shadow: 0px 0px 16px black inset;
  border: 3px solid black !important;
}

.panel_toolbox>li>a:hover {
  background: transparent !important;
}
.control-label{
  overflow: hidden;
  text-overflow: ellipsis;
}
.barraboto{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.panel-body{
  padding-bottom: 100px;
}
.x_panel1{
  overflow-x: auto;
  cursor: pointer;
}
.count{
  min-width: 220px;
  min-height: 126px;
}
.selecblo{
    background-image: linear-gradient(45deg, blue , #ff731c, #cfd993, white);
    color: white !important;
    text-shadow: 1px 2px 3px black;
    font-weight: 800;
    line-height: 1.7rem;
    letter-spacing: 1.5px;
    border-radius: 7px;
}
.selecblo > ul {
  /*list-style: upper-roman;*/
}
.selecblo > ul > li > a {
  color: white;
  transition: 0.3s all;
}
.selecblo > ul > li > a:hover{
  border-bottom: 1px solid;
  background: rgba(0,0,0,0.1);
  padding-right: 3em;
  border-radius: 5px 5px 5px;
  /*box-shadow: -3px -1px 5px black inset;*/
  cursor: pointer;
  margin-left: 1em;
  padding-left: 1.1em;
}
/*scroll horizontal*/
.x_panel1::-webkit-scrollbar {
    width: 10px;
    height: 15px;
  }
.x_panel1::-webkit-scrollbar-track  {
  background-image: linear-gradient(to right, rgba(156, 186, 0, 0.22), rgb(176 114 56), #cfd98d);
  /*background-image: linear-gradient(to right, #9cba00, rgb(176 114 56), #cfd98d);*/
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;}
.x_panel1::-webkit-scrollbar-thumb {background: rgba(132, 151, 232, 0.81);border-radius: 5px;}
/*.x_panel1::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.1);border-radius: 5px;}*/
.x_panel1::-webkit-scrollbar-thumb:hover {background: rgba(59, 90, 229, 0.5);}
/*.x_panel1::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.4);}*/
/* scroll para firefox */
    .scroller {
      scrollbar-color: #0003 #cfda8d;
      scrollbar-width: thin;
      cursor: pointer;
    }
 /* fin de scroll firefox */
 /*fin de scroll horizontal*/
 /* Chrome, Safari, Edge, Opera numero */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 /* Firefox numero */
 input[type=number] {
   -moz-appearance: textfield;
 }
.activomark{
  -webkit-box-shadow:  0px 0px 16px black inset;
  -moz-box-shadow: 0px 0px 16px black inset;
  box-shadow: 0px 0px 16px black inset;
  border: 3px solid black !important;
}

.panel_toolbox>li>a:hover {
  background: transparent;
}
/* mas pequeños telefonos */
@media only screen and (max-width: 500px) {
    .goldenlog1{ height:30px;}
}
@media only screen and (max-width: 600px) {
   .esp1 {left: 60px;}
   .th3ex{font-size: 1.5rem;}
   .goldenlog{ height:55px;}

   .x_panel1{font-size: 0.9em;}
   .table td, .table th {padding: .25rem;}
   .x_panel1 > .row > .col-sm-12 > .container-fluid > .row > .col-sm-6{ width: 50%; }
    input[type=search]{padding: 0.2rem 0.4rem; width: 80% !important;}
   .by1{min-width: 80px; font-size: 1em; padding: .325rem .6rem;}
}
/* pantalla pequeña */
@media only screen and (min-width: 501px) {
    .goldenlog1{ height:40px;}
}
@media only screen and (min-width: 571px) {
    .goldenlog1{ height:50px;}
}

@media only screen and (min-width: 600px) {
   .esp1 {left: 250px;}
   .x_panel1{font-size: 1em;}
   .goldenlog{ height:55px;}
   .goldenlog1{ height:55px;}
}
/* compuesto especial */
@media only screen and (min-width: 698px) {
   .goldenlog{ height:60px;}
   .goldenlog1{ height:60px;}
}
/* compuesto especial */

/* dispositivos medios  */
@media only screen and (min-width: 768px) {
  .esp1 {left: 340px;}
  .x_panel1{font-size: 1.2em;}
}

/* grandes */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .x_panel1{font-size: 1.3em;}
   h1 {font-size: 80px;}
  .table td, .table th {padding: .25rem;}
  .by1{min-width: 90px;
       line-height: 1.3;
       padding: .325rem .6rem;}
}

/* final extra  largo */
@media only screen and (min-width: 1200px) {
  .table td, .table th {padding: .75rem;}
  .x_panel1{font-size: 1.4em;}
  h1 {font-size: 90px;}
}
/*datos primarios*/
.dataTables_length{
  float: left;
}

.selecreportetabla{
    /*background-image: linear-gradient(45deg, blue , #ff731c, #cfd993, white);*/
    color: white !important;
    /*text-shadow: 1px 2px 3px black;*/
    font-weight: 800;
    line-height: 1.7rem;
    letter-spacing: 1.5px;
    border-radius: 7px;
    margin: auto !important;
}

.highlightrowtable td{
    background: yellow !important;
}