.slide .active {
    color: #fff;
    background: #c9a18a !important;
    font-weight: bold !important;
} 

.active .side-menu__label{ color:#fff !important;}
.side-menu__label {
	font-size:18px !important;
	color:#000;
}

.slide.is-expanded .angle, .slide.is-expanded .side-menu__icon, .slide.is-expanded .side-menu__label  {
    color: #000;
}

.slide.is-expanded .angle, .slide.is-expanded .side-menu__icon, .slide.is-expanded .side-menu__label .active {
    color: #fff!important;
}

.side-menu__label {
	font-size:18px !important;
	color:#000;
}

.app-sidebar__user .user-info h4 { font-size:18px; }

.card-title{ font-size:20px; text-align:center;}

.tx-12 {
    font-size: 15px;
}

.calendar-container{
    position: relative;
    margin: 0px;
    max-width: 500px;
}
.main-logo{ height:55px; margin-top:-15px;}
.avatar-xl {
    width: 100px!important;
    height: 100px!important; 
}
body { background-color:#ededed ;}

.btn-primary { background:#e3b297; color:#fff; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {    color: #fff;    background-color: #000;    border-color: #000;}
.btn-primary.focus, .btn-primary:focus {    color: #fff;    background-color: #000;}
.btn-primary:hover { background:#e3b297; color:#fff; opacity: 0.5; }

.btn-success{ background:#000; color:#fff; }
.btn-success:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {    color: #fff;    background-color: #e3b297;    border-color: #e3b297;}
.btn-success.focus, .btn-success:focus {    color: #fff;    background-color: #e3b297;}
.btn-success:hover { background:#000; color:#fff; opacity: 0.5; }

.btn-warning { background:#F0C895; color:#000; font-weight: bold; }
.btn-warning.focus, .btn-warning:focus { background:#F0C895; color:#000; font-weight: bold; }
.btn-warning:hover { background:#F0C895; color:#000; font-weight: bold; opacity: 0.5; }

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #bf95dd ;
    border-color: #bf95dd ;
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgb(191  149  221 / 50%)!important;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e3b297;
    border-color: #e3b297;}
.btn-success.focus, .btn-success:focus {    color: #fff;    background-color: #e3b297;}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #bf95dd ;
    border-color: #bf95dd ;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgb(191  149  221 / 50%)!important;
}


.starbg{color:#e3b297;}
.videos a{ text-decoration:none; font-size:14px; color:#000; font-weight:bolder; }
.videos .fe{ font-size:20px; }
.home_cla_{ border:8px solid #f0c895; height:180px; width:180px; font-size: 35px;padding-top:35px; line-height:20px;   text-align:center; border-radius:50%; }
.home_cla{ 
    width: 159px;
    height: 159px;
    border-radius: 50%;
    border: 12px solid transparent;
    background-size: 100% 100%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
    background-repeat: no-repeat;
    background-image: linear-gradient(white, white),
                        linear-gradient(60deg, #A940F3 36%, #BF95DD 30%),
                        linear-gradient(120deg,  #BF95DD 36%,  #BF95DD 30%),
                        linear-gradient(300deg,  #BF95DD 36%,  #BF95DD 30%),
                        linear-gradient(210deg,  #BF95DD 36%,  #BF95DD 30%);
    background-position: center center, left top, right top, left bottom, right bottom;
    background-origin: content-box, border-box, border-box, border-box, border-box;
    background-clip: content-box, border-box, border-box, border-box, border-box;
    transform: rotate(0deg);
    font-size:35px !important;
    line-height:20px;
    text-align:center;
}

.home_cla span.classes_data {
    font-size: 35px!important;
}

.home_cla span.classes_text {
    font-size: 0.4em!important;
}

.dashboard_container {
    padding: 0px 4px!important;
    margin-bottom: 4px!important;
}

.dash_logros img { max-width:75px;}
.card_home{ background:url("../img/Barreloft-pan-Log.jpg") !important; height:420px; background-position:top center; cursor:pointer;}
.card_cupon{background:url("../img/BL-Ins-Home-IMG-Cupon.jpg") !important;     background-position: top center!important;
    background-size: cover !important;  }
.card_descuento{background:url("../img/BL-Ins-Home-IMG-Descuentos.jpg") !important;     background-position: top center!important;
    background-size: cover !important; }
.card_calendar { height:420px; }
.heig_cal{ height:420px; color:#fff; }
.heig_cal i{ color:#fff; font-size:40px;}
.card_black_cal{ background:#000; border-radius: 0px 10px 10px 0px;    right: 10px;}
.card_black_cal hr {border: 1px solid #e3b297;}
.calendar .day.today{ background:#bf95dd !important;}
.today{background:#bf95dd !important;  border-radius:50%; position: relative;
    display: inline-block; 
    line-height: 2.0em;   }
.bg-success-transparent { 
    background-color: #e3b297!important;
}

.card_bige{ background:#e3b297 !important; font-size:15px;}
.card_bige .card-body{ padding:10px; }


div.stars {

  width: 270px;

  display: inline-block;

}
input.star { display: none; }

 

label.star {

  float: right;

  padding: 10px;

  font-size: 30px;

  color: #000;

  transition: all .2s;

}

 

input.star:checked ~ label.star:before {

  content: '\f005';

  color: #FD4;

  transition: all .25s;

}

 
input.star-5:checked ~ label.star:before {

  color: #FE7;

  text-shadow: 0 0 10px #952;

}
 
 

input.star-1:checked ~ label.star:before { color: #F62; }

    

label.star:hover { transform: rotate(-15deg) scale(1.3); }

 

label.star:before {

  content: '\f005';

  font-family: "Font Awesome 5 Free";

}

.tabs-style-3{ border:0px solid #fff !important;}
 
.admul { background:#c9a18a; border-radius:10px; padding-top:5px; padding-left:10px;}
.tabs-style-3 .nav.panel-tabs li a {    padding: 0px 4px 0px 4px; background:#c9a18a; color:#fff; font-weight:bolder; font-size:18px;}
.tabs-style-3 .nav.panel-tabs li a.active { background:#fff; color:#000;}

.admulin { border:1px solid #c9a18a; border-radius:10px;}
.admulin li{ min-width:14%;}
.admulint { background:#c9a18a; border-radius:10px; padding-top:5px; padding-left:10px;}

.admulcale  { border:1px solid #c9a18a; border-radius:10px;}
.admulcale  li{ min-width:19%;}
.admulint { background:#c9a18a; border-radius:10px; padding-top:5px; padding-left:10px;}

.tabinte .nav.panel-tabs li a { background:#fff; color:#000;  padding-bottom:5px; padding-top:5px;}
.tabinte .nav.panel-tabs li a.active { background:#c9a18a; color:#fff; }
.tabinte .nav.panel-tabs li a{    margin: 0 0px 0px 0;}

.pre_precio{ background:#b88060; font-size:30px; padding:30px 30px; color:#fff;}
.per_pan{ padding-bottom:20px; padding-top:20px;}
.mas_calendar{ width:100%; max-width:900px!important; font-size:17px;}
.mas_calendar td { padding-bottom:10px !important; }
.has-event{ border:1px solid #c9a18a !important; cursor:pointer}
.mas_calendar .day{ font-weight:bolder}
.calendar-container{ max-width:700px !important; width:100%;}
.calendar-container td{     width: 3em;    height: 3em;}
.card_cup  i {    color: #fff;    font-size: 60px;}
.card_cup  h2 {    color: #fff;    font-size: 35px;}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #eddcd3;
}
.badge-info{background:#c9a18a;}
.modal-content{ font-size:16px;} .ter{ color:#000;} .ter:hover{ color:#000; font-weight:bolder;}

.coral{ color:#ec959c;}
.megris{ filter: opacity(30%);}
.bg-primary{background:#a26dc7 !important}
.piso{position: absolute;
    bottom: 0;
}

@media screen and (max-width: 1500px) {
	.admulcale li {
			min-width: 15% !important;
		
	}
	.tabinte .nav.panel-tabs li a{
			font-size:15px;
			padding:10px;
	}
}
@media screen and (max-width: 600px) {
	.card_calendar{ height:auto;}
	.card_black_cal{right:0px; margin:13px; border-radius: 0px 0px 10px 10px;}
	.mobilcenter{ text-align:center;}
	.tabs-style-3 .nav.panel-tabs li a{ font-size:16px;}
	.calendar .day {
		position: relative;
		display: inline-block !important;
		width: 1.8em!important;
		height: 1.8em!important;
		line-height: 1.8em!important;
		border-radius: 50%;
		border: 2px solid transparent;
		cursor: pointer;
	}
	.month{ font-size:18px!important;}
}