@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 .facilities_list .ant-form-item {
    min-height: auto;
}

.pms-form .facilities_list .ant-input {
    font-size: 14px;
    font-weight: 500;
}

.pms-form .ant-input[disabled] {
    color: rgba(0, 0, 0); 
}

.pms-form.translation-form .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    // color: black;
}

.pms-form.translation-form  .ant-tabs-tab-active {
    background: black;
}

.pms-form .ant-form-item, .pms-form .ant-legacy-form-item{
    margin: 0px 0 1px 0;
    /* margin: 0px 0 4px 0; */
    background-color: #FFFFFF;
    background-color: #FFFFFF;
    background-color: var(--form-input-bg);
    position: relative;
    /* border: 1px solid rgba(0, 0, 0, 0.07); */
    border: 1px solid #c7c7c7;
    /* box-shadow: 0 6px 8px rgba(102, 119, 136, .03), 0 1px 2px rgba(102, 119, 136, .3); */
    /* box-shadow: var(--base-item-shadow); */
    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;
    

    &.auto-height{
        min-height: auto;
    }

    &.no-label{
        min-height: auto;
        padding-top: 4px;

        .input-small{
            font-size: 14px;
        }
    }
    &.transparent{
        background: none;
        box-shadow:none;
    }
}
.pms-form .ant-form-item.highlight, .pms-form .ant-legacy-form-item.highlight{
    background: $danger-color;
    label, .ant-input-number{
	    color: $contrast-text-color;
    }
    .ant-input-number{
        background: transparent;
    }
}
.pms-form .ant-form-item.highlight:focus-within, .pms-form .ant-form-item.highlight:hover {
    .ant-input-number{
        background-color: transparent;
        color: $primary-text-color;
    }
}
.pms-form .ant-form-item.focused, .pms-form .ant-legacy-form-item.focused{
    outline: 1px solid var(--secondary-color);
}
.pms-form .editable-table .ant-form-item{
	margin: 0px 0 1px 0;
	background-color: $form-input-bg;
    position: relative;
	box-shadow: $base-item-shadow;
    border-radius: 2px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0!important;
    width: 100%;
    min-height: 20px;
    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.bordered{
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.07);
}
.pms-form .ant-form-item.horizontal{
    box-shadow: none;
    border: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: auto;
    min-height: auto;
    padding: 0!important;
    margin: 0;

    &:hover, &:active, &:focus, &:focus-within{
        background: transparent;
    }

    .ant-form-item-label{
        margin: 0!important;
        padding-right: 10px!important;
    }
    // .ant-form-item-control{}
}
.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;
    // .ant-form-item-label label{
    //     color: $primary-text-color-muted!important;
    // }
}
.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, .pms-form .input-mask:focus-within, .pms-form .input-mask: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, .pms-form .ant-legacy-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;
}
.ant-legacy-form .ant-form-item-label {
	width: 100%;
}
.pms-form .ant-form-item-label label, .pms-form .ant-legacy-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;
}
.pms-form.ant-form label{
	user-select: none;
    color: #000000;
}

.pms-form .ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    transition: all 0.3s;
    box-shadow: 0px 0px 0px 1px #d9d9d9;
}

.pms-form .ant-radio-checked .ant-radio-inner::after {
    transform: scale(0.5);
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    background: #292929;
}

.pms-form  .ant-radio-checked .ant-radio-inner {
    border-color:unset;
}

.pms-form .ant-input, .pms-form .react-phone-number-input__phone, .pms-form .ant-picker-input > input, .PhoneInputInput, .pms-form .input-mask{
	border: none;
    padding: 0;
    margin: 0;
    font-size: 20px;
    background: none;
    font-weight: 700;
    color: $secondary-text-color;
}
.pms-form .ant-input::placeholder, .pms-form .ant-select-selection-placeholder, .pms-form .ant-picker-input > input::placeholder, .pms-form .input-mask::placeholder {
	font-weight: normal;
	font-size: 16px;
}
.pms-form .ant-select-multiple .ant-select-selection-placeholder{
    left:0;
}
.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, .pms-form .ant-picker-input:hover, .pms-form .input-mask:hover, .pms-form .input-mask:focus{
	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, .pms-form .has-error .ant-input-affix-wrapper .ant-input, .pms-form  .has-error .ant-input-affix-wrapper .ant-input:hover{
	background: transparent;
}
.pms-form .has-error .ant-select.ant-select-auto-complete .ant-input:focus{
    border-color: transparent;
}

// .pms-form .has-error input{
//     border:1px solid #ff4d4f!important;
// }
.pms-form .ant-input-search .ant-input{
	background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    // font-size: inherit;
    // padding: 0px 6px;
    box-shadow: inherit;
}
@media only screen and (min-width : 1600px) {
    .pms-form .ant-input-search .ant-input, .embedded-heading-row .ant-input-search .ant-input{
        padding: 3px 11px;
    }
}
.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, .pms-form .ant-legacy-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 .ant-spin-nested-loading {
    width: 100%;
}

.pms-form .ant-steps-icon .anticon {
    display: inline-block;
    color: #000000;
}

.pms-form .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .pms-form .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .pms-form .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: #ffffff;
    background: #000000;
    border-radius: 5px;
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 5px!important;
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{
   border-radius: 5px!important; 
}

.pms-form .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
    color: #000000;
}

