body{
	font-family: Tahoma !important;
}

.active_seccion{
	border-bottom: 6px solid #ccc
}

.default-hidden{
	display: none;
}

.btn-menu-principal {
	color: #fff;
}

.texto-primario {
 	color: #F8D141 !important;
}

.texto-secundario {
 	color: #3B4871 !important;
}

.bg-principal{ /*Naranja*/
	background-color: #F8D141 !important;
}

.bg-secundario {  /*Morado*/
 	background-color: #31437D !important;
}

.bg-terciario {
 	background-color: #B9C6E8 !important;
}

.bg-cuarto {
	background-color: #D9D9D9 !important;	
}

.bg-gris{
	background-color: #ccc !important;
}

.bg-cabecera-panel{
	background-color: #E2E1E2 !important;
}

.bg-negro-principal{
	background-color: #30373E !important;
}

.activo-principal{
	background-color: #F8D141 !important;
	border-radius: 0;
}

.opacidad-0{
	opacity: .0
}

.opacidad-25{
	opacity: .25
}

.opacidad-50{
	opacity: .50
}

.opacidad-75{
	opacity: .75
}

.opacidad-100{
	opacity: 1
}

.form-control {
	border-radius: 0 !important;
}

.nav-tabs{
	border-bottom: none;
}

.nav-tabs .nav-item {
    border: 1px #000 !important;   
    margin-right: 1px; 
    width: 140px;
}

.nav-tabs .nav-link {
    border: 1px !important;
    font-size: 12px;
    width: auto;
    text-align: center;
    background-color: #ccc;
    margin-right: 1px;
}

.nav-tabs a{
    color: black !important;
}

/*.nav-tabs .nav-link.active{

    background-color: #B9C6E8 !important;
}*/

.nav-tabs .nav-link:hover {
    border: 2px !important;
    
}

.content_panel{
	border-style: inset;
	border-color: #ccc ;
}

.card{
	border-radius: 0px;		
}

.card-header{
	/*background-color: #3B4871 !important;
	color:#fff;*/
	font-weight: bold;
}

.card-header:first-child{
	border-radius: 0px;		
}


.header-menu .img-logo{
	height: 60px;
}

.admin-menu {

}

.form-row {}

.form-row label{
	font-weight: bold;
	color: #6c757d !important;
	margin-bottom: 2px;
}

.list-group .seleccionado{
	border-right: 0px !important;
}

