:root {
  --banner-back-color: #F1b562;
  --menu-sel-back-color: rgb(49, 143, 173);
  --nav1-back-color: rgba(88, 88, 88, 1);
  --nav1-color: #FFF;
  --nav1-hover-back-color: #808080;
  --nav1-hover-color: #316ac5;
  --nav1-sel-back-color: rgba(88, 88, 88, 1);
  --nav1-sel-color: #FFF;
  --nav2-back-color: rgba(88, 88, 88, 1);
  --nav2-color: #FFF;
  --nav2-hover-back-color: #808080;
  --nav2-hover-color: #FFF;
  --nav2-sel-back-color: rgba(88, 88, 88, 1);
  --nav2-sel-color: #FFF;
  --nav2-head-back-color: rgba(229, 229, 229, 1);
  --nav2-head-color: #000;
  --nav3-back-color: rgb(121, 121, 121);
  --nav3-color: #FFF;
  --nav3-hover-back-color: rgb(64, 160, 191);
  --nav3-hover-color: #FFF;
  --nav3-sel-back-color: rgba(88, 88, 88, 1);
  --nav3-sel-color: #FFF;
}

.BanLogo {
  background-position: 13px 10px;
  background-size: auto 35px;
  background-image: url(images/logo.png);
  width: 300px;
  background-repeat: no-repeat;
  height: 45px;
}


#Nav1_944C2F3F96B3483E9A8B32DEF4AE81B2 {
  display: block;
}


html, input, select, textarea {
  font-size: 13px;
  font-family: "Proxima Nova", "Segoe UI",Thonburi,Arial,Verdana,Sans-Serif,"Lucida Grande", Helvetica;
  color: #000000;
}


/*
nav .IconTimeCard {
  background-image: url('icons/assets-01.svg');
}


.IconCustomer, .IconCustomerNA,
.IconCustomerEdit, .IconCustomerEditNA,
.IconCustomerFind, .IconCustomerFindNA, .icon_customers {
  background-image: url('../images/svg-black/customers-01.svg');
}

.IconCustomerProj, .IconCustomerProjNA,
.IconCustomerProjEdit, .IconCustomerProjEditNA, .icon_customer_project {
  background-image: url('../images/svg-black/customer_project-01.svg');
}

*/


.BanDiv, .BanLogo, .Nav1, .ToolBox div div, .FrontPage .ToolBox div div, .FrontPage .ToolBox div b, .BanUser, .Nav2, .Nav2 > div > ul > li.sel, .Nav2 > div > ul > li:hover, header,
.Nav1:hover > div.menu, .Nav1 > div.menu {
  background-color: #F1b562 !important;
  color: #000 !important;
}



  .FrontPage .ToolBox div div:hover, .ToolBox div div:hover, .ToolBox div div:hover i, .Nav1 > div > ul > li.sel > a,
  .Nav1 > div > ul > li:hover > a, .FrontPage .ToolBox div i, .Nav1 > div > ul > li.sel > a, .Nav1 > div > ul > li.sel > a, .Nav1 > div > ul > li.sel > a,
  .BanSearch {
    background-color: #f5debf !important;
    color: #000 !important;
  }

  .Nav1 > div.head .brand a, .FrontPage .what > div, .BanUserMenu1 .menu li a, .BanUser a, .Nav2 > div > ul > li > a, .Nav2 > div.head .brand a {
    color: #000 !important;
  }

    .FrontPage .what > div.sel {
      border-color: #F1b562 !important;
    }


  .FrontPage .todo .active .header:hover, .BanUserMenu1 .menu li.sel a, .BanUser:hover, .BanUserMenu1 .menu li.sel a,
  .BanUserMenu1 .menu li:hover a {
    background-color: #F1b562 !important;
  }

.BanUserMenu1 .head .togglexxxx {
  display: none;
}

.BanUser:hover, .BanUserMenu1 .menu, .Nav2 > div.menu {
  background-color: #ccc !important;
}


.Nav2 > div.head .toggle span {
  background-color: #000 !important;
}

.Chart .box.link:hover, .Chart .box.link:hover .count {
  border-color: #F1b562 !important;
}

a, .MainAIcon {
  color: #cf923f;
}

  a:visited {
    color: #cf923f;
  }

  a:active {
    color: #666;
  }

    a:active span, a:active div {
      color: #666 !important;
    }

  a:hover {
    color: #666;
  }


.Chart .box.dep .person .image, .Chart .box.dep .person-all .image {
  padding-left: 3px;
  padding-bottom: 3px;
}

.Chart .box.per .PerImg {
  padding-left: 3px;
}

.Chart .box.dep .person-all .PerImg {
  width: 32px;
  height: 32px;
}