:root {
    color-scheme: light;
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary: #0072ff;
    --el-color-secondary: #131A2E;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark: #0065e1;
    --el-color-primary-dark-2: #0065e1;
    --el-color-success: #3ac26f;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56cca;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56cc1;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #707070;
    --el-text-color-regular: #707070;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #b1b1b1;
    --el-border-color-light: #ffdfca;
    --el-border-color-lighter: #f5eeeb;
    --el-border-color-extra-light: #fcf8f2;
    --el-border-color-dark: #ded9d4;
    --el-border-color-darker: #d6d1cd;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f7fcff;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fffdfa;
    --el-fill-color-dark: #f0edeb;
    --el-fill-color-darker: #ebe9e6;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, 0.8);
    --el-overlay-color-light: rgba(0, 0, 0, 0.7);
    --el-overlay-color-lighter: rgba(0, 0, 0, 0.65);
    --el-mask-color: rgba(255, 255, 255, 0.9);
    --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color);

    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 64,158,255;
    --el-color-success-rgb: 103,194,58;
    --el-color-warning-rgb: 230,162,60;
    --el-color-danger-rgb: 245,108,108;
    --el-color-error-rgb: 245,108,108;
    --el-color-info-rgb: 144,147,153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: 0.3s;
    --el-transition-duration-fast: 0.2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 40px;
    --el-component-size-small: 24px;

    --el-popover-bg-color:#ffdb00;

    /*--el-menu-text-color: #a4a5ff;
    --el-menu-hover-text-color: #a4a5ff;
    --el-menu-bg-color: #000144;
    --el-menu-hover-bg-color: red;
    --el-menu-active-color: #ffff;
    --el-menu-active-bg-color: #0080ff;
    --el-menu-level: 1;
    --el-menu-hover-text-color: #a4a5ff;
        */




    --el-dropdown-menuItem-hover-color:  var(--s-color-orange);

    --el-aside-width: auto;
    
    --el-button-hover-text-color: #ffffff;
    --el-alert-description-font-size:19px;

    --el-input-height:20px;


    --el-menu-text-color: #fff;
    --el-menu-hover-text-color: #fff;
    --el-menu-bg-color: none;
    --el-menu-active-color: #fff;
    --el-menu-level: 0;


    --el-menu-text-color: #fff;
    --el-menu-hover-text-color: #fff;
    /*--el-menu-bg-color: #1e20e1;*/
    --el-menu-active-color: #ffff;
    /*--el-menu-hover-bg-color: #ffff;*/
    /*--el-menu-active-bg-color: #0080ff;*/
    --el-menu-level: 1;


    --el-messagebox-content-color:#444444;

    --el-card-border-color:#99c6ff;
    --el-border-color-light:#b1d3ff;
}

.el-card__header {
    padding:10px;
    color: var(--s-color-primary);
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    font-weight:600;
}

.el-collapse {
    --el-collapse-border-color: var(--el-border-color-lighter);
    --el-collapse-header-height: 48px;
    --el-collapse-header-bg-color: var(--el-fill-color-blank);
    --el-collapse-header-text-color: var(--el-text-color-primary);
    --el-collapse-header-font-size: 15px;
    --el-collapse-content-bg-color: var(--el-fill-color-blank);
    --el-collapse-content-font-size: 15px;
    --el-collapse-content-text-color: var(--el-text-color-primary);
    border-top: 1px solid var(--el-collapse-border-color);
    border-bottom: 1px solid var(--el-collapse-border-color);
}


.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 20px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    position: relative;
    margin: var(--el-dialog-margin-top,15vh) auto 50px;
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
/*    width: var(--el-dialog-width,50%);*/
    max-width: 80vw !important;
}

.el-select .el-select__tags-text {
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-accent-color);
}

.el-form-item.is-error .el-input__wrapper {
    box-shadow: 0 0 0 1px #FF0000 inset;
}

.el-form-item__error {
    color: #FF0000;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before {
    color: #FF0000;
}
    .el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-text-color-secondary);
    --el-select-input-color: var(--el-text-color-placeholder);
    --el-select-multiple-input-color: var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size: 14px;
}
/*
.el-select .el-input__inner {
    cursor: pointer;
    color: var(--s-accent-color);
}
*/

.el-carousel {
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgb(0 0 0 / 34%);
    --el-carousel-arrow-hover-background: rgba(0, 0, 0, 0.54);
    --el-carousel-indicator-width: 30px;
    --el-carousel-indicator-height: 4px;
    --el-carousel-indicator-padding-horizontal: 4px;
    --el-carousel-indicator-padding-vertical: 12px;
    --el-carousel-indicator-out-color: #ffffff;
    position: relative;
}


