/*================================================================================

	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

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.  */

.main-menu .navbar-header .navbar-brand .brand-logo .logo {
	height:44px!important;
	left:0!important;
	top:-2px!important;
}

.card .card-title {
  text-transform: none !important;
}

.main-menu .navigation li a:lang(en) {
  text-transform: capitalize;
}

@media screen and (max-width: 575px) {
  /* */

  html .navbar-sticky .app-content .content-wrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.main-menu.menu-light .navigation > li.nav-item.open.active > a {
	margin:0!important;
	padding-left:11px!important;
	padding-right:11px!important;
}

select.grid-filter {
	border-width:0 0 1px 0;
	color:#727E8C;
	padding-top:0.2rem!important;
	padding-bottom:0.2rem!important;
}

label.normallabel {
	text-transform: none;
	font-size:1rem;
	font-weight:normal;
}

.mt-03 { margin-top:0.3rem!important }
.mt-05 { margin-top:0.5rem!important }
.mb-03 { margin-bottom:0.3rem!important }
.mb-05 { margin-bottom:0.5rem!important }

.pt-03 { padding-top:0.3rem!important }
.pt-05 { padding-top:0.5rem!important }
.pr-03 { padding-right:0.3rem!important }
.pr-05 { padding-right:0.5rem!important }
.pb-03 { padding-bottom:0.3rem!important }
.pb-05 { padding-bottom:0.5rem!important }
.pl-03 { padding-left:0.3rem!important }
.pl-05 { padding-left:0.5rem!important }

.bg-superlight { background-color:#f4f4f4; }

.card.has-datatable .card-header { padding-bottom:0!important; }
.card.has-datatable .card-body { padding-top:0!important; }

.t-minus-1 { top:-1rem!important; }
.t-minus-1_5 { top:-1.5rem!important; }
.t-minus-2 { top:-2rem!important; }
.t-01 { top:0.1rem!important; }
.t-05 { top:0.5rem!important; }
.t-1 { top:1rem!important; }


.tab-card-no-x-padding .card-header ,
.tab-card-no-x-padding .card-body ,
.tab-card-no-x-padding .card-footer {
	padding-left:0!important;
	padding-right:0!important;
}

.btn-loading {
	background-image: url('../../images/Spinner-1s-50px.svg');
	background-position:center center;
	background-repeat:no-repeat;
}

a.textlink_with_icon i.bx,
.projectvoucher_next_steps a i.bx {
	position: relative;
	top:3px;
}

.table-responsive.table-limit-height{
  overflow-y:scroll;
}
.table-responsive.table-limit-height thead tr:nth-child(1) th{
	background: white;
	position: sticky;
	top: 0;
	z-index: 10;
}


.table-md th,
.table-md td {
  padding: 0.5rem;
}

/* https://stackoverflow.com/questions/36460538/scrolling-issues-with-multiple-bootstrap-modals */
.modal { overflow: auto !important; }

.lh-1   { line-height: 1em  !important; }
.lh-1_2 { line-height: 1.2em!important; }
.fs-09  { font-size: 0.9em!important }
.fs-1   { font-size: 1em  !important }
.fs-12  { font-size: 1.2em!important }
.fs-14  { font-size: 1.4em!important }


/* used for filtering/exporting icon columns in tables */
i.bx span { font-size:1px; visibility: hidden; }


button.fakeselect {
  background-image: url(/images/arrow-down.png?83384971e99b6786d36ad787a3c228e8);
  background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
  background-size: 12px 12px, 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:1px solid #CACBCF!important;
  padding:0.47rem 0.8rem!important;
  overflow:hidden;
}
button.fakeselect::after {
	content:""!important;
}
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
    text-transform: none;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.first-line-bold:first-line,
.first-line-bold::first-line{
    font-weight:bold
}

/* ---------------------------------------------------------------------------------------- */

.display-none { display:none; }
.custom-file { height: 40px; }
.custom-file-label { height: 40px; }

/* ---------------------------------------------------------------------------------------- */

.collapse-anchor {
    cursor:pointer;
}
.collapse-anchor[aria-expanded="true"] .bx-chevron-up,
.collapse-anchor[aria-expanded="false"] .bx-chevron-down {
    display:none;
}

.collapse-anchor-vehicleproperty[aria-expanded="true"] {
    border-bottom-width:1px!important;
    margin-bottom:0.3rem;
}
.collapse-anchor-vehicleproperty[aria-expanded="false"] {
    border-bottom-width:0!important;
    margin-bottom:1rem;
}
.collapse-anchor-vehicleproperty[aria-expanded="false"] .normallabel {
    display:none;
}

/* ---------------------------------------------------------------------------------------- */

@media (min-width:1800px) and (max-width:2099px) {
    .offset-xxl-1 {
        margin-left:8.333333%;
    }
    .col-xxl-10 {
        flex: 0 0 83.333333%;
        max-width:83.333333%;
    }
}
@media (min-width:2100px) {
    .offset-xxxl-2 {
        margin-left:16.66666%;
    }
    .col-xxxl-8 {
        flex: 0 0 66.666666%;
        max-width:66.666666%;
    }
}