.label-mobile {
	background-color: #fff;
	color: var(--red);
	font-size: 0.9em;
}


.menu-bottom-mobile {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-color: var(--red);
	color: #fff !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-bottom-mobile a {
	color: #fff !important;
	width: 33%;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px;
}

.menu-bottom-mobile a i {
	font-size: 1.5em;
	margin-bottom: 5px;
}

.menu-bottom-mobile a span {
	font-size: 0.7em;
}


.envio-rapido {
	position: fixed;
	bottom: 7%;
	width: 100%;
	padding: 5px;
       
	/* box-shadow: 0px 2px 2px #ddd; */
}

.envio-rapido > .card {
	box-shadow: 0px 5px 5px #333;
	border-color: var(--red);
	min-height: 150px;
	text-align: center;
        width: 100%;
}

.envio-rapido > .card > .card-title {
	background-color: var(--red);
	color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        padding: 15px;
}

.envio-rapido > .card > .card-title > a{
    color: #fff !important;
    position: relative;
    float: right;
}

.ultimas-pautas-list {
	
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.ultimas-pautas-list > a {
	background-color: #eee;
	width: 100%;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
}


.form-mobile{}

 .form-mobile .form-control{
        margin-bottom: 10px !important;
    }
 
    @media (min-width: 811px){
        .card-collapse{
            display: none;
        }
    }
    
    

@media (max-width: 810px)
{
    body{
        font-size: 16px !important;
    }
    .form-control{
        /*font-size: 16px !important;*/
    }
    
    .card-collapsed{
        height: 0px !important;
        padding: 0px !important;
        overflow: hidden !important;
    }
    
    .btn-full-mobile{
        width: 100%;
    }
}


/*\
 * Restore Bootstrap 3 "hidden" utility classes.
\*/

/* Breakpoint XS */
@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
    
      .form-mobile .form-control{
        margin-bottom: 10px !important;
    }
    
    .btn-full-mobile{
        width: 100% !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
    
      .form-mobile .form-control{
        margin-bottom: 10px !important;
    }
    
    
    .btn-full-mobile{
        width: 100% !important;
    }
    
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
    
    .ultimas-pautas-list {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-around;
	align-items: center;
    }
    
    .ultimas-pautas-list > a {
	background-color: #eee;
	/* width: 100%; */
	margin-bottom: 5px;
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	color: #333;
	padding: 15px;
    }
    
    .form-mobile .form-control{
        margin-bottom: 10px !important;
    }
    
    
    .btn-full-mobile{
        width: 100% !important;
    }
    
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}