.pms-form .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: black;
}

.pms-form .ant-tabs-ink-bar {
    background: black;
}

.pms-form .ant-tabs-tab:hover {
    color: black;
}

.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, .pms-form .ant-legacy-form-explain, .pms-form .ant-form-item-explain {
	position: absolute;
    bottom: -30px;
    right: 0%;
    cursor: auto;
    //transform: translateY(100%);
    -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-color: $primary-text-color-muted-danger;
    color: $contrast-text-color!important;
    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-item-explain-error{
    color: var(--contrast-text-color);
}
.pms-form{
    .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover{
        background-color: transparent;
        border-color: transparent;
    }
    .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover{
        border-color: transparent;
        outline: transparent;
    }
}
.pms-form .ant-legacy-form-explain{
    bottom: auto;
}
.pms-form .ant-form-explain:before, .pms-form .ant-form-item-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, .pms-form .ant-form-item-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-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-arrow{
	font-size: 16px;
    top: 45%;
    //right: 3px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search{
    left:0!important;
}
.pms-form .ant-select-selection-selected-value, .pms-form .ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector, .pms-form .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selection-item{
	font-weight: bold;
	font-size: 20px;
	width: 100%;
	color: $secondary-text-color;
}
// .ant-select-item-option-content{
//     font-weight: bold;
// }
.pms-form .ant-select-single .ant-select-selector .ant-select-selection-search{
    //left: 0;
}
.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 .ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector{
    padding: 0;
}
.pms-form .ant-form-item:focus-within .ant-picker-clear, .pms-form .ant-form-item:hover .ant-picker-clear{
    // background-color: $highlight-background-color;
    background: transparent;
    color: var(--primary-text-color);
}
/*
.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;
    box-shadow: none;
    width: 100%;
    z-index: 5;
    max-width: 100%;
    padding: 16px 16px;
    margin: 0px 0 0 0;
    text-align: center;
}
.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: transparent;
}
.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, .pms-form .ant-legacy-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.ant-radio-button-wrapper-checked.radio-close{
    background-color: $danger-color;
    color: $contrast-text-color;
}
.pms-form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.radio-open{
    background-color: $success-color;
    color: $contrast-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-borderless .ant-input-number-input{
	padding: 0;
}
.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, .pms-form .ant-select-selection-placeholder{
	margin-left: 0;
	margin-right: 0;
}
.pms-form .ant-select-selection__clear, .pms-form .ant-select-clear{
	background: transparent;
    color: var(--primary-text-color);
    font-size: 16px;
    //right: 18px;
    margin-top: -6px;
}
/*.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: 14px 15px 13px 15px;
	height: auto;
	min-width: 50px;
	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: 4px;
}
.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;
    display: inline-block;
    transition: background-color 0.2s ease;
}
.field.bordered{
    background-color: $header-bg;
/* 	border: 1px solid rgba(0,0,0,0.07); */
	padding-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    box-shadow: $base-item-shadow;
/*     width: 100%; */
}
.field.compact{
    padding: 0;
}
.field.full{
    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;
    border: 1px solid rgba(0,0,0,0.07);
    box-shadow: none;
}
.field.field-card{
    background: transparent;
    box-shadow: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    min-height: 40px;
    line-height: 1.8;
    text-align: center;
}
.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;
    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-card .field-label{
	margin-bottom: 4px;
}
.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, .ant-select{
		margin: 0;
		font-weight: 400;
   		line-height: 1.4;
    	font-size: 16.8px;
	}
    .ant-select{
        display: block;
        min-width: 300px;
        .ant-select-selector, .ant-select-selection-item{
            padding: 0;
            height: auto;
            font-size: 20px;
            font-weight: 600;
        }
    }
    .ant-picker{
        display: block;
        padding: 0;
        line-height: 1.4;
        font-size: 16.8px;
        .ant-picker-input{
            input{
                font-size: 20px;
                font-weight: 600;
            }
        }
    }

}

