/*
	***********
	* Universal css
	***********
*/

.k-grid__item > .k-aside{

	width: 220px;
} 

@media (min-width: 1025px){

	.k-aside--fixed .k-wrapper{

		padding-left: 220px ;
	}
	.k-header.k-header--fixed {

		left: 220px ;
	}
	.k-aside--minimize .k-aside{
		width: 78px;
		transition: all 0.3s ease;
	}
	.k-aside--fixed.k-aside--minimize-hover .k-aside {
		width: 220px;
		transition: all 0.3s ease;
	}
}

@media (min-width: 1725px){

	.k-grid__item > .k-aside{

		width: 240px;
	} 

	.k-aside--fixed .k-wrapper{

		padding-left: 240px ;
	}
	.k-header.k-header--fixed {

		left: 240px ;
	}
	.k-aside--minimize .k-aside{
		width: 78px;
		transition: all 0.3s ease;
	}
	.k-aside--fixed.k-aside--minimize-hover .k-aside {
		width: 240px;
		transition: all 0.3s ease;
	}
}


.fc-unthemed .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-button-active{

	background: #5d78ff;
    color: #ffffff;
    border: 1px solid #5d78ff;
}

.daterangepicker{

	z-index: 100
}
.modal-open .daterangepicker {
    z-index: 1051;
}

.daterangepicker.show-ranges .drp-calendar.left{

	border: none!important;
}

.daterangepicker.ltr .ranges{

	border-right: 1px solid #ddd;
}

.cursor{
	
	cursor: pointer;
}

.kt-separator.kt-separator--space-sm{
	
    margin: 1rem 0;
}


/* input spinner */
.kt-spinner.kt-spinner--input:before {
    left: auto;
    right: 1rem;
	
	border: 2px solid #1dc9b7;
    border-right: 2px solid transparent;
	
	width: 16px;
    height: 16px;
    margin-top: -8px;
	
	webkit-animation: kt-spinner .5s linear infinite;
    animation: kt-spinner .5s linear infinite;
	
	content: '';
	box-sizing: border-box;
    position: absolute;
    top: 50%;
	border-radius: 50%;
}


/* We need this for collapse links to rotate the chevron */
a[data-toggle="collapse"] i.fa-chevron-right{
	
	transition: all 0.3s ease;
}

a[data-toggle="collapse"][aria-expanded="true"] i.fa-chevron-right{
	
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	transition: all 0.3s ease;
}


/* We need this for collapse links to rotate the caret */
[data-toggle="collapse"] i.fa-caret-up{
	
	transition: all 0.3s ease;
}

[data-toggle="collapse"].collapsed i.fa-caret-up{
	
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	transition: all 0.3s ease;
}

label span.attributeName{
	
	text-align: center;
}
label span.attributeValue{
	
	text-align: center;
	font-weight: bold;
}

/*
	*************************
		k-porlet-footer
	*************************
*/
.k-portlet__footer{

	padding: 1rem !important;
	border-top: 1px solid #523f691a;
}
 
/*
	***********
	* Application Page custom css
	***********
*/
label.k-checkbox.k-checkbox--solid:hover > i{
	
	display: inline !important;
	transition: transform .3s; /* Animation */
}

label.k-checkbox.k-checkbox--solid:hover > i:hover{
	
	color: #fd397a;
}

@media (min-width: 992px) {
	
	.k-grid-nav a.k-grid-nav__item{
		
		width: 25%;
	}
}
@media (min-width: 1200px) {  
	
	.k-grid-nav a.k-grid-nav__item{
		
		width: 25%;
	}
}

.k-grid-nav .k-grid-nav__item.k-grid-nav__item--active {
	
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
      box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
      text-transform: none; 
}
.k-grid-nav .k-grid-nav__item.k-grid-nav__item--active .k-grid-nav__item-icon i{
	
    opacity: 1;
    color: #5d78ff;
}



/*
	***********
	* Application Page custom css
	***********
*/
.locationModule > i.flaticon-plus:hover{
	
	display: inline !important;
	transition: transform .3s; /* Animation */
}

