h1, h2, h3, h4, h5, h6 {

    text-transform: none !important;

}

.padding-remove {

    padding-left: 0;

    padding-right: 0;

}

.control-next{
	background: #00729F ;
	color: #fff !important;
	text-transform: capitalize;
	box-shadow: inset 0px 2px 10px rgba(255,255,255,0.37), inset 5px 0px 10px 10px rgba(255,255,255,0.07), 0px 1px 0px rgba(0,0,0,0.26), inset 0px -2px 12px rgba(0,0,0,0.08) !important;
	border: 1px solid #00729F ;
}

.control-next:hover{
	color: black !important;
}

.control-back{
	background: #00729F ;
	color: #fff !important;
	text-transform: capitalize;
	box-shadow: inset 0px 2px 10px rgba(255,255,255,0.37), inset 5px 0px 10px 10px rgba(255,255,255,0.07), 0px 1px 0px rgba(0,0,0,0.26), inset 0px -2px 12px rgba(0,0,0,0.08) !important;
	border: 1px solid #00729F ;
}

.control-back:hover{
	color: black !important;
}

.submit-order{
	background: #00729F ;
	color: #fff !important;
	text-transform: capitalize;
	border: 1px solid #00729F ;
}

.submit-order:hover{
	color: black !important;
}

.submit-order:active{
	box-shadow: inset 0px 2px 10px rgba(255,255,255,0.37), inset 5px 0px 10px 10px rgba(255,255,255,0.07), 0px 1px 0px rgba(0,0,0,0.26), inset 0px -2px 12px rgba(0,0,0,0.08), 0px 0px 0px 0.2rem rgba(0,123,255,0.5) !important;
}

button.btn.btn-success {
	color: white !important;
}

button.btn.btn-success:hover {
	color: black !important;
}

.front-end-form-plugin label {

    margin: 0 0 5px 0 !important;

    padding: 0 !important;

    font-weight: 500 !important;

    line-height: normal;

    color: #000;

    font-size: 15px;

}



.form-control {

    margin: 0 !important;

    border: 1px solid #c1c1c1 !important;

    padding: 0 10px !important;

    height: 30px !important;

    line-height: 38px !important;

    border-width: 1px !important;

    width: 100% !important;

    font-size: 15px !important;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



textarea.form-control {

    min-height: 150px;

}



.form-row > .col, .form-row > [class*=col-] {

    padding-left: 10px;

    padding-right: 10px;

}



.form-row {

    margin-right: -10px;

    margin-left: -10px;

}



.front-end-form-plugin label.service-title {

    padding-left: 8px !important;

    font-weight: 600 !important;

    font-size: 16px;

}



.front-end-form-plugin label.custom-checkbox.form-check-label {

    padding-left: 20px !important;

    display: block;

}



.front-end-form-plugin label.custom-checkbox.form-check-label label.error {

    display: block;

}



.front-end-form-plugin label.custom-checkbox.form-check-label input[type=checkbox].custom-control-input {

    opacity: 0;

    z-index: -1;

    left: 0;

    top: 0;

    margin: 4px 1px;

}



.front-end-form-plugin label.custom-checkbox.form-check-label b {

    margin-left: 0 !important;

    font-weight: 500;

}



.front-end-form-plugin .card {

    border: 0px solid rgb(0, 114, 159);

}



.front-end-form-plugin .card-header {

    background: rgb(0, 114, 159);

    border: 1px solid rgb(0, 114, 159);

    border-bottom: 1px solid rgb(0, 114, 159);

    color: #FFF;
	
	box-shadow: inset 0px 2px 16px rgba(255,255,255,0.37), inset 5px 0px 10px 24px rgba(255,255,255,0.07), 0px 1px 0px rgba(0,0,0,0.26), inset 0px -2px 8px rgba(0,0,0,0.08);

}



.front-end-form-plugin .card-body {

    background: rgba(251, 251, 251, 0.8);

    border: 1px solid #c1c1c1;

    -webkit-border-radius: 0 0 4px 4px;

    -moz-border-radius: 0 0 4px 4px;

    border-radius: 0 0 4px 4px;

    border-top: none;

}



.front-end-form-plugin .form-sub-heading {

    color: #00729f;

    font-size: 18px;

}



.front-end-form-plugin .data-price-txt label,

#virtual_staging_price {

    font-weight: 700 !important;

    font-size: 18px;

    color: #01719f;

}



.front-end-form-plugin .data-price-txt label.margin-b {

    margin-bottom: 15px !important;

}



.front-end-form-plugin .form-right-side h5 {

    text-transform: none;

    color: #00729f;

    font-size: 20px;

}



.front-end-form-plugin #domain_name_div .check-margin-t {

    margin-top: 32px;

}