.field.bordered .field-value{
	line-height: 32px;
	font-size: 20px;
}
.field.hoverable:hover{
	background-color: var(--primary-light-background-color);
}
.field.bordered:hover{
	background-color: var(--highlight-background-color);
}
.field.ghost .field-value{
	line-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;
}
.field.field-card .field-value{
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.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-input-number-group-addon{
    background: 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;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selection-search{
    left:0!important;
}
.pms-form .react-phone-number-input{
	border: none;
	background: transparent;
	display: inline-block;
	width: 100%;
}
.pms-form .react-phone-number-input__phone, .pms-form .PhoneInputInput{
	width: 100%;	
}
.pms-form .react-phone-number-input__phone::placeholder, .pms-form .PhoneInputInput::placeholder {
	font-size: 14px;
	font-weight: normal;
	color: #ccc;	
}
.pms-form .react-phone-number-input__phone, .pms-form .PhoneInputInput{
	font-size: 20px;
}
.pms-form .PhoneInputInput:focus{
    border: none;
    outline: none;
}
.pms-form .react-phone-number-input__icon, .pms-form .PhoneInputCountryIcon{
	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 .swatches-picker *, .swatches-picker *, .material-picker *{
    box-shadow: none!important;
}
.pms-form .card_number .ant-input-group-addon{
    border: none!important;
    background: transparent;
    padding-left: 0;
}
.pms-form .react-codemirror2{
    width: 100%;
}
.pms-form .CodeMirror {
    border: none;
	height: 600px;
}
.pms-form .CodeMirror-sizer {
	min-width: 1px !important;
	max-width: 100% !important;
}
.pms-form .CodeMirror-line {
	word-wrap: normal !important;
	max-width: 500px !important;
	min-width: 200px !important;
	overflow-x: scroll;
}
.ant-select-dropdown-menu-item-group-title{
    color: $primary-color!important;
    font-weight: 600;
    border-top: 1px solid $secondary-dark-background-color;
    border-bottom: 1px solid $secondary-dark-background-color;
    background: $secondary-light-background-color;
} 

.ant-tag.warning{
    color: #212529;
    background: #ffc107;
    font-weight: 700;
    border: none;
    border-radius: .25rem;
}

iframe.preview-frame{
    box-shadow: $base-item-shadow;
}

.ant-legacy-form {
	@extend .ant-form;
}
.ant-legacy-form-item {
	@extend .ant-form-item;
}
.ant-legacy-form-item-label {
	@extend .ant-form-item-label;
}
.ant-legacy-form-item-control-wrapper {
	width: 100% !important;
	flex: unset !important;
	@extend .ant-form-item-control-wrapper !optional;
}
.ant-legacy-form-item-control {
	width: 100% !important;
	@extend .ant-form-item-control !optional;
}
.ant-legacy-form-item-children {
    display: flex;
	width: 100% !important;
	@extend .ant-form-item-children !optional;
}
.ant-input {
	min-width: 50px !important;
	width: 100% !important;
}

.ant-picker.ant-picker-large.standalone {
	box-shadow: $base-item-shadow;
    border-color: transparent;
	border-radius: 25px;
    background: var(--header-bg);
    .ant-picker-input > input{
        color: var(--primary-text-color);
    }
    .ant-picker-separator{
        color: var(--primary-text-color);
    }
    .ant-picker-suffix{
        color: var(--primary-text-color);
    }
}
.ant-picker-range.ant-picker-small .ant-picker-clear{
    right: 0!important;
}
.pms-form .ant-picker, .pms-form .ant-picker.ant-picker-focused, .pms-form .ant-picker:hover {
	border: none;
	box-shadow: none;
	background: transparent;
	width: 100%;
}

.pms-form .ant-input-number, .pms-form .ant-picker.ant-input-number-focused, .pms-form .ant-input-number:hover {

	width: 100%;
}

// .pms-form .ant-picker.ant-picker-focused, .pms-form .ant-picker:hover {
// 	background: $highlight-dark-background-color;
// }

.pms-form .ant-select, .pms-form .ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector, .pms-form .ant-select .ant-select-single, .pms-form .ant-select-multiple .ant-select-selector,  .pms-form .ant-select-focused .ant-select-multiple .ant-select-selector, .pms-form .ant-input-affix-wrapper {
	border-color: transparent!important;
	box-shadow: none;
	background: transparent;
}

// .pms-form .ant-select-multiple .ant-select-selector, 
// .pms-form .ant-select-selector .ant-input-affix-wrapper {
// 	//padding: 0 11px;
// }
.pms-form .ant-select-focused:not(.ant-select-disabled).ant-select-multiple .ant-select-selector{
    border-color: transparent!important;
    box-shadow: none!important;
}
.pms-form .ant-select:not(.ant-select-disabled):hover .ant-select-selector{
    border-color: transparent!important;
    box-shadow: none!important;
}
.pms-form .ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector{
    border-color: transparent!important;
    box-shadow: none!important;
}
.pms-form .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector {
	padding: 0;
}
.pms-form .ant-select-selection-search-input .ant-input-affix-wrapper {
	padding: 0;
}
.pms-form .ant-input-affix-wrapper-has-feedback{
    padding: 0;
}

// .pms-form .ant-select-arrow {
// 	//margin-right: 10px;
// }
.pms-form .search-result{
    font-size: 11px;
    flex-flow: row;
    line-height: 15px;
    strong{
        font-weight: 500;
    }

}

.ant-select-item.ant-select-item-option:not(:last-child){
    border-bottom: 1px solid var(--secondary-light-background-color);
}
// .pms-form .accommodations-select.ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector, 
//  .pms-form .ant-select.accommodations-select .ant-select-single{
// 	// min-height: 60px;
// 	font-weight: normal;
// 	font-size: 16px;
// 	line-height: 20px;
// 	height: auto;
// 	max-height: unset;
// }

.ant-select.accommodations-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.pms-form .ant-select, .pms-form .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-pagination-options-size-changer) .ant-select-selector {
	height: 100%;
    max-height: unset;
    font-size: 1em;
}
.ant-select.accommodations-select{
    .ant-avatar{
        background-color: var(--secondary-light-background-color);
    }
}
.ant-select.rates-list{
    .ant-select-selection-item .muted{
        display: none;
    }
}

.pms-form .ant-select .ant-input-affix-wrapper /* .ant-select-selection-search-input */ {
	border: none;
	box-shadow: none;
}

.ant-select-selection-search .ant-input-affix-wrapper,
.ant-select-show-search .ant-select-selector .ant-select-selection-placeholder {
	padding-left: 0 !important;
}

.pms-form .ant-form-item .ant-switch, .pms-form .ant-legacy-form-item .ant-switch {
	margin: 0;
}

.pms-form .ant-switch-checked {
    background-color: #4a4a4a;
}

.pms-form .ant-upload-picture-card-wrapper {
    // height: 63px; 
}

.pms-form .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #000;
    border-color: #000;
}
 
.pms-form .ant-upload-picture-card-wrapper .ant-upload.ant-upload-select-picture-card {
    height: auto;
    width: auto;
}

.pms-form .ant-upload-picture-card-wrapper .ant-upload.ant-upload-select-picture-card img {
    height: 80px;
}

.pms-form .ant-upload.ant-upload-select-picture-card > .ant-upload {
    padding:10px;
}

.pms-form .ant-upload-picture-card-wrapper.room_type_upload {
    height: 90px;
}

.pms-form .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item, .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-placeholder {
	line-height: inherit;
	// max-height: 42px;
}

// .reservations-select .ant-select-selector {
// 	height: 100% !important;
// 	max-height: unset;

// }
.ant-select.ant-select-borderless.ant-select-single.ant-select-allow-clear.ant-select-show-arrow.ant-select-show-search .ant-select-selector .ant-select-selection-item, 
.ant-select.ant-select-sm.ant-select-single.ant-select-show-arrow.ant-select-show-search .ant-select-selector .ant-select-selection-item{
	max-height: unset;
    padding-right: 30px;
}

.ant-select.ant-select-borderless.property-company-select.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
	background: $primary-light-background-color;
	box-shadow: $base-item-shadow;
	border-color: transparent;
	border-radius: 20px;
	// // font-weight: 600;
	height: 40px;
    padding: 6.4px 15px;
	// font-size: 14px;
	text-align: left;
}

.pms-form .tox-tinymce{
    border: none;
    width: 100%;
}
.pms-form .tox .tox-edit-area__iframe{
    background: transparent;
}

.pms-form .ant-row{
    width: 100%;
}
.form-item-delete-btn {
    position: relative;
    color: #999;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form-item-delete-btn:hover {
    color: #777;
}
.form-item-delete-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}
.has-success.has-feedback .ant-legacy-form-item-children-icon svg, .has-warning.has-feedback .ant-legacy-form-item-children-icon svg, .has-error.has-feedback .ant-legacy-form-item-children-icon svg, .is-validating.has-feedback .ant-legacy-form-item-children-icon svg{
    position: relative!important;
}