//@import '~antd/dist/antd.min.css';
@import '../stylesheets/variables.scss';
@import '../stylesheets/mixins/_responsive.scss';
//@import '../stylesheets/antd_theme_dark.scss';
/* @import url('https://fonts.googleapis.com/css?family=Montserrat'); */
/*
body *{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif!important;
}
*/
body, html {
    height: auto;
	background: $primary-background-color!important;
    color: $primary-text-color;
    touch-action: manipulation;
}
html.theme-transition,
html.theme-transition *,
html.theme-transition *:before,
html.theme-transition *:after {
  transition: all 750ms !important;
  transition-delay: 0 !important;
}
h1, h1 .anticon, .heading-row h1.ant-typography, .heading-row .ant-typography-edit-content{
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300!important;
	margin: 0 0 30px 0;
	color: #00264a;
	/*background: -webkit-linear-gradient(180deg, #00a0f5 0%, $primary-color 100%);
	background: linear-gradient(180deg, #009EF6, $primary-color);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	@include MQ(lg) {
		font-size: 25px;
	}
}
h1 .anticon{
	margin: 0;
	line-height: normal;
	font-weight: 300;
}
h2{
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 600;
/* 	color: $secondary-text-color; */
	color: $primary-text-color;
	white-space: nowrap;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.2s ease;
}	
h2:after{
	margin-left: 24px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(23, 143, 255, 0.2), transparent 80%);
}
html[data-theme="dark"] {
	h2:after{
		background: linear-gradient(to right, rgba(255, 220, 23, 0.2), transparent 80%);
	}
}
h3{
	letter-spacing: 0.03em;
	opacity: 1;
	transition: opacity 0.2s ease;
/* 	color: $secondary-text-color; */
	color: $primary-text-color;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
}
h4{
	font-weight: 500;
	opacity: 1;
	transition: opacity 0.2s ease;
/* 	color: $secondary-text-color; */
	color: $primary-text-color;
	margin: 10px 0 6px 0px;
	padding: 0;
	position: relative;
	font-size: 15px;
	line-height: 1.2;
/* 	white-space: nowrap; */
	overflow: hidden;
}
h4:after{
	margin-left: 24px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(23, 143, 255, 0.2), transparent 80%);
}
p{
	font-weight: 400;
	//line-height: 1.4;
	//font-size: 16.8px;
}
ul{
	padding-left: 0;
}
ul li{
	list-style: none;
	padding-left: 0;
}
.muted{
    text-decoration: line-through;
    color: $primary-text-color-muted;
}
.muted-danger{
    text-decoration: line-through;
    color: $primary-text-color-muted-danger;
}
.danger{
    color: $primary-text-color-muted-danger;
}
#header {
	position: relative;
	display: block;
    //transition: all 0.3s;
    background: $header-bg;
    box-shadow: $base-item-shadow;
    //position: fixed;
    //width: 100%;
	z-index: 999;
	height: 64px;
    //max-width: 100%;
    padding: 0 0px;