#domain_name_div .check-domain-name label.error {

    margin-right: 7px !important;

}



label.error {

    font-weight: 400;

    color: #F00;

}



.front-end-form-plugin .form-right-side .help-box {

    background: #fff;

    border: 1px solid #c1c1c1;

    padding: 15px;

}



.modal .modal-header.card-header-ohp-bg button.close {

    color: #000 !important;

    font-size: 25px;

    padding: 11px 15px;

}



.modal .modal-dialog {

    margin: 100px auto;

}



.edit-update-tour-tab-back .nav li.nav-link {

    padding: 0;

}



.edit-update-tour-tab-back .nav li a {

    font-size: 16px;

    color: black;

    cursor: pointer;

    padding: .5rem 1rem;

    display: block;

}



.edit-update-tour-tab-back .nav li.active a {

    font-size: 16px;

    color: #FFF;

    cursor: pointer;

}



.edit-update-tour-tab-back .nav li a:hover {

    font-size: 16px;

    color: FFF;

    cursor: pointer;

}



.edit-update-tour-tab-back .tab-content {

    border: 1px solid #ccc;

    border-top: 0;

    padding: 20px;

}



.edit-update-tour-tab-back label {

    margin: 0 !important;

    font-weight: 500 !important;

    line-height: normal;

    color: #000;

}



.edit-update-tour-tab-back .sub-heading {

    font-size: 20px;

    font-weight: 100;

    color: #000;

    padding: 20px 0 10px 0;

    margin: 0 !important;

}



.edit-update-tour-tab-back .sub-heading label .custom-control-description {

    font-size: 16px;

}



.edit-update-tour-tab-back .inner-sub-heading {

    font-size: 15px;

    font-weight: 600;

    color: #333;

}



.edit-update-tour-tab-back .tab-pane .sub-heading:first-child {

    padding-top: 0;

}



.edit-update-tour-tab-back .bootstrap-tagsinput input {

    border: none !important;

    box-shadow: none !important;

    outline: none !important;

    background-color: transparent;

    padding: 0 6px !important;

    margin: 0 !important;

    width: auto !important;

    max-width: inherit;

    height: auto !important;

    line-height: normal !important;

}



.edit-update-tour-tab-back .bootstrap-tagsinput {

    line-height: 38px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.edit-update-tour-tab-back #wp-mycustomeditor-wrap select#ba_select {

    width: auto !important;

    height: 30px;

}



.edit-update-tour-tab-back #wp-mycustomeditor-wrap textarea {

    border-radius: 0;

    border: none !important;

    box-shadow: none;

}



.edit-update-tour-tab-back .community-text textarea {

    height: 223px !important;

}



.edit-update-tour-tab-back .video-3d-matterport .sub-heading {

    margin-bottom: -35px !important;

}



.edit-update-tour-tab-back .video-3d-matterport .mar-top {

    margin-top: 35px;

}



.edit-update-tour-tab-back .video-3d-matterport input[type="text"].form-control {

    max-width: 190px;

}



.edit-update-tour-tab-back .video-3d-matterport .btn-primary {

    background: #00719f !important;

    border-color: #00719f !important;

    color: #FFF;

}



.position-relative.z-index {

    z-index: 2;

}



/* Custom CSS */



.step-card {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    margin: 0 !important;

}



.step-card.active {

    max-height: inherit;

    opacity: 1;

    transition: opacity 0.3s ease;

}



.card-control {

    display: flex;

    justify-content: center;

    align-items: center;

    list-style: none;

    margin: 15px 0 0 0;

    padding: 0;

}



.card-control a {

    display: block;

    position: relative;

    line-height: 1;

    border-radius: 6px;

    font-size: 16px;

    padding: 0.4em 1em 0.4em;

    cursor: pointer;

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    vertical-align: middle;
	
	background: #00729f;
	
	border-width: 1px;
	
	box-shadow: inset 0px 1px 1px rgba(255,255,255,0.37), inset 1px 0px 1px rgba(255,255,255,0.07), 0px 1px 0px rgba(0,0,0,0.36), inset 0px -2px 12px rgba(0,0,0,0.08);

    color: white;

    transition: all 0.15s linear;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    margin: 0 5px;

}



.card-control a:hover {

    background: #00729f;

    color: black !important;

}



.form-row-margin {

    margin-top: 30px;

}



.flex-group {

    display: flex;

    justify-content: space-between;

}



.input-group-addon {

    cursor: pointer;

}



p {

    margin-bottom: 10px;

    font-size: 14px;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.text-muted {

    color: #868e96 !important;

    font-size: 12px;

}



.front-end-form-plugin #domain_name_div .check-margin-t {

    margin-top: 54px;

}



