/*COLORES DE SCROOL CRM*/
.btn_background_proyecto{
background: #ff9c00;
}
    
    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a i{
margin-left: -1px !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{
background-color: #FFEDD1 !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>ul a.tipo_class_header{
display: none !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul {
    background: #FFEDD1 !important; /* Color diferente cuando se expande */
}

.navbar-header5{
background: #f5f5f5 !important;
 -webkit-box-shadow:none;
}

#sidebar-menu {
    padding: 10px 0 30px 0;
    padding-top:0;
    border-left: 5px solid #f5f5f5;
    border-right: 4px solid #f5f5f5;
}

.metismenu {
background: #f5f5f5;

}

/* Cuando un elemento del men� est� activo (mm-active) */
#sidebar-menu ul li.mm-active {
    background: #FFEDD1; /* Color diferente cuando est� activo */
    padding: 0px 3px;
}

/* Cuando un elemento tiene la clase "active" */
#sidebar-menu ul li a.active {
    background: #ff9c00; /* Color diferente cuando est� marcado como activo */
    border-radius: 5px;
}

/* Cuando el men� est� desplegado */
.metismenu .mm-collapse.mm-show {
    background: #FFEDD1; /* Color diferente cuando se expande */
}

#sidebar-menu ul li a.active span {
    color: #FFFFFF;
}

/* Cuando el <li> tiene la clase mm-active y dentro de ?l hay un <a> con la clase active, cambia el color del <i> a blanco */
#sidebar-menu ul li a:hover i {
    color: #FFFFFF !important;
}

#sidebar-menu ul.mm-collapse li.mm-active a.tipo_class_header i {
    /*color: #FFFFFF !important;*/

}

#sidebar-menu ul li a:hover span {
    color: #FFFFFF;
}


.logo-lg img {
 height: 45px;
}
#sidebar-menu ul li a span:hover {
    color: #FFFFFF;

}
#sidebar-menu ul li a:hover {
    color: #FFFFFF !important;
    background: #ff9c00;
}
 
.mm-active .active {
    color: #FFFFFF; 
}
#sidebar-menu ul.mm-collapse li:hover a.tipo_class_header i{
    color: #FFFFFF  !important;; 
}

.navbar-brand-box {
border: none; 
}
#page-topbar {
border: none; 
}
.vertical-menu {
background: #f5f5f5 !important;
}
#sidebar-menu ul li a span{
color: #545a6d;
font-size: 15px;
font-family:  'Cabin', sans-serif ;
}

.sub-sub-menu-space{
word-wrap: break-word;
hyphens: none;
white-space: normal;
}

#sidebar-menu ul li a i{
color: #545a6d;
font-size: 22px;
margin-left: 7px;
cursor: pointer;
}
#sidebar-menu ul li a {
color: #545a6d;
font-size: 15px;
font-family:  'Cabin', sans-serif ;
}
.navbar-header {
background: #f5f5f5;

}
.co_tipografia_p {
color: #545a6d;
font-size: 15px;
font-family:  'Cabin', sans-serif ;

}
.header-item {
color: #545a6d;
font-size: 15px;
font-family:  'Cabin', sans-serif ;

}
.text_btn_ocultar_header {
font-family:  'Cabin', sans-serif ;

}
.fuente_tipo {
font-family:  'Cabin', sans-serif ;

}
.navbar-brand-box{
background: #f5f5f5;

}


.padding-titulos{
padding: 15px;   
}
.titulo_off{
color: #ccc;    
}
.row{
margin: 0;    
}
.border-left{
border: 1px solid #eee;
border-left: 0px;
border-top: 0px;
}
.border-right{
border: 1px solid #eee;
border-right: 0px;   
border-top: 0px;
}
.bold{
font-weight: bold;    
}
.formulario_padding_right{
padding-right: 20px;
padding-left: 0px;
}
.formulario_left{
padding-left: 20px;
padding-right: 0px;
}
.iti{
display:block;    
}
.bottom_campos{
padding-bottom:15px;
}
.t_datos_empresa{
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;

}
.t_linea{
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;   
}
.t_cuentas{
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
.bloque_sup_left{
background: #fff; 
border-top-left-radius: 8px;
}

.avatar-upload2 {
position: relative;
max-width: 255px;
margin-bottom: 10px;
margin-top: 0px;
}
.avatar-upload2 .avatar-edit2 {
position: absolute;
right: 0px;
z-index: 1;
top: 12px;
}
.avatar-upload2 .avatar-edit2 input {
display: none;
}
.avatar-upload2 .avatar-edit2 input + label {
display: inline-block;
width: 30px;
height: 30px;
margin-bottom: 0;
border-radius: 100%;
background: #FF9C00;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload2 .avatar-edit2 input + label:hover {
background: #FF9C00;

}
.avatar-upload2 .avatar-edit2 input + label:after {
content: "\f040";
font-family: "FontAwesome";
color: white;
position: absolute;
top: 3px;
left: 0;
right: 0;
text-align: center;
margin: auto;
font-size: 15px;
}
.avatar-upload2 .avatar-preview2 {
width: 150px;
height: 150px;
position: relative;
border-radius: 100%;
border: 0px solid #f8f8f8;
box-shadow: 0px 0px 10px 0px #ccc;
}
.avatar-upload2 .avatar-preview2 > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.input-color-container{
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
border-radius: 40px;
}  
.input-color {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 56px;
    height: 56px;
    border: none;
}
@media only screen and (max-width: 768px){
.pasos{
padding-top: 0px; 
padding-left: 20px;
padding-right: 20px;
}
.btn_movil_ultima{
 padding-left: 0px;
padding-right: 0px;   
}
.formulario_padding_right{
padding:0;
}
.formulario_left{
padding:0;
}
 
.cargar_mensaje_alert {
padding-top: 10px;
padding-bottom: 10px;
}
.btn_omitir_movil{
display:none;    
}
.contenedor-movil{
padding: 0;    
}
.h3_titulos{
font-size: 20px;    
}
.padding_movil{
padding-top: 10px;
padding-bottom: 10px;   
}
.movil_center .justify-content-start{
-webkit-box-pack: center!important;
-ms-flex-pack: center;
justify-content: center;
} 
.movil_center{
padding-left: 0px;    
}
.padding_generico{
padding: 0;    
}
.input-color-container{
margin: 0;    
}
.margin_top_generico{
margin-top: 0;    
}
.padding_bottom_generico{
padding-bottom: 0px;  
}
.logotipo{
padding-bottom: 0px;    
}
.padding_top_corp{
padding-top: 25px;    
}
.bottom_movil{
padding-bottom: 15px;    
}
.btn_movil{
padding: 0;    
}
.width_movil{
width: 100%;    
}
.btn_movil .d-flex{
display: block;  
padding: 0px; 
}
.tercer_paso_btn .d-flex{
display: block;    

}
.row .segindo_paso_btn .d-flex{
display: block;   

}
.segindo_paso_btn, .tercer_paso_btn, .btn_movil{
padding: 0px;    
}
.width_movil_3{
width: 48%;    
}
.float_btn_movil{
float: right;    
}
.padding_btn_left{
padding-left: 0px;
padding-right: 0px;
}


}
@media (min-width: 768px){
#modal_final_pedido .modal-dialog {
width: 400px;
margin: 30px auto;
}    
}
.modal-backdrop{
background-color: black;
}
.modal-backdrop.fade{
opacity: 0.5;    
}
.z_index_menu_plan{
z-index: 1100    
}
  