/*     border-bottom: 1px solid #e8e8e8; */
}
.header-logo{
	float: left;
}
#header:after{
	clear: both;
}
.header-options{
	float: right;
	// width: calc(100% - 199px);
    text-align: center;
    @include MQ(md) {
		// width: calc(100% - 216px);
    }
}
.content-loading{
    position: relative;
    width: 100%;
    height: 100vh;
}
.content-loading .anticon{
    position: absolute;
    top: 50%;
    transform: translateY(calc(-64px - 50%));
}
.headroom{
	z-index: 998!important;
}
.headroom--unpinned {
    transition: none !important;
}
.drawer-button{
	top:12px!important;
}
.drawer-logo{
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.drawer-logo img{
	display: inline-block;
}
.logo {
/* 	background: #333; */
/* 	border-radius: 6px; */
/* 	margin: 16px; */
	text-align: left;
	padding: 8px 0px 4px 0px;
	float: left;
}

.logo img{
	float: left;
	//width: 170px;
    height: 42px;
	margin: 0px;
	margin-left: 12px;
    &.property-logo{
        max-width: 50px;
        height: auto;
    }
    @include MQ(md) {
		height: 42px;
		margin: 0px;
		margin-left: 12px;
        &.property-logo{
            max-width: 100px;
            height: auto;
        }
    }
	
}


.main-wrapper{
	//margin-top: 64px;
	padding: 0px 0px;
	@include MQ(lg) {
        padding: 20px 20px;
    }
	/*box-shadow: 0 2px 8px rgba(0,0,0,0.10);
	min-height: calc(100vh - 100px);*/
}
.main-wrapper .main-layout{
	width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 10px 6px 60px 6px;
    @include MQ(lg) {
        //padding: 2.3rem;
        padding: 0 6px 60px 6px;
    }
}
.main-wrapper.dashboard-wrapper{
	padding: 8px;
}
.ant-layout{
	background: transparent;
	//min-height: calc(100vh - 64px);
	margin-bottom: 0px;
}
.main-container{
    width: 100%;
    padding: 20px 0px;
    @include MQ(lg) {
        padding: 20px 15px;
    }
}
.main-content{
	padding: 0 1px;
}
.horizontal-padding{
	padding: 0px 20px;
}
.vertical-padding{
	padding: 20px 0px;
}
.intro-text{
	padding: 20px;
}
.intro-text p{
	margin: 0;
}
.ant-card .main-container, .ant-card .main-content{
	padding: 20px;
}
.ant-layout-footer{
	color: rgba(0,0,0,0.2);
	margin-top: 0px;
}
.main-search.ant-select, .main-search.ant-input-affix-wrapper{
	display: inline-block;
	max-width: 370px;
	width: 100%;
	margin-right: 20px;
}
.main-search.ant-input-search.ant-input-search-enter-button > .ant-input, .main-search .ant-input{
	border-radius: 20px;
	border: none;
	background: transparent;
	color: $primary-text-color-muted;
	&:hover, &:focus{
		background: $form-input-bg;
		border-color: $primary-color;
	}
}
.main-search.ant-input-search.ant-input-search-enter-button .ant-btn{
	background: none;
/*     color: $primary-color; */
    color: $primary-text-color;
    border-color: transparent;
    box-shadow: none;
}
.main-search .ant-select-selection__clear{
	right: 35px;
	background: transparent;
}
.cloud-box {
 	padding: 10px 0;
}
/*
.footer {
	margin-top: 40px;
	height: 48px;
	line-height: 6px;
	text-align: center;
	font-size: 12px;
	color: #999;
	width: 100%;
	background: transparent;
}
*/

/*
.ant-layout-header{
    transition: all 0.3s;
    background: $primary-light-background-color;
    box-shadow: 0 2px 8px #f0f1f2;
    position: relative;
    z-index: 10;
    max-width: 100%;
}
.ant-layout-content{
	padding-top: 20px;
}
.ant-layout-sider-collapsed .anticon {
	font-size: 14px;
}
.ant-menu-inline, .ant-menu-vertical{
	border: none;
}
.ant-layout-sider-collapsed .nav-text {
  display: none;
}

.ant-layout-sider-collapsed .ant-menu-submenu-vertical > .ant-menu-submenu-title:after {
  display: none;
}
.ant-menu-vertical .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title{
	font-size: 14px;
	line-height: 42px;
	font-weight: 400;
}
.mainSider{
	overflow: hidden!important;
}
*/

.custom-trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 16px;
  cursor: pointer;
  display: none;
  transition: color .3s;
}
.custom-trigger:hover {
    color: #108ee9;
    background-color: rgba(16, 142, 233, .15)
}
@media only screen and (max-width : 767px) {
	.logo img {
		float: left;
		height: 36px;
		margin: 0px;
		margin-left: 12px;
	}

	.logo {
		padding: 12px 0px 4px 0px;
	}

	.custom-trigger {
		display: block;
	}
	#header{
		padding: 0;
	}
}