.textarea-auto {

    height: auto;

}



.custom-row {

    padding-top: 5px;

    margin-bottom: 9px;

}



#bathrooms-error,

#bedrooms-error {

    position: absolute;

    left: 0;

    top: -38px;

}



#domain_name.error {

    border: 1px solid #ff0000 !important;

}



#domain_name.freedomain {

    border: 1px solid #3ff145 !important;

}



.button_wrapper {

    text-align: right;

}



.button_wrapper.select {

    margin-bottom: 13px;

}



.button_wrapper.pt6 {

    padding-top: 6px;

}



.button_wrapper.pt22 {

    padding-top: 22px;

}



.form-row.textarea {

    margin-top: 20px;

}



.btn_row {

    width: 100%;

    text-align: center;

}



.front-end-form-plugin .data-price-txt label.margin-t {

    margin-top: 10px !important;

}



a.btn_edit {

    color: #fff;

    font-size: 14px;

    text-decoration: none;

    background-color: #5E84A4;

    padding: 4px 8px;

    border-radius: 4px;

    border: 1px solid #3f5b73;

    box-shadow: inset 0px -1px 2px rgba(15, 15, 15, .5),

    inset 0px 2px 1px rgba(255, 255, 255, 0.6);

}



a.btn_edit.small {

    font-size: 12px;

    padding: 2px 6px;

}



a.btn_edit.small i {

    font-size: 12px;

}



a.btn_edit i {

    font-size: 15px;

}



a.btn_delete {

    color: #fff;

    padding: 5px 6px;

    text-decoration: none;

    background-color: #E30000;

    border-radius: 4px;

    box-shadow: inset -1px -1px 1px rgba(15, 15, 15, .5),

    inset 1px 1px 1px rgba(15, 15, 15, .5);

}



a.btn_edit:hover,

a.btn_delete:hover,

a.btn_edit:focus,

a.btn_delete:focus {

    color: #fff;

    text-decoration: none;

    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);

}



a.btn_add {

    text-decoration: none;

    color: #fff;

    background-color: #5BAC5A;

    padding: 6px 18px;

    border-radius: 4px;

    box-shadow: inset 0 1px 2px rgba(15, 15, 15, 0.1),

    inset 0 -1px 2px rgba(15, 15, 15, 0.1),

    inset 1px 0 2px rgba(15, 15, 15, 0.3),

    inset -1px 0 2px rgba(15, 15, 15, 0.3);

}



a.btn_add:hover,

a.btn_add:focus {

    text-decoration: none;

    color: #fff;

    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, .5);

}



.front-end-form-plugin .form-right-side .photo-box {

    background: #fff;

    border: 1px solid #e4e4e4;

    padding: 3px;

    position: relative;

    min-height: 200px;

    height: 200px;

}



.front-end-form-plugin .form-right-side .photo-box img {

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.front-end-form-plugin .form-right-side .photo-box .btn_block {

    position: absolute;

    top: 0px;

    right: 2px;

    z-index: 10;

    background-color: #fff;

    padding: 0 2px 1px 2px;

}



.front-end-form-plugin .form-right-side .photo-box .file-input-wrapper {

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.front-end-form-plugin .website_text {

    width: 100%;

    height: 70px;

    resize: none;

    font-size: 12px !important;

}



.modal.add-categoty .modal-dialog {

    width: 500px;

}



.modal.add-categoty .modal-dialog .modal-content {

    padding: 20px 25px;

}



.modal.add-categoty .modal-body {

    padding-top: 30px;

}



.modal.add-categoty .modal_row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 30px;



}



.modal.add-categoty .modal_row.button_row {

    margin-top: 30px;

    justify-content: center;

}



.modal.add-categoty .input_element {

    width: 80%;

}



.modal.add-categoty .btn_add {

    box-shadow: none;

    padding: 5px 12px;

}



.modal.add-categoty textarea {

    height: 90px;

    resize: none;

}



.modal.add-categoty .btn_add_categoty {

    display: inline-block;

    padding: 10px 25px;

    font-size: 22px;

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

    border: 1px solid transparent;

    border-radius: 4px;

    font-weight: bold;

}



/*PACKAGE SELECTOR*/

.package-switcher {

    position: relative;

    width: 40px;

    height: 20px;

    float: right;

}



.package-switcher input {

    position: absolute;

    opacity: 0;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 5;

    cursor: pointer;

}



.package-switcher input + span {

    display: block;

    width: 100%;

    position: relative;

    height: 20px;

    border-radius: 20px;

    background-color: #fff;

}



.package-switcher input + span:after {

    position: absolute;

    content: '';

    width: 16px;

    height: 16px;

    background-color: #d6d6d6;

    top: 2px;

    left: 2px;

    border-radius: 100%;

    transition: transform 0.3s ease-in-out;

}



.package-switcher input:checked + span:after {

    transform: translateX(20px);

    background-color: #5BAC5A;

}



.package-switcher input + span + label {

    position: absolute;

    color: #fff;

    top: 2px;

    left: -25px;

    margin: 0 !important;

}



.package-switcher input + span + label span {

    opacity: 0;

    transform: translateX(-100%);

    transition: all 0.3s ease-in-out;

    position: absolute;

    right: 0;

    top: 0;

}



.package-switcher input + span + label .label-enable {

    opacity: 0.5;

    transform: translateX(0);

}



.package-switcher input:checked + span + label .label-disable {

    opacity: 1;

    transform: translateX(0);

}



.package-switcher input:checked + span + label .label-enable {

    opacity: 0;

    transform: translateX(-100%);

}



.package-selector {

    display: flex;

    justify-content: flex-end;

    background-color: #fff;

    width: 100%;

    margin-bottom: 50px;

    position: relative;

    transition: opacity 0.3s ease-in-out;

}



.package-selector.state-disabled {

    opacity: 0;

    max-height: 0;

    margin: 0;

    overflow: hidden;

}



.package-features {

    width: 25%;

    box-sizing: border-box;

    padding-top: 113px;

    padding-bottom: 25px;

}



.package-features ul {

    list-style: none;

    margin-top: 12px;

    padding: 0;

}



.package-features ul li {

    display: block;

    width: 100%;

    padding: 15px 0;

    font-size: 16px;

    font-family: Helvetica, sans-serif;

    color: #575757;

    border-bottom: 1px solid #ebebeb;

    height: 50px;

    box-sizing: border-box;

}



.package {

    text-align: center;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);

    padding-bottom: 15px;

    flex: 1;

    margin-left: 5px;

}



