@font-face {
    font-family: 'CoronaHeadlineSemiBold';
    src: url('../fonts/Helvetica_Neue_Condensed_Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.tab-pane {
    padding: 40px;
    
  }
.puntos{
    padding: 20px;
    border-radius:10px ;
    margin-top:82px;
}

.general{
    padding:80px;
    margin-top: 40px;
}


.pr-4{
    padding-right:60px ;
}

.pl-4{
    padding-left:60px ;
}

.nav-tabs .nav-link {
    
    background-color:#ffc72c;
    color:#0c233f;
    margin-right:15px ;
    margin-bottom: 0px;
  }

  .nav-tabs .nav-link.active {
    margin-bottom: -1px;
  }

  .nav-tabs {

    border-bottom: unset;
  }

  .list_producto{
    background-color: #ffc72c;
    border-radius:10px ;
    padding: 15px;
    min-height: 212px;
  }

  .toastify.danger {
    background: red !important;
    font-weight: 700;
    border-radius: 10px;
  }

  .button.btn_carga {
    padding-top: 48px;
  }


  #drop-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    width: 100%;
    margin: 0px ;
    padding: 15px;
    text-align: center;
    position: relative;
  }
  #drop-area.highlight {
    border-color: purple;
  }

  .my-form {
    margin-bottom: 10px;
  }
  #gallery {
    margin-top: 10px;
  }
  #gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
    object-fit: cover;
  }
  
  #fileElem {
    display: none;
  }

  .icon_enorme{
    font-size:60px;
    color:#ffc107;
  }

  .remove_product{
    color: #1f2937;
  }

  .btn_carga{
    min-height: 145px;
  }

  #gallery {
    margin-top: 10px;
    max-height: 145px;
    overflow: hidden;
    position: relative;
    display: flex;
  justify-content: center;
  }

  #drop-area a {
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .product_img{
    border-radius: 10px;
	transition-duration: 1s;
  }
  
  
.product_img:hover {
  transform: scale(1.3);
  border: 3px solid #0c233f;
}

  .uppercase{
    text-transform: uppercase;
  }

  .waning{
    background-color:#ffc72c;
  }
  
  .waning:hover{
    background-color:#e1bc56;
  }

  .dark\:bg-gray-900 {
    background-blend-mode: unset;
    background-image: url(/images/Fondoazul.png) !important;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center;
  }

  .general_top {
    padding: 10px 0 10px 80px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 85px;
    background-color:#0c233f;
  }

  .color_azul{
    background-color: #0c233f;
  }

  .text_azul{
    color: #0c233f;
  }

  .menu-superior a{
    color:#fff;
    text-decoration: none;
    font-size: 20px;
	font-family: "CoronaHeadlineSemiBold";
  }
.nav-link,h1,h2,h4,#registra_factura,#btn_agregar_prod{
	font-family: "CoronaHeadlineSemiBold";
}
  

  .menu-superior li{
    padding: 18px 8px !important;
    margin-top: 15px;
    margin-left: 40px;
  }

  .menu-superior li.header_user{
  background-color:#ffc72c;
 
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.uppercase.opcion {
  line-height: 47px;
}

.uppercase.opcion.active {
  color:#e1bc56;
  text-decoration: underline;

}
.border_premio{
  border:2px solid  #0c233f;
  
  border-radius:10px;
}

.text-premio{
  color: #0c233f;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0px;
}

.title_hover {
  display:none;
  background-color: #ccccccd8;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-radius: 0 0 10px 10px;
  padding: 15px;
  text-align: center;
  font-weight: 700;
}
.border_premio:hover .title_hover {
  display:block;
 
}

.badge-warning{
  background-color: #ffc72c;
  color:#0c233f;
}
.badge-danger{
  background-color: red;
}
.badge-success{
  background-color: green;
}

tr.active td {
  background-color: #ffc72c;
}

.bg-azul {
  background-color: #0c233f !important;
}

.bg-azul a:hover{
  background-color: #fdc52b;
  color: #0c233f !important;
}

.btn-corona{
  background-color: #fdc52b;
  color: #0c233f !important;
}
.btn-corona:hover{
  background-color: #fdc52b;
  color: #fff !important;
}


.dark\:text-gray-300, .dark\:text-gray-400 {
 
  color: #0c233f;
}

.form-login{
  border-radius: 10px;
}
ol, ul {
  padding-left: 0;
}


.btn.danger {
  background-color: red;
  color: #fff;
}

.underline:hover {
  color: #0c1c38 !important;
  text-decoration:none;
}

.fondo_inicial {

  background-position: center;
}



@media only screen and (max-width: 900px) {
	.general {
		padding: 20px;
		margin-top: 80px;
	}
	.general_top {
	  padding: 10px 40px 10px 20px;
	  
	}
	
	.dark\:text-gray-400 {
	  color: #fff;
	}
	
	.nav-item {
	  max-width: 173px;
	  line-height: 17px;
	}
	.puntos {
	 
	  margin-top: 40px;
	}
	.menu-superior li {
	  margin-left: 15px;
	  padding-left: 0px;
	}
	
	.menu-superior li {
	  padding: 0px 8px !important;
	  margin-top: 5px;
	  
	}
	
	.tab-pane {
	  padding: 20px;
	}
	
	.fecha{
		font-size:14px;
	}
	.menu-superior li.header_user {
	  background-color: #ffc72c;
	  padding-right: 20px !important;
	  padding-left: 20px !important;
	}
	
	.menu-superior a {
	  font-size: 16px;
	}
}