/**
 * =============================================================================
 * @package         Blue Raven (Free Version)
 * @Plugin URI      https://enterrahost.com/plugins/blue-raven
 * 
 * @Author          EnterraHost
 * @Author URI      https://enterrahost.com
 * @License         GPL-2.0-or-later
 *  
 * @Copyright       (c) 2025 EnterraHost
 * @Contents        Back End CSS
 *
 * =============================================================================
 * 
 * || INDEX:
 * ||   - FONTS
 * ||   - TEXT 
 * ||   - CONTENT BLOCKS
 * ||   - BUTTONS
 * ||   - HEAD
 * ||   - SIZES
 * ||   - MEDIA
 * ||   - BODY 
 * ||   - BORDERS
 * ||   - SIDE BAR
 * ||   - FORMS AND TEXT
 * ||   - SLIDER SWITCH 
 * ||   - BORDERS
 * ||   - CHECKBOX
 * ||   - ABOUT PAGE
 * ||   - LOADING ANIMATION
 * ||   - MY PRODUCT MENU
 * ||   - TEXT EDITOR
 * ||   - TEXT PAD
 * ||   - BLUE RAVEN TABLE
 * ||   - LICENSE
 * ||   - MAIL FORM BUILDER   
 * ||   - SALES
 * ||   - DYNAMIC CSS
 * || 
 * =============================================================================
 */
 
/*
============================================================
    FONTS
============================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

@font-face {
  font-family: 'Figtree';
  src: url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');
}

:root {
    --Background_grey: #2b2b2b;
    --Black: #000;
    --Second_grey: #757575;
    --White: #fff;
    --Primary_Color: #36A3CC; 
    --Second_Blue: #9ad6ff;
    --Red: #e64345;
    --Primary_Color_33: rgba(154, 214, 255);
}

/*
============================================================
    TEXT
============================================================
*/

.enterra-admin a {font-family: 'Oxygen', sans-serif;text-decoration: none ;color: var(--White);}
.enterra-admin a:hover {text-decoration: none ;}
.enterra-admin p {font-family: 'Oxygen', sans-serif;margin: 0rem;color: inherit;font-size: 14px;   }
.enterra-admin h1{font-family: 'Figtree', sans-serif;font-weight: 800;font-size: 2rem;color: inherit;align-content: center;}
.enterra-admin h2{font-family: 'Figtree', sans-serif; font-weight: 600;font-size: 1.9rem;color: inherit}
.enterra-admin h3{font-family: 'Oxygen', sans-serif;font-weight: 500;font-size: 1.9rem;color: inherit;}
.enterra-admin h4{font-family: 'Oxygen', sans-serif;font-weight: 300;font-size: 1.2rem;color: inherit;}
.enterra-admin h5{font-family: 'Oxygen', sans-serif;color: inherit;}
.enterra-admin h6{font-family: 'Oxygen', sans-serif;color: inherit;}
.br-error{font-size: 1rem !important;font-weight: 600 !important;font-family: 'Oxygen', sans-serif !important;color: var(--Red) !important;}
.enterra-highlight{color: var(--Second_Blue) !important;}

@media (max-width: 768px) {.enterra-admin h1{font-size: 3.5rem; } .enterra-admin h3{font-size: 1.5rem;}}
@media (max-width: 480px) {.enterra-admin h1{font-size: 3rem;   } .enterra-admin h3{font-size: 1.6rem;}.enterra-admin h4{font-size: 1.2rem;text-decoration: underline;}}

/*
============================================================
    CONTENT BLOCKS
============================================================
*/

.flex-sb{display: flex;justify-content: space-between;}
.flex-left{display: flex;justify-content: flex-start;}
.flex-right{display: flex;justify-content: flex-end;}

.spacing-right{margin-right: 2rem !important;}
.spacing-left{ margin-left: 2rem !important}
.spacing-right-small{margin-right: 1rem !important;}
.spacing-left-small{margin-left: 1rem !important}
.spacing-top{margin-top: 1rem !important;}
.spacing-bottom{margin-bottom: 1rem !important}
.spacing-bottom-large{margin-bottom: 3rem !important}

