:root {
    --white: #FFFFFF;
    --beige: #EFEBE3;/*FAF9F6*/
    --dark: #060614;
    --yellow: #FFFD77;
    --green-1: #F1FFFA;
    --green-2: #CCFCEC;
    --green-3: #00EF9F;
    --red-1: #FFF3EF;
    --red-2: #FEDACF;
    --red-3: #FEB49F;
    --violet-1: #EBEBF6;
    --violet-2: #E0D9FF;
    --violet-3: #8566FE;

    --status-green: #0a875a;
    --status-yellow: #FAC300;
    --status-red: #FF4B33;
}
/* ---------------------------------------------- */
* {-webkit-font-smoothing:antialiased; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;} html{ /*overflow: auto;*/ } body { position: relative; } article,aside,figure,footer,header,hgroup,nav,section,details,summary{display:block; }object,embed{max-width:100%}img{-ms-interpolation-mode:bicubic;vertical-align:top}ul,li { margin: 0px; padding: 0px; list-style: none; }h1,h2,h3,h4,h5,h6{font-weight:normal !important;line-height:inherit !important;margin:0px;padding:0px}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;cursor: pointer;} p{padding:0;border:0;vertical-align:baseline;background:transparent;} del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle; margin: 0;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom} select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,option,textarea{padding:0px;margin:0px}button{width:auto;overflow:visible;height:auto; background: transparent; border: none;}.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}html,body{margin:0px;padding:0px}.left{float:left}.right{float:right}.both{clear:both} textarea{resize: vertical;} body button:focus, body input:focus, body select:focus, body textarea:focus, body [contenteditable] { outline: none; } /*.prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none; }*/ .active-select { -webkit-user-select: text; -ms-user-select: text; user-select: text; }
/* ---------------------------------------------- */
.material-symbols-outlined { vertical-align: middle; font-size: 24px; line-height: 0px; font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24 }
.material-symbols-outlined.fill { vertical-align: middle; font-size: 24px; line-height: 0px; font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24 }
.material-symbols-outlined.green { color: #0a875a; }
.material-symbols-outlined.red { color: #ff4b33; }
.material-symbols-outlined.yellow { color: #FAC300; }
.material-symbols-outlined.lime { color: #84EB34; }
.material-symbols-outlined.blue { color: #2D60FD; }

/* ---------------------------------------------- */
/*::-webkit-scrollbar { display: none; }*/
::-moz-selection { background: var(--dark); color: var(--yellow);	text-shadow:none; }
::selection { background: var(--dark); color: var(--yellow); }
/* ---------------------------------------------- */
body, ul, li, p, input, select, textarea, button, h1, h2, h3, h4, h5, h6, table { font-size: 14px; line-height: 28px; font-family: 'Poppins', sans-serif !important; color: var(--dark); padding: 0; }
table { font-size: 14px; line-height: normal; }
select { /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ }
select::-ms-expand { display: none; }
select::after { content: '▼'; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); pointer-events: none; }
select::-webkit-dropdown {  }
select optgroup { color: #999999; font-style: italic; font-weight: 200; }
select option { font-style: normal; color: var(--dark); font-size: 14px; line-height: 24px; }
a { color: var(--dark); }
a:hover { text-decoration: none; color: var(--dark); }
b, strong { font-weight: 500; }
li { padding: 8px 0 7px 0; }
body, ul, li, p, label, table, td { font-weight: 200; }
input, select, textarea, button, th { font-weight: 200; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input, select { line-height: 1em; }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { font-size: 14px; line-height: 28px; font-family: 'Poppins', sans-serif !important;
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important;
    -webkit-text-fill-color: var(--dark) !important;
    transition: background-color 9999s ease-out 0s !important;
}


input:focus { outline: none; box-shadow: none; }
p { line-height: normal; }
html { touch-action: manipulation; }
body { background-color: var(--dark); color: var(--dark); overflow: hidden; overflow-y: hidden !important; overflow-x: auto; zoom: 100%; }
body > .wrap { overflow: hidden; }




h1, .h1 { font-size: 32px; font-weight: 600 !important; }
h2, .h2 { font-weight: 700; }
h3, .h3 { font-size: 12px; height: 40px; }
h4, .h4 { height: 40px; font-weight: 500; }
h5, .h5 { height: 40px; font-weight: 500; }
h6, .h6 { font-size: 12px; font-weight: 400; color: #757575; line-height: normal; }




.width-12 { width: 100%; }
.width-9 { width: calc(75% - (39px / 2)); }
.width-8 { width: calc(66.66% - (39px / 2)); }
.width-6 { width: calc(50% - (39px / 2)); }
.width-4 { width: calc(33.33% - (39px / 2)); }
.width-3 { width: calc(25% - (39px / 2)); }
.width-min { width: min-content; }
.width-max { width: max-content; }
.width-auto { width: auto; }

.col-auto { width: auto; flex: auto; }
.col-full { width: 100%;  }
.col-1-2 { width: 130px; }
.col-1 { width: 300px; }
.col-2 { width: 640px; }
.col-3 { width: 980px; }
.col-4 { width: 1241px; }
.col-5 { width: 1400px; }

.margin-top-1 { margin-top: 40px; }
.margin-top-2 { margin-top: 80px; }

.margin-right-1 { margin-right: 40px; }
.margin-right-2 { margin-right: 80px; }

.margin-bottom-1 { margin-bottom: 40px !important; }
.margin-bottom-2 { margin-bottom: 80px; }

.font-weight-200 { font-weight: 200; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }

.hide { display: none; }
.opacity {opacity:0.3;}




.badge { background-color: #FFFFFF; font-size: 10px; line-height: 18px; text-align: center; display: inline-block; height: 16px; width: 16px; border-radius: 8px; font-weight: 600; position: absolute; left:20px; top:15px; }
.badge span.material-symbols-outlined { margin: 0; font-weight: 400; font-size: 10px; line-height: 16px; }
.badge.info { background-color: #ff4b33; color: var(--dark); }
.badge.bad { background-color: #ff4b33; color: #FFFFFF; }
.badge.good { background-color: #0a875a; color: #FFFFFF; }





[data-action-show-hide] {  }
[data-action-show-hide] .show { display: block; }
[data-action-show-hide] .hide { display: none; }
[data-action-show-hide].actived { background: var(--dark); color: #FFFFFF; }
[data-action-show-hide].actived .show { display: none; }
[data-action-show-hide].actived .hide { display: block; }






.alert { margin-bottom: 1px; height: 40px; background-color: var(--beige); color: var(--dark); }
.alert > button { color: var(--dark); width: 40px; height: 40px; }
.alert-info { background-color: #FFC700; color: var(--dark); }
.alert-bad { background-color: #ff4b33; color: var(--dark); }
.alert-warning { background-color: #FFC700; color: var(--dark); }
.alert-good { background-color: #0a875a; color: var(--dark); }

.wrapper { display: flex; justify-content: space-between; align-items: center; }








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row { display: flex; gap: 40px; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 0 40px; }
section .row [class*='col-'] { align-self: auto; flex: 0 0 auto; }
section .row [class*="section-"] { border-radius: 20px; }
section .row [class*="section-"] > .wrap { padding: 8px 8px 16px 8px; position: relative; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"] .title { font-weight: 600; font-size: 16px; line-height: normal; }
section .row [class*="section-"] .supertitle { font-weight: 600; font-size: 32px; line-height: normal; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"] .subtitle { line-height: inherit; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"] .intro { margin: 16px 0px; font-size: 12px; line-height: normal; font-style: italic; }
section .row [class*="section-"] .intro a,
section .row [class*="section-"] .intro button { font-size: 12px; line-height: normal; font-style: italic; text-decoration: underline; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */

section .row [class*="section-"] .text { margin: 16px 0px; line-height: normal !important; }
section .row [class*="section-"] .text h1,
section .row [class*="section-"] .text h2,
section .row [class*="section-"] .text h3,
section .row [class*="section-"] .text h4,
section .row [class*="section-"] .text h5,
section .row [class*="section-"] .text h6 { line-height: 120% !important; margin-bottom: 32px; }

/* ---------------------------------------------- */
/* ---------------------------------------------- */

section .row [class*="section-"] .label { vertical-align: middle; font-weight: 200; font-size: 14px; text-transform: capitalize; font-style: italic; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"] .actions {  }
section .row [class*="section-"] .actions > .wrap { padding: 8px 0; }
section .row [class*="section-"] .actions a,
section .row [class*="section-"] .actions button,
section .row [class*="section-"] .actions select { margin: 3px 8px 3px 0px; line-height: 24px; display: inline-block; border-radius: 16px; min-width: 38px;  padding: 4px 8px; text-align: center; font-size: 14px; font-weight: 300; vertical-align: middle; border: 1px solid var(--dark); text-align: left; }
section .row [class*="section-"] .actions input { width: 100%; max-width: 400px; line-height: 38px; display: inline-block; border: 1px solid #DFE0E1; border-radius: 20px; padding: 8px; text-align: left; background-color: #FFFFFF; color: var(--dark); font-size: 16px; line-height: 24px; font-weight: 200; }
section .row [class*="section-"] .actions a:hover,
section .row [class*="section-"] .actions button:hover/*,
section .row [class*="section-"] .actions select:hover*/ { background-color: var(--dark) !important; border-color: var(--dark) !important; color: var(--white) !important; }
section .row [class*="section-"] .actions a.primary,
section .row [class*="section-"] .actions button.primary,
section .row [class*="section-"] .actions select.primary {background: var(--dark); border-color: var(--dark); color: var(--white); }
section .row [class*="section-"] .actions a.secondary,
section .row [class*="section-"] .actions button.secondary,
section .row [class*="section-"] .actions select.secondary {  }

section .row [class*="section-"] .actions button[disabled] { opacity: .4; }
/* ---------------------------------------------- */
section .row [class*="section-"] .actions.top-right { position: absolute; top: 8px; right: 16px; }
section .row [class*="section-"] .actions.top-right > .wrap {   }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*section .row [class*="section-"] input[type="checkbox"] { display: none; }
section .row [class*="section-"] input[type="checkbox"] + label { margin: 3px 0; font-size: 0px; line-height: 0px; display: block; position: relative; width: 48px; height: 26px; border-radius: 16px; cursor: pointer; border: 1px solid var(--dark); }
section .row [class*="section-"] input[type="checkbox"] + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: var(--dark); border-radius: 50%; transition: 0.4s; }
section .row [class*="section-"] input[type="checkbox"]:checked + label {  }
section .row [class*="section-"] input[type="checkbox"]:checked + label::before { transform: translateX(22px); }
section .row [class*="section-"] [type="checkbox"]:focus + label { box-shadow: 0 0 1px #FFC700; }


section .row [class*="section-"] input[type="checkbox"].template-002 { display: none; }*/





/*section .row [class*="section-"] button[type="radio"] { border: 1px solid #EEEEEE; margin-right: 0; border-radius: 0; }
section .row [class*="section-"] button[type="radio"][checked] { background: #000000; color: #FFFFFF; }*/
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"] .content table { width: 100%; line-height: normal< }
section .row [class*="section-"] .content table tr.border-bottom-dashed { position: relative; }
section .row [class*="section-"] .content table tr.border-bottom-dashed::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-image: linear-gradient(to right, black 8px, transparent 8px); background-size: 16px 100%; background-repeat: repeat-x; }
section .row [class*="section-"] .content table tr.border-bottom-dashed:last-child::after { content: ""; background: none; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section .row [class*="section-"].beige { background: var(--beige); }
section .row [class*="section-"].beige .actions a.primary,
section .row [class*="section-"].beige .actions button.primary,
section .row [class*="section-"].beige .actions select.primary { background: var(--dark); border-color: var(--dark); color: var(--white); }
section .row [class*="section-"].beige .actions a.secondary,
section .row [class*="section-"].beige .actions button.secondary,
section .row [class*="section-"].beige .actions select.secondary { border-color: var(--dark); border-color: var(--dark); color: var(--dark); }
section .row [class*="section-"].yellow { background: var(--yellow); }
section .row [class*="section-"].yellow .actions a.primary,
section .row [class*="section-"].yellow .actions button.primary,
section .row [class*="section-"].yellow .actions select.primary { background: var(--dark); border-color: var(--dark); color: var(--white); }
section .row [class*="section-"].yellow .actions a.secondary,
section .row [class*="section-"].yellow .actions button.secondary,
section .row [class*="section-"].yellow .actions select.secondary { border-color: var(--dark); border-color: var(--dark); color: var(--dark); }
section .row [class*="section-"].green-1 { background: var(--green-1); }
section .row [class*="section-"].green-1 input[type="checkbox"] + label { background-color: var(--green-1); border-color: var(--green-3); }
section .row [class*="section-"].green-1 input[type="checkbox"] + label::before { background-color: var(--dark); }
section .row [class*="section-"].green-1 input[type="checkbox"]:checked + label { background-color: var(--green-2); }
section .row [class*="section-"].green-1 input[type="checkbox"]:checked + label::before  { background-color: var(--green-3); }
section .row [class*="section-"].green-1 .actions a.primary,
section .row [class*="section-"].green-1 .actions button.primary,
section .row [class*="section-"].green-1 .actions select.primary { background: var(--green-3); border-color: var(--green-3); color: var(--dark); }
section .row [class*="section-"].green-1 .actions a.secondary,
section .row [class*="section-"].green-1 .actions button.secondary,
section .row [class*="section-"].green-1 .actions select.secondary { background-color: var(--green-2); border-color: var(--green-3); }
section .row [class*="section-"].red-1 { background: var(--red-1); }
section .row [class*="section-"].red-1 input[type="checkbox"] + label { background-color: var(--red-1); /*border-color: var(--red-3);*/ }
section .row [class*="section-"].red-1 input[type="checkbox"] + label::before { background-color: var(--dark); }
section .row [class*="section-"].red-1 input[type="checkbox"]:checked + label { background-color: var(--red-2); }
section .row [class*="section-"].red-1 input[type="checkbox"]:checked + label::before  { background-color: var(--red-3); }
section .row [class*="section-"].red-1 .actions a.primary,
section .row [class*="section-"].red-1 .actions button.primary,
section .row [class*="section-"].red-1 .actions select.primary { background: var(--red-3); border-color: var(--red-3); color: var(--dark); }
section .row [class*="section-"].red-1 .actions a.secondary,
section .row [class*="section-"].red-1 .actions button.secondary,
section .row [class*="section-"].red-1 .actions select.secondary { background-color: var(--red-2); border-color: var(--red-3); }
section .row [class*="section-"].violet-1 { background: var(--violet-1); }
section .row [class*="section-"].violet-1 input[type="checkbox"] + label { background-color: var(--violet-1); border-color: var(--violet-3); }
section .row [class*="section-"].violet-1 input[type="checkbox"] + label::before { background-color: var(--dark); }
section .row [class*="section-"].violet-1 input[type="checkbox"]:checked + label { background-color: var(--violet-2); }
section .row [class*="section-"].violet-1 input[type="checkbox"]:checked + label::before  { background-color: var(--violet-3); }
section .row [class*="section-"].violet-1 .actions a.primary,
section .row [class*="section-"].violet-1 .actions button.primary,
section .row [class*="section-"].violet-1 .actions select.primary { background: var(--violet-3); border-color: var(--violet-3); color: var(--dark); }
section .row [class*="section-"].violet-1 .actions a.secondary,
section .row [class*="section-"].violet-1 .actions button.secondary,
section .row [class*="section-"].violet-1 .actions select.secondary { background-color: var(--violet-2); border-color: var(--violet-3); }
/* ---------------------------------------------- */
section .row [class*="section-"] .actions a.primary.green-3,
section .row [class*="section-"] .actions button.primary.green-3,
section .row [class*="section-"] .actions select.primary.green-3 { background: var(--green-3); border-color: var(--green-3); color: var(--dark); }
section .row [class*="section-"] .actions a.secondary.green-3,
section .row [class*="section-"] .actions button.secondary.green-3,
section .row [class*="section-"] .actions select.secondary.green-3 { background: var(--green-2); border-color: var(--green-3); }
section .row [class*="section-"] .actions a.primary.red-3,
section .row [class*="section-"] .actions button.primary.red-3,
section .row [class*="section-"] .actions select.primary.red-3 { background: var(--red-3); border-color: var(--red-3); color: var(--dark); }
section .row [class*="section-"] .actions a.secondary.red-3,
section .row [class*="section-"] .actions button.secondary.red-3,
section .row [class*="section-"] .actions select.secondary.red-3 { background: var(--red-2); border-color: var(--red-3); }
section .row [class*="section-"] .actions a.primary.violet-3,
section .row [class*="section-"] .actions button.primary.violet-3,
section .row [class*="section-"] .actions select.primary.violet-3 { background: var(--violet-3); border-color: var(--violet-3); color: var(--dark); }
section .row [class*="section-"] .actions a.secondary.violet-3,
section .row [class*="section-"] .actions button.secondary.violet-3,
section .row [class*="section-"] .actions select.secondary.violet-3 { background: var(--violet-2); border-color: var(--violet-3); }
section .row [class*="section-"] .actions a.primary.yellow,
section .row [class*="section-"] .actions button.primary.yellow,
section .row [class*="section-"] .actions select.primary.yellow { background: var(--yellow); border-color: var(--yellow); color: var(--dark); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
































section > .row.white { background-color: var(--white); }
section > .row.dark { background-color: var(--dark); }

section > .row.green-2 { background-color: var(--green-2); }
section > .row.red-2 { background-color: var(--red-2); }
section > .row.violet-2 { background-color: var(--violet-2); }

section > .row [class*='section-'].white { background-color: var(--white); }
section > .row [class*='section-'].dark { background-color: var(--dark); }




/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-title {  }
.section-title > .wrap { padding: 8px 16px 16px 16px !important; }
.section-title .breadcrump { font-size: 14px; line-height: 40px; font-weight: 200; display: block; font-style: italic; }
.section-title .breadcrump a { border-bottom: 1px dashed var(--dark); }
.section-title .breadcrump a:hover { border-bottom: 1px solid var(--dark); }
.section-title .breadcrump button { border-bottom: 1px dashed var(--dark); font-weight: 200; }
.section-title .breadcrump button:hover { border-bottom: 1px solid var(--dark); }
.section-title .title { font-size: 22px !important; }
.section-title .subtitle {  }
.section-title .actions { font-size: 0; vertical-align: middle; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-title.template-001 {  }
.section-title.template-001 .title,
.section-title.template-001 .subtitle,
.section-title.template-001 .actions { display: inline-block; }
.section-title.template-002 .subtitle { display: block; line-height: inherit; }
.section-title.template-002 .actions {  margin-top: 8px !important; }
.section-title.template-002 .actions a:first-child,
.section-title.template-002 .actions button:first-child,
.section-title.template-002 .actions select:first-child { margin-left: 0; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row.green-2 .section-title .actions a.primary,
section > .row.green-2 .section-title .actions button.primary,
section > .row.green-2 .section-title .actions select.primary { background: var(--green-3); border-color: var(--green-3); color: var(--dark); }
section > .row.green-2 .section-title .actions a.secondary,
section > .row.green-2 .section-title .actions button.secondary,
section > .row.green-2 .section-title .actions select.secondary { background: var(--green-2); border-color: var(--green-3); color: var(--dark); }
/* ---------------------------------------------- */
section > .row.red-2 .section-title .actions a.primary,
section > .row.red-2 .section-title .actions button.primary,
section > .row.red-2 .section-title .actions select.primary { background: var(--red-3); border-color: var(--red-3); color: var(--dark); }
section > .row.red-2 .section-title .actions a.secondary,
section > .row.red-2 .section-title .actions button.secondary,
section > .row.red-2 .section-title .actions select.secondary { background: var(--red-2); border-color: var(--red-3); color: var(--dark); }
/* ---------------------------------------------- */
section > .row.violet-2 .section-title .actions a.primary,
section > .row.violet-2 .section-title .actions button.primary,
section > .row.violet-2 .section-title .actions select.primary { background: var(--violet-3); border-color: var(--violet-3); color: var(--dark); }
section > .row.violet-2 .section-title .actions a.secondary,
section > .row.violet-2 .section-title .actions button.secondary,
section > .row.violet-2 .section-title .actions select.secondary { background: var(--violet-2); border-color: var(--violet-3); color: var(--dark); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-actions {  }
.section-actions > .wrap { padding: 8px 16px 16px 16px !important; }
.section-actions .label {  }
.section-actions .actions a,
.section-actions .actions button,
.section-actions .actions select,
.section-actions .actions input {  }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-actions.template-001 {  }
.section-actions.template-001 .label,
.section-actions.template-001 .actions { display: inline-block; }
.section-actions.template-002 {  }
.section-actions.template-002 .actions {  }
.section-actions.template-002 .actions a:first-child,
.section-actions.template-002 .actions button:first-child,
.section-actions.template-002 .actions select:first-child { margin-left: 0; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-actions .actions a.primary.green-3,
.section-actions .actions button.primary.green-3,
.section-actions .actions select.primary.green-3 { background: var(--green-3); }
.section-actions .actions a.secondary.green-3,
.section-actions .actions button.secondary.green-3,
.section-actions .actions select.secondary.green-3 { background: var(--green-2); border-color: var(--green-3); }
.section-actions .actions a.primary.red-3,
.section-actions .actions button.primary.red-3,
.section-actions .actions select.primary.red-3 { background: var(--red-3); }
.section-actions .actions a.secondary.red-3,
.section-actions .actions button.secondary.red-3,
.section-actions .actions select.secondary.red-3 { background: var(--red-2); border-color: var(--red-3); }
.section-actions .actions a.primary.violet-3,
.section-actions .actions button.primary.violet-3,
.section-actions .actions select.primary.violet-3 { background: var(--violet-3); }
.section-actions .actions a.secondary.violet-3,
.section-actions .actions button.secondary.violet-3,
.section-actions .actions select.secondary.violet-3 { background: var(--violet-2); border-color: var(--violet-3); }
.section-actions .actions a.primary.yellow,
.section-actions .actions button.primary.yellow,
.section-actions .actions select.primary.yellow { background: var(--yellow); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */









/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-tab { font-size: 0px; line-height: 24px; border-radius: 0 !important;
    margin-left: -40px;
    margin-right: -40px;
}
.section-tab > .wrap { padding: /*16px 16px 0 16px*/ 16px 56px 0 56px !important; white-space: nowrap; overflow-x: auto; }
.section-tab .label { display: inline-block; padding: 0 16px 0 0;  }
/*.section-tab .label > .wrap { padding: 0 0 8px 0; }*/
.section-tab button { line-height: 24px; font-weight: 200; padding: 8px 16px; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 4px; border-radius: 8px 8px 0 0; }
.section-tab button span.material-symbols-outlined { vertical-align: middle; line-height: 16px; font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 16; }
.section-tab button:last-child { margin-right: 0; }
.section-tab button:hover {  }
.section-tab button.selected { background-color: var(--white) !important; /*color: var(--dark);*/ font-weight: 600; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row.green-2 .section-tab button { background: var(--green-1); color: var(--dark); }
section > .row.green-2 .section-tab button:hover { background: var(--white); }
section > .row.red-2 .section-tab button { background: var(--red-1); color: var(--dark); }
section > .row.red-2 .section-tab button:hover { background: var(--white); }
section > .row.violet-2 .section-tab button { background: var(--violet-1); color: var(--dark); }
section > .row.violet-2 .section-tab button:hover { background: var(--white); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */









/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-steps {  }
.section-steps > .wrap { position: relative; }


.section-steps hr { position: absolute; top: 27px; left: 8px; width: calc(100% - 16px); margin: 0; z-index: 0; border: none; border: 1px solid transparent; }
.section-steps button { margin: 3px 20px 3px 0px; height: 34px; padding: 0 16px 0 8px; border-radius: 20px; border: 1px solid var(--dark); z-index: 1; cursor: default; position: relative; line-height: normal; font-size: 12px; }
.section-steps button span { margin-right: 8px; }
.section-steps button.selected { background: #AAAAAA; }
.section-steps button.closed { background: #FFC700; }
.section-steps button[data-href] { background: #FFC700; color: #000000; cursor: pointer; }
.section-steps button[data-href]:hover { background: #000000; color: #EEEEEE; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row .section-steps.red-1 hr { border-bottom-color: var(--red-2); }
section > .row .section-steps.red-1 button { background: var(--red-1); border-color: var(--red-2); }
section > .row .section-steps.red-1 button.selected { background: var(--red-2); }
section > .row .section-steps.red-1 button.closed { background: var(--red-3); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */









/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-table {  }
.section-table > .wrap { padding: 8px; }

.section-table .title { padding: 0 8px; font-weight: 600; }
.section-table .subtitle { padding: 0 8px; }
.section-table .content { margin: 16px 0 0 0; }
.section-table .content table { width: 100%; }
.section-table .content table thead tr.filter { border-bottom: 1px dashed var(--dark) !important; border-top-color: transparent !important; }
.section-table .content table thead tr.filter input { background-color: transparent; padding: 0; border: none; font-weight: 200; width: -webkit-fill-available; width: -moz-available; line-height: 40px; color: var(--dark); opacity: .4; font-size: 12px; }
.section-table .content table thead tr.filter input::-webkit-input-placeholder { color: var(--dark); }
.section-table .content table thead tr.filter input:-moz-placeholder { color: var(--dark); }
.section-table .content table thead tr.filter input::-moz-placeholder { color: var(--dark); }
.section-table .content table thead tr.filter input:-ms-input-placeholder { color: var(--dark) }
.section-table .content table thead tr.labels { border-bottom: 1px dashed var(--dark); }
.section-table .content table thead tr.labels th { font-weight: 400; }
.section-table .content table thead tr.labels th[action-sort] { cursor: pointer; }
.section-table .content table thead tr.labels th[action-sort]::after { content: 'swap_vert'; font-family: 'Material Symbols Outlined'; font-weight: 400; font-style: normal; font-size: 16px; vertical-align: middle; margin-left: 4px; display: inline-block; }
.section-table .content table tbody tr { border-bottom: 1px solid transparent; }
/*.section-table .content table tbody tr:first-child { border-top: 1px solid transparent; }*/
.section-table .content table tbody tr td input[type="checkbox"] { display: none; }
.section-table .content table tbody tr td input[type="checkbox"] + label { margin: 3px 0; font-size: 0px; line-height: 0px; display: block; position: relative; width: 48px; height: 26px; border-radius: 16px; cursor: pointer; border: 1px solid var(--dark); }
.section-table .content table tbody tr td input[type="checkbox"] + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: var(--dark); border-radius: 50%; transition: 0.4s; }
.section-table .content table tbody tr td input[type="checkbox"]:checked + label {  }
.section-table .content table tbody tr td input[type="checkbox"]:checked + label::before { transform: translateX(22px); }
.section-table .content table tbody tr td [type="checkbox"]:focus + label { box-shadow: 0 0 1px #FFC700; }


.section-table .content table tr { height: 40px; }
.section-table .content table tr td,
.section-table .content table tr th { padding: 0px 8px; text-align: left; vertical-align: middle; }
/*.section-table .content table tr input { padding: 8px; line-height: 24px; border: none; width: 100%; font-size: 12px; background: transparent; }*/






.section-table .content table tr td.active { width: 64px; }
.section-table .content table tr td.actions { font-weight: 600; font-size: 0; vertical-align: middle; text-align: right; }
.section-table .content table tr td.actions a,
.section-table .content table tr td.actions button,
.section-table .content table tr td.actions select { margin: 3px 0px 3px 8px !important; line-height: 16px; display: inline-block; border: 1px solid transparent; border-radius: 20px; padding: 4px 8px; text-align: center; color: var(--dark); font-size: 12px; font-weight: 300; vertical-align: middle; }
.section-table .content table tr td.actions select { width: auto; height: 40px; background-color: #F7F7F7; text-align: left; }
.section-table .content table tr td.actions input { margin-left: 16px; width: 100%; max-width: 400px; line-height: 38px; display: inline-block; border: 1px solid #DFE0E1; border-radius: 20px; padding: 0 8px; text-align: left; background-color: #FFFFFF; color: var(--dark); font-size: 16px; font-weight: 300; }
.section-table .content table tr td.actions a:hover,
.section-table .content table tr td.actions button:hover,
.section-table .content table tr td.actions select:hover { background: var(--dark) !important; border: 1px solid var(--dark) !important; color: var(--white); }

.section-table .content table tr td:first-child.actions {  text-align: left; }
.section-table .content table tr td:first-child.actions a,
.section-table .content table tr td:first-child.actions button,
.section-table .content table tr td:first-child.actions select { margin-left: 0px; margin-right: 8px; }

.section-table.template-001 .content table tr td,
.section-table.template-001 .content table tr th {  }

.section-table.template-002 .content table tr td,
.section-table.template-002 .content table tr th { border-left: 1px dashed var(--dark); }
.section-table.template-002 .content table tr td:first-child,
.section-table.template-002 .content table tr th:first-child { border-left: none; }






/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row .section-table.green-1 { background: var(--green-1); }
section > .row .section-table.green-1 .content table tr td.actions a.primary,
section > .row .section-table.green-1 .content table tr td.actions button.primary,
section > .row .section-table.green-1 .content table tr td.actions select.primary { background: var(--green-3); }
section > .row .section-table.green-1 .content table tr td.actions a.secondary,
section > .row .section-table.green-1 .content table tr td.actions button.secondary,
section > .row .section-table.green-1 .content table tr td.actions select.secondary { background: var(--green-1); border-color: var(--green-3); }
section > .row .section-table.green-1 .content table tr:hover { background: var(--green-2); }
section > .row .section-table.green-1 .content table tbody tr { border-bottom-color: var(--green-2); }
section > .row .section-table.green-1 .content table tbody tr td input[type="checkbox"] + label { background-color: var(--green-1); border-color: var(--green-3); }
section > .row .section-table.green-1 .content table tbody tr td input[type="checkbox"] + label::before { background-color: var(--dark); }
section > .row .section-table.green-1 .content table tbody tr td input[type="checkbox"]:checked + label { background-color: var(--green-2); }
section > .row .section-table.green-1 .content table tbody tr td input[type="checkbox"]:checked + label::before  { background-color: var(--green-3); }
/*section > .row .section-table.green-1 .content table tbody tr:first-child { border-top-color: var(--green-2); }*/
/* ---------------------------------------------- */
section > .row .section-table.red-1 { background: var(--red-1); }
section > .row .section-table.red-1 .content table tr td.actions a.primary,
section > .row .section-table.red-1 .content table tr td.actions button.primary,
section > .row .section-table.red-1 .content table tr td.actions select.primary { background: var(--red-3); }
section > .row .section-table.red-1 .content table tr td.actions a.secondary,
section > .row .section-table.red-1 .content table tr td.actions button.secondary,
section > .row .section-table.red-1 .content table tr td.actions select.secondary { background: var(--red-1); border-color: var(--red-3); }
section > .row .section-table.red-1 .content table tr:hover { background: var(--red-2); }
section > .row .section-table.red-1 .content table tbody tr { border-bottom: 1px solid var(--red-2); }
section > .row .section-table.red-1 .content table tbody tr td input[type="checkbox"] + label { background-color: var(--red-1); border-color: var(--red-3); }
section > .row .section-table.red-1 .content table tbody tr td input[type="checkbox"] + label::before { background-color: var(--dark); }
section > .row .section-table.red-1 .content table tbody tr td input[type="checkbox"]:checked + label { background-color: var(--red-2); }
section > .row .section-table.red-1 .content table tbody tr td input[type="checkbox"]:checked + label::before  { background-color: var(--red-3); }
/*section > .row .section-table.red-1 .content table tbody tr:first-child { border-top-color: var(--red-2); }*/
/* ---------------------------------------------- */
section > .row .section-table.violet-1 { background: var(--violet-1); }
section > .row .section-table.violet-1 .content table tr td.actions a.primary,
section > .row .section-table.violet-1 .content table tr td.actions button.primary,
section > .row .section-table.violet-1 .content table tr td.actions select.primary { background: var(--violet-3); border-color: var(--violet-3); color: var(--dark); }
section > .row .section-table.violet-1 .content table tr td.actions a.secondary,
section > .row .section-table.violet-1 .content table tr td.actions button.secondary,
section > .row .section-table.violet-1 .content table tr td.actions select.secondary { background: var(--violet-1); border-color: var(--violet-3); }
section > .row .section-table.violet-1 .content table tr:hover { background: var(--violet-2); }
section > .row .section-table.violet-1 .content table tbody tr { border-bottom: 1px solid var(--violet-2); }
section > .row .section-table.violet-1 .content table tbody tr td input[type="checkbox"] + label { background-color: var(--violet-1); border-color: var(--violet-3); }
section > .row .section-table.violet-1 .content table tbody tr td input[type="checkbox"] + label::before { background-color: var(--dark); }
section > .row .section-table.violet-1 .content table tbody tr td input[type="checkbox"]:checked + label { background-color: var(--violet-2); }
section > .row .section-table.violet-1 .content table tbody tr td input[type="checkbox"]:checked + label::before  { background-color: var(--violet-3); }
/*section > .row .section-table.violet-1 .content table tbody tr:first-child { border-top-color: var(--violet-2); }*/
/* ---------------------------------------------- */
section > .row .section-table.yellow { background: var(--yellow); }
section > .row .section-table.yellow .content table tr td.actions a.primary,
section > .row .section-table.yellow .content table tr td.actions button.primary,
section > .row .section-table.yellow .content table tr td.actions select.primary { background: var(--dark); color: var(--white); }
section > .row .section-table.yellow .content table tr td.actions a.secondary,
section > .row .section-table.yellow .content table tr td.actions button.secondary,
section > .row .section-table.yellow .content table tr td.actions select.secondary { background: var(--yellow); border-color: var(--dark); }
section > .row .section-table.yellow .content table tr:hover { background: var(--beige); }
section > .row .section-table.yellow .content table tbody tr { border-bottom: 1px solid var(--dark); }
/*section > .row .section-table.yellow .content table tbody tr:first-child { border-top-color: var(--dark); }*/
/* ---------------------------------------------- */
section > .row .section-table .content table tr td.actions a.primary.yellow,
section > .row .section-table .content table tr td.actions button.primary.yellow,
section > .row .section-table .content table tr td.actions select.primary.yellow { background: var(--yellow); border-color: var(--yellow); color: var(--dark); }
section > .row .section-table .content table tr td.actions a.secondary.yellow,
section > .row .section-table .content table tr td.actions button.secondary.yellow,
section > .row .section-table .content table tr td.actions select.secondary.yellow { /*background: var(--yellow);*/ border-color: var(--yellow); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-form {  }
.section-form > .wrap { padding: 8px 16px 16px 16px !important; }

.section-form .actions {  }
.section-form .actions a:first-child,
.section-form .actions button:first-child,
.section-form .actions select:first-child { margin-left: 0px !important; }


.section-form .form-row { width: 100%; font-size: 0; line-height: 0; display: flex; gap: 0px 16px; flex-wrap: wrap; justify-content: flex-start; }
.section-form .form-row .form-group { margin: 0; margin-top: 0px; padding: 0; align-self: auto; flex: 0 0 auto; }

.section-form .form-row .form-group label { padding-top: 24px; padding-bottom: 4px; font-size: 12px; line-height: 12px; font-weight: 300; display: block; width: 100%; }
.section-form .form-row .form-group input,
.section-form .form-row .form-group select,
.section-form .form-row .form-group textarea { display: block; border: 0; border-radius: 0; font-size: 16px; line-height: 16px; padding: 0 4px; height: 38px; width: 100%; border: 1px solid var(--dark); }
.section-form .form-row .form-group select { padding: 0px; }
.section-form .form-row .form-group textarea { height: 161px; padding: 8px; }


/*.section-form .form-row .form-group input[type="checkbox"] { display: none; }
.section-form .form-row .form-group input[type="checkbox"] + label { font-size: 0px; line-height: 0px; position: relative; cursor: pointer; var(--dark); }
.section-form .form-row .form-group input[type="checkbox"] + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: var(--dark); border-radius: 50%; transition: 0.4s; }
.section-form .form-row .form-group input[type="checkbox"]:checked + label {  }
.section-form .form-row .form-group input[type="checkbox"]:checked + label::before { transform: translateX(22px); }


.section-form .form-row .form-group input[type="checkbox"] + label { margin: 0px; margin-top: 38px; margin-right: 16px; height: 38px; width: 80px; border-radius: 19px; display: inline-block; background-color: var(--white) !important; border: 1px solid var(--dark) !important; }
.section-form .form-row .form-group input[type="checkbox"] + label::before { width: 32px; height: 32px; border-radius: 19px; background-color: var(--dark) !important; }
.section-form .form-row .form-group input[type="checkbox"] + label::after { content: attr(content); position: absolute; top: inherit; bottom: 42px; font-size: 12px; line-height: 12px; font-weight: 300; width: max-content; }
.section-form .form-row .form-group input[type="checkbox"]:checked + label::before { transform: translateX(42px); }*/

.section-form .form-row .form-group input[type="checkbox"] { display: none; }
.section-form .form-row .form-group input[type="checkbox"] + label { font-size: 0px; line-height: 0px; position: relative; cursor: pointer; color: var(--dark); margin: 0px; margin-top: 38px; margin-right: 16px; height: 38px; width: 80px; border-radius: 19px; display: inline-block; background-color: var(--white) !important; border: 1px solid var(--dark) !important; }
.section-form .form-row .form-group input[type="checkbox"] + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 32px; height: 32px; border-radius: 19px; background-color: var(--beige) !important; transition: 0.4s; }
.section-form .form-row .form-group input[type="checkbox"] + label::after { content: attr(content); position: absolute; top: inherit; bottom: 42px; font-size: 12px; line-height: 12px; font-weight: 300; width: max-content; }
.section-form .form-row .form-group input[type="checkbox"]:checked + label { }
.section-form .form-row .form-group input[type="checkbox"]:checked + label::before { transform: translateX(42px); background-color: var(--dark) !important; }


/*section .row [class*="section-"] [type="checkbox"]:focus + label { box-shadow: 0 0 1px #FFC700; }*/






/*section .row [class*="section-"] button[type="radio"] { border: 1px solid #EEEEEE; margin-right: 0; border-radius: 0; }
section .row [class*="section-"] button[type="radio"][checked] { background: #000000; color: #FFFFFF; }*/




/*.section-form .form-row .form-group input[type="checkbox"].template-002 + label { margin: 3px 0 !important; padding: 0px !important; font-size: 0px !important; line-height: 0px !important; display: block !important; position: relative !important; width: 48px !important; height: 26px !important; border-radius: 16px !important; border: 1px solid var(--dark) !important; }
.section-form .form-row .form-group input[type="checkbox"].template-002 + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: var(--dark); border-radius: 50%; transition: 0.4s; }
.section-form .form-row .form-group input[type="checkbox"].template-002:checked + label {  }
.section-form .form-row .form-group input[type="checkbox"].template-002:checked + label::before { transform: translateX(22px); }
.section-form .form-row .form-group input[type="checkbox"].template-002:focus + label { box-shadow: 0 0 1px #FFC700;}*/





.section-form .form-row .form-group button[type="radio"] { border: 1px solid var(--dark); padding: 0 8px; background: var(--white); margin: 0 8px 8px 0px; height: 38px; }
.section-form .form-row .form-group button[type="radio"][checked] { background: var(--dark); color: var(--white); }



.section-form .form-row .form-group input[required].error,
.section-form .form-row .form-group select[required].error,
.section-form .form-row .form-group textarea[required].error { /*background-color: #FFC700;*/ }
.section-form .form-row .form-group .title { width: 100%; font-size: 14px; font-weight: 600; line-height: normal; margin: 24px 0 8px 0; }
.section-form .form-row .form-group .subtitle { width: 100%; font-size: 12px; line-height: normal; margin: 0 0 8px 0; }
.section-form .form-row .form-group .text { width: 100%; font-size: 12px; line-height: normal; margin: 24px 0 8px 0; }
.section-form .form-row .form-group .textsmall { width: 100%; font-size: 10px; padding: 8px 0; }
.section-form .form-row .form-group hr { width: 100%; margin: 24px 0px 0px 0px; border: 0; border-bottom: 1px solid var(--dark); }

.section-form .form-row .form-group.width-12 { width: 100%; }
.section-form .form-row .form-group.width-9 { width: calc(75% - (16px / 2)); }
.section-form .form-row .form-group.width-8 { width: calc(66.66% - (16px / 2)); }
.section-form .form-row .form-group.width-6 { width: calc(50% - (16px / 2)); }
.section-form .form-row .form-group.width-4 { width: calc(33.33% - (16px / 2)); }
.section-form .form-row .form-group.width-3 { width: calc((100% - (16px * 3)) / 4); }

.section-form .form-row .form-group .tox.tox-tinymce { border: 1px solid var(--dark) !important; }
/*.section-form .form-row .form-group:nth-child(1) { padding-left: 0px; }
.section-form .form-row .form-group input[type="checkbox"] { display: none; }
.section-form .form-row .form-group input[type="checkbox"] + label { margin-top: 4px; margin-bottom: 4px; font-size: 0px; line-height: 0px; display: inline-block; position: relative; width: 64px; height: 32px; background-color: #ccc; border-radius: 16px; cursor: pointer; }
.section-form .form-row .form-group input[type="checkbox"] + label::before { content: ""; position: absolute; top: 2px; left: 2px; width: 28px; height: 28px; background-color: #fff; border-radius: 50%; transition: 0.4s; }
.section-form .form-row .form-group input[type="checkbox"] + label::after { content: attr(content); position: absolute; top: 4px; left: 72px; width: max-content; font-size: 10px; line-height: 10px; font-weight: 300; }
.section-form .form-row .form-group input[type="checkbox"]:checked + label { background-color: #FFC700; }
.section-form .form-row .form-group input[type="checkbox"]:checked + label::before { transform: translateX(32px); }
.section-form .form-row .form-group input[type="checkbox"]:focus + label { box-shadow: 0 0 1px #FFC700;}


.section-form .form-row .form-group button[type="checkbox"] { border: none; line-height: 24px; margin: 4px 8px 4px 0px; }
.section-form .form-row .form-group button[type="checkbox"][checked] { background: var(--dark)20; color: var(--dark); border-bottom: 1px solid var(--dark); }
.section-form .form-row .form-group button[type="checkbox"].checked { background: var(--dark)20; color: var(--dark); border-bottom: 1px solid var(--dark); }
.section-form .form-row .form-group button[type="checkbox"].template_01 {  }
.section-form .form-row .form-group button[type="checkbox"].template_01[checked] {  }
.section-form .form-row .form-group button[type="checkbox"].template_02 { border-radius: 0; }
.section-form .form-row .form-group button[type="checkbox"][checked].template_02 {  }
.section-form .form-row .form-group button[type="checkbox"].checked.template_02 {  }*/
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row .section-form.beige { background: var(--beige); }
/* ---------------------------------------------- */
section > .row .section-form.green-1 { background: var(--green-1); }
section > .row .section-form.green-1 .form-row .form-group input[required].error,
section > .row .section-form.green-1 .form-row .form-group select[required].error,
section > .row .section-form.green-1 .form-row .form-group textarea[required].error,
section > .row .section-form.green-1 .form-row .form-group input[required].error + label { background-color: var(--green-2) !important; }
/* ---------------------------------------------- */
section > .row .section-form.red-1 { background: var(--red-1); }
section > .row .section-form.red-1 .form-row .form-group input[required].error,
section > .row .section-form.red-1 .form-row .form-group select[required].error,
section > .row .section-form.red-1 .form-row .form-group textarea[required].error,
section > .row .section-form.red-1 .form-row .form-group input[required].error + label { background-color: var(--red-2) !important; }
/* ---------------------------------------------- */
section > .row .section-form.violet-1 { background: var(--violet-1); }
section > .row .section-form.violet-1 .form-row .form-group input[required].error,
section > .row .section-form.violet-1 .form-row .form-group select[required].error,
section > .row .section-form.violet-1 .form-row .form-group textarea[required].error,
section > .row .section-form.violet-1 .form-row .form-group input[required].error + label { background-color: var(--violet-2) !important; }
/* ---------------------------------------------- */
section > .row .section-form.yellow { background: var(--yellow); }
section > .row .section-form.yellow input[type="checkbox"]:checked + label { background-color: var(--yellow) !important; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-text {  }
.section-text > .wrap { padding: 8px 16px 16px 16px !important; }
.section-text .title {  }
.section-text .subtitle {  }
.section-text .content {  }
.section-text .content p { margin-top: 16px; }
.section-text .actions {  }
.section-text .actions a:first-child,
.section-text .actions button:first-child,
.section-text .actions select:first-child { margin-left: 0px !important; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.section-list {  }
.section-list > .wrap {  }
.section-list .content span.actions { position: absolute; top: 3px; right: 0px; }
/*.section-list div.actions a,
.section-list div.actions button,
.section-list div.actions input,
.section-list div.actions select { }*/

.section-list {  }
.section-list > .wrap {  }
.section-list .title { padding: 0 8px; }
.section-list .title .image { float: left; }
.section-list .title .image span { padding: 0 8px; }
.section-list .title .image span img { height: 40px; }
.section-list .filter { padding: 8px; }
.section-list .filter input { background-color: transparent; padding: 0; border: none; font-weight: 200; width: -webkit-fill-available; width: -moz-available; line-height: 40px; border-bottom: 1px dashed #000000; color: #000000; opacity: .4; font-size: 12px; }
.section-list .filter input::-webkit-input-placeholder { color: #000000; }
.section-list .filter input:-moz-placeholder { color: #000000; }
.section-list .filter input::-moz-placeholder { color: #000000; }
.section-list .filter input:-ms-input-placeholder { color: #000000 }
.section-list .content {  }
.section-list .content ul li { position: relative; padding: 8px 8px 8px 8px; border-bottom: 1px solid; }
.section-list .content ul li .actions { right: 8px; }
.section-list .content ul li:last-child { border-bottom: none; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
section > .row .section-list.beige { background: var(--beige); }
/* ---------------------------------------------- */
section > .row .section-list.green-1 { background: var(--green-1); }
section > .row .section-list.green-1 .content ul li { border-bottom-color: var(--green-2); }

section > .row .section-list.green-1 .content ul li:hover { background-color: var(--green-2); }
    /*section > .row .section-form.green-1 .form-row .form-group input[required].error,
    section > .row .section-form.green-1 .form-row .form-group select[required].error,
    section > .row .section-form.green-1 .form-row .form-group textarea[required].error,
    section > .row .section-form.green-1 .form-row .form-group input[required].error + label { background-color: var(--green-2) !important; }*/
/* ---------------------------------------------- */
section > .row .section-list.red-1 { background: var(--red-1); }
section > .row .section-list.red-1 .content ul li { border-bottom-color: var(--red-2); }
section > .row .section-list.red-1 .content ul li:hover { background-color: var(--red-2); }
/*section > .row .section-form.red-1 .form-row .form-group input[required].error,
section > .row .section-form.red-1 .form-row .form-group select[required].error,
section > .row .section-form.red-1 .form-row .form-group textarea[required].error,
section > .row .section-form.red-1 .form-row .form-group input[required].error + label { background-color: var(--red-2) !important; }*/
/* ---------------------------------------------- */
section > .row .section-list.violet-1 { background: var(--violet-1); }
section > .row .section-list.violet-1 .content ul li { border-bottom-color: var(--violet-2); }
section > .row .section-list.violet-1 .content ul li:hover { background-color: var(--violet-2); }
/*section > .row .section-form.violet-1 .form-row .form-group input[required].error,
section > .row .section-form.violet-1 .form-row .form-group select[required].error,
section > .row .section-form.violet-1 .form-row .form-group textarea[required].error,
section > .row .section-form.violet-1 .form-row .form-group input[required].error + label { background-color: var(--violet-2) !important; }*/
/* ---------------------------------------------- */
section > .row .section-list-form.yellow { background: var(--yellow); }
section > .row .section-list.yellow input[type="checkbox"]:checked + label { background-color: var(--yellow) !important; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */








/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*.section-bar.top { }
.section-bar.top > .wrap { width: 100%; }
.section-bar.top ul { font-size: 0; line-height: 0; }
.section-bar.top ul li { display: inline-block; border-left: 1px solid var(--dark); color: var(--dark); padding: 0; }
.section-bar.top ul li button { line-height: 40px; color: var(--dark); font-weight: 200; }
.section-bar.top ul li a { color: var(--dark); text-transform: uppercase; }
.section-bar.top ul li a:hover { text-decoration: none; }
.section-bar ul li input { border: none; padding: 8px; background: transparent; color: var(--dark); font-weight: 200; }
.section-bar.top ul li:first-child { border-left: none; }
.section-bar.top ul li.search { width: -webkit-fill-available; }
.section-bar.top ul li.search input { width: -webkit-fill-available; }*/


.section-top { padding-bottom: 40px; }
.section-top > .wrap { border-bottom: 1px solid var(--dark); padding: 16px 8px 8px 8px !important; }


.section-bottom { padding-top: 40px; }
.section-bottom > .wrap { border-top: 1px solid var(--dark); }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */










































#loadingLAYOUT { position: absolute; top:0px; left: 0px; margin: 40px 0 0 40px !important; overflow-y: auto; display: none; z-index: 9; width: -webkit-fill-available; }
#loadingLAYOUT > .wrap { padding: 39px 39px 39px 39px; background: var(--dark); color: #FFFFFF; }








/* HEADER *****************/
#headerLAYOUT { position: fixed; top: 0px; left: 40px; height: 40px; width: calc(100% - 40px); background: var(--dark); }
#headerLAYOUT > .wrap { overflow-x: auto; width: 100%; }
#headerLAYOUT ul { font-size: 0; line-height: 0; white-space: nowrap; }
#headerLAYOUT ul li { display: inline-block; margin-left: 40px; padding: 6px 0px; }
#headerLAYOUT ul li span.material-symbols-outlined { margin-right: 4px; font-weight: 300; }
#headerLAYOUT ul li a,
#headerLAYOUT ul li button{ color: var(--beige); text-transform: uppercase; font-weight: 300; }
#headerLAYOUT ul li a:hover,
#headerLAYOUT ul li button:hover { text-decoration: none; color: var(--white); }

#headerLAYOUT ul li.menu-button a { color: var(--white); }
#headerLAYOUT ul li.menu-button a#menu-button-close { display: none; }
#headerLAYOUT ul li.space { width: 40px; }
#headerLAYOUT ul li:first-child { margin-left: 0px; }






/* ASIDE ******************/
#asideLAYOUT { position: fixed; top: 60px; left: 0px; width: 40px; height: calc(100% - 40px); background: var(--dark); }
#asideLAYOUT > .wrap { overflow-y: auto; height: 100%; }
#asideLAYOUT ul { font-size: 0; line-height: 0; }
#asideLAYOUT ul li { position: relative; display: inline-block; margin-top: 20px; text-orientation: mixed; /*writing-mode: vertical-rl;*/ padding: 0px 8px; }
#asideLAYOUT ul li span.material-symbols-outlined { margin-bottom: 4px; font-weight: 300; }
#asideLAYOUT ul li a { color: #d9d9dd; text-transform: uppercase; font-weight: 300; }
#asideLAYOUT ul li a:hover { text-decoration: none; color: #FFFFFF; }
#asideLAYOUT ul li:first-child { margin-top: 0px; }






/* FOOTER *****************/
#footerLAYOUT { display: none; }
#footerLAYOUT > .wrap {  }






/* MENU *******************/
#menuLAYOUT { position: absolute; top:0px; left: 0px; margin: 40px 0 0 40px !important; overflow-y: auto; display: none; z-index: 9; width: -webkit-fill-available; width: calc(100% - 40px); }
#menuLAYOUT > .wrap { padding: 40px 0;  background: var(--dark); color: var(--white); }
#menuLAYOUT .row { margin-bottom: 40px; display: flex; gap: 39px; flex-wrap: wrap; justify-content: flex-start; }
#menuLAYOUT .row [class*='col-'] { align-self: auto; flex: 0 0 auto; }



#menuLAYOUT .section-list .content { margin-top: 8px; }

#menuLAYOUT .section-list .content ul li { padding: 4px 8px; border-bottom: 1px dashed var(--white); }

#menuLAYOUT .section-list .content ul li .actions a {
line-height: 16px;
display: inline-block;
border: 1px solid var(--white);
border-radius: 20px;
padding: 4px 8px;
text-align: center;
color: var(--dark);
    background: var(--white);
font-size: 12px;
font-weight: 300;
vertical-align: middle; }

#menuLAYOUT .section-list .content ul li .actions a:hover { background: var(--yellow) !important; border: 1px solid var(--yellow) !important; color: var(--dark) !important; }

#menuLAYOUT .section-list .content ul li .actions a:first-child { margin-left: 0; }
/*
#menuLAYOUT .section-buttons {  }
#menuLAYOUT .section-buttons > .wrap { padding: 0; }
#menuLAYOUT .section-buttons .title { border-bottom: 1px solid #FFFFFF; }
#menuLAYOUT .section-buttons .group { font-size: 0; position: relative; padding: 8px 0; }
#menuLAYOUT .section-buttons .group::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-image: linear-gradient(to right, white 8px, transparent 8px); background-size: 16px 100%; background-repeat: repeat-x; }
#menuLAYOUT .section-buttons .group:last-child::after { content: ""; background: none; }

#menuLAYOUT .section-buttons a,
#menuLAYOUT .section-buttons button,
#menuLAYOUT .section-buttons select { background-color: #FFFFFF; color: var(--dark); border: 1px solid #DFE0E1; font-size: 12px; line-height: 24px; font-weight: 400; border-radius: 20px; display: inline-block; text-align: center; padding: 4px 16px; min-width: 40px; margin: 3px 8px 3px 0px; }
#menuLAYOUT .section-buttons select { width: auto; height: 40px; background-color: #FFFFFF; text-align: left; }
#menuLAYOUT .section-buttons input { width: 100%; max-width: 400px; line-height: 38px; display: inline-block; border: 1px solid #DFE0E1; border-radius: 20px; padding: 8px; text-align: left; background-color: #FFFFFF; color: var(--dark); font-size: 16px; line-height: 24px; font-weight: 200; }
#menuLAYOUT .section-buttons a span.material-symbols-outlined,
#menuLAYOUT .section-buttons button span.material-symbols-outlined,
#menuLAYOUT .section-buttons input span.material-symbols-outlined,
#menuLAYOUT .section-buttons select span.material-symbols-outlined { font-size: 20px; line-height: 24px; vertical-align: bottom; }
#menuLAYOUT .section-buttons a:hover,
#menuLAYOUT .section-buttons button:hover { background-color: var(--dark); color: #EEEEEE; border: 1px solid #FFFFFF; text-decoration: none; }
#menuLAYOUT .section-buttons a.white,
#menuLAYOUT .section-buttons button.white { border: 1px solid #DFE0E1; background-color: #FFFFFF; color: var(--dark); }
#menuLAYOUT .section-buttons a.white:hover,
#menuLAYOUT .section-buttons button.white:hover { background-color: var(--dark); color: #FFFFFF; text-decoration: none; }
#menuLAYOUT .section-buttons a.beigegrey,
#menuLAYOUT .section-buttons button.beigegrey { border: 1px solid #DFE0E1; background-color: #EEEEEE; color: var(--dark); }
#menuLAYOUT .section-buttons a.beigegrey:hover,
#menuLAYOUT .section-buttons button.beigegrey:hover { background-color: var(--dark); color: #EEEEEE; text-decoration: none; }
#menuLAYOUT .section-buttons a.grey,
#menuLAYOUT .section-buttons button.grey { border: 1px solid #999999; background-color: #999999; color: var(--dark); }
#menuLAYOUT .section-buttons a.grey:hover,
#menuLAYOUT .section-buttons button.grey:hover { background-color: #333333; color: #EEEEEE; text-decoration: none; }
#menuLAYOUT .section-buttons a.darkgrey,
#menuLAYOUT .section-buttons button.darkgrey { border: 1px solid #333333; background-color: #333333; color: #FFFFFF; }
#menuLAYOUT .section-buttons a.darkgrey:hover,
#menuLAYOUT .section-buttons button.darkgrey:hover { background-color: #333333; color: #EEEEEE; text-decoration: none; }
#menuLAYOUT .section-buttons a.yellow,
#menuLAYOUT .section-buttons button.yellow { border: 1px solid #DFE0E1; background-color: #FFC700; color: var(--dark); }
#menuLAYOUT .section-buttons a.yellow:hover,
#menuLAYOUT .section-buttons button.yellow:hover { background-color: var(--dark); color: #FFC700; text-decoration: none; }*/






/* CONTENT ****************/
#contentLAYOUT { margin: 40px 0 0 40px !important; overflow-y: scroll; position: relative; background: var(--white); }
#contentLAYOUT > .wrap { padding-bottom: 80px; }


/* CHECK ******************
#contentLAYOUT > .wrap > .bar.top { margin-top: -39px; margin-left: -39px; height: 40px; }
#contentLAYOUT > .wrap > .bar.top > .wrap { background: linear-gradient(to right, #EEEEEE, transparent); position: fixed; width: 100%; z-index: 1; }
#contentLAYOUT > .wrap > .bar.top ul { font-size: 0; line-height: 0; }
#contentLAYOUT > .wrap > .bar.top ul li { display: inline-block; border-left: 1px solid var(--dark); color: var(--dark); padding: 0; }
#contentLAYOUT > .wrap > .top ul li button { line-height: 40px; color: var(--dark); font-weight: 200; }
#contentLAYOUT > .wrap > .top ul li a { color: var(--dark); text-transform: uppercase; }
#contentLAYOUT > .wrap > .top ul li a:hover { text-decoration: none; }
#contentLAYOUT > .wrap > .bar ul li input { border: none; padding: 8px; background: transparent; color: var(--dark); font-weight: 200; }
#contentLAYOUT > .wrap > .top ul li:first-child { border-left: none; }
#contentLAYOUT > .wrap > .bar.top ul li.search { width: -webkit-fill-available; }
#contentLAYOUT > .wrap > .bar.top ul li.search input { width: -webkit-fill-available; }


#contentLAYOUT > .wrap > .bar.bottom { position: fixed; bottom: 0px; left: 0px; height: 40px; width: 100%; z-index: 1; }
#contentLAYOUT > .wrap > .bar.bottom > .wrap {  }
#contentLAYOUT > .wrap > .bar.bottom ul { font-size: 0; line-height: 0; white-space: nowrap; overflow-x: auto; }
#contentLAYOUT > .wrap > .bar.bottom ul li { display: inline-block; margin-left: 40px; padding: 8px 0px; }
#contentLAYOUT > .wrap > .bar.bottom ul li a { color: #757575; text-transform: uppercase; }
#contentLAYOUT > .wrap > .bar.bottom ul li a:hover { text-decoration: none; color: #FFFFFF; }
#contentLAYOUT > .wrap > .bar.bottom ul li button { color: #757575; text-transform: uppercase; line-height: inherit; }
#contentLAYOUT > .wrap > .bar.bottom ul li button:hover { text-decoration: none; color: #FFFFFF; }

#contentLAYOUT > .wrap > .bar.bottom ul li input { border: none; padding: 8px; background: transparent; color: var(--dark); font-weight: 200; }
#contentLAYOUT > .wrap > .bar.bottom ul li.space {  }











/* row
-------------------
#contentLAYOUT .row.search { position: fixed; top: 40px; width: calc(100% - 120px); margin-bottom: 0; background: #FFFFFF; z-index: 2; }
#contentLAYOUT .row.search .section-filter {  }
#contentLAYOUT .row.search .section-filter > .wrap { padding: 0; }
#contentLAYOUT .row.search .section-filter input[name="filter"] { border: none; padding: 7px 8px 7px 8px; background: transparent; color: var(--dark); font-weight: 200;border-bottom: 1px solid var(--dark); width: 100%; }
#contentLAYOUT .row.index { position: fixed; top: 80px; width: calc(100% - 120px); margin-bottom: 0; background: #FFFFFF; z-index: 2; flex-wrap: nowrap; overflow: hidden; }
/* ---------------- */





















#contentLAYOUT .main-footer { background: #FFFFFF;  }
#contentLAYOUT .main-footer > .wrap { padding: 40px; }
#contentLAYOUT .main-footer .footer-row > .wrap { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; gap: 80px 40px; padding: 0; }
#contentLAYOUT .main-footer .footer-row .column { flex: 1; }



#contentLAYOUT .main-footer .footer-row.logo {  }
#contentLAYOUT .main-footer .footer-row.logo .image img { width: 100%; }
#contentLAYOUT .main-footer .footer-row.logo .image svg { max-width: 240px; }
#contentLAYOUT .main-footer .footer-row.menus { margin: 0 auto 40px auto; }
#contentLAYOUT .main-footer .footer-row.menus ul li { padding: 0; }
#contentLAYOUT .main-footer .footer-row.menus .menu label { display: block; margin: 20px 0 0 0; font-size: 12px; font-weight: 600; }
#contentLAYOUT .main-footer .footer-row.menus .menu ul li a,
#contentLAYOUT .main-footer .footer-row.menus .menu ul li button { font-size: 12px; line-height: normal; }
#contentLAYOUT .main-footer .footer-row.menus .menu ul li a:hover,
#contentLAYOUT .main-footer .footer-row.menus .menu ul li button:hover { border-bottom: .5px solid var(--dark); }
#contentLAYOUT .main-footer .footer-row.menus .menu ul li.info { color: #CCCCCC; font-size: 12px; }
#contentLAYOUT .main-footer .footer-row.menus .menu.main ul li { font-weight: 600; }



















.pulsate { animation: pulse 0.5s infinite; }
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } }

.vibrate { animation: vibrateX 0.3s linear infinite; }
@keyframes vibrateX { 0% { transform: translateX(0) rotate(0deg) scale(1); } 10% { transform: translateX(-2px) rotate(-2deg) scale(1.2); } 20% { transform: translateX(2px) rotate(2deg) scale(1.2); } 30% { transform: translateX(-2px) rotate(-2deg) scale(1.2); } 40% { transform: translateX(2px) rotate(2deg) scale(1.2); } 50% { transform: translateX(-2px) rotate(-2deg) scale(1.2); } 60% { transform: translateX(2px) rotate(2deg) scale(1.2); } 70% { transform: translateX(-2px) rotate(-2deg) scale(1.2); } 80% { transform: translateX(2px) rotate(2deg) scale(1.2); } 90% { transform: translateX(-2px) rotate(-2deg) scale(1.2); } 100% { transform: translateX(0) rotate(0deg) scale(1); } }

.tox-tinymce { border-radius: 0 !important; }
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { border-top: 1px solid var(--dark) !important; }
.tox:not(.tox-tinymce-inline) .tox-editor-header { padding: 0 !important; }
.tox .tox-toolbar__group { padding: 0 11px 0 0 !important; }
.tox.tox-edit-focus .tox-edit-area::before { border: 0 !important; }














@media screen and (max-width: 1599px) { /* 1366 */



}

@media screen and (max-width: 1365px) { /* 1024 */

    #contentLAYOUT .main-footer .footer-row .column { flex: 1 0 calc((100% - 80px) / 3); }
    #contentLAYOUT .main-footer .footer-row.logo .column:nth-child(4) { display: none; }
    #contentLAYOUT .main-footer .footer-row.logo .column:nth-child(5) { display: none; }
    #contentLAYOUT .main-footer .footer-row.logo .column:nth-child(6) { display: none; }


}

@media screen and (max-width: 1023px) { /* 768 */

    .col-1-2 { width: 121px; }
    .col-1 { width: 281px; }
    .col-2 { width: 100%; }
    .col-3 { width: 100%; width: max-content; }
    .col-4 { width: 100%; }

}

@media screen and (max-width: 767px) { /* 414 */

    section .row { gap: 24px; padding: 0 24px; }


    .form-row .form-group[class*="width-"] { width: 100%; }

    .col-1-2 { width: 100%; }
    .col-1 { width: 100%; }


    #contentLAYOUT .main-footer .footer-row > .wrap { padding: 0px 12px; gap: 40px 12px; }
    #contentLAYOUT .main-footer .footer-row .column {  }
    #contentLAYOUT .main-footer .footer-row.logo  > .wrap { display: block; }
    #contentLAYOUT .main-footer .footer-row.logo .column:nth-child(2) { display: none; }
    #contentLAYOUT .main-footer .footer-row.logo .column:nth-child(3) { display: none; }
    #contentLAYOUT .main-footer .footer-row.menus .column:nth-child(2) { display: none; }
    #contentLAYOUT .main-footer .footer-row.menus .column { flex: 1 0 calc((100% - 12px) / 2); }


}

@media screen and (max-width: 414px) {



}
/*
button:disabled,
button[disabled]{
    background-color: #F9F9F9!important;
    color: #999999!important;
}*/


@media print {
    .no-print { display: none !important; }
    .no-break {
        /*display: block !important;*/
        page-break-inside: avoid !important;
        break-inside: avoid !important; }
}