/*
 * Skin: Blue
 * ----------
 */
 .skin-blue-light .main-header{
  background-color: #00ACC1 !important;
  border-bottom:3px solid #D7D3D3;
 }
 .skin-blue-light .main-header .m-pad .material-icons{
   color: #00ACC1 !important;
}
.skin-blue-light .main-header .navbar-static-top{
  background-color: #ffffff !important;
}
.skin-blue-light .main-header .navbar {
  background-color: #00ACC1;
}
.skin-blue-light .main-header .navbar-custom-menu .nav > li > a {
  color: #666666 !important;
}
.skin-blue-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue-light .main-header #navbar-search-input.form-control{
  background-color: #fcfcfd;
  border-color:#E6E4E4;
  color:#999999;
  
}
.skin-blue-light .navbar-form .input-group .input-group-addon, .skin-blue-light .navbar-form .input-group .input-group-btn .btn-default{
  background-color: #F1F1F1;
  border-color:#E6E4E4;
  color:#D7D3D3;
}
.skin-blue-light .content-wrapper, .right-side{
  background-color: #F4F4F4;
}

.skin-blue-light .main-menu.navbar > .navbar-collapse > .navbar-nav > li.active::after{
  border-bottom: 12px solid #F4F4F4;
}
.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .nav .open > a,
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #666666;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .main-footer{
  background-color: #00ACC1;
}
.skin-blue-light .main-footer a{
  color:#fff !important;
}
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #03BFD6;
}
.skin-blue-light #myinfo_access .img-wrapper{
  border:2px solid #00ACC1;
  border-radius:5px;
  background-color:#00ACC1;
}
.skin-blue-light #myinfo_access .badge-warning, .skin-blue-light .cart-visit .badge-warning{
 background-color: #484B58 !important; 
}

.skin-blue-light #myinfo_access .img-wrapper:hover, .skin-blue-light #myinfo_access .img-wrapper:active{
  border-color:#333333;
  background-color:#333333;
}
.skin-blue-light .b-app-list .material-icons-cloud{
  color: #00ACC1 !important;
  border:2px solid #00ACC1 !important;
}
.skin-blue-light .b-app-list .app-link:hover .material-icons-cloud, .skin-blue-light .main-header .m-pad li a:hover .material-icons-cloud{
  color: #484B58 !important;
  border:2px solid #484B58 !important;
}
.skin-blue-light .b-app-list .app-link:hover, .skin-blue-light .main-header .m-pad .material-icons:hover{
  color: #484B58 !important;
}
.skin-blue-light .b-app-list .app-link{
  color: #009AAD !important;
}
.skin-blue-light .main-header .m-pad .material-icons-cloud{
  border:2px solid #00ACC1 !important;
}
@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #03BFD6;
  }
  .skin-blue-light .navbar-custom-menu .nav > li{
    display:table-cell;
  }
  .skin-blue-light .main-header .navbar-form{
    margin-left: 10px;
  }
  .skin-blue-light .navbar-custom-menu .nav{
    margin: 0px;
  }

}
.skin-blue-light .main-header .logo {
  background-color: #ffffff;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
  background-color: #ffffff;
}
.skin-blue-light .main-header li.user-header {
  background-color: #00ACC1;
}
.skin-blue-light .content-header {
  background: transparent;
}
.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
  background-color:#F4F4F4;
}
.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
  color: #444444;
}
.skin-blue-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-blue-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-blue-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
  color: #ffffff;
}
.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a, .skin-blue-light .sidebar-menu-left > li:hover > a,
.skin-blue-light .sidebar-menu-left > li.active > a {
  color: #f6f6f6;
  background: #03BFD6;
  text-decoration: none;
}
.skin-blue-light .sidebar-menu > li.active {
  border-left-color: #3c8dbc;
}
.skin-blue-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-blue-light .sidebar-menu > li > .treeview-menu {
  background: #FCFCFD;
}
.skin-blue-light .sidebar a {
  color: #444444;
}
.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}
.skin-blue-light .btn-default:hover {
  background-color: #E5E5E5 !important;
}
.skin-blue-light .treeview-menu > li > a {
  color: #777777;
}
.skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover {
  color: #ffffff;
  background-color: #00ACC1;

}
.skin-blue-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #FCFCFD;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue-light .btn-success, .skin-blue-light #contentFrame .btn-success{
  background-color: #03BFD6;
  border-color:#009AAD;
  color:#fff;
}
.skin-blue-light .navbar-form #headerSimpleSearch, .skin-blue-light .navbar-form #headerSimpleSearch1{
  width:200% !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .advanceSearchbtn .b-item, .skin-blue-light .navbar-form #headerSimpleSearch1 .advanceSearchbtn .b-item{
  width:29% !important;
  margin-left: 5px !important;
}
.skin-blue-light .main-header .material-icons{
  color:#333 !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-select .select2-container--default .select2-selection--single, .skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select .select2-container--default .select2-selection--single{
  background-color: #f1f1f1 !important;
  color: #d7d3d3 !important;
  border-color:#e6e4e4 !important;
  border-radius: 5px 0 0 5px !important;
  box-shadow: none !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .select2-selection__rendered, .skin-blue-light .navbar-form #headerSimpleSearch .select2-container--default .select2-selection--single .select2-selection__placeholder, .skin-blue-light .navbar-form #headerSimpleSearch1 .select2-selection__rendered, .skin-blue-light .navbar-form #headerSimpleSearch1 .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #999 !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-select, .skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select{
  width:22% !important;
}

