/*
NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  
*/

body{ background:#25282c !important; color:#fff !important; font-family:'Raleway', sans-serif; }

.navbar-dark, .menu-dark, .main-menu.menu-dark .navigation { background:#151a1f !important; }
.brand-logo { max-width:208px; max-height:34px; }

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #151a1f !important;
  border-color: #151a1f !important;
}
.vertical-compact-menu .main-menu .main-menu-content > span.menu-title, .vertical-compact-menu .main-menu .main-menu-content a.menu-title {
  background-color: #151a1f !important;
  border-color: #151a1f !important;
}
.main-menu.menu-dark .navigation > li ul .active > a{ color:#cdb48c !important; }
.menu-popout li.active a.menu-item { color:#cdb48c !important; }

.content-header-title { color:#cdb48c !important; }

.card{ background-color:#151a1f !important; }
.card-header{ background-color:#151a1f !important; border-bottom:1px solid #2c3339; }

.furnitureLayer .card{ background-color:#151a1f  !important; }
.furnitureLayer .card-header{ background-color:#151a1f  !important; }

.cardAsBtn:hover { background-color:#000 !important; cursor: pointer; }

form .form-section{ color:#cdb48c !important; border-bottom:1px solid #2c3339; }
form .form-actions{ border-top:1px solid #818a91; }
form label{ color:#818a91 !important; font-size: 0.9rem !important; }
.form-control{ background-color:#25282c !important; border:1px solid #7a828d; color:#fff !important; }
.form-control:focus{ border-color:#cdb48c !important; }

.form-control:disabled, .form-control[readonly] { border-color:#2c3339 !important; background-color:#151a1f !important; color:#bbb !important; }

.input-group-addon { background-color:#25282c !important; color: #fff !important; }

.btn-primary { border-color:#cdb48c !important; background-color:#cdb48c !important; color:#FFFFFF; }
.btn-primary:hover, .btn-primary:focus{ border-color:#cdb48c !important; background-color:#cdb48c !important; color: #FFF !important; }
.btn-outline-primary{ border-color:#cdb48c !important; color:#cdb48c !important; background-color:transparant; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ background-color:#cdb48c !important; color: #FFF !important; }

.card-header .heading-elements .btn-primary i, .card-header .heading-elements .btn-outline-primary i { color: inherit; }
.card-header .heading-elements a.btn-sm { padding: 0.25rem 0.5rem !important; }
.card-block a:not(.btn):not(.dropdown-item){ color: #cdb48c !important; }
.card-block a:focus { color: #cdb48c !important; }

input[type="checkbox"]:checked + img.img-thumbnail{ background-color:#37BC9B !important; border-color:#37BC9B !important; }

.custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #37BC9B !important; }

.custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 0.075rem #fff !important; }

.modal-header{ border-bottom: 1px solid #2c3339 !important; }
.modal-content{ background-color:#25282c !important; }
.modal-footer{ border-top: 1px solid #2c3339 !important; }

.table thead th{ border-bottom: 2px solid #2c3339 !important; border-top: 1px solid #2c3339 !important; }
.table td{ border-bottom: 1px solid #2c3339 !important; border-top: 1px solid #2c3339 !important; }


.page-item.active .page-link, .page-item.active .page-link:focus{ border-color:#cdb48c !important; background-color:#cdb48c !important; }

#summaryModal .table th, #summaryModal .table td, .offerteSummary .table td { padding: 0.2rem; }
#summaryModal h4, .offerteSummary h4 { color:#cdb48c !important; }
#summaryModal .summaryTitle, .offerteSummary .table .summaryTitle { color:#888; width: 44%;  }
#summaryModal .table td.redText { color: #c73838;  }
#summaryModal .img-thumbnail.redBorder { border-color:#c73838 !important; background-color: #c73838 !important; }

.offerteSummary .table td { border:none !important; }

.zoom-overlay { background-color: rgba(21, 26, 31, 0.8) !important;  }

.offerte-summary-header { border-top: 3px solid #454a4e ; padding-top: 5px; }

.offerte-summary-header h4 { float: left; color:#cdb48c;   }
/*.offerte-summary-header .heading-elements { float: left; margin-left: 40px;  }*/
/*.offerte-summary-header .heading-elements { position: absolute; left: 295px;  }*/
.offerte-summary-header .heading-elements { position: absolute; right: 21px; clear: both;  }
.table.offerte-summary-table td { padding: 0.2rem 18px 0.2rem 0.2rem;  }
.table.offerte-summary-table .summaryTitle { color:#888; width: 275px; padding-right: 0.2rem;  }

.table.offerte-summary-table .form-control { background-color:#25282c !important; border:none; color:#fff !important; padding: 0.2rem; }
.furnitureLayer .table.offerte-summary-table .form-control { background-color:#151a1f  !important; }

.table.offerte-summary-table select.form-control:not([size]):not([multiple]) {
  height: -webkit-calc(1.75rem - 2px);
  height: -moz-calc(1.75rem - 2px);
  height: calc(1.75rem - 2px);
  margin-left: -4px;
}

.table.offerte-summary-table .form-control:disabled, .table.offerte-summary-table .form-control[readonly] { color:#cdb48c !important; }

.nav.nav-tabs { border-bottom: 1px solid #cdb48c; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active:hover { border-color: #cdb48c #cdb48c transparent;  }
.nav.nav-tabs .nav-item .nav-link { color:#888 !important;   }
.nav.nav-tabs .nav-item .nav-link.active { background-color: inherit !important; border-bottom: 1px solid #151a1f; color: #cdb48c !important; }
.nav.nav-tabs.nav-justified { border-bottom: none; }
.nav.nav-tabs.nav-justified .nav-item .nav-link { border-bottom: 1px solid #cdb48c;  }
.nav.nav-tabs.nav-justified .nav-item .nav-link.active, .nav.nav-tabs.nav-justified .nav-item .nav-link:hover { border-bottom: 1px solid #25282c;  }

span.statusRed { color: #c73838; }
span.statusOrange { color: #c77138; }
span.statusGreen { color: #82c738; }
#UserTaken { color: #c73838; font-weight: bold; margin-top: 5px; }
input.error { border:1px dashed red !important;  }

.loaderImg { background:url('../images/loader.gif') left center no-repeat; background-size: 60px auto;    }

.tag-primary{ background-color:#cdb48c !important; }