/***
Elfanara Bronze Theme - Exact Website Color Match
Website colors: #B87333 (primary), #0f1114 (bg-darker), #1a1d23 (bg-dark)
***/
/***
Reset and overrides  
***/
body {
  color: #e0e0e0;
  background-color: #0f1114 !important;
}
/***
Page header
***/
.header {
  filter: none;
  background-image: none;
  background-color: #1a1d23;
  border-bottom: 1px solid #2d3238;
}
.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
  background-color: #2d3238 !important;
}
.header .navbar-nav li.dropdown .dropdown-toggle i {
  color: #B87333 !important;
}
.header .navbar-nav > li.devider {
  border-left: 1px solid #2d3238 !important;
}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
  color: #ffffff;
}
.search-form .form-control,
.page-sidebar-menu .form-control {
  color: #ffffff;
  background-color: #2d3238;
  border-color: #3d4248;
}
.search-form .input-icon > i,
.page-sidebar-menu .input-icon > i {
  color: #B87333;
}
/***
Page sidebar
***/
.page-sidebar {
  background: #1a1d23;
}
ul.page-sidebar-menu > li > a {
  border-top: 1px solid #2d3238;
  border-bottom: 1px solid #2d3238;
  color: #e0e0e0;
}
ul.page-sidebar-menu > li:last-child > a {
  border-bottom: 1px solid transparent;
}
ul.page-sidebar-menu > li a i {
  color: #B87333;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
  background: #2d3238;
}
ul.page-sidebar-menu > li.active > a {
  color: #ffffff;
  background: #B87333 !important;
  border-top: 1px solid #CD8544 !important;
  border-bottom: 1px solid #CD8544 !important;
}
ul.page-sidebar-menu > li.active > a i {
  color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  color: #ffffff !important;
  background: #2d3238 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  background: #2d3238 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
  color: #ffffff !important;
  background: #2d3238 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
  color: #a0a0a0;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
  color: #B87333 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
  color: #B87333 !important;
}
ul.page-sidebar-menu > li > a .arrow.open:before {
  color: #B87333 !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
  color: #ffffff !important;
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
  background-color: #1a1d23;
}
/***
Footer 
***/
.footer .footer-inner {
  color: #a0a0a0;
}
.footer .footer-tools .go-top {
  background-color: #B87333;
}
.footer .footer-tools .go-top:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.footer .footer-tools .go-top i {
  color: #ffffff;
}
/* begin:fixed footer */
.page-footer-fixed .footer {
  background-color: #1a1d23;
}
.page-footer-fixed .footer .footer-inner {
  color: #a0a0a0;
}
.page-footer-fixed .footer .footer-tools .go-top {
  background-color: #B87333;
}
.page-footer-fixed .footer .footer-tools .go-top i {
  color: #ffffff;
}
/* end:fixed footer */
/***

/* begin: boxed page */
@media (min-width: 992px) {
  .page-boxed {
    background-color: #0f1114 !important;
  }
  .page-boxed .page-container {
    background-color: #1a1d23;
    border-left: 1px solid #2d3238;
    border-bottom: 1px solid #2d3238;
  }
  .page-boxed.page-sidebar-reversed .page-container {
    border-left: 0;
    border-right: 1px solid #2d3238;
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid #2d3238;
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
    border-right: 1px solid #2d3238;
    border-left: 0; 
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
    background-color: #1a1d23 !important;
  }
}
/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 991px) {
  /***
    page sidebar
    ***/
  .page-sidebar {
    background-color: #1a1d23 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  ul.page-sidebar-menu > li > a {
    border-top: 1px solid #2d3238;
    border-bottom: 1px solid #2d3238;
  }
  ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }
  ul.page-sidebar-menu > li.open > a,
  ul.page-sidebar-menu > li > a:hover,
  ul.page-sidebar-menu > li:hover > a {
    background: #2d3238;
  }
}
@media (max-width: 480px) {
  .header .navbar-nav > li.devider {
    border-left: 1px solid #2d3238 !important;
  }
}


/***
Login page
***/

/* logo page */
.login {
  background-color: #0f1114 !important;
}

.login .logo {
  margin: 0 auto;   
  margin-top:60px;
  padding: 15px;
  text-align: center;
}  

.login .content {
  background-color:#1a1d23; 
  width: 360px;
  margin: 0 auto; 
  margin-bottom: 0px;
  padding: 30px;  
  padding-top: 20px;  
  padding-bottom: 15px;  
  border-radius: 4px;
  border: 1px solid #2d3238;
}