.el-carousel__container {
    position: relative;
    height: 200px;
    font-size:12px;
    color:var(--s-accent-color);
}
.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}



.el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto; 
    box-sizing: border-box; 
    min-width: 0; 
}


.el-dropdown__popper {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary);
    --el-dropdown-menuItem-hover-color: #fff;
    --el-dropdown-menu-index: 10;
}


.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
    background-color: var(--s-color-orange);
    display: flex;
    align-items: center;
    height: var(--el-menu-horizontal-sub-item-height);
    padding: 0 10px;
    color: #ffd2d2;
    border:1px solid  var(--s-color-orange);
}

[class^="el-icon-fa"], [class*=" el-icon-fa"] {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-button {
    padding: 14px;
}

.el-button i{
    margin-right:8px
}

.el-aside {
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    width: var(--el-aside-width);
    background: #fff;
    /*background: linear-gradient(180deg, #000144 0%, #190062 35%, #2e0083 80%, #310078 85%, #000144 100%);*/
}
.el-main {
    --el-main-padding: 0px;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box;
    padding: 0px;
}
.el-header {
    --el-header-padding: 0px;
    --el-header-height: auto;
    padding:0px;
    box-sizing:0;
    flex-shrink: 0;
    height:auto;
}

.el-backtop {
    --el-backtop-bg-color:  var(--s-color-orange);
    --el-backtop-text-color: #fff;
    --el-backtop-hover-bg-color: var(--s-color-orange-dark);
    position: fixed;
    background-color: var(--el-backtop-bg-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--el-backtop-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: var(--el-box-shadow-lighter);
    cursor: pointer;
    z-index: 5;
}


.el-tabs {
    --el-tabs-header-height: 40px;
    /*margin-top: -10px;*/
}
.el-tabs__item {
    padding: 0 20px;
    height: var(--el-tabs-header-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--el-text-color-primary);
    position: relative;
}


.el-alert__title {
    font-size: 14px;
    line-height: 18px;
    vertical-align: text-top;
}
.el-alert .el-alert__description {
    /*font-size: var(--el-alert-description-font-size);*/
    font-size: 14px;
    margin: 0px;
}

.el-alert--warning.is-light {
    background-color: #EF5924;
    color: #ffffff;
}
.el-alert--warning.is-light .el-alert__description {
    color: #ffdd9d;
}
.el-popper.is-customized {
  /* Set padding to ensure the height is 32px */
  padding: 6px 12px;
  background: #EF5924;
  color:#fff;
}

.el-popper.is-customized .el-popper__arrow::before {
  background: #EF5924;
  right: 0;
}

/* ************************************ */
/*               BUTTON                 */
/* ************************************ */


.el-button {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: #fff; /*var(--el-color-primary-light-3);*/
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    /*--el-button-hover-bg-color:     var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);*/
    --el-button-hover-bg-color:     none;
    --el-button-hover-border-color: none;
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: #fff; /*var(--el-color-primary-dark-2);*/
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-8);
    --el-button-disabled-border-color: #fff;  /*var(--el-color-primary-light-5);*/
}



.el-button{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    /*background: linear-gradient(140deg, rgba(0,1,168,1) 20%, rgb(69, 0, 197, 80%) 100%);
    background: linear-gradient(143deg, rgba(0,1,168,1) 20%, rgb(68, 0, 201, 80%) 100%);
    background: linear-gradient(143deg, rgba(0,1,168,1) 20%, rgb(59, 0, 201, 80%) 100%);
    background: linear-gradient(143deg, rgb(0 26 213) 30%, rgb(102 16 239 / 80%) 100%);*/
    background-color:var(--s-color-primary);
}
.el-button:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    /*background: linear-gradient(143deg, rgb(3 26 187) 30%, rgb(84 0 247 / 80%) 100%);*/
    background:var(--s-color-primary-alt);
}


.el-button>span {
    display: inline-flex;
    align-items: center;
}
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
    color: #ebebeb; /*var(--el-button-disabled-text-color);*/
    cursor: not-allowed !important;
    background-image: none;
    background-color:   #bbbbbb;
    border-color:       #efd796;
}