.listado .list-group-item{
	cursor: pointer;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.listado .list-group-item:hover {
	background-color: #D5D3D4 !important;	
}

.listado .list-group-item.activo {
	background-color: #D5D3D4 !important;	
}

.list-group-item-action:hover, .list-group-item-action:focus{
	background-color: #D5D3D4 !important;
}


/**** Estilos finales ****/
.bg-cabecera-principal{ 
	background-image: url('../images/fondo_cabecera_opacidad.png');
	
}

.menu-cabecera .nav-link{
	color: #fff !important;
}

.menu-cabecera .dropdown .nav-item{
	color: #000 !important;
}


.bg-fondo-1{
	background-image: url('../images/fondo_2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-fondo-app{
	background-image: url('../images/fondo_2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.btn{
	border-radius: 0rem !important;
}

.btn-principal {
    color: #fff !important;
    background-color: #F4416C;
    border-color: #F4416C;
}

.btn-principal-outline {
    color: #fff !important;
    border: 4px solid;
    border-color: #F4416C;
}

.btn-grande {
	font-weight: lighter !important;
	font-size: 1.5rem;
	width: 180px;
	height: 55px;
}

body{
	height: 100vh;
}

.label-principal{
	color: #fff;
	font-size: 18px !important;
	font-weight: lighter !important;
}

.form-principal{
	color: #fff;
	background-color:transparent !important;
	border: 4px solid #F4416C;
	height: 50px !important;
}

.form-principal:focus {
	color: #fff !important;
	border: 4px solid #F4416C !important;
}




.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
    color: #fff;
	font-size: 18px !important;
	font-weight: lighter !important;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #F4416C;
    
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #ccc;
    box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.bg-fomulario{
	background-color: #fff;
}

.bg-formulario-obscuro{ 
	background-image: url('../images/fondo_cabecera_opacidad.png');
	
}


label.label-principal{
	color: #fff !important;
}

.form-outline{
	color: #fff;
	background-color:transparent !important;
	border: 2px solid #fff;
}

.form-outline:focus {
	color: #fff !important;
	border: 2px solid #fff !important;
}

.form-outline-black{
	color: #3C3C3C;
	background-color:transparent !important;
	border: 2px solid #3C3C3C;
}

.form-outline-black:focus {
	color: #3C3C3C !important;
	border: 2px solid #3C3C3C !important;
}


.col-form-label{
	padding-bottom: 0px !important;
}

.custom-select.form-outline{
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
}

.bg-menu-lateral{
	background-color: #F4416C;	
}

.icon-menu{
	color: #fff;
	width: 35px;
	height: 48px;
}

.bg-white{
	background-color: #fff;
}

.search-input {        
    position: relative
}
.search-input:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: '\f002';
    position: absolute;
    right: 10px;
    margin-top: 12px;
}

.search-input .form-control{
	display: inline !important ;
}

.borde{
	border-right: #DAD8D9 8px solid;
	border-bottom: #DAD8D9 8px solid;
}

.borde-lateral{
	border-right: #DAD8D9 8px solid;
}

.borde-inferior{
	border-bottom: #DAD8D9 8px solid;
}

.borde-marco{
	border: #DAD8D9 8px solid;
}

.cabecera-panel{
	height: 60px;
}

.color-base{
	color: #F4416C;
}

.page-item.active .page-link{
	color:#fff;
	background-color:#F4416C !important; 
	border-color:#F4416C !important; 
}

.menu-seleccionado{
	background-color: #A01228 !important;
}

.pointer{
	cursor: pointer;
}

.tab-estatico-last{
	width: 90px !important;
	margin-right: 50px;
}

.tab-estatico{
	width: 130px !important;	
}

.tab-dinamico-aux{
	
}

.tab-dinamico{
	background-color: #A01228 !important;
}

.tab-dinamico.show.active{
	background-color: #F4416C !important;	
}

.tab-dinamico span{
	color: #fff !important;
}

.content-panel-scroll{
	overflow-y: auto;
	overflow-x: none;
}

.content-tabla-scroll{
	overflow-y: auto;
}

/*** Estilos para la tabla dinamica ***/
.tabla-estilo{
	font-size: 12px;
}

.tabla-estilo th{
	background-color: #31437D !important;
	color: #fff;
	text-align: left;
	display: none;
}

.tabla-estilo td{
	background-color: #fff;
	padding: 4px;
	vertical-align: middle;
	cursor: pointer;
}

.tabla-estilo tr:nth-child(even) td{
	background-color: #F8FAFC;
}

.tabla-lista-estilo{
	font-size: 14px;
}

.tabla-lista-estilo th{
	background-color: #31437D !important;
	color: #fff;
	text-align: left;
}

.tabla-lista-estilo td{
	vertical-align: middle;
	cursor: pointer;
}

.tabla-estilo tr:hover td {
	background-color: #D5D3D4 !important;
}

.tabla-lista-estilo tr:hover td {
	background-color: #D5D3D4 !important;
}

.tabla-estilo tr.active-row td{
	background-color: #D5D3D4;
}

.tabla-estilo tr.yellow-row td{
	background-color: #FFCC5F;
}

.tabla-estilo tr.blue-row td{
	background-color: #38C9F3;
}

.tabla-estilo tr.green-row td{
	background-color: #00A268;
}

.item-activo{
	background-color: #D5D3D4;
}

/* ESTILOS DEL SITIO WEB */


.title {
    font-size: 70px;
}

h1{
	
}

.texto-boton-productos{
	font-weight: bolder;
	font-size: 28px;
	line-height:1;
	height: 90px;
	padding: 10px;
}

.texto-producto{
	border-top: 2px solid;
	border-right: 2px solid;
	/* border-bottom: 2px solid; */
	text-align: justify;
	font-size: 16px;
	min-height: 200px
}


.section{
	min-height:90vh;
	padding-top: 10px;
	padding-bottom:10px;
	margin-top: 10px;
	margin-right:10px;
}

.img-vertical {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

.img-horizontal{
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.bg-fondo-blanco{ 
	background-image: url('../images/fondo_blanco_opacidad.png');
	
}

.menu-titulo{
	
	margin-right: 5px;
	width: 120px;
	text-align: center;
	cursor: pointer;
}
	
	/* Para las nuevas tablas  */

	.item-card{
      margin: 5px;
      cursor: pointer;
    }

    .item-card:hover{
      background-color: #D5D3D4 !important;
    }

    .item-card-activo{
      background-color: #BFECF9 !important;
    }

    .item-card-body {    
      flex: 1 1 auto;
      padding: .5rem 1.25rem .5rem 1.25rem;
      font-size: 
    }

    .cintilla {
        border-left-width: 1px;
        border-left-width: .25rem;
        border-radius: .25rem;
        border-left-color: #d9534f;
    }

    .cintilla-padre {
        border-left-width: 1px;
        border-left-width: .25rem;
        border-radius: .25rem;
        border-left-color: #4B46A8;
    }


.login-padding-top{
	margin-top:250px ;	
}



    .bg-principal{
      background-color: #868B95 !important;
    }

    .bg-secundario{
      background-color: #E4E7F1 !important;
    }

    .menu-seleccionado{
      background-color: #E33E3D !important;
    }

    div.panel-izquierdo {
      display:none;
      position: absolute;
      top: 0;
      width:40%;
      right:0%;
      height: 100%;
      z-index: 3;
      margin: 0;
      overflow:hidden;
        background-color:#F2406B;
    }
    div.home {
        display:none;        
        padding:60px 10px 50px 10px;

        overflow:hidden;
    }
    span.close {
        position:absolute;
        right:25px;
        top:5px;
        cursor:pointer;
    }

.cinta-activa{
	border-top: #F4416C 8px solid;
}

.form-login-card{
	background-color: #30373E !important;border: #30373E !important
}


input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1; /* Firefox */
}