.login .content h4  {
  color: #B87333;
}

.login .content p {
  color: #e0e0e0;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
  color: #ffffff;
}

.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #2d3238;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
  color: #a0a0a0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}  

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
  color: #a0a0a0;
}

.login .content .forget-password a {
  color: #B87333;
}

.login .content .create-account {
  border-top: 1px dotted #2d3238;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
  color: #B87333;
}

/* select2 dropdowns */
.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #B87333;
  z-index: 1;
  top:1px;
  margin: 4px 4px 0px 3px; 
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center; 
}

.login .content .has-error .select2-container i {
  color: #e74c3c;
}

.login .content .select2-container a span {
  font-size: 13px;
  color: #e0e0e0;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

.login .content .form-control {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #ffffff;
}

.login .content .form-control:focus {
  border-color: #B87333;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto; 
  padding: 10px;
  color: #666;
  font-size: 13px;
}

@media (max-width: 480px) {
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    padding1: 20px; 
    width: 280px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}

/***
Elfanara Branding - Exact Website Colors
Primary: #B87333 (Copper/Bronze)
Background Dark: #0f1114
Background: #1a1d23
Steel: #2d3238
Text: #ffffff / #e0e0e0
***/
/* Buttons */
.btn-primary {
  background-color: #B87333 !important;
  border-color: #8B5A2B !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #CD8544 !important;
  border-color: #B87333 !important;
  color: #ffffff !important;
}

/* Secondary buttons */
.btn-default {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #e0e0e0;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #3d4248;
  border-color: #B87333;
  color: #B87333;
}

/* Links */
a {
  color: #B87333;
}
a:hover,
a:focus {
  color: #CD8544;
}

/* Form controls */
.form-control {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #ffffff;
}
.form-control:focus {
  border-color: #B87333;
  background-color: #2d3238;
  color: #ffffff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(184, 115, 51, 0.4);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(184, 115, 51, 0.4);
}
.form-control::placeholder {
  color: #666;
}

/* Form labels - Fix for visibility (stronger specificity) */
.form-horizontal .control-label,
label.control-label,
.col-md-3.control-label,
.form-group .control-label,
label.col-md-3 {
  color: #e0e0e0 !important;
  font-weight: 500;
}

/* Help block text */
.help-block {
  color: #a0a0a0 !important;
}

/* Form control static text */
.form-control-static {
  color: #e0e0e0 !important;
  background-color: transparent;
}

/* Form group styling */
.form-group {
  background-color: #1a1d23;
  border-bottom: 1px solid #2d3238;
  padding: 10px 0;
  margin: 0;
}

/* Label within form group */
.form-group > label:first-child {
  color: #e0e0e0 !important;
}

/* Tab content */
.tab-content {
  background-color: #1a1d23;
  color: #e0e0e0;
}

/* Tab pane */
.tab-pane {
  background-color: #1a1d23;
  color: #e0e0e0;
  padding: 15px;
}

/* Form bordered style */
.form-bordered .form-group {
  border-bottom: 1px solid #2d3238;
}
.form-bordered .form-group > div {
  background-color: #1a1d23;
  border-left: 1px solid #2d3238;
}

/* Form body */
.form-body {
  background-color: #1a1d23;
  color: #e0e0e0;
}

/* Form section */
.form-section {
  color: #B87333;
  border-bottom: 1px solid #2d3238;
}

/* Required field marker */
.required {
  color: #e74c3c !important;
}

/* Help block */
.help-block {
  color: #a0a0a0;
}

/* Input group */
.input-group-addon {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #B87333;
}

/* Entity form list items */
.entity_items > li {
  background-color: #1a1d23;
  border-bottom: 1px solid #2d3238;
}
.entity_items > li:hover {
  background-color: #2d3238;
}
.entity_items > li > a {
  color: #e0e0e0;
}

/* Record info */
.record-info {
  color: #a0a0a0;
}

/* Filters */
.filters-panel {
  background-color: #1a1d23;
  border-color: #2d3238;
}
.filter-field-label {
  color: #B87333 !important;
}

/* Dropdown menu */
.dropdown-menu {
  background-color: #1a1d23;
  border-color: #2d3238;
}
.dropdown-menu > li > a {
  color: #e0e0e0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #B87333;
  color: #ffffff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #B87333;
  color: #ffffff;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #e0e0e0;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  background-color: #B87333;
  border-color: #B87333;
  color: #ffffff;
}
.pagination > .active > a,
.pagination > .active > span {
  background-color: #B87333;
  border-color: #B87333;
  color: #ffffff;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #666;
}

/* Panels */
.panel {
  background-color: #1a1d23;
  border-color: #2d3238;
}
.panel-default {
  border-color: #2d3238;
}
.panel-default > .panel-heading {
  background-color: #2d3238;
  border-color: #2d3238;
  color: #e0e0e0;
}
.panel-primary {
  border-color: #B87333;
}
.panel-primary > .panel-heading {
  background-color: #B87333;
  border-color: #B87333;
  color: #ffffff;
}

/* Tables */
.table {
  color: #e0e0e0;
}
.table > thead > tr > th {
  background-color: #2d3238;
  border-bottom: 2px solid #3d4248;
  color: #ffffff;
}
.table > tbody > tr > td {
  border-bottom: 1px solid #2d3238;
  background-color: #1a1d23;
}
.table > tbody > tr:hover > td {
  background-color: #2d3238 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #15171a;
}
.table-striped > tbody > tr:nth-of-type(odd):hover > td {
  background-color: #2d3238 !important;
}
.table > thead > tr > th {
  background-color: #2d3238;
  border-bottom: 2px solid #3d4248;
  color: #ffffff;
}
.table > tbody > tr > td {
  border-bottom: 1px solid #2d3238;
}
.table > tbody > tr:hover > td {
  background-color: #2d3238;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #1a1d23;
}
.table > tbody > tr.success > td {
  background-color: #1a3a2a;
}
.table > tbody > tr.danger > td {
  background-color: #3a1a1a;
}
.table > tbody > tr.warning > td {
  background-color: #3a3a1a;
}

/* Progress bars */
.progress {
  background-color: #2d3238;
}
.progress-bar {
  background-color: #B87333;
}
.progress-bar-success {
  background-color: #27ae60;
}
.progress-bar-info {
  background-color: #3498db;
}
.progress-bar-warning {
  background-color: #f39c12;
}
.progress-bar-danger {
  background-color: #e74c3c;
}

/* Labels */
.label-primary {
  background-color: #B87333;
}
.label-success {
  background-color: #27ae60;
}
.label-info {
  background-color: #3498db;
}
.label-warning {
  background-color: #f39c12;
}
.label-danger {
  background-color: #e74c3c;
}

/* Badges */
.badge-primary {
  background-color: #B87333;
}

/* Alerts */
.alert-success {
  background-color: #1a3a2a;
  border-color: #27ae60;
  color: #ffffff;
}
.alert-info {
  background-color: #1a2a3a;
  border-color: #3498db;
  color: #ffffff;
}
.alert-warning {
  background-color: #3a3a1a;
  border-color: #f39c12;
  color: #ffffff;
}
.alert-danger {
  background-color: #3a1a1a;
  border-color: #e74c3c;
  color: #ffffff;
}

 /* Modals */
.modal-content {
  background-color: #1a1d23;
  border: 1px solid #2d3238;
}
.modal-header {
  border-bottom: 1px solid #2d3238;
  background-color: #2d3238;
}

/* Close button (X) */
.modal-header .close {
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
}

.modal-header .close:before, .modal-header .close:after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 0 !important;
  width: 3px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
}

