@import '../stylesheets/variables.scss';
@import '../stylesheets/mixins/_responsive.scss';

.pms-form-mini{
	min-width: auto;
	@include MQ(lg) {
        min-width: 500px;
    }
	text-align: left;
}
.pms-form.ant-form{
	color: $primary-text-color;
}
.pms-form .ant-form-item{
    margin: 0px 0 10px 0;
	background-color: $form-input-bg;
    position: relative;
	/*border: 1px solid rgba(0,0,0,0.07);*/
/* 	border-bottom: 1px solid #f0f5fa; */
    //box-shadow: $base-item-shadow;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px!important;
    width: 100%;
    min-height: 60px;
    transition: background-color 0.2s ease;
}
.pms-form .ant-form-item.centered, .pms-form .ant-form-item.centered .ant-form-item-label{
	text-align: center;
}
.pms-form .ant-form-item:focus-within, .pms-form .ant-form-item:hover {
/* 	background: rgba(0, 0, 0, 0.07); */
/* 	background: #f2f4f5; */
	//background-color: #e6f7ff;
	background-color: $highlight-background-color;
}
.pms-form .ant-form-item:focus-within .ant-form-item-label label, .pms-form .ant-form-item:hover .ant-form-item-label label{
	color: $secondary-text-color;
}
.pms-form .pms-form-actions, .pms-form .pms-form-actions.ant-form-item:hover, .pms-form .pms-form-actions.ant-form-item:focus-within{
	background: $form-input-bg;
/* 	background: #f8f9fa; */
}
/*.pms-form [class*='ant-col-']:last-child>.ant-form-item{
 	margin-left: 10px;
}*/
.pms-form .ant-form-item-disabled, .pms-form .ant-form-item-disabled:focus-within, .pms-form .ant-form-item-disabled:hover{
	background-color: $form-input-disabled-bg;
}
.pms-form .ant-form-item-transparent{
	background: transparent;
	box-shadow: none;
	padding: 0;
}
.pms-form .ant-form-item-transparent:focus-within, .pms-form .ant-form-item-transparent:hover {
	background: transparent;
}
.pms-form .ant-form-item.ant-form-item-with-help{
	background-color: rgba(234,44,84,0.1);
}
.pms-form .ant-form-item-label{
	margin: 0 0 4px 0!important;
	padding: 0!important;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    line-height: normal!important;
}
.pms-form .ant-form-item-label label{
	width: 100%;
	display: block;	
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    margin: 0;
    text-align: left;
	//color: $primary-text-color;
	color: $primary-text-color-muted-danger;
}
.pms-form.ant-form label{
	user-select: none;
}
.pms-form .ant-input, .pms-form .react-phone-number-input__phone{
	border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    background: none;
    font-weight: 700;
    color: $secondary-text-color;
    @include MQ(md) {
        font-size: 20px;
    }
}
.pms-form .ant-input::placeholder {
	font-weight: normal;
	font-size: 16px;
}
.pms-form .ant-input-sm{
	border: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background: none;
    font-weight: normal;
}
.pms-form .has-feedback .ant-input{
	padding-right: 40px;
}
.pms-form .ant-input:focus, .pms-form .ant-input:hover{
	outline: none;
	border: none;
	box-shadow: none;
/* 	background: #F2F4F5; */
/* 	background: rgba(0,0,0,0.07); */
}
.pms-form .has-error .ant-input:focus, .pms-form .has-error .ant-input:hover{
	background: transparent;
}
.pms-form .ant-input-search .ant-input{
	background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    padding: 4px 11px;
    box-shadow: inherit;
}
.pms-form .ant-input-search .ant-input:focus {
    border-color: $primary-color-hover;
    outline: 0;
    box-shadow: $base-item-shadow;
    border-right-width: 1px !important;
}
    