.el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset!important;
    /*box-shadow: none !important;*/
    border:inherit;
}
.el-button.is-text {
    color: var(--s-color-primary);
    border: 0 solid transparent;
    background-color: transparent;
}
/*.el-select .el-input__wrapper:hover {*/
    /*box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset!important;*/
    /*box-shadow: none !important;
    border:none;
}*/

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background: #e6e6e6;
}
.el-select-dropdown__wrap {
    max-height: 212px;
    height: auto;
}

/*            BUTTON TYPES             */
/* ************************************ */


.el-button--primary{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    /*background: linear-gradient(143deg, rgb(3 29 217) 30%, rgb(11 16 239 / 80%) 100%);*/
    background:var(--s-color-primary);

}
.el-button--primary:hover {
    color:#fff;
    background:var(--s-color-primary-alt);
}


.el-button--ok{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    background:var(--s-color-primary);
}
.el-button--ok:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    /*background: linear-gradient(143deg, rgba(35,160,148,1) 40%, rgb(59, 10, 201, 80%) 100%);*/
    background:var(--s-color-primary-alt);
}


.el-button--cancel{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff !important;
    border:none;
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 20%, rgb(174 3 245 / 80%) 100%);*/
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 50%, rgb(208 3 245 / 70%) 100%);*/
    /*background: linear-gradient(143deg, rgb(233 0 156 / 74%) 50%, rgb(232 0 255 / 80%) 100%);*/
    background:var(--s-color-orange);
}

.el-button--success{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff !important;
    border:none;
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 20%, rgb(174 3 245 / 80%) 100%);*/
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 50%, rgb(208 3 245 / 70%) 100%);*/
    /*background: linear-gradient(143deg, rgb(233 0 156 / 74%) 50%, rgb(232 0 255 / 80%) 100%);*/
    background:var(--s-color-green);
}
.el-button--success:hover{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff !important;
    border:none;
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 20%, rgb(174 3 245 / 80%) 100%);*/
    /*background: linear-gradient(143deg, rgba(250,1,168,0.8) 50%, rgb(208 3 245 / 70%) 100%);*/
    /*background: linear-gradient(143deg, rgb(233 0 156 / 74%) 50%, rgb(232 0 255 / 80%) 100%);*/
    background:var(--s-color-green-alt);
}


.el-button--cancel:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    /*background: linear-gradient(143deg, rgb(233 0 156 / 80%) 20%, rgb(153 16 239 / 80%) 100%);*/
    /*background: linear-gradient(143deg, rgb(245 0 158 / 90%) 60%, rgb(242 0 255 / 80%) 100%);*/
    background:var(--s-color-orange-dark);
}


.el-button--gray{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    background: linear-gradient(143deg, rgb(133 133 133) 30%, rgb(159 159 159 / 80%) 100%);
}
.el-button--gray:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    background: linear-gradient(143deg, rgb(139 137 137) 30%, rgb(167 153 153 / 80%) 100%);
}


.el-button--secondary{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    background:var(--s-color-orange);
}
.el-button--secondary:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    background:var(--s-color-orange-dark);
}




.el-button--loading, .el-button--loading:focus, .el-button--loading:hover {
    cursor: wait !important;
    opacity:0.5;
}






/*            // BUTTON TYPES             */
/* ************************************ */
/*
.el-message-box {
    display: inline-block;
    max-width: var(--el-messagebox-width);
    width: 77%;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    border: 1px solid var(--el-border-color-lighter);
    font-size: var(--el-messagebox-font-size);
    box-shadow: var(--el-box-shadow-light);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

.el-overlay.is-message-box .el-overlay-message-box {
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0px;
    overflow: auto;
}
    */

.el-message-box .el-button{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    /*background: linear-gradient(140deg, rgba(0,1,168,1) 20%, rgb(69, 0, 197, 80%) 100%);
    background: linear-gradient(143deg, rgba(0,1,168,1) 20%, rgb(68, 0, 201, 80%) 100%);*/
    background:var(--el-color-primary);
}
.el-message-box .el-button:hover {
    /*background-color:var( --el-color-secondary);*/
    color:#fff;
    background:var(--el-color-primary-dark);
}


.el-message-box .el-button--primary{
    padding: 18px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: Marine, "hind-regular", "Segoe UI", sans-serif;
	font-weight:700;
	letter-spacing:0px;
    color:#fff;
    border:none;
    background:var(--el-color-primary);
}

.el-message-box .el-button--primary:hover {
    /*background: linear-gradient(143deg, rgb(0 26 177) 30%, rgb(41 16 209 / 80%) 100%);*/
    background:var(--el-color-primary-dark);
    color:#fff;
}