.modal-header .close:before {
  transform: rotate(45deg) !important;
}

.modal-header .close:after {
  transform: rotate(-45deg) !important;
}

.modal-header .close:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .close:hover:before, .modal-header .close:hover:after {
  background: #f97316 !important;
}

/* Collapse button (-/+) */
.modal-header .modal-collapse {
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.modal-header .modal-collapse:before {
  content: '−' !important;
  font-size: 16px !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

.modal-header .modal-collapse.active:before {
  content: '+' !important;
}

.modal-header .modal-collapse:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .modal-collapse:hover:before {
  color: #f97316 !important;
}
.modal-header {
  border-bottom: 1px solid #2d3238;
  background-color: #2d3238;
}
.modal-header .close {
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
}

.modal-header .close:before, .modal-header .close:after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 0 !important;
  width: 3px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
}

.modal-header .close:before {
  transform: rotate(45deg) !important;
}

.modal-header .close:after {
  transform: rotate(-45deg) !important;
}

.modal-header .close:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .close:hover:before, .modal-header .close:hover:after {
  background: #f97316 !important;
}

.modal-header .modal-collapse {
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.modal-header .modal-collapse:before {
  content: '−' !important;
  font-size: 16px !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

.modal-header .modal-collapse.active:before {
  content: '+' !important;
}

.modal-header .modal-collapse:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .modal-collapse:hover:before {
  color: #f97316 !important;
}

.modal-header .close:before, .modal-header .close:after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 0 !important;
  width: 3px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
}

.modal-header .close:before {
  transform: rotate(45deg) !important;
}

.modal-header .close:after {
  transform: rotate(-45deg) !important;
}

.modal-header .close:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .close:hover:before, .modal-header .close:hover:after {
  background: #f97316 !important;
}

.modal-header .modal-collapse {
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
}

.modal-header .modal-collapse:before {
  content: '−' !important;
  font-size: 16px !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  position: absolute !important;
  top: -3px !important;
  left: 0 !important;
}

.modal-header .modal-collapse.active:before {
  content: '+' !important;
}

.modal-header .modal-collapse:hover {
  background: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .modal-collapse:hover:before {
  color: #f97316 !important;
}

.modal-header .close:hover {
  background-image: url("../../template/img/remove-icon-white.png") !important;
  background-color: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}

.modal-header .modal-collapse {
  color: #ffffff !important;
  opacity: 1 !important;
  background-image: url("../../template/img/collapse-icon-white.png") !important;
  width: 14px !important;
  height: 14px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 5px !important;
  transition: all 0.2s ease !important;
}

.modal-header .modal-collapse:hover {
  background-image: url("../../template/img/collapse-icon-white.png") !important;
  background-color: rgba(249, 115, 22, 0.3) !important;
  border-radius: 4px !important;
}
.modal-footer {
  border-top: 1px solid #2d3238;
}

/* Tabs */
.nav-tabs {
  border-bottom: 1px solid #2d3238;
}
.nav-tabs > li > a {
  color: #a0a0a0;
}
.nav-tabs > li > a:hover {
  color: #B87333;
  border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #1a1d23;
  border-color: #2d3238 #2d3238 transparent;
  color: #B87333;
}
.nav-pills > li > a {
  color: #a0a0a0;
}
.nav-pills > li > a:hover {
  color: #B87333;
  background-color: #2d3238;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #B87333;
  color: #ffffff;
}

/* Wells */
.well {
  background-color: #2d3238;
  border-color: #3d4248;
  color: #e0e0e0;
}

/* Cards */
.card {
  background-color: #1a1d23;
  border-color: #2d3238;
}

/* Checkboxes and radios */
.checkbox-primary input[type="checkbox"]:checked + label::before,
.radio-primary input[type="radio"]:checked + label::before {
  background-color: #B87333;
  border-color: #B87333;
}

/* Switchery */
.switchery-primary > .switchery:checked {
  border-color: #B87333;
  background-color: #B87333;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  background-color: #2d3238;
  border-color: #3d4248;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #B87333;
  color: #ffffff;
}
.select2-dropdown {
  background-color: #1a1d23;
  border-color: #2d3238;
}
.select2-results__option[aria-selected=true] {
  background-color: #2d3238;
}

/* Portlets */
.portlet {
  background-color: #1a1d23;
  border: 1px solid #2d3238;
}
.portlet > .portlet-title {
  background-color: #2d3238;
  border-bottom: 1px solid #3d4248;
  color: #e0e0e0;
}
.portlet > .portlet-title > .caption {
  color: #e0e0e0;
}
.portlet > .portlet-body {
  background-color: #1a1d23;
  color: #e0e0e0;
}

/* Timeline */
.timeline > li > .timeline-badge {
  background-color: #B87333;
}
.timeline > li > .timeline-panel {
  background-color: #1a1d23;
  border: 1px solid #2d3238;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}
.text-primary {
  color: #B87333 !important;
}
.text-success {
  color: #27ae60 !important;
}
.text-info {
  color: #3498db !important;
}
.text-warning {
  color: #f39c12 !important;
}
.text-danger {
  color: #e74c3c !important;
}

/* Page content background */
.page-content {
  background-color: #0f1114;
  color: #e0e0e0;
}
.page-container {
  background-color: #0f1114;
}

/* Sidebar collapsed */
.page-sidebar-closed .page-sidebar {
  background-color: #1a1d23;
}

/* Dashboard */
.dashboard-stat {
  background-color: #1a1d23;
  border: 1px solid #2d3238;
}
.dashboard-stat .visual {
  color: #B87333;
}
.dashboard-stat .number {
  color: #ffffff;
}
.dashboard-stat .desc {
  color: #a0a0a0;
}

/* Form tabs */
.form-tabs {
  background-color: #2d3238;
  border-bottom: 2px solid #B87333;
}
.form-tabs > li > a {
  color: #a0a0a0;
}
.form-tabs > li > a:hover {
  color: #B87333;
}
.form-tabs > li.active > a,
.form-tabs > li.active > a:hover,
.form-tabs > li.active > a:focus {
  background-color: #B87333;
  color: #ffffff;
}

/* Entity list */
.entity-list-header {
  background-color: #2d3238;
  color: #ffffff;
}
.entity-list-item {
  border-bottom: 1px solid #2d3238;
}
.entity-list-item:hover {
  background-color: #2d3238;
}

/* Filters */
.filters-panel {
  background-color: #1a1d23;
  border-color: #2d3238;
}

/* Action buttons */
.btn-action {
  color: #B87333;
}
.btn-action:hover {
  color: #CD8544;
  background-color: #2d3238;
}

/* Icon colors */
.fa, .la {
  color: #B87333;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1a1d23;
}
::-webkit-scrollbar-thumb {
  background: #2d3238;
}
::-webkit-scrollbar-thumb:hover {
  background: #B87333;
}

/* Check all checkbox */
.chk-all {
  color: #B87333;
}

/* Number formatter */
.num-hg {
  color: #B87333 !important;
}

/* ============================================
   REMOVE ALL WHITE BACKGROUNDS - EGYPTINFOTECH
   ============================================ */

/* Main content areas */
.page-content-wrapper,
.page-content,
.page-container,
.content {
  background-color: #0f1114 !important;
}

/* Form containers */
.form,
.form-body,
.form-horizontal,
.panel-body,
.portlet-body,
.modal-body {
  background-color: #1a1d23 !important;
  color: #e0e0e0;
}

/* Cards and panels */
.card,
.panel,
.portlet,
.well {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

/* Tables */
.table,
.table-bordered,
.table-striped,
.table-hover,
.dataTable,
.dataTables_wrapper {
  background-color: #1a1d23 !important;
  color: #e0e0e0 !important;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #2d3238 !important;
  color: #ffffff !important;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.table > tfoot > tr > th,
.table > tfoot > tr > td {
  background-color: #2d3238 !important;
}

/* Form inputs */
.form-control,
.form-control:focus,
.form-control[readonly],
select.form-control,
textarea.form-control,
input.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="number"].form-control {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #ffffff !important;
}

/* Select2 overrides */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-results,
.select2-search__field {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #ffffff !important;
}

/* Checkbox and radio */
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  background-color: #2d3238;
  border-color: #3d4248;
}

/* Dropdowns */
.dropdown-menu,
.dropdown-content,
.select2-dropdown {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.dropdown-menu > li > a,
.select2-results__option {
  color: #e0e0e0 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.select2-results__option--highlighted[aria-selected] {
  background-color: #B87333 !important;
  color: #ffffff !important;
}

/* Tabs */
.nav-tabs > li > a,
.nav-pills > li > a {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #a0a0a0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #B87333 !important;
  border-color: #B87333 !important;
  color: #ffffff !important;
}

/* Modals */
.modal-content,
.modal-header,
.modal-footer {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
  color: #e0e0e0;
}

.modal-header .close {
  color: #e0e0e0 !important;
}

/* Alerts */
.alert {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
  color: #e0e0e0 !important;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #e0e0e0 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > .active > a,
.pagination > .active > span {
  background-color: #B87333 !important;
  border-color: #B87333 !important;
  color: #ffffff !important;
}

/* List items */
.entity_items > li,
.entity-list-item,
.record-list-item {
  background-color: #1a1d23 !important;
  border-bottom-color: #2d3238 !important;
  color: #e0e0e0 !important;
}

.entity_items > li:hover,
.entity-list-item:hover,
.record-list-item:hover {
  background-color: #2d3238 !important;
}

/* Portlet title */
.portlet-title,
.panel-title {
  background-color: #2d3238 !important;
  border-bottom-color: #3d4248 !important;
  color: #e0e0e0 !important;
}

/* Breadcrumb */
.breadcrumb {
  background-color: #1a1d23 !important;
  color: #a0a0a0 !important;
}

.breadcrumb a {
  color: #B87333 !important;
}

/* Labels and badges */
.label,
.badge {
  background-color: #2d3238 !important;
  color: #e0e0e0 !important;
}

/* Tooltips */
.tooltip-inner {
  background-color: #2d3238 !important;
  color: #e0e0e0 !important;
}

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow {
  border-top-color: #2d3238 !important;
  border-bottom-color: #2d3238 !important;
  border-left-color: #2d3238 !important;
  border-right-color: #2d3238 !important;
}

/* Popovers */
.popover {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
  color: #e0e0e0 !important;
}

.popover-title {
  background-color: #2d3238 !important;
  border-bottom-color: #3d4248 !important;
}

/* Progress */
.progress {
  background-color: #2d3238 !important;
}

/* Timeline */
.timeline-panel {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

/* User info blocks */
.users-info-blocks .panel-body {
  background-color: #1a1d23 !important;
}

/* Item page accordion */
.item-page-accordion .panel-body {
  background-color: #1a1d23 !important;
}

/* Sidebar body */
.page-sidebar-menu,
ul.page-sidebar-menu {
  background-color: #1a1d23 !important;
}

/* Chosen select */
.chosen-container .chosen-drop {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.chosen-container .chosen-results li.active-result {
  color: #e0e0e0 !important;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #B87333 !important;
  color: #ffffff !important;
}

/* DataTables */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: #a0a0a0 !important;
}

/* Dropzone */
.dropzone {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

/* CKEditor */
.cke_chrome {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.cke_top,
.cke_bottom {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
}

.cke_contents {
  background-color: #1a1d23 !important;
}

.cke_wysiwyg_frame,
.cke_wysiwyg_div {
  background-color: #1a1d23 !important;
  color: #e0e0e0 !important;
}

/* Input mask */
.inputmask-wrapper {
  background-color: #2d3238 !important;
}

/* Rating stars */
.rating-stars .star {
  color: #3d4248 !important;
}

.rating-stars .star.active {
  color: #B87333 !important;
}

/* File upload input */
.fileinput .form-control {
  background-color: #2d3238 !important;
}

/* Switchery */
.switchery {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
}

/* Colorpicker */
.colorpicker {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.colorpicker-hue,
.colorpicker-saturation {
  border-color: #2d3238 !important;
}

/* Timepicker */
.bootstrap-timepicker-widget {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.bootstrap-timepicker-widget table td input {
  background-color: #2d3238 !important;
  color: #ffffff !important;
}

/* Datepicker */
.datepicker {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.datepicker table td span,
.datepicker table td day {
  color: #e0e0e0 !important;
}

.datepicker table td span:hover,
.datepicker table td day:hover {
  background-color: #2d3238 !important;
}

.datepicker table td.active.active {
  background-color: #B87333 !important;
}

/* Editor */
.editor-container {
  background-color: #1a1d23 !important;
}

/* Field type fixes */
.fieldtype_textarea_wysiwyg iframe,
.fieldtype_textarea_wysiwyg .wysihtml5-editor {
  background-color: #1a1d23 !important;
  color: #e0e0e0 !important;
}

/* Ajax loading */
.ajax-loading {
  background-color: #1a1d23 !important;
}

/* Filters */
.filters-container,
.filter-panel {
  background-color: #1a1d23 !important;
}

.filter-field-label {
  color: #B87333 !important;
}

/* Entity list */
.entity-list,
.entity-list-table {
  background-color: #1a1d23 !important;
}

/* Record display */
.record-detail,
.record-view {
  background-color: #1a1d23 !important;
}

/* Comment section */
.comments-section,
.comment-item {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

/* Activity log */
.activity-item {
  background-color: #1a1d23 !important;
  border-bottom-color: #2d3238 !important;
}

/* Calendar */
.fc-event,
.fc-day,
.fc-widget-content {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.fc-day-number {
  color: #e0e0e0 !important;
}

.fc-button {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
  color: #e0e0e0 !important;
}

.fc-button-active {
  background-color: #B87333 !important;
}

/* Gantt chart */
.gantt_task,
.gantt_grid,
.gantt_row {
  background-color: #1a1d23 !important;
}

.gantt_cell,
.gantt_row_task {
  border-color: #2d3238 !important;
}

/* Kanban board */
.kanban-column {
  background-color: #1a1d23 !important;
  border-color: #2d3238 !important;
}

.kanban-item {
  background-color: #2d3238 !important;
  border-color: #3d4248 !important;
}

/* Report builder */
.report-builder-section {
  background-color: #1a1d23 !important;
}

/* Chart containers */
.chart-container {
  background-color: #1a1d23 !important;
}

/* Map containers */
.map-container {
  background-color: #1a1d23 !important;
}