.package:hover {

    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}



.package.active {

    transform: scale(1.025);

    transform-origin: bottom;

}



.package-heading {

    padding: 15px;

    box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, .25);

}



.package:hover .package-heading {

    transition: all .5s ease-in-out;

    box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, .35);

}



.silver .package-heading {

    background-color: rgb(232, 232, 232);

    background-image: linear-gradient(45deg, rgb(160, 160, 160) 0%, rgb(232, 232, 232) 56%);

    color: rgba(160, 160, 160, 1);

}



.golden .package-heading {

    background-color: #ffab51;

    background: linear-gradient(45deg, rgba(242, 215, 12, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(252, 235, 0, 1) 96%);

    color: rgba(242, 215, 50, 1);

}



.platinum .package-heading {

    background-color: #a1e1d4;

    background: linear-gradient(45deg, rgba(223, 182, 103, 1) 0%, rgba(249, 243, 232, 1) 56%, rgba(231, 192, 116, 1) 96%);

    color: rgba(223, 182, 103, 1);

}



.package-heading h3 {

    font-size: 18px;

    margin: 0;

    font-family: Helvetica, sans-serif;

}



.package-heading h3,

.package-price {

    color: inherit;

}



.package-price {

    margin-top: 15px;

    font-size: 32px;

    font-family: Helvetica, sans-serif;

}



.package-included {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.package-included li {

    display: block;

    width: 100%;

    padding: 15px 0;

    font-size: 16px;

    font-family: Helvetica, sans-serif;

    color: #575757;

    border-bottom: 1px solid #d6d6d6;

    height: 50px;

    box-sizing: border-box;

}



.package-included li:nth-child(odd) {

    background-color: #f7f7f7;

}



.package-included li.included {

    background-image: url(../img/check.svg);

    background-size: 24px;

    background-position: center;

    background-repeat: no-repeat;

}



.package-action {

    text-decoration: none !important;

    display: inline-block;

    text-align: center;

    font-family: Helvetica, sans-serif;

    line-height: 1.3;

    border-radius: 6px;

    font-size: 16px;

    padding: 6px 25px;

    border: 3px solid #00729f;

    cursor: pointer;

    font-weight: 700;

    color: #00729f;

    background-color: #ffffff;

    transition: all 0.15s linear;

    margin: 15px auto 0;

    box-shadow: none !important;

}



.package-action:hover {

    background: #00729f;

    color: #fff !important;

    box-shadow: none !important;

}



.package.active .package-action {

    background: #5BAC5A !important;

    border-color: #5BAC5A;

    color: #fff !important;

    box-shadow: none !important;

}



.package.active .package-action:hover {

    background: #d6d6d6 !important;

    border-color: #d6d6d6;

}



body.configuration-modal-open {

    overflow: hidden !important;

}



.configure-modal {

    position: fixed;

    background-color: #fff;

    top: 10%;

    left: 50%;

    z-index: 100;

    opacity: 0;

    width: 1170px;

    max-width: 100%;

    transform: translateX(-250%);

    transition: all 0.3s ease;

    height: 80vh;

    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

    pointer-events: none;

}



.configure-modal.active {

    opacity: 1;

    transform: translateX(-50%);

    pointer-events: all;

}



.configure-modal .modal-content {

    border: none;

    border-radius: 0;

}



.configure-modal .modal-header {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    background-color: #fff;

    z-index: 5;

}



.configure-modal .modal-body {

    padding-bottom: 0;

    height: calc(80vh - 138px);

    overflow: auto;

}



.modal-section {

    padding: 15px 0;

}



.modal-section-title {

    background: rgb(0, 114, 159);

    color: #fff;

    padding: .75rem 1.25rem;

    margin-bottom: 15px;

}



.modal-section-body {

    display: flex;

    justify-content: space-between;



}



#modal-packages-sections .modal-section-body {

    flex-direction: column;

}



.modal-section-mirror,

.modal-section-settings {

    width: 50%;

}



.modal-section-mirror {

    margin-right: 15px;

}



.modal-section-settings {

    padding-left: 15px;

    border-left: 1px solid #d6d6d6;

}



.modal-section-mirror .package-features {

    width: 100%;

    padding: 0;

}



.modal-section-settings ul li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    font-size: 16px;

    font-family: Helvetica, sans-serif;

    color: #575757;

    border-bottom: 1px solid transparent;

    height: 50px;

    box-sizing: border-box;

}



