#logo {
  margin-top: 5px;
  margin-left: 10px;
}

#logo img {
  height: 55px;
  width: auto;
}

.login-info .header-dropdown-list li a.userdropdown {
  color: #000;
}

.login-info .header-dropdown-list li a.userdropdown span {
  background: none;
  max-width: 200px;
}

.menu-on-top .login-info {
  width: auto;
  display: block;
  position: relative;
  float: right;
  margin-top: 15px!important;
}

.brms.menu-on-top.smart-style-2 aside#left-panel {
  padding-top: 0px!important;
  padding-right: 15px;
  height: 70px;
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top,#f3f3f3,#e2e2e2);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2));
  background-image: -webkit-linear-gradient(top,#f3f3f3,#e2e2e2);
  background-image: -o-linear-gradient(top,#f3f3f3,#e2e2e2);
  background-image: linear-gradient(to bottom,#f3f3f3,#e2e2e2);
  background-repeat: repeat-x;
}

/* Vue-table styles  */
.vtable thead th.sorting {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right;
  cursor: pointer;
}

.vtable thead th.sorting_asc {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right;
  cursor: pointer;
}

.vtable thead th.sorting_desc {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right;
  cursor: pointer;
}

.vtable thead tr {
  font-weight: bold;
}
.vtable .pagination span {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.control-label-required:after {
   content:"*";
   color:red;
}

/* Smart-style 1 */

.smart-style-1 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: white;
}

@media(max-width:767px){
.smart-style-1 #header-top-right{
  color: white!important;
  font-size:14px;
  padding: 4px 17px 12px 16px;
}

}

.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    background: black;
}

.smart-style-1 .btn-header>:first-child>a {
    background: #b51e2a;
    border: 1px solid #b51e2a;
    color: #fff!important;
    cursor: pointer!important
}

.smart-style-1 #header {
    height: 70px;
    background-image: none;
    background-color: black;
}



.smart-style-1 #logo-group {
    background: black!important;
}

.smart-style-1 nav ul .active>a {
    color: #b51e2a!important;
    font-weight: bold;
    font-size:15px;
}

.smart-style-1 #left-panel {
    padding-top: 80px;
}

.smart-style-1 nav ul li a {
    color: white;
}

.smart-style-1 nav ul li a:hover {
    color: #b51e2a;
}

.smart-style-1 #user-menu a{
    color: white !important;

}

.smart-style-1 #user-menu a:hover {
    color: #b51e2a !important;

}

.smart-style-1 #user-menu ul li a{
    color: black !important;

}

.smart-style-1 #ribbon .breadcrumb,
.smart-style-1 #ribbon .breadcrumb a {
    color: #747474!important;
}

.smart-style-1 .login-info div{
  color: white!important;
  font-size:14px;
  padding: 12px 17px 12px 16px;
}
.smart-style-1  #user-name {
  width:300px;
  padding: 12px 17px 12px 16px;
  text-align:right;
}

.smart-style-1 #header-top-right{

  color: white!important;
  font-size:14px;
  padding: 12px 17px 12px 16px;
}

.smart-style-1 #ribbon .breadcrumb a:hover {
    text-decoration:underline!important;
}


@media(max-width: 2679px) and (min-width: 0)
{.smart-style-1 .btn-header {
    width: 30px!important;
  height: 30px!important;
  }
}