/* ************************************ */
/*             // BUTTON                */
/* ************************************ */


.el-switch__core .el-switch__inner {
    width: 100%;
    transition: all var(--el-transition-duration);
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 5px;
    padding-left: 12px;
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 5px;
    padding-right: 15px;
}
.el-switch__core .el-switch__inner .is-text {
    font-size: 12px;
    color: var(--el-color-white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px;
    text-align:center;
}












.el-container.is-vertical {
    flex-direction: column;
    height: calc(100% - 40px);
}

.is-loading .el-icon {
    font-size:24px;
}


.el-footer {
    --el-footer-padding: 0px;
    --el-footer-height: 50px;
    padding: var(--el-footer-padding);
    padding: 0px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-footer-height);
    margin-top:0px;
}


/*

.el-footer {
    --el-footer-padding: 0;
    --el-footer-height: 0px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-footer-height);
}

.el-input-group__append, .el-input-group__prepend {
    background-color: var(--el-fill-color-light);
    color: var(--el-color-info);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    min-height: 100%;
    border-radius: var(--el-input-border-radius);
    padding: 0 20px;
    white-space: nowrap;
}
.el-input {
    --el-input-height: 30px;
    position: relative;
    font-size: 12px;
    display: inline-flex;
    width: 100%;
    line-height: 15px;
    box-sizing: border-box;
    vertical-align: middle;
}
.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 4px 11px;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    transform: translate3d(0,0,0);
    box-shadow: 0 0 0 1px var(--s-alt-text-color) inset;
}
.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--s-text-color) inset;
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 1em;
    font-family: Verdana,Hind, Arial, Tahoma, hind, sans-serif;
    letter-spacing: 0.03em;
    font-weight: 400;
}
*/




.input-lower {
    text-transform: lowercase;
}
.input-lower .el-input__inner {
    text-transform: lowercase;
}

.input-no-text-transform {
    text-transform: none;
}
.input-no-text-transform .el-input__inner {
    text-transform: none;
}
.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--s-color-text);
    font-size: inherit;
    font-weight: 500;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
}

/*
.el-select {
    display: inline-block;
    position: relative;
    line-height: 42px;
}*/

/*
.el-row {
  margin-bottom: 10px;
}

.el-row:last-child {
  margin-bottom: 0;
}
.el-row .el-col{
  margin-bottom: 10px;
}
.el-row .el-col:last-child{
  margin-bottom: 0px;
}

*/
.outside-prepend{
    background-color: var(--el-fill-color-light);
    color: var(--el-color-info);
    position: relative;
    display: inline-flex;
    display: inline-block;
    align-items: center;
    justify-content: end;
    min-height: 100%;
    border-radius: var(--el-input-border-radius);
    padding-right: 20px;
    text-align:right;
    width: 100px;
    white-space: nowrap;
}

.el-popper.is-dark, .el-popper.is-dark .el-popper__arrow::before{
    background-color:#fff399;
    border:1px solid #e0c500;
    color:#6d5000;
}



.el-radio-button .el-radio-button__inner {
    color:var(--el-color-primary);
    opacity:0.7;
}

.el-radio-button .el-radio-button__inner:hover {
    opacity:1;
}

.el-radio-button__inner {
    width: 160px;
}


.options-required .el-radio-button .el-radio-button__inner {
    color:orange;
    border-color:orange;
    opacity:0.76;
}
.options-required .el-radio-button--large .el-radio-button__inner:hover {
    padding: 12px 19px;
    font-size: var(--el-font-size-base);
    color: orange;
    border-radius: 0;
    opacity:1;
}

.options-required .el-radio-button__original-radio:checked+.el-radio-button__inner {
    padding: 12px 19px;
    font-size: var(--el-font-size-base);
    color: white;
    border-radius: 0;
}


.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: var(--el-messagebox-font-size);
    line-height: 1;
    font-weight:700;
    /*color: var(--el-messagebox-title-color);*/
    color: var(--el-color-primary);

}
.el-message-box__content {
    padding: 10px var(--el-messagebox-padding-primary);
    color: var(--el-messagebox-content-color);
    /*color: var(--s-alt-accent-color);*/
    font-size: var(--el-messagebox-content-font-size);
    padding-top:0px;
    font-weight:400;
}