.modal-package-item {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

    padding: 15px 0;

    border: 1px solid #dbdbdb;

    margin-bottom: 15px;

    background-color: #f7f7f7;

}



.modal-package-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    padding: 0 30px 15px;

    border-bottom: 1px solid #dbdbdb;

}



.modal-package-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    padding: 15px 30px 0;

    border-top: 1px solid #dbdbdb;

}



#package-modal .modal-package-header input {

    width: 25% !important;

    margin: 5px 0 !important;

}



.modal-package-header span {

    display: block;

    width: 25%;

    margin: 5px 0;

}



.modal-package-header span:nth-child(3),

.modal-package-header span:nth-child(7) {

    padding-left: 15px;

}



.modal-section-settings ul li input {

    width: 55% !important;

}



.modal-section-settings ul li select {

    width: 30% !important;

}



.modal-package-item ul {

    width: calc(50% - 30px);

}



.modal-package-item ul.modal-package-checklist {

    margin-left: 30px;

}



.modal-package-item ul.modal-package-checklist-options {

    margin-right: 30px;

}



.modal-package-item ul li {

    padding: 5px 0;

    display: flex;

    align-items: center;

    height: 50px;

    border-bottom: 1px solid #ebebeb;

}



.modal-package-checklist-options li {

    justify-content: flex-end;

    font-family: sans-serif;

}



.modal-package-item ul li:nth-child(odd) {

    background-color: #f7f7f7;

}



.modal-package-checklist-options li label {

    padding-left: 20px !important;

    display: block;

    min-height: 16px;

    margin: 0 !important;

}



.edit-button {

    display: block;

    color: #fff;

    font-size: 14px;

    text-decoration: none;

    background-color: #5E84A4;

    padding: 4px 8px;

    border-radius: 4px;

    border: 1px solid #3f5b73;

    box-shadow: inset 0px -1px 2px rgba(15, 15, 15, .5), inset 0px 2px 1px rgba(255, 255, 255, 0.6);

    position: absolute;

    top: 0;

    left: 0;

}



.aditing-state > .edit-button {

    display: none;

}



.remove-item {

    display: block;

    color: #fff;

    padding: 5px 6px;

    text-decoration: none;

    background-color: #E30000;

    border-radius: 4px;

    box-shadow: inset -1px -1px 1px rgba(15, 15, 15, .5), inset 1px 1px 1px rgba(15, 15, 15, .5);

    width: 10%;

    text-align: center;

}



.edit-button:hover,

.remove-item:hover {

    color: #fff;

    text-decoration: none;

    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);

}



.add-item-button {

    padding: 10px 15px;

    display: block;

    margin-top: 15px;

    max-width: 200px;

    background-color: #5aac59;

    color: #fff;

    border-radius: 3px;

}



.modal-footer {

    display: flex;

    justify-content: center;

    align-items: center;

    position: -webkit-sticky;

    position: sticky;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: #fff;

    border-top: 1px solid rgba(0, 0, 0, .2);

    z-index: 5;

}



.mini-modal .modal-footer,

.conf-modal .modal-footer {

    position: relative;

}



