:root {
  --bgbody: #EDEDED ; 
  --navback: #fff ; 
  --navleft: #fff  ; 
  --navcolor:#000 ; 
  --navseparator:#ccc ; 
  --navclean:#7A9ECB  ;
  --navtootle:#77ABD2;

  --navdropdown:#fff;
  --navsubmenu:#fff;
  --navactivemenu:#ccc;
  --navmenucolor:#000;
  --navmenuactivecolor:#000;
  --gradient:#fff ;
  --panelhead:#fff;
  --panelheadcolor:#000;
  --btnsuccess:#009EF7;

  --borderline:#E31D1A;
}

body{background-color: var(--bgbody);}
body .container.body .right_col, footer {background: transparent;}

li.has-error {background-color:#F2DEDE !important; border:1px solid red !important;}
li.has-error input[name="name"]{background-color:#F2DEDE !important; border:1px solid red !important;}

/*
.login {
    background-image: url(theme/header_two.jpg) !important;
        background-position: center top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}*/
.well{background-color:  rgba(255, 255, 255, 0.4);}
.site_title i{border:0px !important;}
.left_col {
  /*border-top: 5px solid var(--borderline);*/
  background: var(--navleft);
}



.nav_title {background:var(--navleft);}
.nav.side-menu>li.active>a{background:var(--navactivemenu) !important;}
.nav.side-menu>li.active>a{background:var(--navtootle);}
.nav_menu {background: var(--navback);}

.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover{
  background: var(--navdropdown);    color:var(--navcolor);
}

.nav-sm ul.nav.child_menu {background: var(--navback);color:var(--navcolor); }
.nav.child_menu>li>a{color:var(--navcolor); }

.panel-default > .panel-heading{background:var(--panelhead); color:var(--panelheadcolor); }
.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right: 5px solid var(--navseparator);background-color:var(--navsubmenu);}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm{border-right: 5px solid #452267;}
.nav.navbar-nav>li>a{color:var(--navcolor) !important;}

.navbar-nav .open .dropdown-menu {background: var(--navdropdown); color:var(--navcolor);}
.dropdown-menu>li>a{  color:var(--navcolor);}
.btntemplate .badge{background: rgb(2,0,36);background: var(--gradient);}
  
.media {height: 80px;overflow-y : auto;border-bottom: 5px solid var(--navcolor);}
.media:hover {background-color:#ccc !important}
.media i{cursor: pointer;}

.media, .media .profile_thumb {
  border: none;
}
.media:hover, ul.top_profiles li:hover {
  background-color: var(----navclean) !important;
  cursor: pointer;
}


.input-group-addon {color: var(--navcolor); background-color: var(----navclean) !important;border: 1px solid #ccc;}

.btn-group>.dropdown-menu>li>a {
    color: var(--navmenucolor);
}
.input-group .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  color:var(--navcolor);
  
}

.input-group .dropdown-menu>li>a{
  color:var(--navcolor) !important;
}

.kv-editable-popover{z-index:1050 !important;}

.nav_menu .nav.toggle a{color:var(--navtootle);}

ul.msg_list li {background: var(--navdropdown) !important;}
ul.msg_list li a:focus,ul.msg_list li a:hover {background: transparent !important;color:var(--navcolor);font-weight: bold;}

ul.msg_list li  .dropdown-item{color: var(--navcolor) !important;}

.menu_section h3{color:var(--navcolor);text-shadow:none !important;}
.nav.side-menu>li>a, .nav.child_menu>li>a{color:var(--navmenucolor);}
.profile_info h2{color:var(--navcolor);}
.user-profile img{    border-radius: 15%;
}

.side-menu .active li.current-page a{color:var(--navmenuactivecolor) !important;}
.side-menu .active li.current-page {background-color:var(--navactivemenu) !important;}

.nav.side-menu>li>a:hover, .nav>li>a:focus{color:var(--navmenuactivecolor) !important;}




.nav_menu{
  border-top: 10px solid #fff;
  margin-bottom: 0px !important;
}
.pricing .title{
   background-color:#77ABD2;
}
.login_content{
  width:100% !important;
  min-width:100% !important;
}

footer{
  margin-left: 0px !important; 
  margin-top:50px; 
}
footer .cfoot{
  border-top:5px solid #ccc;
  border-bottom:5px solid #ccc;
}


.navbar-header {
    background: #FFF !important;
}
.navbar-header .navbar-toggle-form{
  padding:0px;width: 80%;border:0px;
}
.navbar-white{
  background: #FFF !important;
  border-color: #e7e7e7;
  min-height: 30px !important;
}
.navbar-white .navbar-toggle {
    border-color: #ddd ;
}
.navbar-white .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-white .nav>li>a {    
    padding: 2px 15px 2px !important;
}

.navbar-white .nav-form {    
    padding -top: 5px !important;
    width:300px;
    margin-top: 1px;
    margin-bottom: 0px;
}
.navbar-white .nav-form  .input-group{
  margin-bottom:0px;
}

.navbar-nav .dropdown-menu{
    max-height: 200px; 
    width: 250px !important;    
    overflow-y: auto;
    white-space: nowrap;
}

.alogin{font-size:15px; }
.alogin i{font-size:22px !important;border-radius:50% !important}

#menu_toggle img{
  margin-top:-10px;
  max-height:50px !important;
  width:170px;
  margin-left: 7px;
}

@media (max-width: 767px) {
      /* Oculta el div cuando el ancho de la pantalla sea igual o menor que 767px (tamaño típico de dispositivos móviles) */
     .navbar-white .nav-form {display: none;}
     .alogin span {display: none;}
     .limage {display: none;}
    }

.proddesc{
  max-height: 3em;
  min-height: 3em;
  overflow: hidden;
  white-space: pre-line;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  vertical-align: top;  
}
.proddesc a{font-size:12px;}

.price small{font-size:80%;color:#26B99A;}
.sitem .col-md-12{background-color:#fff;}
.sitem a{
  max-height: 3em;
  min-height: 3em;
  overflow: hidden;
  white-space: pre-line;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  vertical-align: top;
}