/* form: node-form                                  ***/
form.node-form { padding: 0; max-width: 70rem; }
form.node-form .draggable td { padding: 0; max-width: 63rem; }
form.node-form #edit-group-office { max-width: 100%;}
form.node-form #edit-actions > .button { margin: 5px; }
form.node-form #edit-field-rwbusiness-admin-campaigns-wrapper { direction: ltr; text-align: left; }
form.node-form #edit-field-rwbusiness-admin-campaigns-wrapper input.form-autocomplete { direction: ltr; text-align: left;
    background-position: 100% center; }

form.node-form #edit-actions { display: grid; position: fixed; top: 20%; left: 85%; border-style: groove; border-radius: 20px;
    background-color: lightgray; width: auto; grid-template-columns: auto auto auto; gap: 0px; }

form.node-form .field--name-field-rwbusiness-topper input[type=url], 
form.node-form .field--name-field-rwbusiness-easy input[type=url], 
form.node-form .field--name-field-rwbusiness-instagram input[type=url],
form.node-form .field--name-field-rwbusiness-facebook input[type=url],
form.node-form .field--name-field-rwbusiness-website input.form-autocomplete { direction: ltr; padding-left: 30px; 
    width: 100%; }
form.node-form .field--type-email,
form.node-form .form-item-path-0-alias input { direction: ltr; }
form.node-form .field--type-entity-reference  { display: inline-block; max-width: 30%; margin: 10px; }
form.node-form .field--type-entity-reference.field--name-field-rwbusiness-city { max-width: 100%; display: block; }
form.node-form .field--name-field-rwbusiness-profession { width: 98%; max-width: none; margin-top: 0; }
form.node-form .field--name-field-rwbusiness-profession input.form-autocomplete { width: 100% }

form.node-form table { margin-bottom: 10px; display: table; position: relative; }
form.node-form tbody, 
form.node-form thead { display: table-row-group; }
form.node-form tr { display: table-row; }
form.node-form td,
form.node-form th { display: table-cell; }
form.node-form input.form-autocomplete { direction: ltr; text-align: left; background-position: right !important; }
form.node-form input[type=url],
form.node-form input[type=text] { width: 100%; }
form.node-form .tableresponsive-toggle-columns { width: 0; }

form.node-form .field--type-link { padding: 5px; border-style: solid; border-width: thin; border-radius: 20px;
    background-color: antiquewhite; line-height: 1; font-size: medium; width: 100%; display: inline-block; }
form.node-form .field--type-whatsapp,
form.node-form .field--type-string,
form.node-form .field--type-email,
form.node-form .field--type-telephone { display: inline-block; max-width: 30%; margin: 10px; }
form.node-form .field--type-email { direction: ltr; }
form.node-form .field--type-entity-reference { display: inline-block; max-width: 30%; margin: 10px; }
form.node-form .field--type-entity-reference.field--name-field-rwbusiness-city { max-width: 100%; display: block; 
    direction: rtl; text-align: right;}
form.node-form .field--type-entity-reference.field--name-field-rwbusiness-city input { width: auto; direction: rtl; 
    text-align: right;}

form.node-form .field--name-field-rwbusiness-topper input[type=url], 
form.node-form .field--name-field-rwbusiness-easy input[type=url], 
form.node-form .field--name-field-rwbusiness-instagram input[type=url],
form.node-form .field--name-field-rwbusiness-facebook input[type=url],
form.node-form .field--name-field-rwbusiness-website input.form-autocomplete { direction: ltr; padding-left: 30px; 
    width: 100%; }
form.node-form .field--name-field-rwbusiness-profession { width: 65%; max-width: none; margin-top: 0; direction: rtl; }
form.node-form .field--name-field-rwbusiness-profession input.form-autocomplete { width: 100%; direction: rtl;
    text-align: right; background-position: left !important; }

form.node-form .field--name-field-rwbusiness-email-link,
form.node-form .field--name-field-rwbusiness-phone-link { width: 49%; }