.pms-form .ant-input-affix-wrapper .ant-input-prefix{
	left: 0px;
}
.pms-form .ant-input-affix-wrapper .ant-input:not(:first-child){
	padding-left: 20px;
}
.pms-form .ant-form-item-required:before{
	color: #ea2c54;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 2px;
}
.pms-form div.ant-row.ant-form-item>[class*='ant-col-']:not(:only-child):not(:last-child)>.ant-form-item{
	border-right-color: transparent;
}
.pms-form div.ant-form-item [class*='ant-col-']:not(:only-child):not(:last-child) .ant-form-item{
	border-right-color: transparent;
}
.pms-form>div:last-child.ant-row>[class*='ant-col-']:first-child .ant-form-item{
	-webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
}
.pms-form .has-success.has-feedback:after, .pms-form .has-warning.has-feedback:after, .pms-form .has-error.has-feedback:after, .pms-form .is-validating.has-feedback:after{
	top: -4px;
	right: -8px;
}
.pms-form .ant-form-explain{
	position: absolute;
    //bottom: -30px;
    right: 0%;
    cursor: auto;
/*     transform: translateX(-50%); */
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left;
    background-color: $primary-light-background-color;
    background-clip: padding-box;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 9px rgba(191,191,191,0.36);
    z-index: 2;
    padding: 5px 14px;
    margin-top: 0;
}
.pms-form .ant-form-explain:before{
	position: absolute;
	right: 10%;
	//left: 50%;
	top: -16px;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    margin-left: -10px;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
    content: "";
    border-width: 8px;
    z-index: 1;
}
.pms-form .ant-form-explain:after{
	position: absolute;
	left: 50%;
	top: -20px;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    margin-left: -10px;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
    content: "";
    border-width: 0px;
}
/*.pms-form .ant-input-group-addon{
	border: none;
	font-size: 20px;
	margin-right: 10px;
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	
}*/
/*.pms-form .ant-input-group-addon:last-child{
	position: absolute;
	top: 2px;
	right: 30px;
}*/
.pms-form .ant-select-selection{
	border: none;
	box-shadow: none;
	background: transparent;
}
.pms-form .ant-input-group .ant-select-selection{
	border: 1px solid rgba(0, 0, 0, 0.07);
	background: #FFF;
}
.pms-form .ant-select-focused .ant-select-selection, .pms-form .ant-select-focused .ant-select-selection:focus, .pms-form .ant-select-focused .ant-select-selection:active{
	box-shadow: none;
	border: none;
	outline: none;
}
.pms-form .ant-select-selection__rendered{
	margin-left: 0;
	margin-right: 0;
}
.pms-form .ant-input-group .ant-select-selection__rendered{
	margin-left: 11px;
	margin-right: 11px;
}
.pms-form .ant-input-group .ant-select-arrow{
	right: 11px;
}
.pms-form .ant-input-group .input-placeholder{
	border: 1px solid rgba(0, 0, 0, 0.07);
	background: #f6f6f6;
	border-right: none;
	padding-left: 20px;
	padding-right: 20px;
	pointer-events: none;
	text-align: center;
	width: 60px;
}
.pms-form .ant-select-arrow{
	font-size: 16px;
	right: 1px;
}
.pms-form .ant-select-selection-selected-value{
	font-weight: bold;
	font-size: 20px;
	width: 100%;
	color: $secondary-text-color;
}
.pms-form .ant-select-sm .ant-select-selection-selected-value{
	font-weight: bold;
	font-size: 14px;
}
.pms-form .ant-select.accommodations-select .ant-select-selection-selected-value{
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}
/*
.pms-form .pms-form-actions{
	padding: 16px 0;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: right;
	background: transparent;
	border: none;
	text-align: center;
}
*/
.pms-form .action-bar-fixed{
	z-index: 1;
	padding: 10px 16px;
	margin: 0 0px;
	width: 100%;
/* 	background: #fff; */
}
.ant-modal .pms-form .action-bar-fixed{
	position: relative;
	bottom: auto;
	left:auto;	
	box-shadow:none;
	margin: 0;
	color: $primary-text-color;
	background: $primary-light-background-color;
	border-top: 1px solid $secondary-light-background-color;
}
.ant-affix .action-bar-fixed{
	background: $primary-light-background-color;
	box-shadow: $base-item-shadow;
}
.pms-form .pms-form-actions{
	transition: all 0.3s;
    background: transparent;
    width: 100%;
    z-index: 5;
    max-width: 100%;
    padding: 16px 16px;
    margin: 0px 0 0 0;
    text-align: center;
}
.ant-affix .action-bar-fixed .pms-form-actions{
	border-top: 1px solid #e8e8e8;
	background: $primary-light-background-color;
    box-shadow: $base-item-shadow;
}
.pms-form-mini .pms-form-actions, .pms-form .action-bar-fixed .pms-form-actions{
/* 	margin: 0; */
}
.pms-form .action-bar-fixed .pms-form-actions{
	border: none;
	box-shadow: none;
	text-align: right;
	padding: 0;
}
.pms-form .action-bar-fixed .total-overview{
	font-size: 20px;
}
.pms-form .action-bar-fixed .total-overview .total-overview-amount{
	font-weight: 600;
	color: $primary-text-color;
}
.pms-form .pms-form-actions .ant-btn-primary{
/* 	margin-left: 20px; */
}
.pms-form .pms-form-actions .ant-btn-group .ant-btn-primary{
	margin-left: 0px;
}
.pms-form .ant-form-item-control{
	line-height: normal;
}
.pms-form span.ant-radio + *{
	font-weight: 600;
}
.pms-form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{
    background-color: $highlight-dark-background-color;
    border-color: $highlight-dark-background-color;
    color: $primary-text-color;
}
.pms-form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper{
    //background-color: $highlight-dark-background-color;
    border-color: $highlight-dark-background-color;
    color: $primary-text-color-muted;
}
.pms-form .ant-radio-button-wrapper-checked, .pms-form .ant-radio-button-wrapper-checked:hover{
    box-shadow: -1px 0 0 0 $highlight-dark-background-color;
}
.pms-form .ant-time-picker-input{
	font-weight: 600;
	font-size: 20px;
	border: none;
	padding-left: 0;
	padding-right: 0;
}
.pms-form .ant-radio-group.ant-radio-group-small{
 	margin: 4px 0 0 0;
}
.pms-form .ant-input-number{
	font-weight: 600;
	font-size: 20px;
/* 	border: 1px solid rgba(0,0,0,0.07); */
	border: none;
	padding-left: 0;
	padding-right: 0;
}
.pms-form .ant-input-number-input{
	font-weight: 600;
	font-size: 20px;
}
.pms-form .ant-input-number.double-digits, .pms-form .double-digits .ant-input-number-input{
	width: 60px;
}
.ant-btn span{
	font-weight: 600;
}
.ant-btn.ant-btn-sm span{
	font-weight: normal;
}
.ant-popover-buttons{
	margin-top: 10px;	
}
.pms-form .ant-checkbox-wrapper{
	padding: 7px 0;
}
.pms-form .dynamic-delete-button{
	color: #f5222d;
}
.pms-form .ant-form-item .ant-switch {
    margin: 6px 0 4px;
}
/*
.pms-form .fieldset{
	background: #FFF;
	padding-top: 8px;
}
*/
.pms-form .ant-select{
	width: 100%;
}
.pms-form .ant-select-auto-complete.ant-select .ant-select-selection__placeholder{
	margin-left: 0;
	margin-right: 0;
}
.pms-form .ant-select-selection__clear{
	background: transparent;
	right: 20px;
}
/*.pms-form .ant-input-affix-wrapper .ant-input-suffix {
	//right: 0px;
}*/
.pms-form .ant-input-affix-wrapper .ant-input-suffix .anticon {
	margin: 0 5px;
}
.pms-form .ant-input-affix-wrapper .ant-input-suffix .anticon.ant-input-clear-icon:hover {
	color: $danger-color;
}
/*.pms-form .ant-radio-button-wrapper-checked{
	background: #1890ff;
    color: #fff;
}*/
.pms-form .ant-btn.ant-btn-field-size, .pms-form .ant-btn.ant-btn-field-size.ant-btn-icon-only, .pms-form .ant-btn-field-size .ant-btn.ant-btn-icon-only{
	font-size: 20px;
	padding: 15px;
	height: auto;
	margin: 0px 0 1px 4px;
	border-radius: 2px;
	font-weight: 600;
/* 	box-shadow: $base-item-shadow; */
/* 	border: none; */
}
.pms-form .ant-btn.ant-btn-field-size.small{
	font-size: 14px;
	padding: 19px 15px;
}
.pms-form .ant-select-auto-complete.ant-select .ant-input{
	text-overflow: ellipsis!important;
	overflow: hidden!important;
	display: block!important;
	position: relative!important;
	white-space: nowrap!important;
}
.pms-form .ant-rate{
	line-height: 1.6;
}
.pms-form .ant-slider-with-marks{
	margin-bottom: 6px;
}
.dropdown-extra .title{
	font-size: 14px;
	word-break: break-all;
	display: block;
	width: 100%;
	position: relative;
	white-space: normal;
	line-height: normal;
}
.field{
	margin: 0px 0 1px 0;
    position: relative;
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    width: auto;
    height: 50px;
    display: inline-block;
    transition: background-color 0.2s ease;
}
.field.full{
    width: 100%;
}
.field.compact{
    padding: 1px;
}
.field.bordered{
    background-color: $header-bg;
/* 	border: 1px solid rgba(0,0,0,0.07); */
	padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    box-shadow: $base-item-shadow;
/*     width: 100%; */
}
.field.ghost{
    background-color: $form-input-bg;
	border: 1px solid rgba(0,0,0,0.07);
	padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    width: 100%;
}
.field.highlight{
	background: $danger-color;
	color: #FFFFFF;
	.field-label, .field-value{
		color: #FFFFFF;
	}
}
.field.transparent{
	background: transparent;
}
.field .field-label{
	width: 100%;
    display: block;
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 1;
    transition: opacity 0.2s ease;
    margin: 0;
    color: $primary-text-color-muted-danger;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.field.ghost .field-label{
	margin: 0 0 4px 0;
}
.field.bordered .field-label{
	margin: 0 0 0px 0;
}
.field .field-value{
	font-weight: 600;
	font-size: 14px;
	color: $secondary-text-color;
    width: 100%;
	display: block;
	//text-overflow: ellipsis;
    //overflow: hidden;
	//white-space: nowrap;
	
	ul, p, li{
		margin: 0;
		font-weight: 400;
   		line-height: 1.4;
    	font-size: 16.8px;
	}
}
.field.bordered .field-value{
    line-height: 32px;
    height: 32px;
	font-size: 20px;
}
.field.ghost .field-value{
    line-height: 32px;
    height: 32px;
	font-size: 20px;
}
.field .field-value .anticon{
	font-weight: normal;
	font-size: 12px;
}
.field.large .field-value{
	font-size: 20px;
	font-weight: 600;
}

.pms-form .ant-select-auto-complete .ant-input-group-addon:last-child{
	/*position: absolute;
	top: -24px;
	right: -12px;
	width: 30px;
	height: 62px;
	margin: 0;*/
	position: relative;
	top:auto;
	left: auto;
	right: auto;
	background-color: transparent;
	border: none;
	padding: 0;
}
.pms-form .ant-select-auto-complete .ant-input-group-addon .ant-btn{
	/*height: 61px;
    border-top: none;
	border-right: none;
	border-bottom: none;*/
}
.pms-form .ant-select-auto-complete .ant-input-group .ant-input-affix-wrapper{
	//width: calc(100% - 30px);
}
.pms-form .ant-select-auto-complete .ant-select-selection__clear{
	right: 50px;
}
.pms-form .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar, .pms-form .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li, .pms-form .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title {
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,#ffffff),color-stop(37%,#f2f2f2),color-stop(63%,#ffffff));
    background: -webkit-linear-gradient(left,#f2f2f2 25%,#f2f2f2 37%,#f2f2f2 63%);
    background: -webkit-gradient(linear,left top, right top,color-stop(25%, #ffffff),color-stop(37%, #f2f2f2),color-stop(63%, #ffffff));
    background: -o-linear-gradient(left,#ffffff 25%,#f2f2f2 37%,#ffffff 63%);
    background: linear-gradient(90deg,#ffffff 25%,#f2f2f2 37%,#ffffff 63%);
    -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
    animation: ant-skeleton-loading 1.4s ease infinite;
    background-size: 400% 100%;
}

.pms-form .ant-collapse-content{
	overflow: visible;
}
.pms-form .ant-select .ant-tag{
	float: right;
	margin-top: 6px;
}
.ant-select-dropdown .ant-tag{
	float: right;
	margin: 0;
}

.pms-form .react-phone-number-input{
	border: none;
	background: transparent;
	display: inline-block;
	width: 100%;
}
.pms-form .react-phone-number-input__phone{
	width: 100%;	
}
.pms-form .react-phone-number-input__phone::placeholder {
	font-size: 14px;
	font-weight: normal;
	color: #ccc;	
}
.pms-form .react-phone-number-input__phone{
	font-size: 20px;
}
.pms-form .react-phone-number-input__icon{
	border: none!important;	
	width: 1.7em;
    height: auto;
}

.pms-form .ant-calendar-range-picker-input {
	font-size: 0.8em;
}

.pms-form .ant-time-picker-input {
	font-size: 0.8em;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection {
	border: 0px;
}
.pms-form.ant-form-vertical .ant-form-extra{
    float: right;
}