/**
 * CMSXL and Application User Interface Soft Touch Buttons.
 * Copyright (c) 2023 Anthony Albit. All rights reserved.
 *
 * For more information, please contact:
 * Email: anthony.albit@wayovermedia.com
 * Website: https://cmsxl.com
 */

/* Style Constructor */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

/* Core CSS Import */
/*@import 'core.css';*/

/* Forms CSS Import */
/*@import 'forms.css';*/

/* Content CSS Import */
/*@import 'content.css';*/

/* Header CSS Import */
/*@import 'header.css';*/

/* Footer CSS Import */
/*@import 'footer.css';*/

/* Blog CSS Import */
/*@import 'blog.css';*/

/* Store CSS Import */
/*@import 'store.css';*/


/* Administrative */
.svg-icons-cache {
    display: none;
}
.svg-icons-cache svg {
    width: 40px;
    height: 40px;
}
.phrases {
    display: block;
    position: fixed;
    z-index: 999999;
    top: 10px;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    width: 300px;
    font-size: 0;
    background-color: #f0f0f0;
    overflow: auto;
}
.phrases table {
    margin-bottom: 10px;
    width: 100%;
}
.phrases table td {
    padding: 2px;
}
.phrases input {
    padding: 2px 5px;
    font-size: 12px;
}
.dimensions {
    display: none;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 40px;
    padding: 5px 0;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, .8) none repeat scroll 0 0;
}
.content-editable {
    -webkit-user-modify: read-write-plaintext-only;
}
/* Globals */
.absolute {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.disabled {
    position: relative;
}
.disabled::after {
    content: '';
    display: block;
    position: absolute;
    z-index: +1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    /*background-color: var(--footer-background-color);*/
    opacity: .55;
}
.hidden {
    display: none !important;
}
.overflow {
    overflow: auto !important;
}
.no-overflow {
    overflow: visible !important;
}
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 auto !important;
}
.no-scroll {
    /*position: fixed;*/
    /*margin-right: calc(100vw - 100%);*/
    /*height: 100vh;*/
    overflow: hidden;
}
@media (max-width: 575px) {
    .no-scroll {
        /*padding-right: 3px;*/
    }
}

.no-select * {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
.selectable {
    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-user-select: auto;
    user-select: all;
    -webkit-touch-callout: default;
}
.clear {
    clear: both !important;
}
.blur {
    -webkit-filter: blur(6px);
    filter: blur(6px);
}
.uppercase {
    text-transform: uppercase !important;
}
.text-center {
    text-align: center !important;
}

.m-top-20 {
    margin-top: 20px !important;
}

.m-top-zero {
    margin-top: 0 !important;
}
.m-bottom-zero {
    margin-bottom: 0 !important;
}
.p-top-zero {
    padding-top: 0 !important;
}
.p-bottom-zero {
    padding-bottom: 0 !important;
}


/* Fixers */
::selection {
    color: #ffffff;
    background-color: var(--accent-color);
}
::-moz-selection {
    color: #ffffff;
    background-color: var(--accent-color);
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.spinner-holder {
    display: none;
    position: fixed !important;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000050;
    overflow: hidden;
}
.spinner-holder.absolute {
    position: absolute !important;
}
.spinner-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 250px;
    max-width: 250px;
    height: 250px;
    max-height: 250px;
    background-color: #222026;
    box-shadow: 0 0 30px -10px #000000;
    border-radius: 50%;
}