label.k-checkbox.k-checkbox--solid:hover > i:hover{
	
	color: #fd397a;
}



/*
	***********
	* Task list
	***********
*/

.k-widget-5__item-title .k-widget-5__item-category{
	
	font-weight: 300;
    font-size: 0.9rem;
    color: #a1a8c3;
}
.k-widget-5__item .k-widget-5__item-description{
	
    padding: 0.5rem 0.5rem 0.4rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
	color: #a1a8c3;
    font-weight: 400;
    font-size: 0.9rem;
}

/*
	***********
	* Dropdowns without down arrow, usually when we use icon and not text as button name.Like at quick search settings drop down button.
	***********
*/

.withoutArrow::after{
	
	display: none!important;
}

/*multilevel dropdown */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu{

	top: 0;
	left: 100%;
	margin-top: -1px;
	padding: 0.5rem 0;
}

.dropdown-submenu .dropdown-menu-left {

	left: -100% !important;
}
							

/*
	***********
	* Custom Template
	***********
*/

.templateElementOptions, .templateSectionOptions{

	display: none;
}
.templateSection-on .templateElementOptions{

	display: inline;
}
.templateSection-on .templateSectionOptions{

	display: flex;
}


.templateElement--hidden{

	opacity: 0.35;
}


/*realestate feature */

.element .featureExtra.show{

	display: inline-flex !important;
}
.element .featureExtra.collapsing {
	
    transition: none;
}


pre {

    white-space: pre-wrap;

}

.loadingSpinner:after {

	content: '';
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    color: #5867dd !important;
    top: 5px;
    right: 15px;
    position: absolute;
}

.attribute{

	color: #a9a9b8!important;
		text-transform: uppercase;
}

.note-toolbar {

	z-index: 97;
}

[data-toggle="collapse"]:not(.collapsed) > .fa-caret-right {

	-webkit-transform: rotate(90deg);
	-webkit-animation-name: rotate; 
    -webkit-animation-duration: 0.8s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-transition-timing-function: linear;
}

span.twitter-typeahead .tt-suggestion.tt-cursor span.k-nav__link-text,
span.twitter-typeahead .tt-suggestion:hover span.k-nav__link-text,
span.twitter-typeahead .tt-suggestion:focus span.k-nav__link-text {
  color: #ffffff !important;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

span.twitter-typeahead .tt-suggestion.tt-cursor .k-widget-17__sku,
span.twitter-typeahead .tt-suggestion:hover .k-widget-17__sku,
span.twitter-typeahead .tt-suggestion:focus .k-widget-17__sku {
  color: #c3cae7 !important;
}


#galleryItems a.choosed img{
	opacity: 0.5;
}

#galleryItems a.choosed .choosed-icon{
	position:absolute;top: 50%; left: 50%;margin-top: -20px;margin-left: -20px;
}

#themeItems a.choosed img {
	opacity: 0.5;
}

#themeItems a.choosed .choosed-icon{
	position:absolute;top: 50%; left: 50%;margin-top: -20px;margin-left: -20px;
}

#vehicleClassesList .sold-out:before {
	content: "";
	z-index: -1;
	overflow: hidden;
	transform: rotate(-135deg);
	width: 120px;
	display: block; 
	background: transparent;
	position: absolute;
	top: 40px;
	right: -10px;
	clip-path: polygon(120px 20px, 90px -10px, 30px -10px, 0px 20px, 10px 30px,  110px 30px);
	height: 20px;
	width: 120px;
  }

#vehicleClassesList .sold-out:after {
	content: "Sold Out";
	z-index: 1;
	overflow: hidden;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	width: 120px;
	display: block; 
	background: #fd397a;
	background: linear-gradient(#fc4683 0%, #fd397a 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 25px; right: -25px;
	clip-path: polygon(120px 20px, 90px -10px, 30px -10px, 0px 20px, 10px 30px,  110px 30px)
  }