.modal-footer a {

    text-decoration: none !important;

    display: block;

    text-align: center;

    font-family: Helvetica, sans-serif;

    line-height: 1.3;

    border-radius: 6px;

    font-size: 16px;

    padding: 10px 25px;

    cursor: pointer;

    font-weight: 700;

    color: #fff;

    transition: all 0.15s linear;

    margin: 0 15px;

    box-shadow: none !important;

}



.modal-footer a.modal-cancel,

.modal-footer a.conf-cancel {

    background-color: #d6d6d6;

}



.modal-footer a.modal-save-changes,

.modal-footer a.service-save-changes,

.modal-footer a.mini-save-changes {

    background-color: #5BAC5A;

}



.modal-footer a.conf-confirm {

    background-color: #E30000;

}



.modal-footer a:hover {

    opacity: 0.7;

    color: #fff !important;

    box-shadow: none !important;

}



#mirror-features-target li {

    cursor: move;

}



.package-features #mirror-features-target li:hover {

    border-color: #dbdbdb;

}



.service-line {

    margin-bottom: 15px;

    width: 100%;

    min-width: 250px;

    margin-left: 0;

    margin-right: 0;

    background-size: 20px;

    background-repeat: no-repeat;

    background-position: 0px;

    position: relative;

    padding-left: 20px;

    transform: translateX(-20px);

    background-image: url(../images/drag.svg);

    align-items: center;

    justify-content: space-between;

}



.service-line[data-type='title'] {

    pointer-events: none;

    background-image: none;

}



.front-end-form-plugin label.price-label, {

    font-size: 14px;

    width: calc(25% - 110px);

    text-align: center;

}



.service-line-controlls {

    display: flex;

    width: 110px !important;

    justify-content: flex-end;

    pointer-events: all;

}



.service-line-controlls .edit-button {

    position: initial;

    margin-right: 10px;

}



.service-line-controlls .remove-button {

    width: 30px;

    text-align: center;

}



.service-line:hover {

    background-color: rgba(94, 132, 164, 0.1);

    cursor: move;

}



.service-line select.form-control,

.service-line .form-text,

.service-line textarea,

.front-end-form-plugin .service-line label.form-check-label {

    width: 75% !important;

}



.add-element-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 5px 0;

}



.add-element-row span {

    display: block;

    min-width: 200px;

}



.action-add {

    text-decoration: none;

    color: #fff;

    background-color: #5BAC5A;

    padding: 6px 18px;

    border-radius: 4px;

    box-shadow: inset 0 1px 2px rgba(15, 15, 15, 0.1), inset 0 -1px 2px rgba(15, 15, 15, 0.1), inset 1px 0 2px rgba(15, 15, 15, 0.3), inset -1px 0 2px rgba(15, 15, 15, 0.3);

    min-width: 120px;

    margin-left: 25px;

}



.edding-area {

    display: none !important;

}



.in-editing-now .edding-area {

    display: block !important;

}



.custom-number input#bedrooms,

.custom-number input#bathrooms {

    width: calc(100% - 60px) !important;

}



.add-button {

    display: block;

    text-decoration: none;

    color: #fff;

    background-color: #5BAC5A;

    padding: 6px 18px;

    border-radius: 4px;

    max-width: 160px;

    cursor: pointer;

}



.add-button i {

    margin-right: 15px;

}



.remove-button {

    color: #fff;

    padding: 5px 6px;

    text-decoration: none;

    background-color: #E30000;

    border-radius: 4px;

    box-shadow: inset -1px -1px 1px rgba(15, 15, 15, .5), inset 1px 1px 1px rgba(15, 15, 15, .5);

}



.option-line {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 5px 0;

}



.option-line:nth-child(add) {

    background-color: #f7f7f7;

}



.edit-group span {

    display: block;

    font-size: 14px;

    font-weight: 700;

    color: #01719f;

}



.mirror-line {

    border-bottom: 1px dashed #dbdbdb;

    margin: 5px 0 25px;

    transition: all 0.3s ease-in-out;

}



.edit-line {

    margin: 5px 0 25px;

}



.services-section {

    position: relative;

    padding-top: 50px;

    background-color: #fcfcfc;

    background-image: url(../images/drag.svg);

    background-size: 20px;

    background-repeat: no-repeat;

    background-position: right top;

}



.services-section:hover {

    cursor: move;

}



.services-section.ui-sortable-helper {

    opacity: 0.75;

    border: 2px dashed #00729f;

}



.services-section hr {

    display: block;

    width: 100%;

    background-color: transparent;

}



.service-modal-half {

    width: 50%;

    padding: 15px;

}



#service-options .option-line input {

    width: calc(50% - 25px) !important;

}