.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-select, 
.skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-select .__extraDiv, 
.skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select .__extraDiv{
	padding: 0;
}

.skin-blue-light .b-theme-blue .select2-results{
  background-color: #fff !important;
}
.skin-blue-light .select2-container--default .select2-results__option--highlighted[aria-selected]{
  color: #333 !important;
  background-color: #03BFD6 !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete, .skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete{  
  width:36% !important;
}

.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete, 
.skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete,
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete .__extraDiv, 
.skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete .__extraDiv{
	padding: 0;
}

.skin-blue-light .select2-search--dropdown .select2-search__field{
  color: #333 !important;
  background-color: #F5F5F5 !important;
  border: 1px solid #999 !important; 
}
.skin-blue-light .select2-results__option{
  color: #333 !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single, .skin-blue-light .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single{
  background: #fcfcfd none repeat scroll 0 0 !important;
  border-color: #e6e4e4 !important;
  color: #999999 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.skin-blue-light .navbar-form #headerSimpleSearch .m-search, .skin-blue-light .navbar-form #headerSimpleSearch1 .m-search{
  margin-top: 0px !important;
  background-color: #F1F1F1 !important;
  border-color: #e6e4e4 !important;
  color: #999999 !important;
  border-radius: 0px 5px 5px 0px !important;
  box-shadow: none !important;
  float: left;
}
.skin-blue-light .navbar-form #headerSimpleSearch .m-search .b-material-icons-search, .skin-blue-light .navbar-form #headerSimpleSearch1 .m-search .b-material-icons-search{
  padding: 6px 12px !important;
  font-size: 18px !important;
  color: #999 !important;
}
.skin-blue-light .btn-success:focus,
.skin-blue-light .btn-success.focus, .skin-blue-light #contentFrame .btn-success:focus, .skin-blue-light #contentFrame .btn-success.focus{
  color: #fff;
  background-color: #009AAD;
  border-color: #03BFD6;
}
.skin-blue-light .btn-success:hover, .skin-blue-light #contentFrame .btn-success:hover {
  color: #fff;
  background-color:#009AAD;
  border-color: #03BFD6;
}
.skin-blue-light .btn-success:active,
.skin-blue-light .btn-success.active,
.skin-blue-light .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #009AAD;
  border-color: #03BFD6;
}
.skin-blue-light .btn-success:active:hover,
.skin-blue-light .btn-success.active:hover,
.skin-blue-light .open > .dropdown-toggle.btn-success:hover,
.skin-blue-light .btn-success:active:focus,
.skin-blue-light .btn-success.active:focus,
.skin-blue-light .open > .dropdown-toggle.btn-success:focus,
.skin-blue-light .btn-success:active.focus,
.skin-blue-light .btn-success.active.focus,
.skin-blue-light .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #009AAD;
  border-color: #03BFD6;
}
.skin-blue-light .btn-success:active,
.skin-blue-light .btn-success.active,
.skin-blue-light .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.skin-blue-light .pagination > .active > a, .skin-blue-light .pagination > .active > a:focus, .skin-blue-light .pagination > .active > a:hover, .skin-blue-light .pagination > .active > span, .skin-blue-light .pagination > .active > span:focus, .skin-blue-light .pagination > .active > span:hover{
  background-color: #03BFD6;
  border-color:#03BFD6;
}
.skin-blue-light div.Tokenize ul.Dropdown li.Hover{
  background-color: #03BFD6;
}
@media (min-width: 768px) {
  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
.skin-blue-light .main-footer {
  border-top-color: #d2d6de;
}
.skin-blue-light.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
.skin-blue-light .sidebar-menu{
  background-color: #00acc1;
}
.skin-blue-light .btn-success a, .skin-blue-light .btn-success a:hover{
  color:#fff !important;
  text-decoration: none !important;
}
.skin-blue-light .btn-default a, .skin-blue-light .btn-default a:hover{
  color:#666 !important;
  text-decoration: none !important;
}
.skin-blue-light .btn-default .material-icons{
  color: #999 !important;
}

/*
 * Skin: Grey Dark
 * ----------
 */
.skin-grey-dark .main-header .navbar {
  background-color: #2B384E;
}
.skin-grey-dark .main-header .navbar .nav > li > a {
  color: #ffffff;
  /*line-height: 14px !important;*/
}
.skin-grey-dark .main-header .m-pad .material-icons-cloud{
  color: #3F4B65 !important;
}
.skin-grey-dark .main-header .m-pad li a:hover .material-icons-cloud{
  color: #ff8400 !important;
  border:2px solid #ff8400 !important;
}
.skin-grey-dark .main-header .navbar .nav > li > a:hover,
.skin-grey-dark .main-header .navbar .nav > li > a:active,
.skin-grey-dark .main-header .navbar .nav > li > a:focus,
.skin-grey-dark .main-header .navbar .nav .open > a,
.skin-grey-dark .main-header .navbar .nav .open > a:hover,
.skin-grey-dark .main-header .navbar .nav .open > a:focus,
.skin-grey-dark .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-grey-dark .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-grey-dark .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-grey-dark .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-grey-dark .main-header .navbar .sidebar-toggle:hover {
  background-color: #35445D;
}
.skin-grey-dark .sidebar-menu{
  background-color: #3B4C68;
}
.skin-grey-dark .main-header .material-icons{
  color: #fff !important;
}
@media (max-width: 767px) {
  .skin-grey-dark .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-grey-dark .navbar-form{
    border:none;
    box-shadow: none;
  }
}

.skin-grey-dark .main-header .main-menu.navbar {
  background-color: #3B4C68;
}
.skin-grey-dark .main-header .main-menu.navbar .nav > li > a {
  color: #ffffff;
}
.skin-grey-dark .main-header .main-menu.navbar .nav > li > a:hover,
.skin-grey-dark .main-header .main-menu.navbar .nav > li > a:active,
.skin-grey-dark .main-header .main-menu.navbar .nav > li > a:focus,
.skin-grey-dark .main-header .main-menu.navbar .nav .open > a,
.skin-grey-dark .main-header .main-menu.navbar .nav .open > a:hover,
.skin-grey-dark .main-header .main-menu.navbar .nav .open > a:focus,
.skin-grey-dark .main-header .main-menu.navbar .nav > .active > a {
  background: #4C6081;/*rgba(0, 0, 0, 0.1);*/
  color: #f6f6f6;
}
.skin-grey-dark .main-header .main-menu.navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-grey-dark .main-header .main-menu.navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-grey-dark .main-header .main-menu.navbar .sidebar-toggle {
  color: #fff;
}
.skin-grey-dark .main-header .main-menu.navbar .sidebar-toggle:hover {
  background-color: #35445D;
}
.skin-grey-dark .main-header .main-menu.navbar .dropdown-menu li a:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .skin-grey-dark .main-header .main-menu.navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-grey-dark .main-header .main-menu.navbar .dropdown-menu li a:hover {
    background: #35445D;
  }
}
.skin-grey-dark .main-header .logo {
  background-color: #2B384E;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-grey-dark .main-header .logo:hover {
  background-color: #2B384E;
}
.skin-grey-dark .main-header li.user-header {
  background-color: #2B384E;
}
.skin-grey-dark .content-header {
  background: transparent;
}
.skin-grey-dark .wrapper,
.skin-grey-dark .main-sidebar,
.skin-grey-dark .left-side {
  background-color: #ecf0f5;
}
.skin-grey-dark .user-panel > .info,
.skin-grey-dark .user-panel > .info > a {
  color: #fff;
}
.skin-grey-dark .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-grey-dark .sidebar-menu > li > a ,.skin-grey-dark .sidebar-menu-left > li > a{
  border-left: 3px solid transparent;
  text-decoration: none;
}
.skin-grey-dark .sidebar-menu > li:hover > a,
.skin-grey-dark .sidebar-menu > li.active > a ,.skin-grey-dark .sidebar-menu-left > li:hover > a,
.skin-grey-dark .sidebar-menu-left > li.active > a{
  color: #ffffff;
  background: #35445D;
  border-left-color: #FD8300;
}
.skin-grey-dark .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #4C6081;
}
.skin-grey-dark .sidebar-menu a {
  color: #fff;
}
.skin-grey-dark .sidebar-menu-left a {
  color: #273246;
}
.skin-grey-dark .sidebar a:hover {
  text-decoration: none;
}
.skin-grey-dark .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-grey-dark .treeview-menu > li.active > a,
.skin-grey-dark .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-grey-dark .sidebar-form {
  border-radius: 3px;
  border: 1px solid #4C6081;
  margin: 10px 10px;
}
.skin-grey-dark .sidebar-form input[type="text"],
.skin-grey-dark .sidebar-form .btn {
  box-shadow: none;
  background-color: #4C6081;
  border: 1px solid transparent;
  height: 35px;
}
.skin-grey-dark .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-grey-dark .sidebar-form input[type="text"]:focus,
.skin-grey-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-grey-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-grey-dark .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-grey-dark.layout-top-nav .main-header > .logo {
  background-color: #2B384E;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-grey-dark.layout-top-nav .main-header > .logo:hover {
  background-color: #2B384E;
}
.skin-grey-dark .btn-success a, .skin-grey-dark .btn-success a:hover, .skin-grey-dark .btn-default a, .skin-grey-dark .btn-default a:hover{
  color:#fff !important;
  text-decoration: none !important;
}
.skin-grey-dark .btn-success{
  background-color: #FF8400;
  color: #ffffff;
  border-color:#FF8400;
}
.skin-grey-dark .btn-success:focus,
.skin-grey-dark .btn-success.focus {
  color: #fff;
  background-color: #FF6800;
  border-color: #FF8400;
}
.skin-grey-dark .btn-success:hover {
  color: #fff;
  background-color: #FF6800;
  border-color: #FF8400;
}
.skin-grey-dark .btn-success:active,
.skin-grey-dark .btn-success.active,
.skin-grey-dark .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #FF6800;
  border-color: #FF8400;
}
.skin-grey-dark .btn-success:active:hover,
.skin-grey-dark .btn-success.active:hover,
.skin-grey-dark .open > .dropdown-toggle.btn-success:hover,
.skin-grey-dark .btn-success:active:focus,
.skin-grey-dark .btn-success.active:focus,
.skin-grey-dark .open > .dropdown-toggle.btn-success:focus,
.skin-grey-dark .btn-success:active.focus,
.skin-grey-dark .btn-success.active.focus,
.skin-grey-dark .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #FF8400;
  border-color: #FF8400;
}
.skin-grey-dark .btn-success:active,
.skin-grey-dark .btn-success.active,
.skin-grey-dark .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.skin-grey-dark .btn-default{
  background-color: #2B384E !important;
  color: #ffffff !important;
  border-color:#2B384E !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch, .skin-grey-dark .navbar-form #headerSimpleSearch1{
  width:200% !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch1 .advanceSearchbtn .b-item{
  width:28% !important;
  margin-left: 5px !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .advanceSearchbtn .b-item{
  width:20% !important;
  margin-left: 5px !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-select .select2-container--default .select2-selection--single, .skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select .select2-container--default .select2-selection--single{
  background-color: #3b4c68 !important;
  color: #ffffff !important;
  border-color:#3b4c68 !important;
  border-radius: 5px 0 0 5px !important;
  box-shadow: none !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .select2-selection__rendered, .skin-grey-dark .navbar-form #headerSimpleSearch .select2-container--default .select2-selection--single .select2-selection__placeholder, .skin-grey-dark .navbar-form #headerSimpleSearch1 .select2-selection__rendered, .skin-grey-dark .navbar-form #headerSimpleSearch1 .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #ffffff !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-select, .skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select{
  width:22% !important;
}

.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-select, 
.skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select,
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-select .__extraDiv, 
.skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select .__extraDiv {
	padding: 0;
}

.skin-grey-dark .b-theme-blue .select2-results{
  background-color: #fff !important;
}
.skin-grey-dark .select2-container--default .select2-results__option--highlighted[aria-selected]{
  color: #333 !important;
  background-color: #F5F5F5 !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete, .skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete{
  width:36% !important;
}

.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete,
.skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete,
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete .__extraDiv, 
.skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete .__extraDiv{
  padding: 0;	
}

.skin-grey-dark .select2-search--dropdown .select2-search__field{
  color: #333 !important;
  background-color: #F5F5F5 !important;
  border: 1px solid #999 !important; 
}
.skin-grey-dark .select2-results__option{
  color: #333 !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single, .skin-grey-dark .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single{
  background: #4c6081 none repeat scroll 0 0 !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .m-search, .skin-grey-dark .navbar-form #headerSimpleSearch1 .m-search{
  margin-top: 0px !important;
  background-color: #3b4c68 !important;
  border-color: #3b4c68 !important;
  color: #fff !important;
  border-radius: 0px 5px 5px 0px !important;
  box-shadow: none !important;
  float: left;
}
.skin-grey-dark .navbar-form #headerSimpleSearch .m-search .b-material-icons-search, .skin-grey-dark .navbar-form #headerSimpleSearch1 .m-search .b-material-icons-search{
  padding: 6px 12px !important;
  font-size: 18px !important;
}
.skin-grey-dark .pagination > .active > a, .skin-grey-dark .pagination > .active > a:focus, .skin-grey-dark .pagination > .active > a:hover, .skin-grey-dark .pagination > .active > span, .skin-grey-dark .pagination > .active > span:focus, .skin-grey-dark .pagination > .active > span:hover{
  background-color: #2B384E !important;
  border-color:#2B384E !important;
}
.skin-grey-dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{
  background-color: #fff !important;
  border-color: #ccc !important;
  color: #666 !important;
}
.skin-grey-dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover{
  background-color: #ededed !important;
  border-color: #adadad !important;

}
.skin-grey-dark div.Tokenize ul.Dropdown li.Hover{
  background-color: #2B384E;
}
.skin-grey-dark .ui-accordion-content {
  padding-left: 5px;
  padding-right: 5px;
}
.skin-grey-dark .ui-accordion-header {
  height : 40px;
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
}
.skin-grey-dark .ui-accordion-header a {
  color: #454545;
}

/*
 * Skin: Light Grey
 * ----------
 */
 .skin-light-grey .main-header{
  background-color: #F3F3F3 !important;
  border-bottom:3px solid #D7D3D3;
 }
 .skin-light-grey .main-header .m-pad .material-icons{
   color: #FCFCFC !important;
}
.skin-light-grey .main-header .navbar-static-top{
  background-color: #FCFCFC !important;
}
.skin-light-grey .main-header .navbar {
  background-color: #F3F3F3;
}
.skin-light-grey .main-header .navbar-custom-menu .nav > li > a {
  color: #666666 !important;
}
.skin-light-grey .main-header .navbar .nav > li > a {
  color: #777777;
}
.skin-light-grey .main-header #navbar-search-input.form-control{
  background-color: #fcfcfd;
  border-color:#E6E4E4;
  color:#999999;
  
}
.skin-light-grey .navbar-form .input-group .input-group-addon, .skin-light-grey .navbar-form .input-group .input-group-btn .btn-default{
  background-color: #e5e1e1;
  border-color:#E6E4E4;
  color:#777676;
}
.skin-light-grey .content-wrapper, .right-side{
  background-color: #E9EDF2;
}

.skin-light-grey .main-menu.navbar > .navbar-collapse > .navbar-nav > li.active::after{
  border-bottom: 12px solid #E8E8E8;
}
.skin-light-grey .main-header .m-pad .material-icons-cloud{
  color: #3F4B65 !important;
}
.skin-light-grey .main-header .m-pad li a:hover .material-icons-cloud{
  color: #ff8400 !important;
  border:2px solid #ff8400 !important;
}
.skin-light-grey .main-header .navbar .nav > li > a:hover,
.skin-light-grey .main-header .navbar .nav > li > a:active,
.skin-light-grey .main-header .navbar .nav > li > a:focus,
.skin-light-grey .main-header .navbar .nav .open > a,
.skin-light-grey .main-header .navbar .nav .open > a:hover,
.skin-light-grey .main-header .navbar .nav .open > a:focus,
.skin-light-grey .main-header .navbar .nav > .active > a {
  background: #FCFCFC;
}
.skin-light-grey .main-header .navbar .sidebar-toggle {
  color: #777676;
}
.skin-light-grey .main-header .navbar .sidebar-toggle:hover {
  background-color: #FCFCFC;
}
.skin-light-grey .main-footer{
  background-color: #FCFCFC;
}
.skin-light-grey .main-footer a:hover{
  color:#989898 !important;
}
.skin-light-grey .main-header .navbar .dropdown-menu li a:hover {
    background: #FCFCFC;
    color: #777676;
}
.skin-light-grey .sidebar{
  background-color: #F3F3F3;
}
.skin-light-grey .dropdown-menu{
  background-color: #F3F3F3;
}
@media (max-width: 767px) {
  .skin-light-grey .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-light-grey .main-header .navbar .dropdown-menu li a {
    color: #777676;
  }
  .skin-light-grey .main-header .navbar .dropdown-menu li a:hover {
    background: #FCFCFC;
  }
  .skin-light-grey .navbar-custom-menu .nav > li{
    display:table-cell;
  }
  .skin-light-grey .main-header .navbar-form{
    margin-left: 10px;
  }
  .skin-light-grey .navbar-custom-menu .nav{
    margin: 0px;
  }

}
.skin-light-grey .main-header .logo {
  background-color: #FCFCFC;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-light-grey .main-header .logo:hover {
  background-color: #FCFCFC;
}
.skin-light-grey .main-header li.user-header {
  background-color: #FCFCFC;
}
.skin-light-grey .main-header li.user-header p {
  color:#777676 !important;
}
.skin-light-grey .content-header {
  background: transparent;
}
.skin-light-grey .wrapper,
.skin-light-grey .main-sidebar,
.skin-light-grey .left-side {
  background-color:#E9EDF2;
}
.skin-light-grey .content-wrapper,
.skin-light-grey .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-light-grey .user-panel > .info,
.skin-light-grey .user-panel > .info > a {
  color: #444444;
}
.skin-light-grey .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-light-grey .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-light-grey .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-light-grey .sidebar-menu > li:hover > a,
.skin-light-grey .sidebar-menu > li.active > a,.skin-light-grey .sidebar-menu-left > li:hover > a,
.skin-light-grey .sidebar-menu-left > li.active > a {
  background: #FCFCFC;
}
.skin-light-grey .sidebar-menu > li.active {
  border-left-color: #3c8dbc;
}
.skin-light-grey .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-light-grey .sidebar-menu > li > .treeview-menu {
  background: #F3F3F3;
}
.skin-light-grey .sidebar a {
  color: #444444;
}
.skin-light-grey .sidebar a:hover {
  text-decoration: none;
}
.skin-light-grey .treeview-menu > li > a {
  color: #777777;
}
.skin-light-grey .treeview-menu > li.active > a,
.skin-light-grey .treeview-menu > li > a:hover {
  color: #000000;
  background-color: #fcfcfc;
}
.skin-light-grey .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-light-grey .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-light-grey .sidebar-form input[type="text"],
.skin-light-grey .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-light-grey .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-light-grey .sidebar-form input[type="text"]:focus,
.skin-light-grey .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-light-grey .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-light-grey .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-light-grey .btn-success{
  background-color: #E5E1E1;
  border-color:#999;
  color:#777777;
}
.skin-light-grey .navbar-form #headerSimpleSearch, .skin-light-grey .navbar-form #headerSimpleSearch1{
  width:200% !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch1 .advanceSearchbtn .b-item, .skin-light-grey .navbar-form #headerSimpleSearch .advanceSearchbtn .b-item{
  width:29% !important;
  margin-left: 5px !important;
}
.skin-light-grey .main-header .material-icons{
  color:#333 !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .b-search-wrapper__type-select .select2-container--default .select2-selection--single, .skin-light-grey .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select .select2-container--default .select2-selection--single{
  background-color: #f1f1f1 !important;
  color: #d7d3d3 !important;
  border-color:#e6e4e4 !important;
  border-radius: 5px 0 0 5px !important;
  box-shadow: none !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .select2-selection__rendered, .skin-light-grey .navbar-form #headerSimpleSearch .select2-container--default .select2-selection--single .select2-selection__placeholder, .skin-light-grey .navbar-form #headerSimpleSearch1 .select2-selection__rendered, .skin-light-grey .navbar-form #headerSimpleSearch1 .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #999 !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .b-search-wrapper__type-select, .skin-light-grey .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-select{
  width:22% !important;
}
.skin-light-grey .b-theme-blue .select2-results{
  background-color: #fff !important;
}
.skin-light-grey .select2-container--default .select2-results__option--highlighted[aria-selected]{
  color: #333 !important;
  background-color: #03BFD6 !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete, .skin-light-grey .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete{
  
  width:36% !important;
}
.skin-light-grey .select2-search--dropdown .select2-search__field{
  color: #333 !important;
  background-color: #F5F5F5 !important;
  border: 1px solid #999 !important; 
}
.skin-light-grey .select2-results__option{
  color: #333 !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single, .skin-light-grey .navbar-form #headerSimpleSearch1 .b-search-wrapper__type-autocomplete .select2-container--default .select2-selection--single{
  background: #fcfcfd none repeat scroll 0 0 !important;
  border-color: #e6e4e4 !important;
  color: #999999 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.skin-light-grey .navbar-form #headerSimpleSearch .m-search, .skin-light-grey .navbar-form #headerSimpleSearch1 .m-search{
  margin-top: 0px !important;
  background-color: #F1F1F1 !important;
  border-color: #e6e4e4 !important;
  color: #999999 !important;
  border-radius: 0px 5px 5px 0px !important;
  box-shadow: none !important;
  float: left;
}
.skin-light-grey .navbar-form #headerSimpleSearch .m-search .b-material-icons-search, .skin-light-grey .navbar-form #headerSimpleSearch1 .m-search .b-material-icons-search{
  padding: 6px 12px !important;
  font-size: 18px !important;
  color: #999 !important;
}
.skin-light-grey .b-ico img{
  background-color: #999 !important;
}
.skin-light-grey .btn-success:focus,
.skin-light-grey .btn-success.focus {
  color:#f7f7f7;
  background-color: #999;
  border-color: #E5E1E1;
}
.skin-light-grey .btn-success:hover {
  color:#f7f7f7;
  background-color: #999;
  border-color: #E5E1E1;
}
.skin-light-grey .btn-success:active,
.skin-light-grey .btn-success.active,
.skin-light-grey .open > .dropdown-toggle.btn-success {
  color:#f7f7f7;
  background-color: #999;
  border-color: #E5E1E1;
}
.skin-light-grey .btn-success:active:hover,
.skin-light-grey .btn-success.active:hover,
.skin-light-grey .open > .dropdown-toggle.btn-success:hover,
.skin-light-grey .btn-success:active:focus,
.skin-light-grey .btn-success.active:focus,
.skin-light-grey .open > .dropdown-toggle.btn-success:focus,
.skin-light-grey .btn-success:active.focus,
.skin-light-grey .btn-success.active.focus,
.skin-light-grey .open > .dropdown-toggle.btn-success.focus {
  color:#f7f7f7;
  background-color: #999;
  border-color: #E5E1E1;
}
.skin-light-grey .btn-success:active,
.skin-light-grey .btn-success.active,
.skin-light-grey .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.skin-light-grey .pagination > .active > a, .skin-light-grey .pagination > .active > a:focus, .skin-light-grey .pagination > .active > a:hover, .skin-light-grey .pagination > .active > span, .skin-light-grey .pagination > .active > span:focus, .skin-light-grey .pagination > .active > span:hover{
  background-color: #E5E1E1;
  border-color:#E5E1E1;
  color:#777777;
}
.skin-light-grey div.Tokenize ul.Dropdown li.Hover{
  background-color: #E5E1E1;
  color:#777777;
}
@media (min-width: 768px) {
  .skin-light-grey.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
.skin-light-grey .main-footer {
  border-top-color: #d2d6de;
  color: #777676;
}
.skin-light-grey .btn-success a, .skin-light-grey .btn-success a:hover{
  color:#999 !important;
  text-decoration: none !important;
}
.skin-light-grey .btn-default a, .skin-light-grey .btn-default a:hover{
  color:#999 !important;
  text-decoration: none !important;
}
.skin-light-grey .btn-default .material-icons{
  color: #999 !important;
}
/*.skin-light-grey.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  border-bottom: 0 solid transparent;
}
.skin-light-grey.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}*/
@media (max-width: 480px){
  .skin-light-grey .navbar-toggle .icon-bar{
    background-color: #66666B;
  }
}