/*MENU LATERAL*/
.menu_nav_principal{
margin-bottom: 0;
-webkit-box-shadow: 0px 2px 9px -4px black;
-moz-box-shadow: 0px 2px 9px -4px black;
box-shadow: 0px 2px 9px -4px black;
}
.menu_nav_header{
padding-top: 4px;
padding-bottom: 1px;
}
#nombre_usuario_menu_negocia{
position:relative;
bottom: 1px;
text-transform: capitalize;
}

/*MENU LATERAL*/
.menu_nav_lateral{
margin-bottom: 0;
margin-top: 7px;
}



/*M�VILES*/
@media (max-width: 767px) {
#img_menu_negocia, #nombre_usuario_menu_negocia, #separator_bar1, #separator_bar2, #separator_bar3{
display: none;
}
#li_nombre_usuario_menu_negocia{
margin-top: -3px;    
}
#ul_menu_megocia {
float:right; margin-top: -52px;
position: absolute; margin-left: 15%;
margin-right: 1px;
} 
.icons_menu_celular{
 padding-left: 0; padding-right: 0; margin-left: 5px; margin-right: 0;    
}
.sucursal_menu_celular{
 padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 20px;    
}
.notificaciones_menu_negocia{
margin-left:-200px;
}
body{
margin-top: -50px;    
}
}
.pointer_menu_a{
cursor: pointer;    
}
.bg_img_ec2_gif{
background-image: url('https://-img-recursos.s3.amazonaws.com/referido_40.png'); 
background-repeat: no-repeat; 
background-position: center center; 
background-size: cover;
height: 80%;
border-radius: 20px;

}
.bg_img_inicio{
background-image: url('https://-img-recursos.s3.amazonaws.com/inicio_session_principal.svg');
background-repeat: no-repeat; 
background-position: center center; 
/*background-size: cover;*/
height: 100%;
border-radius: 20px;

}
.bg_hei_img_ec2_inicio{
height: 290px;
width: 670px;
}
.bg_hei_img_ec2_gif{
height: 400px;   
width: 400px;
}

@media (min-width: 768px) {
.bg_img_inicio{
background-image: url('https://-img-recursos.s3.amazonaws.com/inicio_session_principal.svg');
background-repeat: no-repeat; 
background-position: center center; 
/*background-size: cover;*/
width: 100%;
height: 100%;
border-radius: 20px;

}

.bg_img_inicio_crm{
background-image: url('https://-crm-recursos.s3.amazonaws.com/team_crm.png');
background-repeat: no-repeat; 
background-position: center center; 
/*background-size: cover;*/
width: 100%;
height: 100%;
border-radius: 20px;

}

.bg_img_ec2_gif{
background-image: url('https://-img-recursos.s3.amazonaws.com/referido_40.png');
background-repeat: no-repeat; 
background-position: center center; 
background-size: cover;
width: 80%;
height: 100%;
border-radius: 20px;

}
.bg_hei_img_ec2_inicio{
height: 290px;
width: 670px;
padding-top: 70px;
}
.bg_hei_img_ec2_inicio_crm{
height: 290px;
width: 670px;
padding-top: 70px;
}
.bg_hei_img_ec2_gif{
height: 470px;   
width: 700px;
}
.video_celular iframe{
border-radius: 20px;
}
}
@media only screen and (max-width: 768px){
.video_celular iframe{
width: 95% !important;
}
}
@media  only screen and (max-width: 450px){
#modal_alerta_notificacion_ec2 .bg_hei_img_ec2_gif{
height: 230px !important;
width: 300px !important;
}