.el-popper.is-light {
    /*border: 1px solid var(--el-border-color-light);*/
    border:  1px solid var(--s-color-grey);
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
    border-bottom-color: transparent!important;
    border-right-color: transparent!important;
}
.el-popper[data-popper-placement^=bottom]>.el-popper__arrow::before {
    border-top-left-radius: 2px;
}
.el-popper.is-light .el-popper__arrow::before {
    border:  1px solid var(--s-color-grey);
    background: var(--el-bg-color-overlay);
    right: 0;
}


.el-sub-menu__title {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
/*    color: #78f3ff !important;*/
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap;
    padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
    font-weight:normal;
    opacity:0.6;
}

.el-sub-menu__title:hover {
    opacity:1;
    background:inherit;
}
.el-menu-item-group__title {
    /* padding: 7px 0 7px var(--el-menu-base-level-padding); */
    padding:0px;
    line-height: normal;
    font-size: 12px;
    color: var(--el-text-color-secondary);
}

.el-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: var(--el-border-radius-small);
    box-shadow: var(--el-box-shadow-light);
    color:#fff;
    background: var(--s-color-orange);
}



.q-radio__label{
    font-size: 1em;
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: #ffffff94;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity var(--el-transition-duration);
}

/* ********************** */
/*       RESULTS */
/* ********************** */
.el-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    /*padding: var(--el-result-padding);*/
    padding: 0px;
}

.result-success .el-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding:0px;
}
.result-success .el-result__title p {
    margin: 0;
    font-size: 20pt;
    font-weight: 600;
    color: #3AC26F;
    line-height: 1.5em;
}
.result-success .el-result__subtitle p {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--el-text-color-primary);
    line-height: 1.3;
    color: #9d9d9d;
}
.result-success .el-result__title {
    margin-top: 0px;
}
.result-success  .icon-success {
    --el-result-color: var(--el-color-success);
    color: var(--el-result-color);
}



.result-info .el-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding:0px;
}
.result-info .el-result__title p {
    margin: 0;
    font-size: 20pt;
    font-weight: 600;
    color: #0080ff;
    line-height: 1.5em;
}
.result-info .el-result__subtitle p {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--el-text-color-primary);
    line-height: 1.3;
}
.result-info .el-result__title {
    margin-top: 0px;
}
.result-info  .icon-info {
    --el-result-color: #0080ff;
    color: #0080ff;
}


.text-green-6 {
    color: #00e95b !important;
}


.el-pagination {
    --el-pagination-font-size: 19px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-item-gap: 16px;
    white-space: nowrap;
    color: var(--el-pagination-text-color);
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    display: flex;
    align-items: center;
}







.el-scrollbar__bar {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    border-radius: 4px;
}
.el-scrollbar__bar.is-horizontal>div {
    height: 15px;
}
.el-scrollbar__bar.is-vertical>div {
    width: 15px;
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    /*background-color: var(--el-color-primary);*/
    transition: var(--el-transition-duration) background-color;
    opacity: var(--el-scrollbar-opacity, .3);
}

.el-table {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-color-primary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-fill-color-blank);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}


.el-table .inactive-row {
    /*--el-table-tr-bg-color: #ffe1eb;*/
    --el-table-tr-bg-color: #ffe1eb;
}
.el-table:hover .inactive-row {
    --el-table-tr-bg-color: #ffe1eb;
}
.el-table .deleted-row {
    --el-table-tr-bg-color: #ffe1eb;
}
.el-table:hover .deleted-row {
    --el-table-tr-bg-color: #ffe1eb;
}

.el-table .warning-row {
    --el-table-tr-bg-color:var(--el-color-warning-light-9);
}

.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-9);
}




.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    /* margin-top: 10px; */
    /* padding: 10px; */
    display: flex;
    align-items: center;
}

.el-upload.is-drag {
    display: block;
    width: 100%;
}

.el-upload-dragger {
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical) !important;
}


.el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    /* background-color: var(--el-fill-color-lighter); */
    /* border: 1px dashed var(--el-border-color-darker); */
    border-radius: 6px;
    box-sizing: border-box;
    width: var(--el-upload-picture-card-size);
    height: var(--el-upload-picture-card-size);
    cursor: pointer;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.el-upload-dragger {
    /* padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical); */
    padding:30px;
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width:100%;
}
.el-upload-dragger .el-icon--upload {
    font-size: 40px;
    color: var(--el-text-color-placeholder);
    margin-bottom: -5px;
    line-height: 50px;
}

.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 200px;
    /* display: inline-flex; */
    flex-wrap: wrap;
    margin: 0px;
    width: calc(100% - 80px);
}

.el-textarea__inner {
    /*height:100px !important;*/
}