Edit File: aio-contact-admin.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap"); body { background-color: #f1f1f1; font-size: 13px; } #wpcontent { padding-left: 0; } .aio-contact-preloader { position: fixed; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999; } .aio-contact-preloader:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8)); background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8)); } .aio-contact-preloader i { color: #fff; font-size: 5em; } .aio-contact { font-family: "Poppins", sans-serif; } .aio-contact-header { border-top: 5px solid #2196f3; } .aio-contact-header .aio-contact-logo { padding: 20px; } .aio-contact-header .aio-contact-logo img { width: 230px; } .aio-contact-header .aio-contact-menu { display: flex; background: #fff; } .aio-contact-header .aio-contact-menu .aio-contact-menu-item { margin: 0 20px; padding: 20px 0; color: #666; text-decoration: none; font-size: 14px; border-bottom: 2px solid transparent; box-shadow: none; } .aio-contact-header .aio-contact-menu .aio-contact-menu-item.active { border-bottom: 2px solid #2196f3; } .aio-contact-header .aio-contact-menu .aio-contact-menu-item:hover { color: #333; border-bottom: 2px solid #333; } .aio-contact-body { padding: 20px; } .aio-contact-body .aio-contact-section { padding: 0 0 1em 0; } .aio-contact-body .aio-contact-section .aio-contact-section-title { padding: 1em 0; border-bottom: 1px solid #ddd; } .aio-contact-body .aio-contact-section .aio-contact-section-title:not(:first-child) { border-top: 1px solid #ddd; } .aio-contact-body .aio-contact-section .aio-contact-section-title h2 { font-size: 1.5em; margin: 0 0 1em 0; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field { display: flex; padding: 1em 0 2em 0; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field:first-child { padding-top: 2em; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-field-label { width: 200px; max-width: 100%; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-field-input { max-width: 800px; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-field-input input[type=text], .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-field-input select, .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-field-input textarea { width: 400px; max-width: 100%; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-extra-field { display: flex; align-items: center; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-contact-extra-field input[type=checkbox] { margin: 0 0.5em 0 0; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field .aio-field-description { margin-top: 1em; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field #aio_border_radius { width: 290px; max-width: 100%; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field #aio_border_radius_value { width: 40px; border: 1px solid #ced4da; } .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field input[type=submit], .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field button.button-primary { background: #2196f3; border-color: #2196f3; } .aio-contact-body .aio-contact-items > div { margin-bottom: 20px; } .aio-contact-body .aio-contact-items .aio-contact-item { background: #fff; border-radius: 10px; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header { display: flex; align-items: center; justify-content: space-between; padding: 2em 2.5em; box-shadow: 0 4px 22px -22px grey; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-text { display: flex; align-items: center; max-width: 70%; cursor: move; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-text .aio-contact-item-icon img { max-width: 3em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-text .aio-contact-item-icon i { font-size: 3em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-text .aio-contact-item-title { font-size: 1.5em; margin-left: 0.5em; color: #444; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-actions { display: flex; align-items: center; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-actions .aio-contact-item-action { padding: 10px; cursor: pointer; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-actions .aio-contact-item-action:last-child { margin-right: -10px; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-header .aio-contact-item-actions .aio-contact-item-action i { font-size: 18px; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer { padding: 1.5em 2em; display: flex; justify-content: space-between; font-size: 0.75em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-cf7 { padding: 10px; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-cf7 .aio-contact-item-cf7-logo { background: url("../images/cf7-logo.png") no-repeat; width: 100%; height: 56.5px; background-position: center; background-size: contain; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-sc { padding: 10px; justify-content: center; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-sc .aio-contact-item-sc-logo { background: url("../images/shortcode-logo.png") no-repeat; width: 150px; height: 56.5px; background-position: center; background-size: contain; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-integration { padding: 10px; justify-content: center; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer.aio-contact-item-integration .aio-contact-item-integration-logo { background: url("../images/live-chat.png") no-repeat; width: 150px; height: 56.5px; background-position: center; background-size: contain; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-agents { display: flex; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-agents .aio-contact-item-no-agents { line-height: 47px; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-agents .aio-contact-item-agent { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-agents .aio-contact-item-agent:not(:first-child) { margin-left: 1em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-agents .aio-contact-item-agent .aio-contact-item-agent-avatar img { max-width: 30px; margin-bottom: 0.5em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-actions { display: flex; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-actions .aio-contact-item-action { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-actions .aio-contact-item-action:not(:first-child) { margin-left: 1em; } .aio-contact-body .aio-contact-items .aio-contact-item .aio-contact-item-footer .aio-contact-item-actions .aio-contact-item-action .aio-contact-item-action-icon i { font-size: 30px; margin-bottom: 0.1em; } .aio-contact-body .aio-contact-instructions iframe { max-width: 100%; border-radius: 10px; } .aio-contact-body .aio-contact-instructions a { padding: 20px; } .aio-contact-item-add { background: #2196f3; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; height: 100%; padding: 20px; cursor: pointer; } .aio-contact-item-add[data-type=cf7] { background: #001fa4; } .aio-contact-item-add[data-type=sc] { background: #111111; } .aio-contact-item-add[data-type=integration] { background: rgb(6, 201, 45); } .aio-contact-item-add.aio-contact-import-sample-items { background: #111111; } .aio-contact-item-add .aio-contact-item-add-icon i { font-size: 3em; } .aio-contact-item-add .aio-contact-item-add-text { font-size: 1.2em; margin-top: 1em; } #avail_timezone { width: 100%; } #agent_avatar_preview { max-width: 36px; display: block; } #agent_avatar_preview[src] { margin-bottom: 1em; } /** Prompt Memo **/ #prompt_memo > div.add_here > div:first-child .prompt_memo_up { display: none; } #prompt_memo > div.add_here > div:last-child .prompt_memo_down { display: none; } #prompt_memo input[type=text] { border-top-right-radius: 0; border-bottom-right-radius: 0; } /** Media Queries **/ @media screen and (max-width: 600px) { .aio-contact-body .aio-contact-section .aio-contact-fields .aio-contact-field { display: block; } } /** Helper Classes **/ .aio-h-italic-text { font-style: italic; } .aio-h-dim-text { opacity: 0.75; } .aio-h-divider { border-bottom: 1px solid #ddd; margin: 1em 0; } .aio-h-number-hide-arrows { -moz-appearance: textfield; } .aio-h-number-hide-arrows::-webkit-outer-spin-button, .aio-h-number-hide-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .aio-h-spin-hover:hover i { animation: fa-spin 2s infinite linear; } /** Overriding Default SweetAlert2 CSS **/ .swal2-modal { padding: 3em !important; } /** Overriding Default Bootstrap CSS **/ .modal-header, .modal-body, .modal-footer { padding: 2em 3em; border: none; } .modal-footer { justify-content: space-between; } .modal-content { border-radius: 10px; } /** Overriding Default WordPress CSS **/ .update-nag { display: none; } p.submit { margin-top: 0; padding-top: 0; } #setting-error-settings_updated { margin-top: 20px; } #setting-error-settings_updated b, #setting-error-settings_updated strong { font-weight: 400; } @media screen and (max-width: 600px) { #wpadminbar { margin-top: -46px; } #wpbody { padding-top: 0px; } .aio-contact-header { margin-top: 46px; } } @media screen and (max-width: 782px) { .auto-fold #wpcontent { padding-left: 0px; } #itemOptions .col-md-4 { margin-bottom: 10px; } }/*# sourceMappingURL=aio-contact-admin.css.map */
Back