#service-options textarea {

    min-height: 100px;

    line-height: 1.3 !important;

    font-size: 14px !important;

    padding: 10px !important;

}



.option-line .remove-button {

    width: 24px;

    text-align: center;

}



#service-options .dropdown-toggle,

#mini-modal .dropdown-toggle {

    display: block;

    margin: 0;

    right: 0;

    background-color: #02709f;

    border-color: #02709f;

    width: 40px;

    box-shadow: none !important;

}



#service-options .dropdown-toggle:active,

.show > .btn-primary.dropdown-toggle {

    background-color: #5aac59;

    border-color: #5aac59;

}



#service-options .btn-primary.iconpicker-component,

#mini-modal .btn-primary.iconpicker-component {

    margin: 0;

    display: block;

    background-color: #02709f;

    border-color: #02709f;

    width: 40px;

    box-shadow: none !important;

}



.change-icon-block {

    margin: 5px 0 15px;

    position: relative;

}



#service-mirror select + label {

    display: none;

}



/* width */

::-webkit-scrollbar {

    width: 5px;

}



/* Track */

::-webkit-scrollbar-track {

    background: transparent;

}



/* Handle */

::-webkit-scrollbar-thumb {

    background: #dbdbdb;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

    background: #d6d6d6;

}



.mini-modal, .conf-modal {

    position: fixed;

    background-color: #fff;

    top: 50%;

    left: 50%;

    z-index: 100;

    opacity: 0;

    width: 600px;

    max-width: 100%;

    transform: translate(-150%, -50%);

    transition: all 0.3s ease;

    height: auto;

    overflow: visible;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

}



.mini-modal.active,

.conf-modal.active {

    opacity: 1;

    transform: translate(-50%, -50%);

}



.mini-body {

    padding: 15px;

}



.mini-body .edit-line {

    display: flex;

    justify-content: space-between;

}



.mini-body .edit-group {

    width: 50%;

}



.mini-body .edit-line.mini-check-fields .edit-group {

    width: calc(50% - 5px);

}



.mini-body .edit-group.full-edit-group {

    width: 100%;

}



.mini-modal .dropdown-editor {

    width: 100%;

}



.mini-line {

    display: flex;

    justify-content: space-between;

    margin-bottom: 10px;

}



.dropdown-editor .mini-line:nth-child(1) {

    pointer-events: none;

}



.dropdown-editor .mini-line:nth-child(1) .remove-button {

    opacity: 0;

}



#mini-modal .mini-line input {

    width: calc(50% - 25px) !important;

}



#mini-modal .mini-line input.mini-drop-value {

    padding-left: 50px !important;

    background-image: url(../images/price.svg);

    background-position: 5px;

    background-size: 30px;

    background-repeat: no-repeat;

}



.mini-modal textarea {

    min-height: 75px;

}



.drag-container hr {

    width: 100%;

    background-color: transparent;

}



.line-sample span {

    display: block;

    font-size: 14px;

    font-weight: 700;

    color: #01719f;

    margin-bottom: 5px;

    line-height: 14px;

}



.line-sample span.custom-control-indicator {

    margin-bottom: 0;

    top: 3px;

}



.add-line .add-button {

    margin: 10px 0;

    color: #fff !important;

}



.add-new-category {

    padding: 10px 25px;

    width: 250px;

    max-width: 50%;

}



.added-hint {

    margin: 0;

    opacity: 0;

    transform: scale(0);

    transform-origin: left;

    font-weight: 700;

}



.added-hint.active {

    opacity: 1;

    transform: scale(1);

    color: #5aac59;

    transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s 0.6s ease;

}



.front-end-form-plugin label.price-label {

    max-width: 55px;

    text-align: center;

}



#order_confirmation_layout {

    font-size: 14px;

}



.front-end-form-plugin #confirmation-window .title {

    font-size: 20px;

    font-weight: 700 !important;

    color: #000;

    margin-bottom: 20px !important;

    display: block;

}



.detail-line {

    

    border-bottom: 1px solid #ebebeb;

}



.detail-title {

    font-weight: 700;

    margin-right: 10px;

}



.order-line {

    padding: 10px 5px;

    border-bottom: 1px solid #ebebeb;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.order-title {

    display: block;

    width: 100%;

    font-weight: 700;

}



.order-value {

    width: calc(100% - 75px);

}



.order-price {

    font-weight: 700;

    width: 75px;

    text-align: right;

}



.add-line-button {

    position: absolute;

    bottom: 0;

    left: 10px;

}



.form-left-content {

    padding-bottom: 40px;

}



.line-sample {

    border-top: 1px solid #dbdbdb;

    padding-top: 15px;

    margin-top: 15px;

}