.breadcrumb{
	margin-bottom: 20px;
	display: block;
}


.certain-category-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}

.certain-category-search-dropdown .ant-select-dropdown-menu-item-group-title {
  color: #666;
  font-weight: bold;
}

.certain-category-search-dropdown .ant-select-dropdown-menu-item-group {
  border-bottom: 1px solid $primary-background-color;
}

.certain-category-search-dropdown .ant-select-dropdown-menu-item {
  padding-left: 16px;
}

.certain-category-search-dropdown .ant-select-dropdown-menu-item.show-all {
  text-align: center;
  cursor: default;
}

.certain-category-search-dropdown .ant-select-dropdown-menu {
  max-height: 300px;
}

.certain-search-item-count {
 position: absolute;
 color: #999;
 right: 16px;
}

.certain-category-search.ant-select-focused .certain-category-icon {
  color: #108ee9;
}

.certain-category-icon {
  color: #6E6E6E;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 16px;
}
.certain-category-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input-suffix {
  right: 0;
}

.certain-category-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input-suffix button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.noPadding .ant-card-body{
	padding: 0;
}
.action-row{
	padding: 15px 15px;
	margin-bottom: 20px;
	vertical-align: middle;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.action-row-extra-padding{
	padding-top: 10px;
}
.text-center, .ant-table-thead>tr>th.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.ant-menu-item .anticon, .ant-menu-submenu-title .anticon{
	font-size: 1.4em;
	margin-right: 15px;
}

.ant-table-pagination{
	float: none;
	text-align: center;
}

.popover-form{
	padding: 16px;
}

.ant-popover{
	z-index: 999!important;
}
.ant-popover.ant-popover-ontop{
	z-index: 1000!important;
}
/*.ant-popover-title {
	background: linear-gradient(180deg, #009EF6, $primary-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
.ant-popover-inner-content{
	color: $primary-text-color;
/* 	padding: 0; */
/* 	background: #f0f2f5; */
/* background: $primary-background-color; */
}
.ant-popover-arrow{
	background: $primary-background-color;
}
.ant-popover.no-padding .ant-popover-inner-content, .no-padding{
	padding: 0;
}
.ant-popover.white-bg .ant-popover-inner-content{
	background: $primary-light-background-color;
}
.ant-popover.white-bg .ant-popover-arrow{
	background: $primary-light-background-color;
}

.filter-form{
	width: 600px;
	padding-top: 10px;
}
.filter-form .ant-form-item-label{
	line-height: normal;
}
.filter-form .ant-form-item{
	margin-bottom: 10px;
}
.filter-form .ant-slider{
	margin-top: 0px;
}
.hidden{
	display: none;
}



.ant-card-wider-padding .ant-card-body{
	padding: 10px 15px!important;
}
.main-card.ant-card-wider-padding > .ant-card-head, .main-card.ant-card > .ant-card-head{
	border-bottom: none;
/* 	border-bottom: 2px solid rgb(235, 236, 240); */
/* 	border-left: 4px solid $primary-color; */
	padding: 0px!important;
	/*border-top-left-radius: 8px;
	border-top-right-radius: 8px;*/
}
.ant-card-head-title {
    font-size: 1.2em;
    font-weight: 700;
	color: $primary-text-color;
} 
.main-card.ant-card{
	border-radius: 8px;
	height: 100%;
	background: transparent;
}
.main-card.ant-card-bordered {
/*     border: 2px solid rgb(235, 236, 240); */
    border: none;
/*     box-shadow: $base-item-shadow; */
}
.main-card.ant-card .ant-card-body{
/* 	padding: 0 24px; */
	padding: 0 0px!important;
	background: transparent;
}
.main-card.ant-card-wider-padding .ant-card-head{
	background: transparent!important;
}
.main-card .ant-card-actions{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: $primary-background-color;
}
.main-card .data-table .ant-table-tbody>tr>td{
	border-bottom-color: $primary-background-color;
}
.row-even-height {
    display: flex;
}