/*form.node-form #edit-field-rwbusiness-email-link-wrapper { width: 49%; }*/
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div { display: block; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div > .form-item,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div > .form-item { overflow-x: auto; display: block;
    position: relative; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div table,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div table { border-collapse: collapse; width: 100%;
    display: block; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div thead,
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div tbody,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div thead,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div tbody { display: block; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div tr,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div tr { width: auto; display: block; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div td:nth-child(2) > div,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div td:nth-child(2) > div { width: 100%; }
form.node-form #edit-field-rwbusiness-phone-link-wrapper > div td:nth-child(2) > div > div,
form.node-form #edit-field-rwbusiness-email-link-wrapper > div td:nth-child(2) > div > div  { display: none; }

#node-faq-form {}
#node-faq-form .field--name-field-faq-reference-content input { direction: ltr; padding-left: 30px; width: 100%; }

#node-faq-edit-form {}
#node-faq-edit-form .field--name-field-faq-reference-content input { direction: ltr; padding-left: 30px; width: 100%; }
#node-faq-edit-form .field--type-string { width: 96%; max-width: 100%; }

#node-rwbusinesspost-edit-form {}
#node-rwbusinesspost-edit-form .field--name-title { max-width: 100%; width: 96%; }
#node-rwbusinesspost-edit-form .field--name-field-rwbusinesspost-rwbusiness { max-width: 100%; width: 97%; }
#node-rwbusinesspost-edit-form .field--name-field-rwbusinesspost-rwbusiness input { direction: rtl; text-align: right; background-position: left !important; }

/** edit fields **/
#edit-unique-field-fields { display: grid; grid-template-columns: auto auto auto; }
#edit-field-faq-reference-business-gro { display: grid; grid-auto-flow: column; grid-gap: 1px; grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(13, auto); }
#edit-field-faq-reference-business-gro-wrapper { margin: 1rem 0; max-width: 100%; }
#edit-field-faq-reference-business-gro-wrapper .fieldset-wrapper { margin: 10px; border-style: solid; border-width: thin;
    padding: 10px; border-radius: 5px; }
#edit-field-faq-reference-content-wrapper { max-width: 100%; width: 97%; text-align: right; direction: rtl; }
#edit-field-faq-reference-content-wrapper input.autocomplete-deluxe-form { direction: rtl; width: 400px; text-align: right; }
#edit-field-faq-tags-wrapper { max-width: 100%; width: 96%; }
#edit-field-faq-tags-wrapper input.form-autocomplete { direction: rtl; text-align: right; background-position: left !important;}

/** admin forms **/
#system-modules { width: auto; max-width: unset; }
#ultimate-cron-job-list,
#background-image-settings,
#field-ui-field-storage-add-form,
#user-admin-settings,
#locale-translate-edit-form,
#entity-form-display-edit-form,
#webform-submission-bulk-form,
#webform-submission-filter-form,
#config-single-export-form,
#block-admin-display-form,
#pathauto-pattern-list,
#rw-settings-form,
#views-form-content-content-page,
#views-exposed-form-content-content-page,
#system-performance-settings,
#views-ui-preview-form,
#view-edit-form,
#entity-view-display-edit-form,
#field-config-edit-form,
#node-type-edit-form,
#system-clear-cache,
#user-admin-permissions,
#content-access-admin-settings { width: 100%; max-width: unset; }
#content-access-admin-settings .content_access-div { display: block; }
#block-ruhipro-exposedformprofspage-2,
#block-ruhipro-exposedformprofspage-1 { display: none; }

#metatag-defaults-edit-form { background-color: lightgray; }
#metatag-defaults-edit-form textarea { direction: rtl; }
#metatag-defaults-edit-form #edit-keywords { width: 100%; direction: rtl; }
#metatag-defaults-edit-form #edit-advanced #edit-robots-keyed > div,
#metatag-defaults-edit-form #edit-advanced .details-wrapper > div { width: 33% }
#metatag-defaults-edit-form #edit-advanced #edit-robots-keyed { width: 100%}


/** block claro     **/
#block-claro-content .sentry-main-form { direction: ltr; text-align: left; background: whitesmoke; border-radius: 20px;
    display: inline-block; width: 100%; margin: auto; max-width: 100%; }
#block-claro-content .sentry-main-form td { overflow-wrap: anywhere; padding: 0; height: 2rem; }
#block-claro-content .sentry-main-form td .table-select { margin: 0 !important; padding: 0 !important; background: transparent !important; }


/** wave effect     **/
.wave { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTc0LjQ3MDY0IDQ2LjM0NTk0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IndhdmUtZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4KICAgICAgPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6IzAwMDAzZjsiIG9mZnNldD0iMCIgaWQ9ImRlZXAtb2NlYW4iIC8+CiAgICAgIDxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZTZmZmY7IiBvZmZzZXQ9IjEiIGlkPSJzaGFsbG93LW9jZWFuIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggc3R5bGU9ImZpbGw6dXJsKCN3YXZlLWdyYWRpZW50KTtmaWxsLXJ1bGU6ZXZlbm9kZCIgZD0ibSAwLDExLjM4NDQ4IGMgMCwwIDIxLjEzMzg1MSwxMS4zOTUzMSA0My42MTc2NjEsMTEuMzg0NDEgQyA2Ni4xMDE0NzEsMjIuNzU3OTkgMTA3Ljk2ODU2LDAuMDMyNjIgMTMwLjUwOCw3ZS01IGMgMjIuNTM5NDQsLTAuMDMyNSA0My45NjI2NCwxMS4zODQ0MSA0My45NjI2NCwxMS4zODQ0MSBWIDQ2LjM0NTk0IEggMCBaIiAvPgo8L3N2Zz4=");
    background-repeat: repeat-x; background-size: 251px auto; background-position: bottom; position: absolute; bottom: -3px;
    width: 100%; height: 200px; animation: wave 6s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; border-radius: 15px;
    opacity: 0.9; z-index: 2; }

.wave:nth-child(2) { animation: swell 8s ease 1.25s infinite, wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) 0.125s infinite;
    z-index: 1; opacity: 0.7 }

@keyframes wave {
    0% {
        background-position-x: 0%;
    }
    100% {
        background-position-x: -500px;
    }
}

@keyframes swell {
    0%, 100% {
        background-position: right bottom 10px;
    }
    50% {
        background-position: right bottom 0;
    }
}