.line-sample:nth-child(1) {

    border: none;

    margin-top: 0;

    padding-top: 0;

}



.service-line[data-type='title'] .remove-button {

    position: absolute;

    top: -50px;

    right: -350px;

}



/*Preview*/

#preview-step {

    position: relative;

}



.preview-button {
    position: fixed;
    display: block;
    text-decoration: none;
    color: #fff !important;
    background-color: #daa520;
    padding: 6px 18px;
    border-radius: 4px;
    cursor: pointer;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    width: 110px;
    text-align: center;
}


.preview-button:hover {
	color: #000000 !important;
}



#preview-step.active .preview-button {

    opacity: 1;

    pointer-events: all;

}



#preview-step.preview-mode .edit-button,

#preview-step.preview-mode .package-switcher,

#preview-step.preview-mode .service-line-controlls,

#preview-step.preview-mode .add-button,

#preview-step.preview-mode .state-disabled,

#preview-step.preview-mode .state-disabled + .card-body {

    visibility: hidden;

    display: none;

}



#preview-step.preview-mode .service-line,

#preview-step.preview-mode .services-section {

    cursor: auto !important;

    background-image: none;

}



#preview-step.preview-mode .services-section {

    padding-top: 0;

}



#preview-step.preview-mode .service-line:hover {

    background-color: transparent;

}



.editor {

   display: none;

}

.all_forms{

    margin-bottom: 20px;

}

.editor .form_name{

    margin-bottom: 20px !important;

    width: 30%!important;

    min-width: 200px;

}

.all_forms .form-row.row{



}

.all_forms .form_name{

    line-height: 35px;

    font-size: 20px;

    color: #00729f;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.all_forms .form_link{

    line-height: 35px;

    font-size: 16px;

    color: #444444;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    text-decoration: underline;

    cursor: pointer;

    text-align: center;

}

.all_forms  .form_actions{



}

.all_forms  .form_actions .service-line-controlls{

    width: 100%;

}

.f14{
	font-size: 14px;
}

.f16{
	font-size: 16px !important;
}
@media only screen and (min-width:770px) and (max-width:1024px)
{
	.form-row.services-section {
	padding-top: 0;
}
.form-row.service-line {
	transform: translatex(0) !important;
	padding: 0;
}
.form-group.form-sub-heading i, .form-group.form-sub-heading label {
	display: table-cell;
	font-size: 16px;
	vertical-align: middle;
}
.form-group.form-sub-heading i {
	font-size: 20px !important;
}
.edit-button, .remove-button {
	display: inline-block;
	margin: 10px 0 4px 0;
}
.modal-section-mirror, .modal-section-settings {
	min-width: 100%;
	display: block !important;
}
.modal-package-header > span, .modal-package-header > input {
	width: 50%;
	display: table-cell;
	font-size: 12px;
	text-align: left !important;

}
.modal-package-header > span{padding:0 !important;}
.form-group.form-sub-heading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.form-row.service-line {
	padding: 5px;
	background: #ededed;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.form-text.text-muted.mb-2 ,.form-row.service-line select,.form-row.service-line textarea {
	min-width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
	
}
@media only screen and (min-width:100px) and (max-width:768px)
{
.package.silver, .package.golden, .package.platinum {
	min-width: 100%;
	margin: 10px auto !important;
}
.package-selector {
	display:block !important; 
	
}
.form-row.services-section {
	padding-top: 0;
}
.form-row.service-line {
	transform: translatex(0) !important;
	padding: 0;
}
.form-group.form-sub-heading i, .form-group.form-sub-heading label {
	display: table-cell;
	font-size: 16px;
	vertical-align: middle;
}
.form-group.form-sub-heading i {
	font-size: 20px !important;
}
.edit-button, .remove-button {
	display: inline-block;
	margin: 10px 0 4px 0;
}
.modal-section-mirror, .modal-section-settings {
	min-width: 100%;
	display: block !important;
}
.modal-package-header > span, .modal-package-header > input {
	width: 50%;
	display: table-cell;
	font-size: 12px;
	text-align: left !important;

}
.modal-package-header > span{padding:0 !important;}
.form-group.form-sub-heading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.form-row.service-line {
	padding: 5px;
	background: #ededed;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.form-text.text-muted.mb-2 ,.form-row.service-line select,.form-row.service-line textarea {
	min-width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
.x-container.max.width.offset {
	width: 100%;
}
.package-features {
	min-width: 100%;
}
.package-features {
	min-width: 100%;
	padding-top: 21px;
}
	.x-brand.img {
	padding-left: 0 !important;
	font-size: 27px;
}
	.text-center.pb-4 img {
	max-width: 100% !important;
}
.control-createnew {
	margin-top: 40px !important;
}
}