.row-even-height [class*="ant-col-"] {
    vertical-align: middle;
    display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.row-even-height .row-even-height-box{
	height: 100%;
	flex: 1;	
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
	word-break: normal;
}


.nav-text{
	font-weight: 600;
}

/*
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
*/




.heading-row{
	position: relative;
/* 	display: flex; */
    width: 100%;
    margin: 0 0 0px 0!important;
	padding: 10px 0px;
    background: transparent;
    text-align: center;
/* 	box-shadow: $base-item-shadow; */
/* 	border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    @include MQ(sm) {
        text-align: left;
    }
    @include MQ(lg) {
        padding: 30px 0;
    }
}
.heading-row h1.ant-typography, .heading-row .ant-typography-edit-content{
    margin: 0;
}
.embedded-heading-row{
	padding: 0 0 20px 0px;
}
.heading-search{
	margin: 10px 0;
	@include MQ(lg) {
        margin: 0px 0;
    }
}
.heading-search .ant-input-search, .heading-search .ant-input-group-wrapper{
	max-width: 400px;
}
.heading-search .ant-input-search .ant-input-group-addon{
	border-radius: 25px;
	cursor: pointer;
	color: #FFFFFF;
}
.heading-search .ant-input-search .ant-input-group-addon:first-child{
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background-color: #f30e0e;
	border-color: #f30e0e;
	padding-left: 10px;
	padding-right: 10px;
}
.heading-search .ant-input-search .ant-input-group-addon:first-child:hover, .heading-search .ant-input-search .ant-input-group-addon:first-child:focus{
	background-color: rgba(243, 15, 15, 0.8);
}
.heading-search .ant-input-search.ant-input-search-enter-button > .ant-input{
	padding-right: 46px;
	&:hover, &:focus{
		border-color: $primary-color;
	}
}
.heading-search .ant-input-search.ant-input-search-enter-button > .ant-input-suffix{
	position: absolute;
	right: 0;
	transform: translateY(-50%);
}
.setup-panels .heading-row{
	background: transparent;
	box-shadow: none;
}
.heading-actions a, .heading-actions button{
	margin-left: 5px;
}
.heading-row h1, .heading-row p{
	margin: 0;	
}
.heading-action-buttons{
	text-align: center;
	margin-top: 10px;
	@include MQ(lg) {
		text-align: right;
		margin-top: 0px;
    }
}
.heading-calendar-navigation{
	text-align: center;
	margin-top: 10px;
	@include MQ(md) {
		text-align: left;
	}
	@include MQ(lg) {
		text-align: right;
		margin-top: 0px;
    }
}
.overview-row{
	background: $secondary-dark-background-color;
	//font-size: 2em;
/* 	border-bottom: 1px solid #e8e8e8; */
	border: none;
	margin: 0!important;
	padding: 0px;
/* 	border-top: 1px solid rgba(0, 0, 0, 0.1); */
	box-shadow: $base-item-shadow;
	@include MQ(lg) {
        padding: 20px;
    }
}
.overview-row .field{
	margin: 0 10px;
	@include MQ(lg) {
        margin: 0 40px 0 0;
    }
}
.overview-row .ant-tabs-large .ant-tabs-nav-container{
/* 	background: $primary-light-background-color; */
/* 	background: $primary-background-color; */
}
.overview-row-totals{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	@include MQ(lg) {
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
    }
}
.extra-details{
	border-bottom: 0px;
	box-shadow: $base-item-shadow;
	h2{
		margin: 0;
		color: $primary-color;
		font-size: 18px;
	}
}
.extra-details .ant-collapse-borderless{
	background: $highlight-background-color;
}
.extra-details .ant-collapse-borderless > .ant-collapse-item{
	border: none;
}
.extra-details .ant-collapse>.ant-collapse-item>.ant-collapse-header{
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 11px;
	background: $primary-light-background-color;
	&:hover{
		background: $highlight-background-color;
		color: $primary-color-hover;
	}
}
.extra-details .ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow{
	line-height: 30px;
}
.extra-details .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box{
	background: $primary-light-background-color;
}
.extra-details .field{
	margin-right: 40px;
}
.reservation-progress{
	background: $primary-light-background-color;
    border-bottom: 0px;
    font-size: 14px;
/*     font-weight: 700; */
    padding: 16px 20px;
    box-shadow: $base-item-shadow;
}
.reservation-progress .ant-steps{
	padding: 0 20px;
}
.more-details.ant-collapse-borderless{
	background: none;
}
.more-details.ant-collapse>.ant-collapse-item>.ant-collapse-header{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 11px;
	background: transparent;
	margin-bottom: 0px;
	box-shadow: $base-item-shadow;
}
.more-details.ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow{
	line-height: 20px;
	left:10px;
	top:60%;
}
.more-details.ant-collapse .ant-collapse-content>.ant-collapse-content-box{
	padding: 0;
}
.more-details.ant-collapse-borderless>.ant-collapse-item{
	border: none;
}

.standalone.ant-calendar-picker .ant-calendar-picker-input{
    box-shadow: $base-item-shadow;
    border-color: transparent;
    //border-radius: 25px;
}

.ant-calendar-picker .anticon-close-circle {
	background: $primary-background-color;
}

.nav-phone-icon {
	display: none;
	position: absolute;
	right: 30px;
	top: 25px;
	z-index: 1;
	width: 16px;
	height: 22px;
	cursor: pointer;
}
@media only screen and (max-width: 767.99px) {
	.nav-phone-icon {
		display: block;
	}
	.nav-phone-icon:before {
		content: "";
		display: block;
		border-radius: 2px;
		width: 16px;
		height: 2px;
		background: #777;
		-webkit-box-shadow: 0 6px 0 0 #777, 0 12px 0 0 #777;
		box-shadow: 0 6px 0 0 #777, 0 12px 0 0 #777;
		position: absolute;
	}
}

@media only screen and (max-width : 549px) {
	.logo img.property-logo {
		display: none;
	}
}

/*
.ant-tabs-content, .ant-list{
	padding: 15px;
}
*/
.ant-list-something-after-last-item .ant-list-item:last-child{
	border-bottom: none;
}

.ant-card .ant-tabs-nav-container{
	padding: 0;
}


.heading-search .ant-input-search.ant-input-search-enter-button > .ant-input, .heading-actions .ant-input{
	/*border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
	//border-radius: 20px;
	box-shadow: $base-item-shadow;
	border-color: transparent;
	background: $form-input-bg;
	color: $primary-text-color;
}



/* Mobile */
/*.ant-card.mobile-card{

}*/
.ant-card.mobile-card .ant-card-head{
	padding: 0 5px;
	min-height: auto;
}
.ant-card.mobile-card .ant-card-head .ant-card-head-title{
	padding: 5px;
	font-size: 14px;
}
.ant-card.mobile-card .ant-card-head .ant-card-extra{
	padding: 5px;
}
.ant-card.mobile-card .ant-card-body{
	padding: 10px;
}

.ant-menu .ant-menu-sub.ant-menu-vertical{
	background: $primary-light-background-color!important;
}
.ant-select-dropdown{
	z-index: 2005!important;
}
.fade-enter {
	opacity: 0;
	z-index: 1;
}

.fade-enter.fade-enter-active {
	opacity: 1;
	transition: opacity 250ms ease-in;
}
.ant-tag.warning-tag{
	background: $danger-color;
	border-color: $danger-color;
	color: #ffffff;
	font-weight: $main-field-weight;
}
.switch-status.ant-switch{
	background-color:#f5222d;
	&.ant-switch-checked{
		background-color: #52c41a;
	}
}

.ant-dropdown .ant-dropdown-menu-item-group-title{
    border-bottom: 1px solid $secondary-dark-background-color;
}

.ant-card-grid{
    padding: 14px!important;
}
.ant-card-grid:hover {
    position: relative;
    box-shadow: none!important;
}

.ant-page-header{
    background: #FFFFFF!important;
}
.ant-page-header.ant-page-header-has-footer{
    margin-top: 0px;
    padding: 10px;
    
    @include MQ(lg) {
        //margin-top: 30px;
        padding: 16px 24px;
    }
}
.ant-page-header-footer .ant-tabs-content, .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane{
    background: #f6f6f6;
}
// .ant-page-header .ant-page-header-content-view{
//     padding-top: 75px;
//     @include MQ(sm) {
//         padding-top: 12px;
//     }
// }
.ant-page-header .ant-page-header-title-view .ant-page-header-title-view-extra{
    top: 50px;
    right: 0px;
    text-align: center;
    @include MQ(sm) {
        top: 16px;
        right: 24px;
        text-align: right;
    }
}
.ant-page-header .ant-page-header-title-view .ant-page-header-title-view-extra .ant-btn{
    margin-bottom: 10px;
    @include MQ(sm) {
        margin-bottom: 0px;
    }
}
.wrap {
    display: block;
    align-items: center;
    @include MQ(md) {
        display: flex;
    }
}
.content {
    flex: 1;
}
.extraContent {
    min-width: 100%;
    text-align: right;
    @include MQ(md) {
        min-width: 240px;
    }
}
.content.padding {
    padding-left: 0px;
}
.content .description {
    display: table;
}
.description .term {
    display: block;
    margin-right: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
    line-height: 20px;
    min-width: 120px;
    @include MQ(sm) {
        display: table-cell;
    }
}
.description .term:after {
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
    content: ":";
}
.description .detail {
    display: block;
    padding-bottom: 8px;
    width: 100%;
    line-height: 20px;
    font-weight: bold;
    @include MQ(sm) {
        display: table-cell;
    }
}
.ant-notification-notice.no-padding .ant-notification-notice-with-icon .ant-notification-notice-description{
    margin-left: 0;
    padding-top:16px;
}
.ant-notification-notice-btn{
    float: none;
    margin-top: 16px;
    width: 100%;
    display: block;
    text-align: center;
}
// .ant-notification .ant-notification-notice{
//     background: #ffc200!important;
// }
// .ant-notification .ant-notification-notice-message{
//     margin-bottom: 0;
// }
.order-card .ant-card-grid{
    padding: 5px 10px!important;
}
.order-card .ant-card-grid h3{
    margin: 0;
}
.order-card .ant-statistic .ant-statistic-title{
    font-size: 10px;
}
.order-card .ant-statistic .ant-statistic-content{
    font-size: 14px;
}
.order-card.highlight{
    background: #fffbe6;
}
.ant-statistic{
    text-align: center!important;
}
.ant-statistic-title{
    color: #db342a!important;
    font-weight: 600;
}


.link-block{
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.ant-statistic{
    text-align: left;
    @include MQ(md) {
        text-align: right;
    }
}

.order-actions{
    display: block;
    text-align: left;
    width: 100%;

    .ant-btn{
        margin-bottom: 15px;
        margin-right: 10px;

        &:last-child{
            margin-bottom: 0;
        }
    }
}
.ant-steps-item-title{
    color: $primary-text-color!important;
    font-weight: 600!important;
}

img.responsive{
    width: 100%;
    max-width: 100%;
    height: auto;
}

@import '../stylesheets/buttons.scss';
@import '../stylesheets/navigation.scss';
@import '../stylesheets/modals.scss';
@import '../stylesheets/popovers.scss';
//@import '../stylesheets/tabs.scss';
@import '../stylesheets/tables.scss';