.text-center{align-content: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.indent-one{padding: 0rem 1rem;}
.no-margin-padding{margin: 0rem;padding: 0rem;}

.spacer-span-4{width: 4rem;display:block;}
.spacer-span-2{width: 2rem;display:block;}

.block-wrap-bottom-border{
    padding: 0rem 0rem 5rem 0rem;
    margin-bottom: 5rem;
    border-bottom: 11px solid var(--White)
}

/*
============================================================
    BUTTONS
============================================================
*/

.enterra-hollow-button{transition: transform 0.3s ease;}
.enterra-square-button:hover{opacity: 70%;transform: translateY(-1px);}

.enterra-button,
.enterra-nav-button,
.enterra-nav-button-my-product,
.side-bar-buttons {font-family: 'Oxygen', sans-serif; font-size: 1.2em;text-decoration: none;cursor: pointer;transition: all 0.3s ease;}
.enterra-button {display: inline-block;padding: 6px 24px;background-color: var(--Primary_Color);color: #fff !important;text-align: center;font-weight: 600;border-radius: 50px;border: none;}

.enterra-button a{color: #fff !important; }
.enterra-button:hover {color: #fff; transform: translateY(-1px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); }
.enterra-button:active {transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.enterra-nav-button:hover {border-bottom: 3px solid var(--Primary_Color);transform: translateY(-1px);}
.enterra-nav-button:active {border-bottom: 3px solid var(--Primary_Color);}
.enterra-nav-button.active{border-bottom: 3px solid var(--Primary_Color);}

.enterra-nav-button,
.enterra-nav-button-my-product {margin: 0.5rem;display: inline-block;padding: 8px 0;background-color: transparent;color: #111 !important;text-align: left;font-weight: 700;transition: transform 0.3s ease;}
.enterra-nav-button a {text-decoration-line: none !important;}

.enterra-blue-icon {color: var(--Primary_Color) !important;}
.dismissive-button{background-color: var(--Second_grey) !important;}
.open-button{background-color: transparent !important;}
.text-button{background-color: transparent;box-shadow: none;border: none;cursor: pointer;}
.clickable:hover {border-bottom: 2px solid var(--Primary_Color) !important;transform: translateY(-1px);}
.clickable-nomove:hover {border-bottom: 2px solid var(--Primary_Color) !important;}
.enterra-secondary-button-color{background-color: var(--Second_grey) !important;}
.enterra-extra-button-color{background-color: transparent !important;border: 1px solid var(--Primary_Color);}

@media (max-width: 1350px) {.enterra-button{font-size: 1em !important; }}

/*
============================================================
    HEAD
============================================================
*/

.enterra-header{max-width: 1200px;width: 95%;margin:1rem auto;}
.header-topbar{border-radius: 1.5rem;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); padding: 1rem;max-height: 70px;}
.header-menu h4{color: var(--Black) !important; }
.header-menu a {color: var(--Black) !important; }
.header-menu{border-bottom: 1px solid #00000070;padding-bottom: 4px;height: 38px;}
.header-menu p{padding: 0rem;height: 2rem;}
.header-under-menu a{color: #111 !important; }
.feather-amount{font-size: 20px;font-family: 'Oxygen', sans-serif;}
.header-text{font-size: 16px;font-weight: 100;}

/*
============================================================
    SIZES
============================================================
*/

.br-size-30{width: 30rem;}

/*
============================================================
    MEDIA
============================================================
*/

.enterra-menu-icon{width: 32px;height: 32px;}
.enterra-menu-user-icon{width: 32px;height: 32px;border-radius: 0.5rem;}
.enterra-menu-feather-icon{width: 28px;height: 28px;margin: 10px 0rem;}
.enterra-enterrahost-logo{position: absolute;top: 1rem;left: 2rem;z-index: -1;width: 20rem;}

/*
============================================================
    BODY
============================================================
*/

#wpcontent{padding: 0rem;}
.parent-container{margin: 2rem auto;background-color: var(--Background_grey);min-height: 80vh;border-radius: 2rem;color: var(--White) !important;padding: 2rem 3vw; width: 85%; min-width:825px;}
#blue-raven-view-container {margin: 0px !important;}
.screen-big {display: block;}
.screen-small {display: none;}
@media (max-width: 1050px) {.screen-big {display: none;}.screen-small {display: block;}.parent-container{display: none;}}

/*
============================================================
    BORDERS
============================================================
*/

.border-bottom-white{padding-bottom: 1rem;border-bottom: 1px solid var(--White);}
.border-left-white{padding-left: 1rem;border-left: 1px solid var(--White);}

/*
============================================================
    SIDE BAR
============================================================
*/

.sidebar{width: 10rem; }
.side-bar-buttons {display: block;padding: 5px 0;margin-bottom: 0.5rem;background-color: transparent;color: #fff !important;text-align: center;font-weight: 600;border: none;border-bottom: 3px solid transparent;transition: transform 0.3s ease, border-bottom 0.3s ease;}
.side-bar-buttons:hover {border-bottom-color: var(--Primary_Color); /* Only change the color */transform: translateX(1px);}
.inner-side-bar {padding-left: 1.5rem;border-left: solid white 2px;margin-bottom: 1.5rem;}
.inner-side-bar .side-bar-buttons{font-size: 14px;font-weight: 400;}
a:focus {outline: none;box-shadow: none;}

/*
============================================================
    FORMS AND TEXT
============================================================
*/

.br-text-area{background: transparent;border: solid 1px #ddd;color: var(--White);border-radius: 8px;padding: 16px;box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5);}
.br-text-area-light{background-color: #ffffff15 !important;border: 1px solid #8c8f94 !important;color: var(--White);border-radius: 4px !important;padding: 16px;}
.br-text-area:focus{border: solid 1px var(--Second_Blue);}
.br-input{box-shadow: 0 0 0 transparent !important;border-radius: 4px !important;border: 1px solid #8c8f94 !important;background-color: #ffffff15 !important;color: var(--White) !important;padding: 4px !important;}
.br-dropdown{box-shadow: 0 0 0 transparent !important;border-radius: 4px !important;border: 1px solid #8c8f94 !important;background-color: #ffffff15 !important;color: var(--White) !important;padding: 4px !important;}
.br-badge {border-radius: 4px !important;border: 1px solid white !important;padding: 2px 4px;}
.br-badge.success {border: 1px solid var(--Primary_Color) !important;}
.br-badge.warning {border: 1px solid var(--Red) !important;}
.edit-variation{color: var(--White) !important;}

/*
============================================================
    SLIDER SWITCH
============================================================
*/

.switch {position: relative;display: inline-block;width: 50px;height: 28px;margin-top: 0.3rem;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;background-color: #ccc;border-radius: 34px;top: 0;left: 0;right: 0;bottom: 0;transition: 0.4s;width: 50px;}
.slider:before {content: "";position: absolute;height: 20px;width: 20px;border-radius: 50%;left: 4px;bottom: 4px;background-color: white;transition: 0.4s;}
input:checked + .slider {background-color: #4CAF50;}
input:checked + .slider:before {transform: translateX(22px);}
.toggle-text-width{width:20rem;}

/*
============================================================
    CHECKBOX
============================================================
*/

.br-checkbox input[type="checkbox"] {position: absolute  !important; opacity: 0  !important;cursor: pointer  !important;}
.br-checkbox {display: flex  !important;align-items: center  !important;cursor: pointer  !important;user-select: none  !important;position: relative  !important; }
.br-checkbox .br-check-mark {width: 25px  !important;  height: 25px  !important; min-width: 25px  !important; border: solid transparent 1px !important; min-height: 25px  !important;background-color:  #eee !important;border-radius: 5px  !important;  display: inline-block  !important;position: relative  !important;transition: background-color 0.3s  !important;margin-right: 0.5rem  !important;}
.br-checkbox input:checked + .br-check-mark {background-color: var(--Background_grey)  !important;border: solid var(--Primary_Color) 1px !important;}
.br-checkbox .br-check-mark:after {content: ""  !important;position: absolute  !important;display: none  !important;}
.br-checkbox input:checked + .br-check-mark:after {display: block  !important;}
.br-checkbox .br-check-mark:after {left: 8px  !important;top: 3px  !important;width: 6px  !important;height: 12px  !important;border: solid var(--Primary_Color)  !important;border-width: 0 3px 3px 0  !important;transform: rotate(45deg)  !important;}
.br-star-checkbox {display: none !important;}
.br-star-label {font-size: 1.3rem;color: #ccc;cursor: pointer;transition: color 0.3s;}
.br-star-checkbox:checked + .br-star-label {color: gold;}

/*
============================================================
    ABOUT PAGE
============================================================
*/

.enterra-href {text-decoration: underline  !important;color: var(--Second_Blue) !important;}
.blue-raven-changelog-container {background-color: #2b2b2b;padding: 1rem;border-radius: 2rem;font-family: Arial, sans-serif;max-width: 100%;margin: 0 auto;}
.changelog-heading {font-size: 24px;color: #333;margin-bottom: 2rem;font-weight: bold;}
.blue-raven-changelog {margin-top: 2rem;}
.changelog-entry {border-bottom: 1px solid #e0e0e0;padding-bottom: 2rem;margin-bottom: 2rem;}
.version-title {font-size: 2rem;font-weight: bold;color: #2a2a2a;margin-bottom: 8px;}
.version-date {font-size: 14px;color: #888;margin-bottom: 10px;}
.version-content {font-size: 14px;color: #fff;margin-bottom: 6px;}
.version-content ul {list-style-type: disc;color: #fff;margin-left: 2rem;}
.version-content li {font-size: 14px;color: #fff;margin-bottom: 6px;}
.version-content p {margin-bottom: 10px;font-size: 14px;}
.no-entries, .changelog-error {color: #f44336;font-size: 14px;font-weight: bold;margin-top: 20px;}
.changelog-success {color: #4CAF50;font-size: 14px;font-weight: bold;margin-top: 20px;}

/*
============================================================
    LOADING ANIMATION
============================================================
*/

.loading-parent {position: relative;width: 100%;height: 50vh;}
.loading-container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.bouncing-image {width: 80px;animation: bounce 1.5s infinite ease-in-out;}

.loading-text {margin-top: 20px;font-size: 18px;}
.ellipsis {display: inline-block;width: 20px;text-align: left;}
.ellipsis::after {content: '...';animation: dots 1.5s infinite;}

@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-20px);}}
@keyframes dots {0% { content: ''; }25% { content: '.'; }75% { content: '..'; }100% { content: '...'; }}

.inline-spinner {margin-top: 0.25rem;width: 20px;height: 20px;border: 3px solid #ccc;border-top-color: #333;border-radius: 50%;animation: spin 0.6s linear infinite;z-index: 10;}
@keyframes spin {to { transform: rotate(360deg); }}

/*
============================================================
    MY PRODUCT MENU
============================================================
*/

.my-product-menu h4{color: var(--White) !important;}
.my-product-menu a {color: var(--White) !important;}
.my-product-menu{border-bottom: 1px solid var(--White);padding-bottom: 4px;height: 38px;}
.my-product-menu p{padding: 0rem;height: 2rem;}

.enterra-nav-button-my-product:hover {border-bottom: 3px solid var(--Primary_Color);transform: translateY(-1px);}
.enterra-nav-button-my-product:active {border-bottom: 3px solid var(--Primary_Color);}
.enterra-nav-button-my-product.active{border-bottom: 3px solid var(--Primary_Color);}

/*
============================================================
    MY PRODUCT
============================================================
*/

.image-metas {width: 98%; display: flex !important; flex-direction: column; justify-content: space-between;}

/*
============================================================
    TEXT EDITOR
============================================================
*/

.brtxe {margin: 1rem 0rem 1.5rem 0rem;}
.brtxe h2{font-family: 'Figtree',sans-serif;font-weight: 600;font-size: 1.9rem;color: inherit;}
.brtxe h3{font-family: 'Oxygen', sans-serif;font-weight: 500;font-size: 1.4rem;color: inherit;}
.brtxe h4{font-family: 'Oxygen', sans-serif;font-weight: 300;font-size: 1.2rem;color: inherit;}
.brtxe p{font-family: 'Oxygen', sans-serif;margin: 0rem;color: inherit;font-size: 14px; margin-bottom: 1.5em;}
.brtxe li{padding-left: 1rem;}
.brtxe a{color: var(--Second_Blue);}

.brtxe-toolbar{border-bottom: 1px solid var(--White); height: 2.5rem;}
.brtxe-toolbar button {margin: 0.5rem 0.5rem;display:inline-block;padding: 2px 4px;background-color: transparent;color: var(--White) !important; text-align: left;text-decoration: none;font-size: 16px;font-weight: 700;transition: transform 0.3s ease;cursor: pointer;font-family: 'Oxygen', sans-serif;border: none;}
.brtxe-toolbar button:hover {border-bottom: 1px solid var(--Primary_Color);transform: translateY(-1px);}
.brtxe-toolbar button.active {border-bottom: 1px solid var(--Primary_Color);}

.brtxe-editor{background: transparent;border: solid 1px #ddd;color: var(--White);border-radius: 8px;padding: 16px;box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5);margin-top: 1rem; min-height: 5rem;}
.brtxe-editor:focus{border: solid 1px var(--Second_Blue);box-shadow: none;}

/*
============================================================
    TEXT PAD
============================================================
*/

.text-pad{box-shadow: 0px 4px 8px #1c1c1c !important;border-radius: 4px !important;background-color: rgba(56, 56, 56) !important;color: var(--White) !important;padding: 6px !important; width: 100%;}
.text-pad [data-id="no-add-tag"] {opacity: 50%; font-style: italic; font-size: 12px;}
.br-block-item{border-radius: 4px !important;border: 1px solid var(--White) !important;color: var(--White) !important;padding: 4px !important;}
.br-block-remove{cursor: pointer;}
.blue-tag{border: 1px solid var(--Primary_Color) !important}
.grey-tag{border: 1px solid var(--Second_grey) !important}
.br-tag-item.active {background-color: #f0f0f030;}

#tag-list{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;padding: 0.5rem;}

/*
============================================================
    BLUE RAVEN TABLE
============================================================
*/

.blue-raven-table {border-collapse: collapse;width: 100%;font-family: 'Oxygen', sans-serif;margin: 2rem 0rem;}
.blue-raven-table thead {font-size: 1.3rem;}
.blue-raven-table th {text-align: left;padding: 8px;}
.blue-raven-table td {padding: 8px;border-top: 1px solid #ddd;}
.page-button{width: 1.5rem;padding: 0.5rem;border: white 1px solid;display: block;text-align: center;border-radius: 8px;}

/*
============================================================
    ABOUT PAGE
============================================================
*/

.br-product-indicator{display: block;width: 1.25rem;height: 1.25rem;border-radius: 1rem;margin-right: 0.5rem;}
.bri-blue{background-color: var(--Second_grey);}
.bri-draft{background-color: orange;}
.bri-issue{background-color: red;}
.bri-blue-publish{background-color: var(--Primary_Color);}
.bri-woo{background-color: purple;}
.bri-pending{background-color: yellow;}

/*
============================================================
    LEARN MORE PAGE
============================================================
*/

.br-lm-grid{width:25%; padding: 1rem; border: rgba(255, 255, 255, 0.2) solid 1px;}
.blue-background{background-color: #50b9ff;}

/*
============================================================
    LICENSE
============================================================
*/

.license-key-container {display: flex;align-items: center;gap: 15px;}
.license-status {font-size: 13px;}
.license-status.valid {color: #4ab866;}
.license-status.invalid {color: #dc3232;}
.license-status.expired {color: #ffb900;}
.license-status.suspended {color: #ffb900;}
.license-status.missing {color: #ffb900;}
.license-status .dashicons {font-size: 16px;width: 16px;height: 16px;vertical-align: middle;margin-right: 4px;}

/*
============================================================
    MAIL FORM BUILDER    
============================================================
*/

.mli-name{font-weight: 900;width: 30%;min-width: 20rem;margin-right: 2rem !important;align-self: center;}
.mli-code{font-weight: 200;width: 30%;min-width: 20rem;margin-right: 2rem !important;border: #e3e3e3 solid 1px;padding: 0.5rem 0.5rem;font-family: monospace !important;align-self: center;}
.mli-edit{align-self: center; width: 5rem; color: var(--White) !important;}
.mli-delete{align-self: center;}
.br-mf-plus{background-color: #bebebe42; padding: 0.4rem 0rem; border: 2px solid var(--Primary_Color); border-radius: 8px; font-size: 0.8rem; text-align:center; width: 100%; display: block;}
.mf-editing {position: relative; outline: 2px solid var(--Primary_Color_33); border-radius: 6px; width: 100%;}
.draggable-block.is-dragging {position: fixed !important;margin: 0 !important;cursor: grabbing;z-index: 9999; opacity: 0.8;transform: rotate(2deg);box-shadow: 0 4px 8px rgba(0,0,0,0.2);padding: 0.2rem 1rem;border-radius: 6px;border: solid white 1px;}
.drop-zone {min-height: 20px;}
.mli-delete {cursor: pointer;}
.mli-edit {cursor: pointer;}
#mail-canvas {overflow: hidden; border-radius: 26px;}

@media (max-width: 1350px) {.tool-box-body{display: block !important;}.mail-list-item{display: block;}.mli-name{margin-bottom:0.5rem !important;}.mail-form-size-note{display: block  !important;}#tool-box-select-opening-buttons{display: flex !important;justify-content: space-between;}#text-edit-block-parent{width: 100% !important;margin: 0rem !important;}#tool-box-select-opening-buttons .enterra-button{width: 18%;}#tool-box-select-parent{border-right: none !important;border-bottom: white solid 4px;margin-bottom: 2rem !important;width: 100% !important;padding-bottom: 1rem !important;padding-right: 0rem !important;}#tool-box-select{padding-right:0rem  !important;}}

.mfm-select{width: 100%;padding-right: 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ccc;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23555' d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 8px center;background-size: 16px 16px;}
#br-mf-s:focus,  #br-mf-s:active {opacity: 0.9 !important;}
#br-mf-l label {display: block; line-height: normal;}
#br-mf-t,  #br-mf-m,  #br-mf-s {line-height: normal;}
#br-mf-f {display: flex;}
#br-mf-l input {display: block;line-height: normal;min-width: 100%;}
#br-mf-s-w {display: flex;}
#br-mf-l {width: 100%;}

/*
============================================================
    SALES
============================================================
*/

.sales-analytics-form {padding: 20px;margin-bottom: 20px; border-radius: 5px;}
.sales-analytics-form .form-group {margin-right: 15px;display: inline-block;}
.sales-analytics-form label {margin-right: 5px;font-weight: bold;}
.chart-container {border-radius: 5px;}
.composite-chart-container {display: none;}
.stats-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 20px; }
.stats-block {color: var(--White) !important;padding: 20px;border-radius: 5px;text-align: center;}
.stats-block h3 {margin-top: 0;color: var(--White);font-size: 16px;}
.stats-value {font-size: 24px;font-weight: bold;margin: 10px 0;}
.chart-style{height: 400px; margin: 1rem auto 5rem auto;}

/*
============================================================
    DYNAMIC CSS
============================================================
*/

@media (max-width: 1350px) { .row-down-right, .row-down-full { display: block !important; } .row-down-full .inner-row-down { width: 100% !important; margin-top: 0.5rem !important; } .row-down-right .flex-left { justify-content: flex-end !important; margin-right: 0rem !important; } .row-down-right .toggle-text-width { width: auto !important; } .enterra-button { padding: 6px 18px; } .spacing-right-small { margin-right: 0.5rem !important; } }