@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');



:root{
    --color-dark-0:rgba(30,30,30,1);
    --color-dark-1:rgba(64,64,64,1);
    --color-dark-2:rgba(128,128,128,1);
    --color-dark-3:rgba(200,200,200,1);
    
    --table-item-height:70px;
    --review-slider-width:50px;
}

/**{
    border:solid 1px red !important;
}*/
*::-webkit-scrollbar-button {
    display:block;
    width:25px;
    height:25px;
}

*::-webkit-scrollbar-button:horizontal:start:increment {
    display:block;  
}

*::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none;
}

*::-webkit-scrollbar-button:horizontal:end:increment {
    display: none;
}

*::-webkit-scrollbar-button:horizontal:end:decrement {
    display:block;  
}


*::-webkit-scrollbar {
    
  width: 9px !important;               /* width of the entire scrollbar */
  height: 9px !important;               /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
  background-color: var(--nui-color-1) !important;  /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.7) !important;    /* color of the scroll thumb */
  border-radius: 20px !important;       /* roundness of the scroll thumb */
  border: 3px solid var(--nui-color-1) !important;/* creates padding around scroll thumb */

}



.ebs_ui_review *::-webkit-scrollbar-button {
    display:block;
    width:0px;
    height:0px;
}

.ebs_ui_review *::-webkit-scrollbar-button:horizontal:start:increment {
    display:none;  
}

.ebs_ui_review *::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none;
}

.ebs_ui_review *::-webkit-scrollbar-button:horizontal:end:increment {
    display: none;
}

.ebs_ui_review *::-webkit-scrollbar-button:horizontal:end:decrement {
    display:none;  
}


.ebs_ui_review *::-webkit-scrollbar {
    
  width: 9px !important;               /* width of the entire scrollbar */
  height: 9px !important;               /* width of the entire scrollbar */
}

.ebs_ui_review *::-webkit-scrollbar-track {
  background-color: var(--nui-color-4) !important;  /* color of the tracking area */
}

.ebs_ui_review *::-webkit-scrollbar-thumb {
  background-color: var(--nui-color-1) !important;    /* color of the scroll thumb */
  border-radius: 20px !important;       /* roundness of the scroll thumb */
  border: 3px solid var(--nui-color-4) !important;/* creates padding around scroll thumb */

}


a {
    color:inherit !important;
    text-decoration: none;
}

h4 { 
    margin-top:25px;
    font-size:1.2rem;
    font-weight:300;
}

input[type="text"] {
    background-color:var(--nui-color-2);
    border:none;
    border-radius: 3px;
    border-bottom:solid 2px var(--nui-color-3);
    padding:8px 15px;
    color:var(--nui-color-4);
    outline:none;
}

input:-internal-autofill-selected {
    background-color:unset !important;
}

input:-webkit-autofill, input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s, font-family 0s 600000s;
}


textarea {
    background-color:var(--nui-color-2);
    border:none;
    border-radius: 3px;
    border-bottom:solid 2px var(--nui-color-3);
    padding:8px 15px;
    color:var(--nui-color-4);
    outline:none;
}

input[type="password"] {
    background-color:var(--nui-color-2);
    border:none;
    border-radius: 3px;
    border-bottom:solid 2px var(--nui-color-3);
    padding:8px 15px;
    color:var(--nui-color-4);
    outline:none;
}

input[type="number"] {
    background-color:var(--nui-color-2);
    border:none;
    border-radius: 3px;
    border-bottom:solid 2px var(--nui-color-3);
    padding:8px 15px;
    color:var(--nui-color-4);
    outline:none;
}

input[type="date"] {
    background-color:var(--nui-color-2);
    border:none;
    border-radius: 3px;
    border-bottom:solid 2px var(--nui-color-3);
    padding:8px 15px;
    color:var(--nui-color-4);
    outline:none;
}

input[type="number"]:disabled {
    border-bottom:solid 2px rgba(255,255,255,0.5);
}

button {
    background-color:var(--nui-color-3);
    border:none;
    color:var(--nui-color-1);
    border-radius:3px;
    padding:8px 15px;
}

input::placeholder {
    color:rgba(255,255,255,0.6);
}

.ebs_order_next {
    background-color:#af3838 !important;
    color:white;
}

.ebs_order_nc {
    background-color:#919137 !important;
}
.ebs_order_item {
    display:inline-flex;
    height:55px;
    max-height:55px;
    vertical-align:top;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:10px;
    width: calc(100%);
    overflow:hidden;
    background-color:var(--nui-color-2);
    border-radius:8px;
    line-height:1.1em;
}

.ebs_order_category {
    display:flex;
    flex-wrap: wrap;
    
    
    position: relative;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:20px;
    overflow:hidden;
}

.ebs_order_category > h3 {
    font-size:1.2rem;
    font-weight:300;
    width:100%;
    margin-left:5px;
}

.ebs_order_category h3 {
    display: flex;
    flex:0 0 100%;
}

.ebs_order_category a {
    flex:0 0 calc((100% / 3) - 10px);
    max-width:calc((100% / 3) - 10px));
    margin:5px;
}

.ebs_order_main_menu {
    display: inline-block;
    max-width:500px;
    vertical-align:top;
    display:flex;
    flex-wrap: wrap;
}

.ebs_order_main_menu > a {
    flex: 1 1 100%;
}

.ebs_order_recap {
    margin-top:15px;
    display: inline-block;
    max-width:500px;
    vertical-align:top;
    /*font-family: 'Victor Mono', monospace !important;;
    font-size:0.8em;*/
    width:100%;
    max-height:80vh;
}

.ebs_order_recap_main {
    font-weight:800;
    display:block;
    margin-left:0px;
}

.ebs_order_recap_sub {
    display:block;
    margin-left:15px;
}

.ebs_order_recap_section_price {
    position: absolute;
    top:0px;
    right:0px;
}

.ebs_order_recap_section {
    display:block;
    position:relative;
}

.ebs_order_recap_section:hover {
    background-color:rgba(0,0,0,0.1);
}

.ebs_nc {
    font-style: italic;
}

.ebs_old_selection {
    background-color:lightblue;
}



.ebs_view_order_main {
    font-family: 'Victor Mono', monospace !important;
    position: relative;
    vertical-align: top;
    display: inline-block;
    width:350px;
    max-width:350px;
    border:1px solid black;
}

.ebs_view_cover {
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

.ebs_view_valid {
    display:none;
}

.ebs_view_next {

}

body:has(.ebs_view_order_main_content) {
    background-color:black;
    color:white;
}

.ebs_view_order_main {
    background-color: white;
    color:black;
    margin:5px;
    padding:10px;
}

.ebs_view_order_main_content {
    position: relative;
    padding-top:50px;
}

.ebs_view_order_line {
    font-size:0.8em;
    line-height: 1.2em;
    margin-left:80px;
}

.ebs_view_order_line_detail {
    font-size:0.8em;
    line-height: 1.2em;
    margin-left:45px;
}

.ebs_view_order_line_separator {
    font-size:0.6em;
    line-height:1.2em;
    margin:0px 80px;
    background-color:black;
    color:white;
    text-align: center;
}

.ebs_view_menu_id {
    font-size:0.8em;
    font-weight:900;
    padding:0px 5px;
    background-color:black;
    color:white;
}

.ebs_view_order_line_replaced{
    color:red;
    font-size:0.9em;
    margin-left:35px;
    text-decoration:line-through;
    font-weight:800;
    line-height:0.85em;
    margin-bottom:5px;
}

.ebs_view_current_step {
    font-size:1.25em;
    margin-left:0px;
}

.ebs_current_serv_step {
    border-left:5px solid #c5a4e5;
    border-right:5px solid #c5a4e5;
    padding:0px 7px;
    padding-top:7px;
    position: relative;
    margin-bottom:5px;
}

.ebs_view_fm {
    background-color:red;
    text-transform: uppercase;
    padding:3px 0px;
    text-align: center;
    color:white;
    font-size:0.8em; 
    font-weight:900;
}

.ebs_view_send {
    position: absolute;
    background-color:rgba(255,255,255,0.8);
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: flex; 
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 900;
    font-size:1.8em;
}

.ebs_view_cstep_1 {
    background-color:#6fed85;
}

.ebs_view_cstep_1_nc {
    background-color:#d0ffd3;
}

.ebs_view_cstep_1_nc .ebs_curr_qte {
    
    color:red;
    font-weight:900;
}


.ebs_view_order_serv {
    position: absolute;
    top:0px;
    right:0px;
    text-align:right;
}

.ebs_view_order_table {
    position: absolute;
    top:0px;
    left:0px;
    text-align:left;
}

.ebs_view_order_table h3 {
    margin:0px;
}

.ebs_ui_header {
    background-color:var(--color-dark-0);
    color:white;
    position: fixed;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:1.5em;
}

.ebs_ui_main {
    background-color:var(--color-dark-1);
    color:white;
    min-height:100vh;
    position: relative;
    padding-top:120px;
}

.ebs_ui_review {
    border-radius:35px 35px 0px 0px;
    background-color:var(--nui-color-4);
    position: fixed;
    bottom:-50px;
    z-index: 300;
    padding:10px 15px;
    padding-top:60px;
    color:black;
    left:0px;
    width:100vw;
    transition: all 0.5s ease;
    height:120px;
}

.ebs_order_table {
    position: relative;
    border-radius:100px;
    min-width:100%;
    margin-bottom:7px;
    overflow:hidden;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:8px;
    background-color:var(--nui-color-2);
    flex:1 0 100%;
}

.ebs_order_table_num {
    height:52px;
    aspect-ratio:1/1;
    background-color:var(--nui-color-4);
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.7em;
    font-weight:600;
    color:var(--nui-color-2);
    border-radius:100px;
    position: relative;
}

.ebs_order_table_stats {
    display:flex;
    align-items: center;
}

.ebs_order_table_infos {
    font-size:0.9em;
    display:flex;
    align-items: center;
    font-weight:200;
}

.ebs_badge {
    background-color:var(--nui-color-2);
    border-radius:3px;
    font-size:0.75rem;
    font-weight: 500;
    box-shadow: 0px 0px 5px rgba(255,255,255,0.1);
    margin-right:5px;
    padding:2px 7px;
}

.ebs_ui_review_slider {
    box-sizing: content-box;
    position: absolute;
    right:17px;
    top:17px;
    width:36px;
    aspect-ratio:1/1;
    border-radius:100px;
    background-color:inherit;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.3em;
    background-color: var(--nui-color-2);
    color:var(--nui-color-4);
}




.ebs_ui_review_global {
    position: absolute;
    top:0px;
    height: 70px;    display: flex;
    align-items: baseline;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.ebs_popup_back {
    position: fixed;
    z-index: 200;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ebs_popup_main {
    position: relative;
    min-width:80%;
    min-height:50px;
    background-color:white;
    border-radius:10px;
    color:black;
    padding:15px;
    padding-top:65px;
    height:80vh;
    max-height:80vh;
}

.ebs_popup_item {
    position: relative;
    background-color:var(--nui-color-2);
    border-radius:8px;
    margin:5px 0px;
    padding:8px 15px;
    height:55px;
    overflow:hidden;
    justify-content: flex-start;
    align-items: center;
    display:flex;
}

.ebs_popup_header {
    position: absolute;
    top:15px;
    left:15px;
    right:15px;
    height:40px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.ebs_popup_content {
    position: absolute;
    top:65px;
    left:15px;
    right:15px;
    bottom:15px;
    min-height:70vh;
    overflow-y:scroll;
}

.ebs_form_input {
    display: block;
    color:white;
    background-color: rgba(255,255,255,0.1);
    border: none;
    border-bottom: rgba(255,255,255,0.3) 1px solid;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    transition:background 0.3s linear;
    outline:none;
}

.ebs_form_input:hover {
    background-color: rgba(255,255,255,0.15);
    border-bottom: rgba(255,255,255,0.3) 2px solid;
    padding-bottom:4px;
}

.ebs_form_input:focus {
    background-color: rgba(255,255,255,0.2);
    border-bottom: rgba(255,255,255,0.3) 3px solid;
    padding-bottom:3px;
}

.ebs_form_input::placeholder {
    color:rgba(255,255,255,0.5);
}

.ebs_form_button {
    display:block;
    color:white;
    background-color: rgba(255,255,255,0.1);
    border: rgba(255,255,255,0.3) 1px solid;
    border-bottom: rgba(255,255,255,0.3) 3px solid;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    transition:background 0.3s linear;
    outline:none;
    box-shadow:0px 2px 4px black;
}

.ebs_width_100 {
    width:100%;
}

.ebs_popup_item_cui {
    top:100%;
    position: absolute;
    left:0px;
    right:0px;
    height:100%;
    width:100%;
    background-color:red;
    display:flex;
}

.ebs_popup_item_cui_type {
    flex:1 0 25%;
    font-size:0.85em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ebs_popup_item_acc {
    top:100%;
    position: absolute;
    left:0px;
    right:0px;
    height:100%;
    width:100%;
    background-color:green;
    display:flex;
}

.ebs_ui_master_nav {
    position: fixed;
    display: block;
    top:0px;
    left:0px;
    bottom:0px;
    width:60px;
    background-color:var(--color-dark-0);
}

.ebs_ui_master_display {
    position:fixed;
    display:flex;
    flex-wrap: wrap;
    align-content: flex-start;
    top:0px;
    bottom:0px;
    left:60px;
    right:0px;
    background-color:var(--color-dark-1);
    color:white;
    overflow-y: scroll;
    padding:20px;
}

.ebs_ui_master_nav_item {
    display: flex;
    height:46px;
    width:46px;
    background-color:var(--color-dark-1);
    color:white;
    margin:7px 7px;
    font-size:1.3em;
    align-items: center;
    justify-content: center;
    border-radius:5px;
    
}



.ebs_order_nav_button {
    background-color:var(--color-dark-2);
    border:none;
    color:white;
    padding:7px 18px;
    display:inline;
    font-size:1.3em;
    width:100%;
    font-weight:900;
    
}

.ebs_order_action_bar {

    position: fixed;
    top:95px; 
    left:0px;
    right:0px;
    background-color: red;
    z-index:100;
    display:flex;
    flex-wrap:wrap;
        display:none;
}

.ebs_order_action_bar a {
    flex: 1 0 calc(100% / 3);
}


body:has(.ebs_nui) {
    background-color: var(--nui-color-1) !important;
}
.ebs_nui {
    background-color: var(--nui-color-1);
    font-family: 'Kanit', sans-serif;
    color:var(--nui-color-4) !important;
}

.ebs_menu_menu_button {
    position: absolute;
    top:25px;
    right:25px;
    background-color:white;
    border-radius:25px;
    height:45px;
    width:45px;
    font-size:1.8em;
    color:black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 130;
}

.ebs_nui_header {
    overflow:hidden;
    height:100px;
    width:100%;
    position: fixed;
    padding:25px;
    top:0px;
    left:0px;
    z-index:100;
}

.ebs_menu_menu_container {
    position: absolute;
    right:25px;
    top:25px;
    background-color:var(--nui-color-4);
    border-radius:100vh;
    height:45px;
    width:45px;
    font-size:1.8em;
    color:var(--nui-color-1);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s ease;
    overflow:hidden;
    z-index: 120;
}

.ebs_nui_header_text h3{
    font-weight:100;
    font-size:1.2em;
    margin-bottom:0px;
}

.ebs_nui_header_text h1{
    line-height:1em;
}

.ebs_nui_menu_resize {
    position:absolute;
    height:100vh;
    width:100vw;
    top:calc((100% / 2) - 25px - calc(45px / 2));
    right:calc((100% / 2) - 25px - calc(45px / 2));
    padding:25px;
    padding-top:70px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-start;
    flex-direction: column;
}

.ebs_nui_menu_el_icon {
    background-color:var(--nui-color-1);
    border-radius:25px;
    height:45px;
    width:45px;
    color:var(--nui-color-4);
    margin-left:15px;
    display: flex;
    font-size:1.3rem;
    justify-content: center;
    align-items: center;
}

.ebs_nui_menu_element {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:-45px;
    transition: all 0.3s ease 0.2s;
    opacity: 0;
}

.ebs_nui_menu_element label {
    font-size: 1.5rem;
}



.ebs_application_box label {
    margin-left:2px;
}

.ebs_application_box button {
    margin-bottom:-7px;
    font-size:1.5em;
    padding:0px;
    border:none; 
    background-color:unset;
}

.ebs_nui_login_background {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-image:url('/assets/media/login_background.jpg');
    background-position: center center;
    background-size:cover;
}

.ebs_nui_login_form {
    position: relative;
    background-color:rgba(255,255,255,0.1);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);
    max-width:350px;
}

.ebs_nui_login_form form {
    padding:25px;
    display: flex;
    flex-wrap:wrap;
    gap:15px;
}

.ebs_nui_login_form form *{
    flex: 1 0 100%;
}

form button {
    font-family: 'Kanit', sans-serif;
    font-size: 1rem;
}

.ebs_nui_login_form h1 {
    font-weight:500;
    margin:0px;
}

.ebs_nui_content {
    position: absolute;
    padding:25px;
    padding-top:95px;
    max-width:100vw;
    min-width: 100vw;
    min-height:100vh;
    max-height:100vh;
    overflow:hidden;
    align-content: flex-start;
    align-items: flex-start;
}

.ebs_order_table_side {
    margin-left:15px;
}

a:has(> .ebs_order_table_side) {
    flex:1;
}

.ebs_nui_content_section h4 { 
    font-size:1.2em;
    font-weight:300;
}



.ebs_application_box {
    position: relative;
    width:225px;
    aspect-ratio:3/2;
    background-color:var(--nui-color-3);
    border-radius:30px;
    padding:23px;
    color:var(--nui-color-1);
    display:inline-flex;
    justify-content: space-between;
    align-items: flex-end;
    overflow:hidden;
    margin-top:20px;
    margin-bottom:20px;
    margin-right:15px;
}

.ebs_application_box > i {
    position: absolute;
    font-size:8em;
    right:-18px;
    top:-70px;
    color:white;
}


.ebs_ins_vscrol {
    position: relative;
    max-width:100vw;
    margin-left:-25px;
    margin-right:-40px;
    overflow-x:scroll;
}

.ebs_ins_vscrol_content {
    position: relative;
    width:1000px;
    margin:0px 25px;
}

.ebs_order_table_comment {
    margin-left:15px;
    border-radius:100px;
    height:30px;
    width:30px;
    background-color:rgba(255,255,255,0.3);
    display:flex;
    justify-content: center;
    align-items: center;
    margin:11px;
    z-index: 50;
}

.ebs_main_container {
    display: inline-flex;
    width:100%;
    flex-wrap: wrap;
    max-width: 500px;
}

.ebs_main_container:has(.ebs_order_table) {
    overflow-y: scroll;
    max-height: calc(100vh - 125px);
}

.ebs_table_container > a {
    flex:1 0 100%;
}

.ebs_nui_header_text {
    /*background-color:var(--nui-color-1);*/
    padding:25px;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    height:95px;
}

.ebs_nui_order_tools {
    background-color:var(--nui-color-2);
    position: fixed;
    padding:8px;
    top:17px;
    left:-23px;
    z-index: 110;
    border-radius:100px;
    padding-left:48px;
    display:none;
}

.ebs_nui_order_tools a button {
    border:none;
    height:45px;
    width:60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nui-color-4);
    border-radius: 5px;
    margin-right:8px;
    font-size:1.3em;
}

.ebs_nui_order_tools a:first-child button {
    border-radius: 22.5px 5px 5px 22.5px;
    
}

.ebs_nui_order_tools a:last-child button {
    border-radius: 5px 22.5px 22.5px 5px ;
    margin-right:0px;
}

.ebs_sub_main_container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.ebs_sub_main_container > a {
    display:inline;
    flex:1 0 calc(100% - 67px);
    transition:all 0.3s ease;
}

.ebs_sub_main_container > .ebs_popup_comment {
    display:inline;
    flex:1 0 55px;
    min-height:55px;
    background-color:var(--nui-color-2);
    border-radius:8px;
    margin:5px 0px;
    margin-left:10px;
    transition:all 0.3s ease;
    font-size:1.3em;
    position: relative;
    overflow: hidden;
}

.ebs_sub_main_container > div {
    flex:1 0 100%;
}





.ebs_comment_elements {
    width:calc(100vw - 50px);
    height:100%;
    position: absolute;
    left:0px;
    top:0px;
    display: flex;
}

.ebs_comment_elements > button {
    width:55px;
    height:55px;
    display:inline;
    margin-left:1px;
    border:none; 
    background-color:unset;
    font-size:1.3rem;
    color:var(--nui-color-3);
}

.ebs_comment_elements_icon {
    width:55px;
    height:55px;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    margin-right:1px;
}

.ebs_comment_elements_text {
    display:inline-flex;
    flex-wrap: wrap;
    padding:5px;
    line-height:1em;
    flex:1;
}

.ebs_comment_elements_text label {
    font-size:0.85rem;
    margin-left:3px;
}

.ebs_comment_elements_text input {
    max-height:30px;
    font-size:1rem;
    background-color:var(--nui-color-1);
    color:var(--nui-color-4);
    border-radius:3px;
    border:none;
    border-bottom:solid 2px var(--nui-color-3);
    width:100%;
    padding:0px 8px;
}

.ebs_comment_elements_text input:placeholder {
    color:rgba(255,255,255,0.3);
}

.ebs_editor_filter_container {
    width:300px;
    margin-right:15px;
}

.ebs_editor_list_container {
    flex:1;
}

.ebs_editor_table_control {
    background-color: var(--nui-color-2);
    font-size:1.3rem;
    display: inline-flex;
    height:35px;
    width:35px;
    margin:5px;
    color:var(--nui-color-4);
    border:none;
    border-radius:35px;
    align-items: center;
    justify-content: center;
    font-weight: 200;
}

form {
  display: grid;
}

select {
    background-color: var(--nui-color-2);
    color: var(--nui-color-4);
    border: none;
    border-radius: 2px;
    padding: 3px 8px;
    width: 100%;
    outline:none;
}


    
.form-control {
    position: relative;
    background-color:unset;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
    color:var(--nui-color-4);
    border:none;
}

.form-control i {
    position: absolute;
    top:6px;
    left:-10px; 
    color:rgba(255,255,255,0.5);
}

.form-control-sub {
    background-color:unset;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
    color:var(--nui-color-4);
    border:none;
}

.form-control:first-child {
    margin-left: 15px;
}

/*.form-control + .form-control {
    margin-left: 30px;
}*/

.form-control-sub {
    margin-left: 45px !important;
}

.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}


input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--nui-color-2);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: center center;
  /*transition: 120ms transform ease-in-out;*/
  box-shadow: inset 1em 1em var(--nui-color-3);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:focus {
}

input[type="checkbox"]:disabled {
    --nui-color-3: rgba(255,255,255,0.7);
    
  color: rgba(255,255,255,0.5);
  cursor: not-allowed;
}

.ebs_editor_list_container table {
    border-collapse: separate;
    border-spacing: 1px;
}
.ebs_editor_list_container thead tr {
    background-color:var(--nui-color-2);
}

.ebs_editor_list_container tbody tr:nth-child(2n) {
    background-color:var(--nui-color-2);
}

.ebs_editor_list_container tbody tr:nth-child(2n+1) {
    background-color:var(--nui-color-5);
}

.ebs_editor_list_container tbody td {
    padding:5px 15px;
}

.ebs_editor_list_container th {
    padding:5px 15px;
    border-bottom:3px solid var(--nui-color-3);
}

.ebs_settings_section {
    flex:1 0 100%;
}

.ebs_settings_section_half {
    flex:1 0 45%;
}

.ebs_seeting_form input[type="text"] {
    flex:1 0 45%;
    
}

.ebs_seeting_form input[type="password"] {
    flex:1 0 calc(100% - 20px);
}

.ebs_seeting_form button {
    flex:0 0 200px;
    
}

.ebs_seeting_form {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap:10px;
}

.ebs_nui_content:has(.ebs_settings_section) {
    gap:25px;
}

.ebs_settings_theme {
    display: flex;
    flex-wrap: wrap;
    padding:15px 0px;
}

.ebs_setting_theme_item {
    border-radius:25px;
    width:50px;
    aspect-ratio:1/1;
    margin-right:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.8rem;
}

.ebs_theme_green {
    background-color:#0EF6CC;
}

.ebs_theme_red {
    background-color:#F65151;
}

.ebs_theme_blue {
    background-color:#5F7ADB;
}

.ebs_editor_section {
    flex:1;
}

.ebs_editor_section form {
    display:flex;
    flex-wrap: wrap;
    gap:25px;
}

.ebs_editor_section form input[type="text"] {
    flex:1 0 45%;
}

.ebs_editor_vat_slider {
    position: relative;
    background-color:var(--nui-color-2);
    width:120px;
    height:45px;
    border-radius:30px;
    display:flex;
    flex-wrap:wrap;
}

.ebs_editor_vat_element {
    flex:1 0 50%; 
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

.ebs_editor_vat_thumb {
    position: absolute;
    height: 35px;
    width:calc(50% - 10px);
    top:5px;
    left:5px;
    background-color:var(--nui-color-3);
    border-radius:30px;
    transition:all 0.3s ease;
    z-index: 10;
}

.ebs_editor_main_col {
    flex:1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap:10px;
}

.ebs_editor_sub_col {
    flex:0 0 300px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap:10px;
}

.ebs_field {
    position: relative;
    flex:1 0 100%;
    font-size: 1rem;
}

.ebs_field *{
    box-sizing: border-box;
    font-size: 1rem;
    font-family: 'Kanit', sans-serif;
}

.ebs_nui_login_content .ebs_field input{
    background-color: rgba(0,0,0,0.1) !important;
}


.ebs_editor_section form .ebs_field {
    position: relative;
    flex:1 0 45%;
}


.ebs_editor_section form .ebs_editor_variation_line .ebs_field {
     flex:0 1 auto;
}

.ebs_editor_section form .ebs_editor_variation_line .ebs_field input {
    background-color:rgba(0,0,0,0.2);
    border-bottom:none;
}


.ebs_field input[type='text'] {
    width:100%;
    padding:9px 15px;
}

.ebs_field select {
    width:100%;
    padding:9px 15px;
    padding-top:15px;
    padding-bottom:3px; 
}


.ebs_field input[type='password'] {
    width:100%;
    padding:9px 15px;
}

.ebs_field input[type='text']::placeholder {
    color:rgba(0,0,0,0);
}

.ebs_field input[type='password']::placeholder {
    color:rgba(0,0,0,0);
}

.ebs_field textarea {
    width:100%;
    padding:9px 15px;
}

.ebs_field textarea::placeholder {
    color:rgba(0,0,0,0);
}

.ebs_field input[type='number'] {
    width:100%;
    padding:9px 15px;
}

.ebs_field input[type='number']::placeholder {
    color:rgba(0,0,0,0);
}

.ebs_field input[type='text']:focus, .ebs_field input[type='text']:not(:placeholder-shown) {
    padding-top:15px;
    padding-bottom:3px; 
}

.ebs_field input[type='password']:focus, .ebs_field input[type='password']:not(:placeholder-shown) {
    padding-top:15px;
    padding-bottom:3px;
    
}
.ebs_field input[type='number']:focus, .ebs_field input[type='number']:not(:placeholder-shown) {
    padding-top:15px;
    padding-bottom:3px;
    
}
.ebs_field input[type='date']:focus, .ebs_field input[type='date']:not(:placeholder-shown) {
    padding-top:15px;
    padding-bottom:3px;
    
}
.ebs_field textarea:focus, .ebs_field textarea:not(:placeholder-shown) {
    padding-top:15px;
    padding-bottom:3px;
    
}

.ebs_field label {
    position:absolute;
    left:15px;
    top:8px;
    transition:all 0.3s ease;
}

.ebs_field input:focus ~ label, .ebs_field input:not(:placeholder-shown) ~ label, .ebs_field input:-webkit-autofill ~ label {
    font-size:0.85em;
    font-weight:100;
    top:2px;
}

.ebs_field select ~ label {
    font-size:0.85em;
    font-weight:100;
    top:2px;
}

.ebs_field textarea:focus ~ label, .ebs_field textarea:not(:placeholder-shown) ~ label {
    font-size:0.85em;
    font-weight:100;
    top:2px;
}



.ebs_editor_variation_line {
    display: flex;
    flex-wrap: wrap;
    gap:15px;
}

#draggable_container {
    position: relative;
    flex:1 0 100%;
    width:100%;
    height:600px;
    background-color: var(--nui-color-2);
}

.ebs_draggable_zone {
    position: absolute;
    background-color:var(--nui-color-3);
}

#ebs_editable_zone .ebs_field {
    position: absolute;
}

.ebs_ptng_width {
    width:100px;
    bottom:10px;
    left:calc(50% - 50px);
}

#ebs_editable_zone {
    border:solid 1px var(--nui-color-3);
    background-color:var(--nui-color-5) !important;
}

.ebs_ptng_height {
    width:100px;
    bottom:calc(50% - 20px);
    right:10px;
}

.ebs_nui_login_color_background {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-image: linear-gradient(to bottom left, #02322a, #0b2b2c);
    opacity: 0.9;

}

.ebs_nui_login_content {
    position: relative;
    display: flex;
    height: 100vh;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.ebs_login_form_text_el {
    font-size:0.9em;
    font-weight: 300;
    text-align: right;
    margin-top:-10px;
}

.ebs_editor_top {
    flex:1 0 100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin-top:25px;
}

.ebs_editor_top_tools {
    flex:1;
    display: flex;
    max-width:500px;
    gap:10px;
}

.ebs_editor_section h4 {
    flex: 1 0 100%;
}

.ebs_editor_variation_line_btn {
    background-color: var(--nui-color-2);
    aspect-ratio:1/1;
    height:60px;
    border-radius:30px;
    position: relative;
    transition:all 0.3s ease;
    overflow: hidden;
}

.ebs_editor_variation_line_fields {
    background-color: var(--nui-color-2);
    height:60px;
    font-size: 1.3em;
    border-radius:5px;
    flex:1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px 10px;
    transition:all 0.3s ease;
    overflow: hidden;
    margin-bottom:5px;
    
}

.ebs_editor_variation_line_btn_container {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    min-width:600px;
}

.ebs_vl_btn {
    background-color: var(--nui-color-2);
    aspect-ratio:1/1;
    height:60px;
    font-size: 1.5em;
    border-radius:30px;
    position: relative;
    color:#ff6b6b;
    transition:all 0.3s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:0 0 60px;
}

.ebs_vl_btn_no {
    height:60px;
    font-size: 1.5em;
    border-radius:30px;
    position: relative;
    color:#ff6b6b;
    transition:all 0.3s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:0 1 40px;
    margin-left:10px;
}

a:has(> .ebs_vl_btn_yes) {
    height:60px;
    font-size: 1.5em;
    border-radius:30px;
    position: relative;
    color:#a3ff6b;
    transition:all 0.3s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:0 1 40px;
    margin-right:10px;
}

.ebs_vl_conf_text {
    flex:1;
    text-align: right;
    
}



.ebs_var_span {
    background-color: var(--nui-color-3);
    color:var(--nui-color-1);
    border-radius:3px;
    padding:2px 6px; 
    font-size:0.75em;
    margin-right:8px;
    font-weight:500;
}

.ebs_booking_selector form {
    width:500px;
    display: flex;
    gap:10px;
    
}



.ebs_booking_selector .ebs_field {
    flex:1 0 33%;
}

.ebs_booking_selector .ebs_field input{
    background-color:#2e3f40;
}

.ebs_booking_selector select {
    background-color:#2e3f40;
    border-bottom:solid 2px var(--nui-color-3);
}

.ebs_booking_selector {
    margin-right:35px;
}

.ebs_theme_lightblue {
    background-color:#5F7ADB;
}

.ebs_order_recap_section_uprice {
    position: absolute;
    top:0px;
    right:60px;
}

.ebs_ui_review_viewer {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background-color: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2em;
    background-color: var(--nui-color-5);
    color: var(--nui-color-4);
    overflow: hidden;
    transition: all 0.3s ease;
    gap:4px;
}

.ebs_ui_review_viewer div {
    aspect-ratio: 1/1;
    width: 36px;
    border-radius: 36px;
    display: flex;
    background-color:#526969;
    justify-content: center;
    align-items: center;
}

.ebs_ui_review_viewer i {
    position: relative;
}

.ebs_ui_review_viewer_slider {
    position: absolute;
    height:36px;
    width:44px;
    left:4px;
    top:4px;
    background-color: var(--nui-color-3);
    border-radius:100px;
}

.ebs_nui_login_notif {
    font-weight: 300;
    margin:0px;
    font-size:0.85em;
    margin-top:-10px;
    margin-left:15px;
    display: none;
}

.ebs_nui_logbar {
    top:0px;
    left:0px;
    position: fixed;
    overflow:hidden;
    background-color:black;
    height:30px;
    width:100%;
    z-index:101;
    transition: all 0.5s ease;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0px 10px
}

.ebs_nui_logbar:hover {
    height:40px;
}

.ebs_recap_line {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--nui-color-2);
    min-height: 50px;
    padding:5px 10px;
    align-content: center;
    border-radius:5px;
    transition: all 0.5s ease;
    align-items: center;
    margin-bottom:5px;
}


.ebs_rl_elm {
    flex:0 0 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    
    position: relative;
}

.ebs_rl_qte {    
    background-color: var(--nui-color-2);
    padding: 1px 8px;
    border-radius: 5px;
    color: var(--nui-color-4);
    font-size: 0.85em;
    margin-right: 13px;
}

.ebs_rl_pru {
    font-weight: 300;
    font-size:0.85em;
    margin-bottom: -5px;
}

.ebs_rl_prc {
    text-align: right;
}

.ebs_sub_1 {
    margin-left:20px;
}

.ebs_rl_sup {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    
    position: relative;
}

.ebs_rl_opt {
    margin-left:20px;
}

.ebs_rl_bdg {
    background-color: var(--nui-color-1);
    padding:3px 6px;
    border-radius: 50px;
    color:var(--nui-color-4);
    font-size:0.85em;
    margin-right:5px;
    
}

.ebs_recap_sub_container {
    max-height: 0;
    overflow: hidden;
}

.ebs_rl_lbl_var {
    font-size:0.85em;
    font-weight:300;
    margin-left:3px;
    line-height: 1.1em;
    margin-top: -3px;
}

.ebs_col_bar {
    display: flex;
    justify-content: space-between;
}

.ebs_col_button {
    display: flex;
    gap:10px;
    padding: 10px 15px;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.05);
}

.ebs_order_collection {
    position: absolute;
    bottom:15px;
    left:15px;
    right:15px;
}

.ebs_side_coll {
    position: absolute;
    width:0px;
    top:50px;
    background-color:rgba(230,240,240,1);
    left:calc(-100% - 50px);
    height:calc(100% - 100px); 
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap:2px;
    border-radius:20px 0px 0px 20px;
    align-content: space-between;
    justify-content: space-between;
}

.ebs_sc_calc {
    max-width:350px;
    display:flex;
    flex-wrap:wrap; 
}

.ebs_sc_calc_viewer {
    border:none;
    color:var(--nui-color-1);
    font-size:1.3em;
    font-weight:300;
    padding-left:25px;
}

.ebs_sc_calc button {
    flex:0 0 calc(20% - 4px);
    aspect-ratio:1/1;
    background-color:rgba(245,255,255,0.5);
    border-radius:0px;
    margin:2px;
    font-size:1.5em;
} 

.ebs_sc_calc button:hover {
    background-color:rgba(245,255,255,0.2);
}

.ebs_sc_result {
    margin-left:10px;
    border:none;
    color:var(--nui-color-1);
}

.ebs_sc_calc_viewer_ct {
    background-color:rgba(245,255,255,0.3);
    flex:0 0 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    height:70px;
    align-items: center;
    position: relative;
}

.ebs_sc_calc_end {
    display:flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    font-size:1.5em;
    padding-right:25px;
}

.ebs_sc_pay {
    /*width:calc(22% - 2px);  */ 
    max-height:50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: stretch;
    gap:4px;
    position: relative;
    flex: 1;
    
}

.ebs_sc_pay button{
    aspect-ratio:6/4;
    background-color:rgba(245,255,255,0.6);
    font-size:1.5em;
    line-height: 1rem;
    width: 135px;
    text-transform: uppercase;
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
    
    flex: 0 0 135px;
}

.ebs_sc_pay button i {
    font-size:1.4em;
    flex:0 0 100%;
}

.ebs_sc_pay button span{
    font-size:0.95rem;
}

.ebs_payment_notif {
    position: absolute;
    top:0px;
    width:80%;
    left:10%;
    background-color: #06651a;
    color: white;
    border-radius:20px;
    padding:12px;
    padding-top:32px;
    top:-20px;
    text-align:center;
}

.ebs_sc_hist {
    flex:0 0 100%;
    font-weight: 300;
    color:var(--nui-color-2);
}

.ebs_remaining td {
    font-size:1.25em;
    color:var(--nui-color-1);
    font-weight: 400;
}

.ebs_price {
    text-align: right;
}

.ebs_sc_close {
    display:none;
}

.ebs_activation {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: var(--nui-color-1);
    z-index: 99;
    display: flex; 
    justify-content: center;
    align-items: center;
    padding-top: 120px;
}

.ebs_act_status_icon {
    background-color:var(--nui-color-3);
    height:45px;
    width:45px;
    border-radius:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:var(--nui-color-1);
    font-size:1.5em;
}

.ebs_act_content {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap:25px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width:95vw;
}

.ebs_act_content p {
    font-size:1.3em;
}

.ebs_token_line {
    position: relative;
}

.ebs_token_line_ind {
    position: absolute;
    height: 100%;
    Width:100%;
    top:0px;
    left:0px;
    border-bottom:solid 2px white;
}

.ebs_act_code .ebs_code_num{
    height:50px;
    width:50px;
    border:none;
    text-align: center;
    border-radius: 50px;
    background-color: var(--nui-color-2); 
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ebs_pin_pad {
    width:200px;
    display:flex;
    gap:5px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:50px;
}

.ebs_pin_pad_btn {
    flex:0 0 calc(30%);
    aspect-ratio:1/1;
    border-radius:50px;
    background-color:var(--nui-color-2);
    color:var(--nui-color-4);
    font-size:1.4em;
    border:solid 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.ebs_act_code {
        display: flex;
    gap:7px;
}

.ebs_act_code button i{
            margin-top: 2px;
}

.ebs_send_code {
    height:50px;
    width:50px;
    border:none;
    text-align: center;
    border-radius: 50px;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ebs_erase_code {
    height:50px;
    width:50px;
    border:none;
    text-align: center;
    border-radius: 50px;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#ff4f47;
}

.ebs_unlock_box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    max-height:0px;
    transition:all 1s ease;
}

.ebs_soft_transition {
    position: absolute;
    background-image:linear-gradient(to top, var(--nui-color-1), rgba(0,0,0,0));
    bottom:0px;
    left:0px;
    height:50px;
    width:100%;
}

.ebs_unlock_button {
    background-color:var(--nui-color-3);
    color:var(--nui-color-1);
    border-radius:50px;
    padding:15px 25px;
    transition: all 0.7s ease;
    max-height:100px;
}

.ebs_lock_button {
    background-color:#ff4f47;
    color:var(--nui-color-1);
    border-radius:50px;
    padding:15px 25px;
    transition: all 0.7s ease;
    max-height:100px;
}

.ebs_close {
    position: fixed;
    top:55px;
    right:85px;
    z-index: 100;
}

.ebs_close button {
    height:45px;
    width:45px;
    display: flex;
    font-size:1.5em;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius:45px;
    background-color:#ff4f47;
}

.ebs_unactivation {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: var(--nui-color-1);
    z-index: 99;
    display: flex; 
    justify-content: center;
    align-items: center;
    display: none;
}

.ebs_act_selector_act {
    width:100px;
    height:55px;
    padding:5px;
    border-radius: 50px;
    background-color:var(--nui-color-2);
    display: flex;
    justify-content: space-between;
}

.ebs_unactivation .ebs_act_status_icon{
    background-color:#ff4f47;
}

.ebs_rl_opt_conf {
    width:0px;
    overflow: hidden;
    position: absolute;
    top:0px;
    height:100%;
    left:0px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-size:1.3em;
    transition: all 0.5s ease;
}

.ebs_rl_opt_conf i {
    margin:10px;
}



.ebs_recap_line_can {
    opacity: 0.5;
    text-decoration: line-through;
}

.ebs_rl_prg {
    line-height: 1em;
}

.ebs_rl_gift_step {
    position: absolute;
    top:0px;
    width:100%;
    height:100%;
    left:0px;
    background-color:var(--nui-color-4);
    display: none;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
        z-index: 10;
}

.ebs_rl_gift_step_el {
    padding: 7px 17px;
    border-radius: 50px;
    background-color: var(--nui-color-3);
}

#ebs_users_auth span i{
    display:none;
    color:red;
}

.ebs_nui_logbar:hover #ebs_users_auth span i{
    display:inline;
}

.ebs_act_choosen {
    display:none;
}



.ebs_result {
    display:none;
}

.ebs_raz {
    display:none;
}

.ebs_subtitle td {
    padding-top: 10px;
    padding-bottom: 10px;
} 

#ebs_screen_list_stat {
    border:1px blue solid;
}

#ebs_screen_list_dyna {
    border:1px solid red;
}

#ebs_screen_list_diff {
    border:1px solid green;
}

#ebs_screen_tick_view {
    position: absolute;
    top:95px;
    padding:10px;
    display: flex;
    flex-direction: row; 
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap:10px; 
    height: calc((100vh - 95px) / 2);
    overflow: scroll;
    width:100%;
}

.ebs_screen_tick {
    background-color:white;
    color:black;
    width:280px;
    font-family: 'Victor Mono', monospace;
    padding:15px;
    line-height: 1.2em;
    position: relative;
    padding-top:65px; 
    font-size:0.8em;
}

#ebs_screen_list_temp {
    border:1px purple solid;
}

.ebs_stick_topleft {
    position: absolute;
    top:0px;
    left:0px;
    padding:15px;
    font-weight: 800;
}

.ebs_stick_topright {
    position: absolute;
    top:0px;
    right:0px;
    padding:15px;
    text-align:right;
}

.ebs_stick_cat {
    position: relative;
    padding-top:15px;
    padding-bottom:15px;
}

.ebs_stick_cat_conf {
    position: absolute;
    top:00px; 
    left:-5px;
    right:-5px;
    bottom:0px;
    background-color:rgba(255,255,255,0.5);
    display: none;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    z-index: 20;
}

.ebs_stick_cat_conf * {
    font-size:1.3em;
    font-weight:800;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;}

.ebs_stick_line_sub + .ebs_stick_line {
    margin-top:8px;
}

.ebs_stickl_menu {
    background-color:black;
    color:white;
    padding:1px 4px;
    border-radius: 2px;
    font-weight: 600;
    margin:0px 4px;
}

.ebs_fm {
    display:none;
    background-color:red;
    color:white;
    padding:5px;
    margin-bottom:15px;
    margin-top:-15px;
    margin-left:-15px;
    margin-right:-15px;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size:0.85em;
}

.ebs_variation {
    display:none;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    border-radius: 5px;
    z-index: 1;
    animation: 1s ease-in-out 0s infinite blink;
    background-color:rgba(0,0,0,0);
}

@keyframes blink {
  from {
    border-width: 10px;
  }
  50% {
    border-width: 5px;
  }
    to {
    border-width: 10px;
  }
}

.ebs_mod_add {
    color: rgb(217 141 0) !important;
    font-weight: 900;
}

.ebs_mod_sup {
    color:red;
    text-decoration: line-through;
}

.ebs_station {
    font-size:1.1rem;
    line-height: 1.1em;
    margin-left:0px !important;
}

.ebs_station_sub {
    font-size:1.2rem;
    line-height: 1.2em;
    margin-left:10px !important;
}

.ebs_stick_line {
    margin-left:30px;
    color:rgb(0 148 255);
}

.ebs_stick_line_sub {
    margin-left:40px;
}

.ebs_ctl {
    display: none;  
}

.ebs_ready {
    background-color:#36ff90;
    color:black;
}

.ebs_screen_time {
    position: absolute;
    top:0px;
    left:0px; 
    display: flex;
    height: 95px;
    align-items: center;
    padding: 25px;
}

.ebs_modifications {
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f4fefd;
    z-index: 120;
    gap: 5px;
    padding: 25px;
    border-radius: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    overflow-y: scroll;
}

.ebs_mod_item {    background-color: #d1dddc;
    border-radius: 5px;
    line-height: 1.1em;
    padding: 20px 15px;
    color: var(--nui-color-1);
    text-transform: uppercase;
    flex: 1 0 calc(100% - 50px);
}

.progress-circle {
    
    position: absolute; 
    top:0px;
    left:0px; /* pour servir de référent */
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  font-size: 6em;                 /* pour définir les dimensions */
  width: 100%;                     /* fixe la largeur */
  height: 100%;                    /* fixe la hauteur */
  border-radius: 50%;             /* rendu aspect circulaire */
  border: 5px solid rgba(0,0,0,0);  
    
}

.progress-masque {
    position: absolute;
  width: calc(100% + 10px);                     /* 100% de la largeur */
  height: calc(100% + 10px);                    /* 100% de la hauteur */
  left: -5px;                   /* décalage de la largeur bordure de la gauge */
  top: -5px;                    /* décalage de la largeur bordure de la gauge */
  clip: rect(0, 52px, 52px, 26px);
}


.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-masque,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-masque,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-masque,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-masque,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-masque,
.progress-circle[data-value^='100'] .progress-masque {
  clip: rect(auto, auto, auto, auto);
}

.progress-barre,
.progress-sup50 {
  position: absolute;
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  border-width: 7px;            /* largeur bordure de la gauge */
  border-style: solid;
  border-color: var(--nui-color-3);
  border-radius: 50%;             /* rendu aspect circulaire */
  width: 100%;                     /* largeur à 100% */
  height: 100%;                    /* hauteur à 100% */
  clip: rect(0, 26px, 52px, 0);    /* on ne garde que la partie gauche */
}

.progress-circle[data-value="0"]     .progress-barre,
.progress-circle[data-value="0."]    .progress-barre,
.progress-circle[data-value="0.0"]   .progress-barre {transform: rotate(0.00deg)}
.progress-circle[data-value="0.1"]   .progress-barre {transform: rotate(0.36deg)}
.progress-circle[data-value="0.2"]   .progress-barre {transform: rotate(0.72deg)}
.progress-circle[data-value="0.3"]   .progress-barre {transform: rotate(1.08deg)}
.progress-circle[data-value="0.4"]   .progress-barre {transform: rotate(1.44deg)}
.progress-circle[data-value="0.5"]   .progress-barre {transform: rotate(1.80deg)}
.progress-circle[data-value="0.6"]   .progress-barre {transform: rotate(2.16deg)}
.progress-circle[data-value="0.7"]   .progress-barre {transform: rotate(2.52deg)}
.progress-circle[data-value="0.8"]   .progress-barre {transform: rotate(2.88deg)}
.progress-circle[data-value="0.9"]   .progress-barre {transform: rotate(3.24deg)}
.progress-circle[data-value="1"]     .progress-barre,
.progress-circle[data-value="1."]    .progress-barre,
.progress-circle[data-value="1.0"]   .progress-barre {transform: rotate(3.60deg)}
.progress-circle[data-value="1.1"]   .progress-barre {transform: rotate(3.96deg)}
.progress-circle[data-value="1.2"]   .progress-barre {transform: rotate(4.32deg)}
.progress-circle[data-value="1.3"]   .progress-barre {transform: rotate(4.68deg)}
.progress-circle[data-value="1.4"]   .progress-barre {transform: rotate(5.04deg)}
.progress-circle[data-value="1.5"]   .progress-barre {transform: rotate(5.40deg)}
.progress-circle[data-value="1.6"]   .progress-barre {transform: rotate(5.76deg)}
.progress-circle[data-value="1.7"]   .progress-barre {transform: rotate(6.12deg)}
.progress-circle[data-value="1.8"]   .progress-barre {transform: rotate(6.48deg)}
.progress-circle[data-value="1.9"]   .progress-barre {transform: rotate(6.84deg)}
.progress-circle[data-value="2"]     .progress-barre,
.progress-circle[data-value="2."]    .progress-barre,
.progress-circle[data-value="2.0"]   .progress-barre {transform: rotate(7.20deg)}
.progress-circle[data-value="2.1"]   .progress-barre {transform: rotate(7.56deg)}
.progress-circle[data-value="2.2"]   .progress-barre {transform: rotate(7.92deg)}
.progress-circle[data-value="2.3"]   .progress-barre {transform: rotate(8.28deg)}
.progress-circle[data-value="2.4"]   .progress-barre {transform: rotate(8.64deg)}
.progress-circle[data-value="2.5"]   .progress-barre {transform: rotate(9.00deg)}
.progress-circle[data-value="2.6"]   .progress-barre {transform: rotate(9.36deg)}
.progress-circle[data-value="2.7"]   .progress-barre {transform: rotate(9.72deg)}
.progress-circle[data-value="2.8"]   .progress-barre {transform: rotate(10.08deg)}
.progress-circle[data-value="2.9"]   .progress-barre {transform: rotate(10.44deg)}
.progress-circle[data-value="3"]     .progress-barre,
.progress-circle[data-value="3."]    .progress-barre,
.progress-circle[data-value="3.0"]   .progress-barre {transform: rotate(10.80deg)}
.progress-circle[data-value="3.1"]   .progress-barre {transform: rotate(11.16deg)}
.progress-circle[data-value="3.2"]   .progress-barre {transform: rotate(11.52deg)}
.progress-circle[data-value="3.3"]   .progress-barre {transform: rotate(11.88deg)}
.progress-circle[data-value="3.4"]   .progress-barre {transform: rotate(12.24deg)}
.progress-circle[data-value="3.5"]   .progress-barre {transform: rotate(12.60deg)}
.progress-circle[data-value="3.6"]   .progress-barre {transform: rotate(12.96deg)}
.progress-circle[data-value="3.7"]   .progress-barre {transform: rotate(13.32deg)}
.progress-circle[data-value="3.8"]   .progress-barre {transform: rotate(13.68deg)}
.progress-circle[data-value="3.9"]   .progress-barre {transform: rotate(14.04deg)}
.progress-circle[data-value="4"]     .progress-barre,
.progress-circle[data-value="4."]    .progress-barre,
.progress-circle[data-value="4.0"]   .progress-barre {transform: rotate(14.40deg)}
.progress-circle[data-value="4.1"]   .progress-barre {transform: rotate(14.76deg)}
.progress-circle[data-value="4.2"]   .progress-barre {transform: rotate(15.12deg)}
.progress-circle[data-value="4.3"]   .progress-barre {transform: rotate(15.48deg)}
.progress-circle[data-value="4.4"]   .progress-barre {transform: rotate(15.84deg)}
.progress-circle[data-value="4.5"]   .progress-barre {transform: rotate(16.20deg)}
.progress-circle[data-value="4.6"]   .progress-barre {transform: rotate(16.56deg)}
.progress-circle[data-value="4.7"]   .progress-barre {transform: rotate(16.92deg)}
.progress-circle[data-value="4.8"]   .progress-barre {transform: rotate(17.28deg)}
.progress-circle[data-value="4.9"]   .progress-barre {transform: rotate(17.64deg)}
.progress-circle[data-value="5"]     .progress-barre,
.progress-circle[data-value="5."]    .progress-barre,
.progress-circle[data-value="5.0"]   .progress-barre {transform: rotate(18.00deg)}
.progress-circle[data-value="5.1"]   .progress-barre {transform: rotate(18.36deg)}
.progress-circle[data-value="5.2"]   .progress-barre {transform: rotate(18.72deg)}
.progress-circle[data-value="5.3"]   .progress-barre {transform: rotate(19.08deg)}
.progress-circle[data-value="5.4"]   .progress-barre {transform: rotate(19.44deg)}
.progress-circle[data-value="5.5"]   .progress-barre {transform: rotate(19.80deg)}
.progress-circle[data-value="5.6"]   .progress-barre {transform: rotate(20.16deg)}
.progress-circle[data-value="5.7"]   .progress-barre {transform: rotate(20.52deg)}
.progress-circle[data-value="5.8"]   .progress-barre {transform: rotate(20.88deg)}
.progress-circle[data-value="5.9"]   .progress-barre {transform: rotate(21.24deg)}
.progress-circle[data-value="6"]     .progress-barre,
.progress-circle[data-value="6."]    .progress-barre,
.progress-circle[data-value="6.0"]   .progress-barre {transform: rotate(21.60deg)}
.progress-circle[data-value="6.1"]   .progress-barre {transform: rotate(21.96deg)}
.progress-circle[data-value="6.2"]   .progress-barre {transform: rotate(22.32deg)}
.progress-circle[data-value="6.3"]   .progress-barre {transform: rotate(22.68deg)}
.progress-circle[data-value="6.4"]   .progress-barre {transform: rotate(23.04deg)}
.progress-circle[data-value="6.5"]   .progress-barre {transform: rotate(23.40deg)}
.progress-circle[data-value="6.6"]   .progress-barre {transform: rotate(23.76deg)}
.progress-circle[data-value="6.7"]   .progress-barre {transform: rotate(24.12deg)}
.progress-circle[data-value="6.8"]   .progress-barre {transform: rotate(24.48deg)}
.progress-circle[data-value="6.9"]   .progress-barre {transform: rotate(24.84deg)}
.progress-circle[data-value="7"]     .progress-barre,
.progress-circle[data-value="7."]    .progress-barre,
.progress-circle[data-value="7.0"]   .progress-barre {transform: rotate(25.20deg)}
.progress-circle[data-value="7.1"]   .progress-barre {transform: rotate(25.56deg)}
.progress-circle[data-value="7.2"]   .progress-barre {transform: rotate(25.92deg)}
.progress-circle[data-value="7.3"]   .progress-barre {transform: rotate(26.28deg)}
.progress-circle[data-value="7.4"]   .progress-barre {transform: rotate(26.64deg)}
.progress-circle[data-value="7.5"]   .progress-barre {transform: rotate(27.00deg)}
.progress-circle[data-value="7.6"]   .progress-barre {transform: rotate(27.36deg)}
.progress-circle[data-value="7.7"]   .progress-barre {transform: rotate(27.72deg)}
.progress-circle[data-value="7.8"]   .progress-barre {transform: rotate(28.08deg)}
.progress-circle[data-value="7.9"]   .progress-barre {transform: rotate(28.44deg)}
.progress-circle[data-value="8"]     .progress-barre,
.progress-circle[data-value="8."]    .progress-barre,
.progress-circle[data-value="8.0"]   .progress-barre {transform: rotate(28.80deg)}
.progress-circle[data-value="8.1"]   .progress-barre {transform: rotate(29.16deg)}
.progress-circle[data-value="8.2"]   .progress-barre {transform: rotate(29.52deg)}
.progress-circle[data-value="8.3"]   .progress-barre {transform: rotate(29.88deg)}
.progress-circle[data-value="8.4"]   .progress-barre {transform: rotate(30.24deg)}
.progress-circle[data-value="8.5"]   .progress-barre {transform: rotate(30.60deg)}
.progress-circle[data-value="8.6"]   .progress-barre {transform: rotate(30.96deg)}
.progress-circle[data-value="8.7"]   .progress-barre {transform: rotate(31.32deg)}
.progress-circle[data-value="8.8"]   .progress-barre {transform: rotate(31.68deg)}
.progress-circle[data-value="8.9"]   .progress-barre {transform: rotate(32.04deg)}
.progress-circle[data-value="9"]     .progress-barre,
.progress-circle[data-value="9."]    .progress-barre,
.progress-circle[data-value="9.0"]   .progress-barre {transform: rotate(32.40deg)}
.progress-circle[data-value="9.1"]   .progress-barre {transform: rotate(32.76deg)}
.progress-circle[data-value="9.2"]   .progress-barre {transform: rotate(33.12deg)}
.progress-circle[data-value="9.3"]   .progress-barre {transform: rotate(33.48deg)}
.progress-circle[data-value="9.4"]   .progress-barre {transform: rotate(33.84deg)}
.progress-circle[data-value="9.5"]   .progress-barre {transform: rotate(34.20deg)}
.progress-circle[data-value="9.6"]   .progress-barre {transform: rotate(34.56deg)}
.progress-circle[data-value="9.7"]   .progress-barre {transform: rotate(34.92deg)}
.progress-circle[data-value="9.8"]   .progress-barre {transform: rotate(35.28deg)}
.progress-circle[data-value="9.9"]   .progress-barre {transform: rotate(35.64deg)}
.progress-circle[data-value="10"]     .progress-barre,
.progress-circle[data-value="10."]    .progress-barre,
.progress-circle[data-value="10.0"]   .progress-barre {transform: rotate(36.00deg)}
.progress-circle[data-value="10.1"]  .progress-barre {transform: rotate(36.36deg)}
.progress-circle[data-value="10.2"]  .progress-barre {transform: rotate(36.72deg)}
.progress-circle[data-value="10.3"]  .progress-barre {transform: rotate(37.08deg)}
.progress-circle[data-value="10.4"]  .progress-barre {transform: rotate(37.44deg)}
.progress-circle[data-value="10.5"]  .progress-barre {transform: rotate(37.80deg)}
.progress-circle[data-value="10.6"]  .progress-barre {transform: rotate(38.16deg)}
.progress-circle[data-value="10.7"]  .progress-barre {transform: rotate(38.52deg)}
.progress-circle[data-value="10.8"]  .progress-barre {transform: rotate(38.88deg)}
.progress-circle[data-value="10.9"]  .progress-barre {transform: rotate(39.24deg)}
.progress-circle[data-value="11"]    .progress-barre,
.progress-circle[data-value="11."]   .progress-barre,
.progress-circle[data-value="11.0"]  .progress-barre {transform: rotate(39.60deg)}
.progress-circle[data-value="11.1"]  .progress-barre {transform: rotate(39.96deg)}
.progress-circle[data-value="11.2"]  .progress-barre {transform: rotate(40.32deg)}
.progress-circle[data-value="11.3"]  .progress-barre {transform: rotate(40.68deg)}
.progress-circle[data-value="11.4"]  .progress-barre {transform: rotate(41.04deg)}
.progress-circle[data-value="11.5"]  .progress-barre {transform: rotate(41.40deg)}
.progress-circle[data-value="11.6"]  .progress-barre {transform: rotate(41.76deg)}
.progress-circle[data-value="11.7"]  .progress-barre {transform: rotate(42.12deg)}
.progress-circle[data-value="11.8"]  .progress-barre {transform: rotate(42.48deg)}
.progress-circle[data-value="11.9"]  .progress-barre {transform: rotate(42.84deg)}
.progress-circle[data-value="12"]    .progress-barre,
.progress-circle[data-value="12."]   .progress-barre,
.progress-circle[data-value="12.0"]  .progress-barre {transform: rotate(43.20deg)}
.progress-circle[data-value="12.1"]  .progress-barre {transform: rotate(43.56deg)}
.progress-circle[data-value="12.2"]  .progress-barre {transform: rotate(43.92deg)}
.progress-circle[data-value="12.3"]  .progress-barre {transform: rotate(44.28deg)}
.progress-circle[data-value="12.4"]  .progress-barre {transform: rotate(44.64deg)}
.progress-circle[data-value="12.5"]  .progress-barre {transform: rotate(45.00deg)}
.progress-circle[data-value="12.6"]  .progress-barre {transform: rotate(45.36deg)}
.progress-circle[data-value="12.7"]  .progress-barre {transform: rotate(45.72deg)}
.progress-circle[data-value="12.8"]  .progress-barre {transform: rotate(46.08deg)}
.progress-circle[data-value="12.9"]  .progress-barre {transform: rotate(46.44deg)}
.progress-circle[data-value="13"]    .progress-barre,
.progress-circle[data-value="13."]   .progress-barre,
.progress-circle[data-value="13.0"]  .progress-barre {transform: rotate(46.80deg)}
.progress-circle[data-value="13.1"]  .progress-barre {transform: rotate(47.16deg)}
.progress-circle[data-value="13.2"]  .progress-barre {transform: rotate(47.52deg)}
.progress-circle[data-value="13.3"]  .progress-barre {transform: rotate(47.88deg)}
.progress-circle[data-value="13.4"]  .progress-barre {transform: rotate(48.24deg)}
.progress-circle[data-value="13.5"]  .progress-barre {transform: rotate(48.60deg)}
.progress-circle[data-value="13.6"]  .progress-barre {transform: rotate(48.96deg)}
.progress-circle[data-value="13.7"]  .progress-barre {transform: rotate(49.32deg)}
.progress-circle[data-value="13.8"]  .progress-barre {transform: rotate(49.68deg)}
.progress-circle[data-value="13.9"]  .progress-barre {transform: rotate(50.04deg)}
.progress-circle[data-value="14"]    .progress-barre,
.progress-circle[data-value="14."]   .progress-barre,
.progress-circle[data-value="14.0"]  .progress-barre {transform: rotate(50.40deg)}
.progress-circle[data-value="14.1"]  .progress-barre {transform: rotate(50.76deg)}
.progress-circle[data-value="14.2"]  .progress-barre {transform: rotate(51.12deg)}
.progress-circle[data-value="14.3"]  .progress-barre {transform: rotate(51.48deg)}
.progress-circle[data-value="14.4"]  .progress-barre {transform: rotate(51.84deg)}
.progress-circle[data-value="14.5"]  .progress-barre {transform: rotate(52.20deg)}
.progress-circle[data-value="14.6"]  .progress-barre {transform: rotate(52.56deg)}
.progress-circle[data-value="14.7"]  .progress-barre {transform: rotate(52.92deg)}
.progress-circle[data-value="14.8"]  .progress-barre {transform: rotate(53.28deg)}
.progress-circle[data-value="14.9"]  .progress-barre {transform: rotate(53.64deg)}
.progress-circle[data-value="15"]    .progress-barre,
.progress-circle[data-value="15."]   .progress-barre,
.progress-circle[data-value="15.0"]  .progress-barre {transform: rotate(54.00deg)}
.progress-circle[data-value="15.1"]  .progress-barre {transform: rotate(54.36deg)}
.progress-circle[data-value="15.2"]  .progress-barre {transform: rotate(54.72deg)}
.progress-circle[data-value="15.3"]  .progress-barre {transform: rotate(55.08deg)}
.progress-circle[data-value="15.4"]  .progress-barre {transform: rotate(55.44deg)}
.progress-circle[data-value="15.5"]  .progress-barre {transform: rotate(55.80deg)}
.progress-circle[data-value="15.6"]  .progress-barre {transform: rotate(56.16deg)}
.progress-circle[data-value="15.7"]  .progress-barre {transform: rotate(56.52deg)}
.progress-circle[data-value="15.8"]  .progress-barre {transform: rotate(56.88deg)}
.progress-circle[data-value="15.9"]  .progress-barre {transform: rotate(57.24deg)}
.progress-circle[data-value="16"]    .progress-barre,
.progress-circle[data-value="16."]   .progress-barre,
.progress-circle[data-value="16.0"]  .progress-barre {transform: rotate(57.60deg)}
.progress-circle[data-value="16.1"]  .progress-barre {transform: rotate(57.96deg)}
.progress-circle[data-value="16.2"]  .progress-barre {transform: rotate(58.32deg)}
.progress-circle[data-value="16.3"]  .progress-barre {transform: rotate(58.68deg)}
.progress-circle[data-value="16.4"]  .progress-barre {transform: rotate(59.04deg)}
.progress-circle[data-value="16.5"]  .progress-barre {transform: rotate(59.40deg)}
.progress-circle[data-value="16.6"]  .progress-barre {transform: rotate(59.76deg)}
.progress-circle[data-value="16.7"]  .progress-barre {transform: rotate(60.12deg)}
.progress-circle[data-value="16.8"]  .progress-barre {transform: rotate(60.48deg)}
.progress-circle[data-value="16.9"]  .progress-barre {transform: rotate(60.84deg)}
.progress-circle[data-value="17"]    .progress-barre,
.progress-circle[data-value="17."]   .progress-barre,
.progress-circle[data-value="17.0"]  .progress-barre {transform: rotate(61.20deg)}
.progress-circle[data-value="17.1"]  .progress-barre {transform: rotate(61.56deg)}
.progress-circle[data-value="17.2"]  .progress-barre {transform: rotate(61.92deg)}
.progress-circle[data-value="17.3"]  .progress-barre {transform: rotate(62.28deg)}
.progress-circle[data-value="17.4"]  .progress-barre {transform: rotate(62.64deg)}
.progress-circle[data-value="17.5"]  .progress-barre {transform: rotate(63.00deg)}
.progress-circle[data-value="17.6"]  .progress-barre {transform: rotate(63.36deg)}
.progress-circle[data-value="17.7"]  .progress-barre {transform: rotate(63.72deg)}
.progress-circle[data-value="17.8"]  .progress-barre {transform: rotate(64.08deg)}
.progress-circle[data-value="17.9"]  .progress-barre {transform: rotate(64.44deg)}
.progress-circle[data-value="18"]    .progress-barre,
.progress-circle[data-value="18."]   .progress-barre,
.progress-circle[data-value="18.0"]  .progress-barre {transform: rotate(64.80deg)}
.progress-circle[data-value="18.1"]  .progress-barre {transform: rotate(65.16deg)}
.progress-circle[data-value="18.2"]  .progress-barre {transform: rotate(65.52deg)}
.progress-circle[data-value="18.3"]  .progress-barre {transform: rotate(65.88deg)}
.progress-circle[data-value="18.4"]  .progress-barre {transform: rotate(66.24deg)}
.progress-circle[data-value="18.5"]  .progress-barre {transform: rotate(66.60deg)}
.progress-circle[data-value="18.6"]  .progress-barre {transform: rotate(66.96deg)}
.progress-circle[data-value="18.7"]  .progress-barre {transform: rotate(67.32deg)}
.progress-circle[data-value="18.8"]  .progress-barre {transform: rotate(67.68deg)}
.progress-circle[data-value="18.9"]  .progress-barre {transform: rotate(68.04deg)}
.progress-circle[data-value="19"]    .progress-barre,
.progress-circle[data-value="19."]   .progress-barre,
.progress-circle[data-value="19.0"]  .progress-barre {transform: rotate(68.40deg)}
.progress-circle[data-value="19.1"]  .progress-barre {transform: rotate(68.76deg)}
.progress-circle[data-value="19.2"]  .progress-barre {transform: rotate(69.12deg)}
.progress-circle[data-value="19.3"]  .progress-barre {transform: rotate(69.48deg)}
.progress-circle[data-value="19.4"]  .progress-barre {transform: rotate(69.84deg)}
.progress-circle[data-value="19.5"]  .progress-barre {transform: rotate(70.20deg)}
.progress-circle[data-value="19.6"]  .progress-barre {transform: rotate(70.56deg)}
.progress-circle[data-value="19.7"]  .progress-barre {transform: rotate(70.92deg)}
.progress-circle[data-value="19.8"]  .progress-barre {transform: rotate(71.28deg)}
.progress-circle[data-value="19.9"]  .progress-barre {transform: rotate(71.64deg)}
.progress-circle[data-value="20"]    .progress-barre,
.progress-circle[data-value="20."]   .progress-barre,
.progress-circle[data-value="20.0"]  .progress-barre {transform: rotate(72.00deg)}
.progress-circle[data-value="20.1"]  .progress-barre {transform: rotate(72.36deg)}
.progress-circle[data-value="20.2"]  .progress-barre {transform: rotate(72.72deg)}
.progress-circle[data-value="20.3"]  .progress-barre {transform: rotate(73.08deg)}
.progress-circle[data-value="20.4"]  .progress-barre {transform: rotate(73.44deg)}
.progress-circle[data-value="20.5"]  .progress-barre {transform: rotate(73.80deg)}
.progress-circle[data-value="20.6"]  .progress-barre {transform: rotate(74.16deg)}
.progress-circle[data-value="20.7"]  .progress-barre {transform: rotate(74.52deg)}
.progress-circle[data-value="20.8"]  .progress-barre {transform: rotate(74.88deg)}
.progress-circle[data-value="20.9"]  .progress-barre {transform: rotate(75.24deg)}
.progress-circle[data-value="21"]    .progress-barre,
.progress-circle[data-value="21."]   .progress-barre,
.progress-circle[data-value="21.0"]  .progress-barre {transform: rotate(75.60deg)}
.progress-circle[data-value="21.1"]  .progress-barre {transform: rotate(75.96deg)}
.progress-circle[data-value="21.2"]  .progress-barre {transform: rotate(76.32deg)}
.progress-circle[data-value="21.3"]  .progress-barre {transform: rotate(76.68deg)}
.progress-circle[data-value="21.4"]  .progress-barre {transform: rotate(77.04deg)}
.progress-circle[data-value="21.5"]  .progress-barre {transform: rotate(77.40deg)}
.progress-circle[data-value="21.6"]  .progress-barre {transform: rotate(77.76deg)}
.progress-circle[data-value="21.7"]  .progress-barre {transform: rotate(78.12deg)}
.progress-circle[data-value="21.8"]  .progress-barre {transform: rotate(78.48deg)}
.progress-circle[data-value="21.9"]  .progress-barre {transform: rotate(78.84deg)}
.progress-circle[data-value="22"]    .progress-barre,
.progress-circle[data-value="22."]   .progress-barre,
.progress-circle[data-value="22.0"]  .progress-barre {transform: rotate(79.20deg)}
.progress-circle[data-value="22.1"]  .progress-barre {transform: rotate(79.56deg)}
.progress-circle[data-value="22.2"]  .progress-barre {transform: rotate(79.92deg)}
.progress-circle[data-value="22.3"]  .progress-barre {transform: rotate(80.28deg)}
.progress-circle[data-value="22.4"]  .progress-barre {transform: rotate(80.64deg)}
.progress-circle[data-value="22.5"]  .progress-barre {transform: rotate(81.00deg)}
.progress-circle[data-value="22.6"]  .progress-barre {transform: rotate(81.36deg)}
.progress-circle[data-value="22.7"]  .progress-barre {transform: rotate(81.72deg)}
.progress-circle[data-value="22.8"]  .progress-barre {transform: rotate(82.08deg)}
.progress-circle[data-value="22.9"]  .progress-barre {transform: rotate(82.44deg)}
.progress-circle[data-value="23"]    .progress-barre,
.progress-circle[data-value="23."]   .progress-barre,
.progress-circle[data-value="23.0"]  .progress-barre {transform: rotate(82.80deg)}
.progress-circle[data-value="23.1"]  .progress-barre {transform: rotate(83.16deg)}
.progress-circle[data-value="23.2"]  .progress-barre {transform: rotate(83.52deg)}
.progress-circle[data-value="23.3"]  .progress-barre {transform: rotate(83.88deg)}
.progress-circle[data-value="23.4"]  .progress-barre {transform: rotate(84.24deg)}
.progress-circle[data-value="23.5"]  .progress-barre {transform: rotate(84.60deg)}
.progress-circle[data-value="23.6"]  .progress-barre {transform: rotate(84.96deg)}
.progress-circle[data-value="23.7"]  .progress-barre {transform: rotate(85.32deg)}
.progress-circle[data-value="23.8"]  .progress-barre {transform: rotate(85.68deg)}
.progress-circle[data-value="23.9"]  .progress-barre {transform: rotate(86.04deg)}
.progress-circle[data-value="24"]    .progress-barre,
.progress-circle[data-value="24."]   .progress-barre,
.progress-circle[data-value="24.0"]  .progress-barre {transform: rotate(86.40deg)}
.progress-circle[data-value="24.1"]  .progress-barre {transform: rotate(86.76deg)}
.progress-circle[data-value="24.2"]  .progress-barre {transform: rotate(87.12deg)}
.progress-circle[data-value="24.3"]  .progress-barre {transform: rotate(87.48deg)}
.progress-circle[data-value="24.4"]  .progress-barre {transform: rotate(87.84deg)}
.progress-circle[data-value="24.5"]  .progress-barre {transform: rotate(88.20deg)}
.progress-circle[data-value="24.6"]  .progress-barre {transform: rotate(88.56deg)}
.progress-circle[data-value="24.7"]  .progress-barre {transform: rotate(88.92deg)}
.progress-circle[data-value="24.8"]  .progress-barre {transform: rotate(89.28deg)}
.progress-circle[data-value="24.9"]  .progress-barre {transform: rotate(89.64deg)}
.progress-circle[data-value="25"]    .progress-barre,
.progress-circle[data-value="25."]   .progress-barre,
.progress-circle[data-value="25.0"]  .progress-barre {transform: rotate(90.00deg)}
.progress-circle[data-value="25.1"]  .progress-barre {transform: rotate(90.36deg)}
.progress-circle[data-value="25.2"]  .progress-barre {transform: rotate(90.72deg)}
.progress-circle[data-value="25.3"]  .progress-barre {transform: rotate(91.08deg)}
.progress-circle[data-value="25.4"]  .progress-barre {transform: rotate(91.44deg)}
.progress-circle[data-value="25.5"]  .progress-barre {transform: rotate(91.80deg)}
.progress-circle[data-value="25.6"]  .progress-barre {transform: rotate(92.16deg)}
.progress-circle[data-value="25.7"]  .progress-barre {transform: rotate(92.52deg)}
.progress-circle[data-value="25.8"]  .progress-barre {transform: rotate(92.88deg)}
.progress-circle[data-value="25.9"]  .progress-barre {transform: rotate(93.24deg)}
.progress-circle[data-value="26"]    .progress-barre,
.progress-circle[data-value="26."]   .progress-barre,
.progress-circle[data-value="26.0"]  .progress-barre {transform: rotate(93.60deg)}
.progress-circle[data-value="26.1"]  .progress-barre {transform: rotate(93.96deg)}
.progress-circle[data-value="26.2"]  .progress-barre {transform: rotate(94.32deg)}
.progress-circle[data-value="26.3"]  .progress-barre {transform: rotate(94.68deg)}
.progress-circle[data-value="26.4"]  .progress-barre {transform: rotate(95.04deg)}
.progress-circle[data-value="26.5"]  .progress-barre {transform: rotate(95.40deg)}
.progress-circle[data-value="26.6"]  .progress-barre {transform: rotate(95.76deg)}
.progress-circle[data-value="26.7"]  .progress-barre {transform: rotate(96.12deg)}
.progress-circle[data-value="26.8"]  .progress-barre {transform: rotate(96.48deg)}
.progress-circle[data-value="26.9"]  .progress-barre {transform: rotate(96.84deg)}
.progress-circle[data-value="27"]    .progress-barre,
.progress-circle[data-value="27."]   .progress-barre,
.progress-circle[data-value="27.0"]  .progress-barre {transform: rotate(97.20deg)}
.progress-circle[data-value="27.1"]  .progress-barre {transform: rotate(97.56deg)}
.progress-circle[data-value="27.2"]  .progress-barre {transform: rotate(97.92deg)}
.progress-circle[data-value="27.3"]  .progress-barre {transform: rotate(98.28deg)}
.progress-circle[data-value="27.4"]  .progress-barre {transform: rotate(98.64deg)}
.progress-circle[data-value="27.5"]  .progress-barre {transform: rotate(99.00deg)}
.progress-circle[data-value="27.6"]  .progress-barre {transform: rotate(99.36deg)}
.progress-circle[data-value="27.7"]  .progress-barre {transform: rotate(99.72deg)}
.progress-circle[data-value="27.8"]  .progress-barre {transform: rotate(100.08deg)}
.progress-circle[data-value="27.9"]  .progress-barre {transform: rotate(100.44deg)}
.progress-circle[data-value="28"]    .progress-barre,
.progress-circle[data-value="28."]   .progress-barre,
.progress-circle[data-value="28.0"]  .progress-barre {transform: rotate(100.80deg)}
.progress-circle[data-value="28.1"]  .progress-barre {transform: rotate(101.16deg)}
.progress-circle[data-value="28.2"]  .progress-barre {transform: rotate(101.52deg)}
.progress-circle[data-value="28.3"]  .progress-barre {transform: rotate(101.88deg)}
.progress-circle[data-value="28.4"]  .progress-barre {transform: rotate(102.24deg)}
.progress-circle[data-value="28.5"]  .progress-barre {transform: rotate(102.60deg)}
.progress-circle[data-value="28.6"]  .progress-barre {transform: rotate(102.96deg)}
.progress-circle[data-value="28.7"]  .progress-barre {transform: rotate(103.32deg)}
.progress-circle[data-value="28.8"]  .progress-barre {transform: rotate(103.68deg)}
.progress-circle[data-value="28.9"]  .progress-barre {transform: rotate(104.04deg)}
.progress-circle[data-value="29"]    .progress-barre,
.progress-circle[data-value="29."]   .progress-barre,
.progress-circle[data-value="29.0"]  .progress-barre {transform: rotate(104.40deg)}
.progress-circle[data-value="29.1"]  .progress-barre {transform: rotate(104.76deg)}
.progress-circle[data-value="29.2"]  .progress-barre {transform: rotate(105.12deg)}
.progress-circle[data-value="29.3"]  .progress-barre {transform: rotate(105.48deg)}
.progress-circle[data-value="29.4"]  .progress-barre {transform: rotate(105.84deg)}
.progress-circle[data-value="29.5"]  .progress-barre {transform: rotate(106.20deg)}
.progress-circle[data-value="29.6"]  .progress-barre {transform: rotate(106.56deg)}
.progress-circle[data-value="29.7"]  .progress-barre {transform: rotate(106.92deg)}
.progress-circle[data-value="29.8"]  .progress-barre {transform: rotate(107.28deg)}
.progress-circle[data-value="29.9"]  .progress-barre {transform: rotate(107.64deg)}
.progress-circle[data-value="30"]    .progress-barre,
.progress-circle[data-value="30."]   .progress-barre,
.progress-circle[data-value="30.0"]  .progress-barre {transform: rotate(108.00deg)}
.progress-circle[data-value="30.1"]  .progress-barre {transform: rotate(108.36deg)}
.progress-circle[data-value="30.2"]  .progress-barre {transform: rotate(108.72deg)}
.progress-circle[data-value="30.3"]  .progress-barre {transform: rotate(109.08deg)}
.progress-circle[data-value="30.4"]  .progress-barre {transform: rotate(109.44deg)}
.progress-circle[data-value="30.5"]  .progress-barre {transform: rotate(109.80deg)}
.progress-circle[data-value="30.6"]  .progress-barre {transform: rotate(110.16deg)}
.progress-circle[data-value="30.7"]  .progress-barre {transform: rotate(110.52deg)}
.progress-circle[data-value="30.8"]  .progress-barre {transform: rotate(110.88deg)}
.progress-circle[data-value="30.9"]  .progress-barre {transform: rotate(111.24deg)}
.progress-circle[data-value="31"]    .progress-barre,
.progress-circle[data-value="31."]   .progress-barre,
.progress-circle[data-value="31.0"]  .progress-barre {transform: rotate(111.60deg)}
.progress-circle[data-value="31.1"]  .progress-barre {transform: rotate(111.96deg)}
.progress-circle[data-value="31.2"]  .progress-barre {transform: rotate(112.32deg)}
.progress-circle[data-value="31.3"]  .progress-barre {transform: rotate(112.68deg)}
.progress-circle[data-value="31.4"]  .progress-barre {transform: rotate(113.04deg)}
.progress-circle[data-value="31.5"]  .progress-barre {transform: rotate(113.40deg)}
.progress-circle[data-value="31.6"]  .progress-barre {transform: rotate(113.76deg)}
.progress-circle[data-value="31.7"]  .progress-barre {transform: rotate(114.12deg)}
.progress-circle[data-value="31.8"]  .progress-barre {transform: rotate(114.48deg)}
.progress-circle[data-value="31.9"]  .progress-barre {transform: rotate(114.84deg)}
.progress-circle[data-value="32"]    .progress-barre,
.progress-circle[data-value="32."]   .progress-barre,
.progress-circle[data-value="32.0"]  .progress-barre {transform: rotate(115.20deg)}
.progress-circle[data-value="32.1"]  .progress-barre {transform: rotate(115.56deg)}
.progress-circle[data-value="32.2"]  .progress-barre {transform: rotate(115.92deg)}
.progress-circle[data-value="32.3"]  .progress-barre {transform: rotate(116.28deg)}
.progress-circle[data-value="32.4"]  .progress-barre {transform: rotate(116.64deg)}
.progress-circle[data-value="32.5"]  .progress-barre {transform: rotate(117.00deg)}
.progress-circle[data-value="32.6"]  .progress-barre {transform: rotate(117.36deg)}
.progress-circle[data-value="32.7"]  .progress-barre {transform: rotate(117.72deg)}
.progress-circle[data-value="32.8"]  .progress-barre {transform: rotate(118.08deg)}
.progress-circle[data-value="32.9"]  .progress-barre {transform: rotate(118.44deg)}
.progress-circle[data-value="33"]    .progress-barre,
.progress-circle[data-value="33."]   .progress-barre,
.progress-circle[data-value="33.0"]  .progress-barre {transform: rotate(118.80deg)}
.progress-circle[data-value="33.1"]  .progress-barre {transform: rotate(119.16deg)}
.progress-circle[data-value="33.2"]  .progress-barre {transform: rotate(119.52deg)}
.progress-circle[data-value="33.3"]  .progress-barre {transform: rotate(119.88deg)}
.progress-circle[data-value="33.4"]  .progress-barre {transform: rotate(120.24deg)}
.progress-circle[data-value="33.5"]  .progress-barre {transform: rotate(120.60deg)}
.progress-circle[data-value="33.6"]  .progress-barre {transform: rotate(120.96deg)}
.progress-circle[data-value="33.7"]  .progress-barre {transform: rotate(121.32deg)}
.progress-circle[data-value="33.8"]  .progress-barre {transform: rotate(121.68deg)}
.progress-circle[data-value="33.9"]  .progress-barre {transform: rotate(122.04deg)}
.progress-circle[data-value="34"]    .progress-barre,
.progress-circle[data-value="34."]   .progress-barre,
.progress-circle[data-value="34.0"]  .progress-barre {transform: rotate(122.40deg)}
.progress-circle[data-value="34.1"]  .progress-barre {transform: rotate(122.76deg)}
.progress-circle[data-value="34.2"]  .progress-barre {transform: rotate(123.12deg)}
.progress-circle[data-value="34.3"]  .progress-barre {transform: rotate(123.48deg)}
.progress-circle[data-value="34.4"]  .progress-barre {transform: rotate(123.84deg)}
.progress-circle[data-value="34.5"]  .progress-barre {transform: rotate(124.20deg)}
.progress-circle[data-value="34.6"]  .progress-barre {transform: rotate(124.56deg)}
.progress-circle[data-value="34.7"]  .progress-barre {transform: rotate(124.92deg)}
.progress-circle[data-value="34.8"]  .progress-barre {transform: rotate(125.28deg)}
.progress-circle[data-value="34.9"]  .progress-barre {transform: rotate(125.64deg)}
.progress-circle[data-value="35"]    .progress-barre,
.progress-circle[data-value="35."]   .progress-barre,
.progress-circle[data-value="35.0"]  .progress-barre {transform: rotate(126.00deg)}
.progress-circle[data-value="35.1"]  .progress-barre {transform: rotate(126.36deg)}
.progress-circle[data-value="35.2"]  .progress-barre {transform: rotate(126.72deg)}
.progress-circle[data-value="35.3"]  .progress-barre {transform: rotate(127.08deg)}
.progress-circle[data-value="35.4"]  .progress-barre {transform: rotate(127.44deg)}
.progress-circle[data-value="35.5"]  .progress-barre {transform: rotate(127.80deg)}
.progress-circle[data-value="35.6"]  .progress-barre {transform: rotate(128.16deg)}
.progress-circle[data-value="35.7"]  .progress-barre {transform: rotate(128.52deg)}
.progress-circle[data-value="35.8"]  .progress-barre {transform: rotate(128.88deg)}
.progress-circle[data-value="35.9"]  .progress-barre {transform: rotate(129.24deg)}
.progress-circle[data-value="36"]    .progress-barre,
.progress-circle[data-value="36."]   .progress-barre,
.progress-circle[data-value="36.0"]  .progress-barre {transform: rotate(129.60deg)}
.progress-circle[data-value="36.1"]  .progress-barre {transform: rotate(129.96deg)}
.progress-circle[data-value="36.2"]  .progress-barre {transform: rotate(130.32deg)}
.progress-circle[data-value="36.3"]  .progress-barre {transform: rotate(130.68deg)}
.progress-circle[data-value="36.4"]  .progress-barre {transform: rotate(131.04deg)}
.progress-circle[data-value="36.5"]  .progress-barre {transform: rotate(131.40deg)}
.progress-circle[data-value="36.6"]  .progress-barre {transform: rotate(131.76deg)}
.progress-circle[data-value="36.7"]  .progress-barre {transform: rotate(132.12deg)}
.progress-circle[data-value="36.8"]  .progress-barre {transform: rotate(132.48deg)}
.progress-circle[data-value="36.9"]  .progress-barre {transform: rotate(132.84deg)}
.progress-circle[data-value="37"]    .progress-barre,
.progress-circle[data-value="37."]   .progress-barre,
.progress-circle[data-value="37.0"]  .progress-barre {transform: rotate(133.20deg)}
.progress-circle[data-value="37.1"]  .progress-barre {transform: rotate(133.56deg)}
.progress-circle[data-value="37.2"]  .progress-barre {transform: rotate(133.92deg)}
.progress-circle[data-value="37.3"]  .progress-barre {transform: rotate(134.28deg)}
.progress-circle[data-value="37.4"]  .progress-barre {transform: rotate(134.64deg)}
.progress-circle[data-value="37.5"]  .progress-barre {transform: rotate(135.00deg)}
.progress-circle[data-value="37.6"]  .progress-barre {transform: rotate(135.36deg)}
.progress-circle[data-value="37.7"]  .progress-barre {transform: rotate(135.72deg)}
.progress-circle[data-value="37.8"]  .progress-barre {transform: rotate(136.08deg)}
.progress-circle[data-value="37.9"]  .progress-barre {transform: rotate(136.44deg)}
.progress-circle[data-value="38"]    .progress-barre,
.progress-circle[data-value="38."]   .progress-barre,
.progress-circle[data-value="38.0"]  .progress-barre {transform: rotate(136.80deg)}
.progress-circle[data-value="38.1"]  .progress-barre {transform: rotate(137.16deg)}
.progress-circle[data-value="38.2"]  .progress-barre {transform: rotate(137.52deg)}
.progress-circle[data-value="38.3"]  .progress-barre {transform: rotate(137.88deg)}
.progress-circle[data-value="38.4"]  .progress-barre {transform: rotate(138.24deg)}
.progress-circle[data-value="38.5"]  .progress-barre {transform: rotate(138.60deg)}
.progress-circle[data-value="38.6"]  .progress-barre {transform: rotate(138.96deg)}
.progress-circle[data-value="38.7"]  .progress-barre {transform: rotate(139.32deg)}
.progress-circle[data-value="38.8"]  .progress-barre {transform: rotate(139.68deg)}
.progress-circle[data-value="38.9"]  .progress-barre {transform: rotate(140.04deg)}
.progress-circle[data-value="39"]    .progress-barre,
.progress-circle[data-value="39."]   .progress-barre,
.progress-circle[data-value="39.0"]  .progress-barre {transform: rotate(140.40deg)}
.progress-circle[data-value="39.1"]  .progress-barre {transform: rotate(140.76deg)}
.progress-circle[data-value="39.2"]  .progress-barre {transform: rotate(141.12deg)}
.progress-circle[data-value="39.3"]  .progress-barre {transform: rotate(141.48deg)}
.progress-circle[data-value="39.4"]  .progress-barre {transform: rotate(141.84deg)}
.progress-circle[data-value="39.5"]  .progress-barre {transform: rotate(142.20deg)}
.progress-circle[data-value="39.6"]  .progress-barre {transform: rotate(142.56deg)}
.progress-circle[data-value="39.7"]  .progress-barre {transform: rotate(142.92deg)}
.progress-circle[data-value="39.8"]  .progress-barre {transform: rotate(143.28deg)}
.progress-circle[data-value="39.9"]  .progress-barre {transform: rotate(143.64deg)}
.progress-circle[data-value="40"]    .progress-barre,
.progress-circle[data-value="40."]   .progress-barre,
.progress-circle[data-value="40.0"]  .progress-barre {transform: rotate(144.00deg)}
.progress-circle[data-value="40.1"]  .progress-barre {transform: rotate(144.36deg)}
.progress-circle[data-value="40.2"]  .progress-barre {transform: rotate(144.72deg)}
.progress-circle[data-value="40.3"]  .progress-barre {transform: rotate(145.08deg)}
.progress-circle[data-value="40.4"]  .progress-barre {transform: rotate(145.44deg)}
.progress-circle[data-value="40.5"]  .progress-barre {transform: rotate(145.80deg)}
.progress-circle[data-value="40.6"]  .progress-barre {transform: rotate(146.16deg)}
.progress-circle[data-value="40.7"]  .progress-barre {transform: rotate(146.52deg)}
.progress-circle[data-value="40.8"]  .progress-barre {transform: rotate(146.88deg)}
.progress-circle[data-value="40.9"]  .progress-barre {transform: rotate(147.24deg)}
.progress-circle[data-value="41"]    .progress-barre,
.progress-circle[data-value="41."]   .progress-barre,
.progress-circle[data-value="41.0"]  .progress-barre {transform: rotate(147.60deg)}
.progress-circle[data-value="41.1"]  .progress-barre {transform: rotate(147.96deg)}
.progress-circle[data-value="41.2"]  .progress-barre {transform: rotate(148.32deg)}
.progress-circle[data-value="41.3"]  .progress-barre {transform: rotate(148.68deg)}
.progress-circle[data-value="41.4"]  .progress-barre {transform: rotate(149.04deg)}
.progress-circle[data-value="41.5"]  .progress-barre {transform: rotate(149.40deg)}
.progress-circle[data-value="41.6"]  .progress-barre {transform: rotate(149.76deg)}
.progress-circle[data-value="41.7"]  .progress-barre {transform: rotate(150.12deg)}
.progress-circle[data-value="41.8"]  .progress-barre {transform: rotate(150.48deg)}
.progress-circle[data-value="41.9"]  .progress-barre {transform: rotate(150.84deg)}
.progress-circle[data-value="42"]    .progress-barre,
.progress-circle[data-value="42."]   .progress-barre,
.progress-circle[data-value="42.0"]  .progress-barre {transform: rotate(151.20deg)}
.progress-circle[data-value="42.1"]  .progress-barre {transform: rotate(151.56deg)}
.progress-circle[data-value="42.2"]  .progress-barre {transform: rotate(151.92deg)}
.progress-circle[data-value="42.3"]  .progress-barre {transform: rotate(152.28deg)}
.progress-circle[data-value="42.4"]  .progress-barre {transform: rotate(152.64deg)}
.progress-circle[data-value="42.5"]  .progress-barre {transform: rotate(153.00deg)}
.progress-circle[data-value="42.6"]  .progress-barre {transform: rotate(153.36deg)}
.progress-circle[data-value="42.7"]  .progress-barre {transform: rotate(153.72deg)}
.progress-circle[data-value="42.8"]  .progress-barre {transform: rotate(154.08deg)}
.progress-circle[data-value="42.9"]  .progress-barre {transform: rotate(154.44deg)}
.progress-circle[data-value="43"]    .progress-barre,
.progress-circle[data-value="43."]   .progress-barre,
.progress-circle[data-value="43.0"]  .progress-barre {transform: rotate(154.80deg)}
.progress-circle[data-value="43.1"]  .progress-barre {transform: rotate(155.16deg)}
.progress-circle[data-value="43.2"]  .progress-barre {transform: rotate(155.52deg)}
.progress-circle[data-value="43.3"]  .progress-barre {transform: rotate(155.88deg)}
.progress-circle[data-value="43.4"]  .progress-barre {transform: rotate(156.24deg)}
.progress-circle[data-value="43.5"]  .progress-barre {transform: rotate(156.60deg)}
.progress-circle[data-value="43.6"]  .progress-barre {transform: rotate(156.96deg)}
.progress-circle[data-value="43.7"]  .progress-barre {transform: rotate(157.32deg)}
.progress-circle[data-value="43.8"]  .progress-barre {transform: rotate(157.68deg)}
.progress-circle[data-value="43.9"]  .progress-barre {transform: rotate(158.04deg)}
.progress-circle[data-value="44"]    .progress-barre,
.progress-circle[data-value="44."]   .progress-barre,
.progress-circle[data-value="44.0"]  .progress-barre {transform: rotate(158.40deg)}
.progress-circle[data-value="44.1"]  .progress-barre {transform: rotate(158.76deg)}
.progress-circle[data-value="44.2"]  .progress-barre {transform: rotate(159.12deg)}
.progress-circle[data-value="44.3"]  .progress-barre {transform: rotate(159.48deg)}
.progress-circle[data-value="44.4"]  .progress-barre {transform: rotate(159.84deg)}
.progress-circle[data-value="44.5"]  .progress-barre {transform: rotate(160.20deg)}
.progress-circle[data-value="44.6"]  .progress-barre {transform: rotate(160.56deg)}
.progress-circle[data-value="44.7"]  .progress-barre {transform: rotate(160.92deg)}
.progress-circle[data-value="44.8"]  .progress-barre {transform: rotate(161.28deg)}
.progress-circle[data-value="44.9"]  .progress-barre {transform: rotate(161.64deg)}
.progress-circle[data-value="45"]    .progress-barre,
.progress-circle[data-value="45."]   .progress-barre,
.progress-circle[data-value="45.0"]  .progress-barre {transform: rotate(162.00deg)}
.progress-circle[data-value="45.1"]  .progress-barre {transform: rotate(162.36deg)}
.progress-circle[data-value="45.2"]  .progress-barre {transform: rotate(162.72deg)}
.progress-circle[data-value="45.3"]  .progress-barre {transform: rotate(163.08deg)}
.progress-circle[data-value="45.4"]  .progress-barre {transform: rotate(163.44deg)}
.progress-circle[data-value="45.5"]  .progress-barre {transform: rotate(163.80deg)}
.progress-circle[data-value="45.6"]  .progress-barre {transform: rotate(164.16deg)}
.progress-circle[data-value="45.7"]  .progress-barre {transform: rotate(164.52deg)}
.progress-circle[data-value="45.8"]  .progress-barre {transform: rotate(164.88deg)}
.progress-circle[data-value="45.9"]  .progress-barre {transform: rotate(165.24deg)}
.progress-circle[data-value="46"]    .progress-barre,
.progress-circle[data-value="46."]   .progress-barre,
.progress-circle[data-value="46.0"]  .progress-barre {transform: rotate(165.60deg)}
.progress-circle[data-value="46.1"]  .progress-barre {transform: rotate(165.96deg)}
.progress-circle[data-value="46.2"]  .progress-barre {transform: rotate(166.32deg)}
.progress-circle[data-value="46.3"]  .progress-barre {transform: rotate(166.68deg)}
.progress-circle[data-value="46.4"]  .progress-barre {transform: rotate(167.04deg)}
.progress-circle[data-value="46.5"]  .progress-barre {transform: rotate(167.40deg)}
.progress-circle[data-value="46.6"]  .progress-barre {transform: rotate(167.76deg)}
.progress-circle[data-value="46.7"]  .progress-barre {transform: rotate(168.12deg)}
.progress-circle[data-value="46.8"]  .progress-barre {transform: rotate(168.48deg)}
.progress-circle[data-value="46.9"]  .progress-barre {transform: rotate(168.84deg)}
.progress-circle[data-value="47"]    .progress-barre,
.progress-circle[data-value="47."]   .progress-barre,
.progress-circle[data-value="47.0"]  .progress-barre {transform: rotate(169.20deg)}
.progress-circle[data-value="47.1"]  .progress-barre {transform: rotate(169.56deg)}
.progress-circle[data-value="47.2"]  .progress-barre {transform: rotate(169.92deg)}
.progress-circle[data-value="47.3"]  .progress-barre {transform: rotate(170.28deg)}
.progress-circle[data-value="47.4"]  .progress-barre {transform: rotate(170.64deg)}
.progress-circle[data-value="47.5"]  .progress-barre {transform: rotate(171.00deg)}
.progress-circle[data-value="47.6"]  .progress-barre {transform: rotate(171.36deg)}
.progress-circle[data-value="47.7"]  .progress-barre {transform: rotate(171.72deg)}
.progress-circle[data-value="47.8"]  .progress-barre {transform: rotate(172.08deg)}
.progress-circle[data-value="47.9"]  .progress-barre {transform: rotate(172.44deg)}
.progress-circle[data-value="48"]    .progress-barre,
.progress-circle[data-value="48."]   .progress-barre,
.progress-circle[data-value="48.0"]  .progress-barre {transform: rotate(172.80deg)}
.progress-circle[data-value="48.1"]  .progress-barre {transform: rotate(173.16deg)}
.progress-circle[data-value="48.2"]  .progress-barre {transform: rotate(173.52deg)}
.progress-circle[data-value="48.3"]  .progress-barre {transform: rotate(173.88deg)}
.progress-circle[data-value="48.4"]  .progress-barre {transform: rotate(174.24deg)}
.progress-circle[data-value="48.5"]  .progress-barre {transform: rotate(174.60deg)}
.progress-circle[data-value="48.6"]  .progress-barre {transform: rotate(174.96deg)}
.progress-circle[data-value="48.7"]  .progress-barre {transform: rotate(175.32deg)}
.progress-circle[data-value="48.8"]  .progress-barre {transform: rotate(175.68deg)}
.progress-circle[data-value="48.9"]  .progress-barre {transform: rotate(176.04deg)}
.progress-circle[data-value="49"]    .progress-barre,
.progress-circle[data-value="49."]   .progress-barre,
.progress-circle[data-value="49.0"]  .progress-barre {transform: rotate(176.40deg)}
.progress-circle[data-value="49.1"]  .progress-barre {transform: rotate(176.76deg)}
.progress-circle[data-value="49.2"]  .progress-barre {transform: rotate(177.12deg)}
.progress-circle[data-value="49.3"]  .progress-barre {transform: rotate(177.48deg)}
.progress-circle[data-value="49.4"]  .progress-barre {transform: rotate(177.84deg)}
.progress-circle[data-value="49.5"]  .progress-barre {transform: rotate(178.20deg)}
.progress-circle[data-value="49.6"]  .progress-barre {transform: rotate(178.56deg)}
.progress-circle[data-value="49.7"]  .progress-barre {transform: rotate(178.92deg)}
.progress-circle[data-value="49.8"]  .progress-barre {transform: rotate(179.28deg)}
.progress-circle[data-value="49.9"]  .progress-barre {transform: rotate(179.64deg)}
.progress-circle[data-value="50"]    .progress-barre,
.progress-circle[data-value="50."]   .progress-barre,
.progress-circle[data-value="50.0"]  .progress-barre {transform: rotate(180.00deg)}
.progress-circle[data-value="50.1"]  .progress-barre {transform: rotate(180.36deg)}
.progress-circle[data-value="50.2"]  .progress-barre {transform: rotate(180.72deg)}
.progress-circle[data-value="50.3"]  .progress-barre {transform: rotate(181.08deg)}
.progress-circle[data-value="50.4"]  .progress-barre {transform: rotate(181.44deg)}
.progress-circle[data-value="50.5"]  .progress-barre {transform: rotate(181.80deg)}
.progress-circle[data-value="50.6"]  .progress-barre {transform: rotate(182.16deg)}
.progress-circle[data-value="50.7"]  .progress-barre {transform: rotate(182.52deg)}
.progress-circle[data-value="50.8"]  .progress-barre {transform: rotate(182.88deg)}
.progress-circle[data-value="50.9"]  .progress-barre {transform: rotate(183.24deg)}
.progress-circle[data-value="51"]    .progress-barre,
.progress-circle[data-value="51."]   .progress-barre,
.progress-circle[data-value="51.0"]  .progress-barre {transform: rotate(183.60deg)}
.progress-circle[data-value="51.1"]  .progress-barre {transform: rotate(183.96deg)}
.progress-circle[data-value="51.2"]  .progress-barre {transform: rotate(184.32deg)}
.progress-circle[data-value="51.3"]  .progress-barre {transform: rotate(184.68deg)}
.progress-circle[data-value="51.4"]  .progress-barre {transform: rotate(185.04deg)}
.progress-circle[data-value="51.5"]  .progress-barre {transform: rotate(185.40deg)}
.progress-circle[data-value="51.6"]  .progress-barre {transform: rotate(185.76deg)}
.progress-circle[data-value="51.7"]  .progress-barre {transform: rotate(186.12deg)}
.progress-circle[data-value="51.8"]  .progress-barre {transform: rotate(186.48deg)}
.progress-circle[data-value="51.9"]  .progress-barre {transform: rotate(186.84deg)}
.progress-circle[data-value="52"]    .progress-barre,
.progress-circle[data-value="52."]   .progress-barre,
.progress-circle[data-value="52.0"]  .progress-barre {transform: rotate(187.20deg)}
.progress-circle[data-value="52.1"]  .progress-barre {transform: rotate(187.56deg)}
.progress-circle[data-value="52.2"]  .progress-barre {transform: rotate(187.92deg)}
.progress-circle[data-value="52.3"]  .progress-barre {transform: rotate(188.28deg)}
.progress-circle[data-value="52.4"]  .progress-barre {transform: rotate(188.64deg)}
.progress-circle[data-value="52.5"]  .progress-barre {transform: rotate(189.00deg)}
.progress-circle[data-value="52.6"]  .progress-barre {transform: rotate(189.36deg)}
.progress-circle[data-value="52.7"]  .progress-barre {transform: rotate(189.72deg)}
.progress-circle[data-value="52.8"]  .progress-barre {transform: rotate(190.08deg)}
.progress-circle[data-value="52.9"]  .progress-barre {transform: rotate(190.44deg)}
.progress-circle[data-value="53"]    .progress-barre,
.progress-circle[data-value="53."]   .progress-barre,
.progress-circle[data-value="53.0"]  .progress-barre {transform: rotate(190.80deg)}
.progress-circle[data-value="53.1"]  .progress-barre {transform: rotate(191.16deg)}
.progress-circle[data-value="53.2"]  .progress-barre {transform: rotate(191.52deg)}
.progress-circle[data-value="53.3"]  .progress-barre {transform: rotate(191.88deg)}
.progress-circle[data-value="53.4"]  .progress-barre {transform: rotate(192.24deg)}
.progress-circle[data-value="53.5"]  .progress-barre {transform: rotate(192.60deg)}
.progress-circle[data-value="53.6"]  .progress-barre {transform: rotate(192.96deg)}
.progress-circle[data-value="53.7"]  .progress-barre {transform: rotate(193.32deg)}
.progress-circle[data-value="53.8"]  .progress-barre {transform: rotate(193.68deg)}
.progress-circle[data-value="53.9"]  .progress-barre {transform: rotate(194.04deg)}
.progress-circle[data-value="54"]    .progress-barre,
.progress-circle[data-value="54."]   .progress-barre,
.progress-circle[data-value="54.0"]  .progress-barre {transform: rotate(194.40deg)}
.progress-circle[data-value="54.1"]  .progress-barre {transform: rotate(194.76deg)}
.progress-circle[data-value="54.2"]  .progress-barre {transform: rotate(195.12deg)}
.progress-circle[data-value="54.3"]  .progress-barre {transform: rotate(195.48deg)}
.progress-circle[data-value="54.4"]  .progress-barre {transform: rotate(195.84deg)}
.progress-circle[data-value="54.5"]  .progress-barre {transform: rotate(196.20deg)}
.progress-circle[data-value="54.6"]  .progress-barre {transform: rotate(196.56deg)}
.progress-circle[data-value="54.7"]  .progress-barre {transform: rotate(196.92deg)}
.progress-circle[data-value="54.8"]  .progress-barre {transform: rotate(197.28deg)}
.progress-circle[data-value="54.9"]  .progress-barre {transform: rotate(197.64deg)}
.progress-circle[data-value="55"]    .progress-barre,
.progress-circle[data-value="55."]   .progress-barre,
.progress-circle[data-value="55.0"]  .progress-barre {transform: rotate(198.00deg)}
.progress-circle[data-value="55.1"]  .progress-barre {transform: rotate(198.36deg)}
.progress-circle[data-value="55.2"]  .progress-barre {transform: rotate(198.72deg)}
.progress-circle[data-value="55.3"]  .progress-barre {transform: rotate(199.08deg)}
.progress-circle[data-value="55.4"]  .progress-barre {transform: rotate(199.44deg)}
.progress-circle[data-value="55.5"]  .progress-barre {transform: rotate(199.80deg)}
.progress-circle[data-value="55.6"]  .progress-barre {transform: rotate(200.16deg)}
.progress-circle[data-value="55.7"]  .progress-barre {transform: rotate(200.52deg)}
.progress-circle[data-value="55.8"]  .progress-barre {transform: rotate(200.88deg)}
.progress-circle[data-value="55.9"]  .progress-barre {transform: rotate(201.24deg)}
.progress-circle[data-value="56"]    .progress-barre,
.progress-circle[data-value="56."]   .progress-barre,
.progress-circle[data-value="56.0"]  .progress-barre {transform: rotate(201.60deg)}
.progress-circle[data-value="56.1"]  .progress-barre {transform: rotate(201.96deg)}
.progress-circle[data-value="56.2"]  .progress-barre {transform: rotate(202.32deg)}
.progress-circle[data-value="56.3"]  .progress-barre {transform: rotate(202.68deg)}
.progress-circle[data-value="56.4"]  .progress-barre {transform: rotate(203.04deg)}
.progress-circle[data-value="56.5"]  .progress-barre {transform: rotate(203.40deg)}
.progress-circle[data-value="56.6"]  .progress-barre {transform: rotate(203.76deg)}
.progress-circle[data-value="56.7"]  .progress-barre {transform: rotate(204.12deg)}
.progress-circle[data-value="56.8"]  .progress-barre {transform: rotate(204.48deg)}
.progress-circle[data-value="56.9"]  .progress-barre {transform: rotate(204.84deg)}
.progress-circle[data-value="57"]    .progress-barre,
.progress-circle[data-value="57."]   .progress-barre,
.progress-circle[data-value="57.0"]  .progress-barre {transform: rotate(205.20deg)}
.progress-circle[data-value="57.1"]  .progress-barre {transform: rotate(205.56deg)}
.progress-circle[data-value="57.2"]  .progress-barre {transform: rotate(205.92deg)}
.progress-circle[data-value="57.3"]  .progress-barre {transform: rotate(206.28deg)}
.progress-circle[data-value="57.4"]  .progress-barre {transform: rotate(206.64deg)}
.progress-circle[data-value="57.5"]  .progress-barre {transform: rotate(207.00deg)}
.progress-circle[data-value="57.6"]  .progress-barre {transform: rotate(207.36deg)}
.progress-circle[data-value="57.7"]  .progress-barre {transform: rotate(207.72deg)}
.progress-circle[data-value="57.8"]  .progress-barre {transform: rotate(208.08deg)}
.progress-circle[data-value="57.9"]  .progress-barre {transform: rotate(208.44deg)}
.progress-circle[data-value="58"]    .progress-barre,
.progress-circle[data-value="58."]   .progress-barre,
.progress-circle[data-value="58.0"]  .progress-barre {transform: rotate(208.80deg)}
.progress-circle[data-value="58.1"]  .progress-barre {transform: rotate(209.16deg)}
.progress-circle[data-value="58.2"]  .progress-barre {transform: rotate(209.52deg)}
.progress-circle[data-value="58.3"]  .progress-barre {transform: rotate(209.88deg)}
.progress-circle[data-value="58.4"]  .progress-barre {transform: rotate(210.24deg)}
.progress-circle[data-value="58.5"]  .progress-barre {transform: rotate(210.60deg)}
.progress-circle[data-value="58.6"]  .progress-barre {transform: rotate(210.96deg)}
.progress-circle[data-value="58.7"]  .progress-barre {transform: rotate(211.32deg)}
.progress-circle[data-value="58.8"]  .progress-barre {transform: rotate(211.68deg)}
.progress-circle[data-value="58.9"]  .progress-barre {transform: rotate(212.04deg)}
.progress-circle[data-value="59"]    .progress-barre,
.progress-circle[data-value="59."]   .progress-barre,
.progress-circle[data-value="59.0"]  .progress-barre {transform: rotate(212.40deg)}
.progress-circle[data-value="59.1"]  .progress-barre {transform: rotate(212.76deg)}
.progress-circle[data-value="59.2"]  .progress-barre {transform: rotate(213.12deg)}
.progress-circle[data-value="59.3"]  .progress-barre {transform: rotate(213.48deg)}
.progress-circle[data-value="59.4"]  .progress-barre {transform: rotate(213.84deg)}
.progress-circle[data-value="59.5"]  .progress-barre {transform: rotate(214.20deg)}
.progress-circle[data-value="59.6"]  .progress-barre {transform: rotate(214.56deg)}
.progress-circle[data-value="59.7"]  .progress-barre {transform: rotate(214.92deg)}
.progress-circle[data-value="59.8"]  .progress-barre {transform: rotate(215.28deg)}
.progress-circle[data-value="59.9"]  .progress-barre {transform: rotate(215.64deg)}
.progress-circle[data-value="60"]    .progress-barre,
.progress-circle[data-value="60."]   .progress-barre,
.progress-circle[data-value="60.0"]  .progress-barre {transform: rotate(216.00deg)}
.progress-circle[data-value="60.1"]  .progress-barre {transform: rotate(216.36deg)}
.progress-circle[data-value="60.2"]  .progress-barre {transform: rotate(216.72deg)}
.progress-circle[data-value="60.3"]  .progress-barre {transform: rotate(217.08deg)}
.progress-circle[data-value="60.4"]  .progress-barre {transform: rotate(217.44deg)}
.progress-circle[data-value="60.5"]  .progress-barre {transform: rotate(217.80deg)}
.progress-circle[data-value="60.6"]  .progress-barre {transform: rotate(218.16deg)}
.progress-circle[data-value="60.7"]  .progress-barre {transform: rotate(218.52deg)}
.progress-circle[data-value="60.8"]  .progress-barre {transform: rotate(218.88deg)}
.progress-circle[data-value="60.9"]  .progress-barre {transform: rotate(219.24deg)}
.progress-circle[data-value="61"]    .progress-barre,
.progress-circle[data-value="61."]   .progress-barre,
.progress-circle[data-value="61.0"]  .progress-barre {transform: rotate(219.60deg)}
.progress-circle[data-value="61.1"]  .progress-barre {transform: rotate(219.96deg)}
.progress-circle[data-value="61.2"]  .progress-barre {transform: rotate(220.32deg)}
.progress-circle[data-value="61.3"]  .progress-barre {transform: rotate(220.68deg)}
.progress-circle[data-value="61.4"]  .progress-barre {transform: rotate(221.04deg)}
.progress-circle[data-value="61.5"]  .progress-barre {transform: rotate(221.40deg)}
.progress-circle[data-value="61.6"]  .progress-barre {transform: rotate(221.76deg)}
.progress-circle[data-value="61.7"]  .progress-barre {transform: rotate(222.12deg)}
.progress-circle[data-value="61.8"]  .progress-barre {transform: rotate(222.48deg)}
.progress-circle[data-value="61.9"]  .progress-barre {transform: rotate(222.84deg)}
.progress-circle[data-value="62"]    .progress-barre,
.progress-circle[data-value="62."]   .progress-barre,
.progress-circle[data-value="62.0"]  .progress-barre {transform: rotate(223.20deg)}
.progress-circle[data-value="62.1"]  .progress-barre {transform: rotate(223.56deg)}
.progress-circle[data-value="62.2"]  .progress-barre {transform: rotate(223.92deg)}
.progress-circle[data-value="62.3"]  .progress-barre {transform: rotate(224.28deg)}
.progress-circle[data-value="62.4"]  .progress-barre {transform: rotate(224.64deg)}
.progress-circle[data-value="62.5"]  .progress-barre {transform: rotate(225.00deg)}
.progress-circle[data-value="62.6"]  .progress-barre {transform: rotate(225.36deg)}
.progress-circle[data-value="62.7"]  .progress-barre {transform: rotate(225.72deg)}
.progress-circle[data-value="62.8"]  .progress-barre {transform: rotate(226.08deg)}
.progress-circle[data-value="62.9"]  .progress-barre {transform: rotate(226.44deg)}
.progress-circle[data-value="63"]    .progress-barre,
.progress-circle[data-value="63."]   .progress-barre,
.progress-circle[data-value="63.0"]  .progress-barre {transform: rotate(226.80deg)}
.progress-circle[data-value="63.1"]  .progress-barre {transform: rotate(227.16deg)}
.progress-circle[data-value="63.2"]  .progress-barre {transform: rotate(227.52deg)}
.progress-circle[data-value="63.3"]  .progress-barre {transform: rotate(227.88deg)}
.progress-circle[data-value="63.4"]  .progress-barre {transform: rotate(228.24deg)}
.progress-circle[data-value="63.5"]  .progress-barre {transform: rotate(228.60deg)}
.progress-circle[data-value="63.6"]  .progress-barre {transform: rotate(228.96deg)}
.progress-circle[data-value="63.7"]  .progress-barre {transform: rotate(229.32deg)}
.progress-circle[data-value="63.8"]  .progress-barre {transform: rotate(229.68deg)}
.progress-circle[data-value="63.9"]  .progress-barre {transform: rotate(230.04deg)}
.progress-circle[data-value="64"]    .progress-barre,
.progress-circle[data-value="64."]   .progress-barre,
.progress-circle[data-value="64.0"]  .progress-barre {transform: rotate(230.40deg)}
.progress-circle[data-value="64.1"]  .progress-barre {transform: rotate(230.76deg)}
.progress-circle[data-value="64.2"]  .progress-barre {transform: rotate(231.12deg)}
.progress-circle[data-value="64.3"]  .progress-barre {transform: rotate(231.48deg)}
.progress-circle[data-value="64.4"]  .progress-barre {transform: rotate(231.84deg)}
.progress-circle[data-value="64.5"]  .progress-barre {transform: rotate(232.20deg)}
.progress-circle[data-value="64.6"]  .progress-barre {transform: rotate(232.56deg)}
.progress-circle[data-value="64.7"]  .progress-barre {transform: rotate(232.92deg)}
.progress-circle[data-value="64.8"]  .progress-barre {transform: rotate(233.28deg)}
.progress-circle[data-value="64.9"]  .progress-barre {transform: rotate(233.64deg)}
.progress-circle[data-value="65"]    .progress-barre,
.progress-circle[data-value="65."]   .progress-barre,
.progress-circle[data-value="65.0"]  .progress-barre {transform: rotate(234.00deg)}
.progress-circle[data-value="65.1"]  .progress-barre {transform: rotate(234.36deg)}
.progress-circle[data-value="65.2"]  .progress-barre {transform: rotate(234.72deg)}
.progress-circle[data-value="65.3"]  .progress-barre {transform: rotate(235.08deg)}
.progress-circle[data-value="65.4"]  .progress-barre {transform: rotate(235.44deg)}
.progress-circle[data-value="65.5"]  .progress-barre {transform: rotate(235.80deg)}
.progress-circle[data-value="65.6"]  .progress-barre {transform: rotate(236.16deg)}
.progress-circle[data-value="65.7"]  .progress-barre {transform: rotate(236.52deg)}
.progress-circle[data-value="65.8"]  .progress-barre {transform: rotate(236.88deg)}
.progress-circle[data-value="65.9"]  .progress-barre {transform: rotate(237.24deg)}
.progress-circle[data-value="66"]    .progress-barre,
.progress-circle[data-value="66."]   .progress-barre,
.progress-circle[data-value="66.0"]  .progress-barre {transform: rotate(237.60deg)}
.progress-circle[data-value="66.1"]  .progress-barre {transform: rotate(237.96deg)}
.progress-circle[data-value="66.2"]  .progress-barre {transform: rotate(238.32deg)}
.progress-circle[data-value="66.3"]  .progress-barre {transform: rotate(238.68deg)}
.progress-circle[data-value="66.4"]  .progress-barre {transform: rotate(239.04deg)}
.progress-circle[data-value="66.5"]  .progress-barre {transform: rotate(239.40deg)}
.progress-circle[data-value="66.6"]  .progress-barre {transform: rotate(239.76deg)}
.progress-circle[data-value="66.7"]  .progress-barre {transform: rotate(240.12deg)}
.progress-circle[data-value="66.8"]  .progress-barre {transform: rotate(240.48deg)}
.progress-circle[data-value="66.9"]  .progress-barre {transform: rotate(240.84deg)}
.progress-circle[data-value="67"]    .progress-barre,
.progress-circle[data-value="67."]   .progress-barre,
.progress-circle[data-value="67.0"]  .progress-barre {transform: rotate(241.20deg)}
.progress-circle[data-value="67.1"]  .progress-barre {transform: rotate(241.56deg)}
.progress-circle[data-value="67.2"]  .progress-barre {transform: rotate(241.92deg)}
.progress-circle[data-value="67.3"]  .progress-barre {transform: rotate(242.28deg)}
.progress-circle[data-value="67.4"]  .progress-barre {transform: rotate(242.64deg)}
.progress-circle[data-value="67.5"]  .progress-barre {transform: rotate(243.00deg)}
.progress-circle[data-value="67.6"]  .progress-barre {transform: rotate(243.36deg)}
.progress-circle[data-value="67.7"]  .progress-barre {transform: rotate(243.72deg)}
.progress-circle[data-value="67.8"]  .progress-barre {transform: rotate(244.08deg)}
.progress-circle[data-value="67.9"]  .progress-barre {transform: rotate(244.44deg)}
.progress-circle[data-value="68"]    .progress-barre,
.progress-circle[data-value="68."]   .progress-barre,
.progress-circle[data-value="68.0"]  .progress-barre {transform: rotate(244.80deg)}
.progress-circle[data-value="68.1"]  .progress-barre {transform: rotate(245.16deg)}
.progress-circle[data-value="68.2"]  .progress-barre {transform: rotate(245.52deg)}
.progress-circle[data-value="68.3"]  .progress-barre {transform: rotate(245.88deg)}
.progress-circle[data-value="68.4"]  .progress-barre {transform: rotate(246.24deg)}
.progress-circle[data-value="68.5"]  .progress-barre {transform: rotate(246.60deg)}
.progress-circle[data-value="68.6"]  .progress-barre {transform: rotate(246.96deg)}
.progress-circle[data-value="68.7"]  .progress-barre {transform: rotate(247.32deg)}
.progress-circle[data-value="68.8"]  .progress-barre {transform: rotate(247.68deg)}
.progress-circle[data-value="68.9"]  .progress-barre {transform: rotate(248.04deg)}
.progress-circle[data-value="69"]    .progress-barre,
.progress-circle[data-value="69."]   .progress-barre,
.progress-circle[data-value="69.0"]  .progress-barre {transform: rotate(248.40deg)}
.progress-circle[data-value="69.1"]  .progress-barre {transform: rotate(248.76deg)}
.progress-circle[data-value="69.2"]  .progress-barre {transform: rotate(249.12deg)}
.progress-circle[data-value="69.3"]  .progress-barre {transform: rotate(249.48deg)}
.progress-circle[data-value="69.4"]  .progress-barre {transform: rotate(249.84deg)}
.progress-circle[data-value="69.5"]  .progress-barre {transform: rotate(250.20deg)}
.progress-circle[data-value="69.6"]  .progress-barre {transform: rotate(250.56deg)}
.progress-circle[data-value="69.7"]  .progress-barre {transform: rotate(250.92deg)}
.progress-circle[data-value="69.8"]  .progress-barre {transform: rotate(251.28deg)}
.progress-circle[data-value="69.9"]  .progress-barre {transform: rotate(251.64deg)}
.progress-circle[data-value="70"]    .progress-barre,
.progress-circle[data-value="70."]   .progress-barre,
.progress-circle[data-value="70.0"]  .progress-barre {transform: rotate(252.00deg)}
.progress-circle[data-value="70.1"]  .progress-barre {transform: rotate(252.36deg)}
.progress-circle[data-value="70.2"]  .progress-barre {transform: rotate(252.72deg)}
.progress-circle[data-value="70.3"]  .progress-barre {transform: rotate(253.08deg)}
.progress-circle[data-value="70.4"]  .progress-barre {transform: rotate(253.44deg)}
.progress-circle[data-value="70.5"]  .progress-barre {transform: rotate(253.80deg)}
.progress-circle[data-value="70.6"]  .progress-barre {transform: rotate(254.16deg)}
.progress-circle[data-value="70.7"]  .progress-barre {transform: rotate(254.52deg)}
.progress-circle[data-value="70.8"]  .progress-barre {transform: rotate(254.88deg)}
.progress-circle[data-value="70.9"]  .progress-barre {transform: rotate(255.24deg)}
.progress-circle[data-value="71"]    .progress-barre,
.progress-circle[data-value="71."]   .progress-barre,
.progress-circle[data-value="71.0"]  .progress-barre {transform: rotate(255.60deg)}
.progress-circle[data-value="71.1"]  .progress-barre {transform: rotate(255.96deg)}
.progress-circle[data-value="71.2"]  .progress-barre {transform: rotate(256.32deg)}
.progress-circle[data-value="71.3"]  .progress-barre {transform: rotate(256.68deg)}
.progress-circle[data-value="71.4"]  .progress-barre {transform: rotate(257.04deg)}
.progress-circle[data-value="71.5"]  .progress-barre {transform: rotate(257.40deg)}
.progress-circle[data-value="71.6"]  .progress-barre {transform: rotate(257.76deg)}
.progress-circle[data-value="71.7"]  .progress-barre {transform: rotate(258.12deg)}
.progress-circle[data-value="71.8"]  .progress-barre {transform: rotate(258.48deg)}
.progress-circle[data-value="71.9"]  .progress-barre {transform: rotate(258.84deg)}
.progress-circle[data-value="72"]    .progress-barre,
.progress-circle[data-value="72."]   .progress-barre,
.progress-circle[data-value="72.0"]  .progress-barre {transform: rotate(259.20deg)}
.progress-circle[data-value="72.1"]  .progress-barre {transform: rotate(259.56deg)}
.progress-circle[data-value="72.2"]  .progress-barre {transform: rotate(259.92deg)}
.progress-circle[data-value="72.3"]  .progress-barre {transform: rotate(260.28deg)}
.progress-circle[data-value="72.4"]  .progress-barre {transform: rotate(260.64deg)}
.progress-circle[data-value="72.5"]  .progress-barre {transform: rotate(261.00deg)}
.progress-circle[data-value="72.6"]  .progress-barre {transform: rotate(261.36deg)}
.progress-circle[data-value="72.7"]  .progress-barre {transform: rotate(261.72deg)}
.progress-circle[data-value="72.8"]  .progress-barre {transform: rotate(262.08deg)}
.progress-circle[data-value="72.9"]  .progress-barre {transform: rotate(262.44deg)}
.progress-circle[data-value="73"]    .progress-barre,
.progress-circle[data-value="73."]   .progress-barre,
.progress-circle[data-value="73.0"]  .progress-barre {transform: rotate(262.80deg)}
.progress-circle[data-value="73.1"]  .progress-barre {transform: rotate(263.16deg)}
.progress-circle[data-value="73.2"]  .progress-barre {transform: rotate(263.52deg)}
.progress-circle[data-value="73.3"]  .progress-barre {transform: rotate(263.88deg)}
.progress-circle[data-value="73.4"]  .progress-barre {transform: rotate(264.24deg)}
.progress-circle[data-value="73.5"]  .progress-barre {transform: rotate(264.60deg)}
.progress-circle[data-value="73.6"]  .progress-barre {transform: rotate(264.96deg)}
.progress-circle[data-value="73.7"]  .progress-barre {transform: rotate(265.32deg)}
.progress-circle[data-value="73.8"]  .progress-barre {transform: rotate(265.68deg)}
.progress-circle[data-value="73.9"]  .progress-barre {transform: rotate(266.04deg)}
.progress-circle[data-value="74"]    .progress-barre,
.progress-circle[data-value="74."]   .progress-barre,
.progress-circle[data-value="74.0"]  .progress-barre {transform: rotate(266.40deg)}
.progress-circle[data-value="74.1"]  .progress-barre {transform: rotate(266.76deg)}
.progress-circle[data-value="74.2"]  .progress-barre {transform: rotate(267.12deg)}
.progress-circle[data-value="74.3"]  .progress-barre {transform: rotate(267.48deg)}
.progress-circle[data-value="74.4"]  .progress-barre {transform: rotate(267.84deg)}
.progress-circle[data-value="74.5"]  .progress-barre {transform: rotate(268.20deg)}
.progress-circle[data-value="74.6"]  .progress-barre {transform: rotate(268.56deg)}
.progress-circle[data-value="74.7"]  .progress-barre {transform: rotate(268.92deg)}
.progress-circle[data-value="74.8"]  .progress-barre {transform: rotate(269.28deg)}
.progress-circle[data-value="74.9"]  .progress-barre {transform: rotate(269.64deg)}
.progress-circle[data-value="75"]    .progress-barre,
.progress-circle[data-value="75."]   .progress-barre,
.progress-circle[data-value="75.0"]  .progress-barre {transform: rotate(270.00deg)}
.progress-circle[data-value="75.1"]  .progress-barre {transform: rotate(270.36deg)}
.progress-circle[data-value="75.2"]  .progress-barre {transform: rotate(270.72deg)}
.progress-circle[data-value="75.3"]  .progress-barre {transform: rotate(271.08deg)}
.progress-circle[data-value="75.4"]  .progress-barre {transform: rotate(271.44deg)}
.progress-circle[data-value="75.5"]  .progress-barre {transform: rotate(271.80deg)}
.progress-circle[data-value="75.6"]  .progress-barre {transform: rotate(272.16deg)}
.progress-circle[data-value="75.7"]  .progress-barre {transform: rotate(272.52deg)}
.progress-circle[data-value="75.8"]  .progress-barre {transform: rotate(272.88deg)}
.progress-circle[data-value="75.9"]  .progress-barre {transform: rotate(273.24deg)}
.progress-circle[data-value="76"]    .progress-barre,
.progress-circle[data-value="76."]   .progress-barre,
.progress-circle[data-value="76.0"]  .progress-barre {transform: rotate(273.60deg)}
.progress-circle[data-value="76.1"]  .progress-barre {transform: rotate(273.96deg)}
.progress-circle[data-value="76.2"]  .progress-barre {transform: rotate(274.32deg)}
.progress-circle[data-value="76.3"]  .progress-barre {transform: rotate(274.68deg)}
.progress-circle[data-value="76.4"]  .progress-barre {transform: rotate(275.04deg)}
.progress-circle[data-value="76.5"]  .progress-barre {transform: rotate(275.40deg)}
.progress-circle[data-value="76.6"]  .progress-barre {transform: rotate(275.76deg)}
.progress-circle[data-value="76.7"]  .progress-barre {transform: rotate(276.12deg)}
.progress-circle[data-value="76.8"]  .progress-barre {transform: rotate(276.48deg)}
.progress-circle[data-value="76.9"]  .progress-barre {transform: rotate(276.84deg)}
.progress-circle[data-value="77"]    .progress-barre,
.progress-circle[data-value="77."]   .progress-barre,
.progress-circle[data-value="77.0"]  .progress-barre {transform: rotate(277.20deg)}
.progress-circle[data-value="77.1"]  .progress-barre {transform: rotate(277.56deg)}
.progress-circle[data-value="77.2"]  .progress-barre {transform: rotate(277.92deg)}
.progress-circle[data-value="77.3"]  .progress-barre {transform: rotate(278.28deg)}
.progress-circle[data-value="77.4"]  .progress-barre {transform: rotate(278.64deg)}
.progress-circle[data-value="77.5"]  .progress-barre {transform: rotate(279.00deg)}
.progress-circle[data-value="77.6"]  .progress-barre {transform: rotate(279.36deg)}
.progress-circle[data-value="77.7"]  .progress-barre {transform: rotate(279.72deg)}
.progress-circle[data-value="77.8"]  .progress-barre {transform: rotate(280.08deg)}
.progress-circle[data-value="77.9"]  .progress-barre {transform: rotate(280.44deg)}
.progress-circle[data-value="78"]    .progress-barre,
.progress-circle[data-value="78."]   .progress-barre,
.progress-circle[data-value="78.0"]  .progress-barre {transform: rotate(280.80deg)}
.progress-circle[data-value="78.1"]  .progress-barre {transform: rotate(281.16deg)}
.progress-circle[data-value="78.2"]  .progress-barre {transform: rotate(281.52deg)}
.progress-circle[data-value="78.3"]  .progress-barre {transform: rotate(281.88deg)}
.progress-circle[data-value="78.4"]  .progress-barre {transform: rotate(282.24deg)}
.progress-circle[data-value="78.5"]  .progress-barre {transform: rotate(282.60deg)}
.progress-circle[data-value="78.6"]  .progress-barre {transform: rotate(282.96deg)}
.progress-circle[data-value="78.7"]  .progress-barre {transform: rotate(283.32deg)}
.progress-circle[data-value="78.8"]  .progress-barre {transform: rotate(283.68deg)}
.progress-circle[data-value="78.9"]  .progress-barre {transform: rotate(284.04deg)}
.progress-circle[data-value="79"]    .progress-barre,
.progress-circle[data-value="79."]   .progress-barre,
.progress-circle[data-value="79.0"]  .progress-barre {transform: rotate(284.40deg)}
.progress-circle[data-value="79.1"]  .progress-barre {transform: rotate(284.76deg)}
.progress-circle[data-value="79.2"]  .progress-barre {transform: rotate(285.12deg)}
.progress-circle[data-value="79.3"]  .progress-barre {transform: rotate(285.48deg)}
.progress-circle[data-value="79.4"]  .progress-barre {transform: rotate(285.84deg)}
.progress-circle[data-value="79.5"]  .progress-barre {transform: rotate(286.20deg)}
.progress-circle[data-value="79.6"]  .progress-barre {transform: rotate(286.56deg)}
.progress-circle[data-value="79.7"]  .progress-barre {transform: rotate(286.92deg)}
.progress-circle[data-value="79.8"]  .progress-barre {transform: rotate(287.28deg)}
.progress-circle[data-value="79.9"]  .progress-barre {transform: rotate(287.64deg)}
.progress-circle[data-value="80"]    .progress-barre,
.progress-circle[data-value="80."]   .progress-barre,
.progress-circle[data-value="80.0"]  .progress-barre {transform: rotate(288.00deg)}
.progress-circle[data-value="80.1"]  .progress-barre {transform: rotate(288.36deg)}
.progress-circle[data-value="80.2"]  .progress-barre {transform: rotate(288.72deg)}
.progress-circle[data-value="80.3"]  .progress-barre {transform: rotate(289.08deg)}
.progress-circle[data-value="80.4"]  .progress-barre {transform: rotate(289.44deg)}
.progress-circle[data-value="80.5"]  .progress-barre {transform: rotate(289.80deg)}
.progress-circle[data-value="80.6"]  .progress-barre {transform: rotate(290.16deg)}
.progress-circle[data-value="80.7"]  .progress-barre {transform: rotate(290.52deg)}
.progress-circle[data-value="80.8"]  .progress-barre {transform: rotate(290.88deg)}
.progress-circle[data-value="80.9"]  .progress-barre {transform: rotate(291.24deg)}
.progress-circle[data-value="81"]    .progress-barre,
.progress-circle[data-value="81."]   .progress-barre,
.progress-circle[data-value="81.0"]  .progress-barre {transform: rotate(291.60deg)}
.progress-circle[data-value="81.1"]  .progress-barre {transform: rotate(291.96deg)}
.progress-circle[data-value="81.2"]  .progress-barre {transform: rotate(292.32deg)}
.progress-circle[data-value="81.3"]  .progress-barre {transform: rotate(292.68deg)}
.progress-circle[data-value="81.4"]  .progress-barre {transform: rotate(293.04deg)}
.progress-circle[data-value="81.5"]  .progress-barre {transform: rotate(293.40deg)}
.progress-circle[data-value="81.6"]  .progress-barre {transform: rotate(293.76deg)}
.progress-circle[data-value="81.7"]  .progress-barre {transform: rotate(294.12deg)}
.progress-circle[data-value="81.8"]  .progress-barre {transform: rotate(294.48deg)}
.progress-circle[data-value="81.9"]  .progress-barre {transform: rotate(294.84deg)}
.progress-circle[data-value="82"]    .progress-barre,
.progress-circle[data-value="82."]   .progress-barre,
.progress-circle[data-value="82.0"]  .progress-barre {transform: rotate(295.20deg)}
.progress-circle[data-value="82.1"]  .progress-barre {transform: rotate(295.56deg)}
.progress-circle[data-value="82.2"]  .progress-barre {transform: rotate(295.92deg)}
.progress-circle[data-value="82.3"]  .progress-barre {transform: rotate(296.28deg)}
.progress-circle[data-value="82.4"]  .progress-barre {transform: rotate(296.64deg)}
.progress-circle[data-value="82.5"]  .progress-barre {transform: rotate(297.00deg)}
.progress-circle[data-value="82.6"]  .progress-barre {transform: rotate(297.36deg)}
.progress-circle[data-value="82.7"]  .progress-barre {transform: rotate(297.72deg)}
.progress-circle[data-value="82.8"]  .progress-barre {transform: rotate(298.08deg)}
.progress-circle[data-value="82.9"]  .progress-barre {transform: rotate(298.44deg)}
.progress-circle[data-value="83"]    .progress-barre,
.progress-circle[data-value="83."]   .progress-barre,
.progress-circle[data-value="83.0"]  .progress-barre {transform: rotate(298.80deg)}
.progress-circle[data-value="83.1"]  .progress-barre {transform: rotate(299.16deg)}
.progress-circle[data-value="83.2"]  .progress-barre {transform: rotate(299.52deg)}
.progress-circle[data-value="83.3"]  .progress-barre {transform: rotate(299.88deg)}
.progress-circle[data-value="83.4"]  .progress-barre {transform: rotate(300.24deg)}
.progress-circle[data-value="83.5"]  .progress-barre {transform: rotate(300.60deg)}
.progress-circle[data-value="83.6"]  .progress-barre {transform: rotate(300.96deg)}
.progress-circle[data-value="83.7"]  .progress-barre {transform: rotate(301.32deg)}
.progress-circle[data-value="83.8"]  .progress-barre {transform: rotate(301.68deg)}
.progress-circle[data-value="83.9"]  .progress-barre {transform: rotate(302.04deg)}
.progress-circle[data-value="84"]    .progress-barre,
.progress-circle[data-value="84."]   .progress-barre,
.progress-circle[data-value="84.0"]  .progress-barre {transform: rotate(302.40deg)}
.progress-circle[data-value="84.1"]  .progress-barre {transform: rotate(302.76deg)}
.progress-circle[data-value="84.2"]  .progress-barre {transform: rotate(303.12deg)}
.progress-circle[data-value="84.3"]  .progress-barre {transform: rotate(303.48deg)}
.progress-circle[data-value="84.4"]  .progress-barre {transform: rotate(303.84deg)}
.progress-circle[data-value="84.5"]  .progress-barre {transform: rotate(304.20deg)}
.progress-circle[data-value="84.6"]  .progress-barre {transform: rotate(304.56deg)}
.progress-circle[data-value="84.7"]  .progress-barre {transform: rotate(304.92deg)}
.progress-circle[data-value="84.8"]  .progress-barre {transform: rotate(305.28deg)}
.progress-circle[data-value="84.9"]  .progress-barre {transform: rotate(305.64deg)}
.progress-circle[data-value="85"]    .progress-barre,
.progress-circle[data-value="85."]   .progress-barre,
.progress-circle[data-value="85.0"]  .progress-barre {transform: rotate(306.00deg)}
.progress-circle[data-value="85.1"]  .progress-barre {transform: rotate(306.36deg)}
.progress-circle[data-value="85.2"]  .progress-barre {transform: rotate(306.72deg)}
.progress-circle[data-value="85.3"]  .progress-barre {transform: rotate(307.08deg)}
.progress-circle[data-value="85.4"]  .progress-barre {transform: rotate(307.44deg)}
.progress-circle[data-value="85.5"]  .progress-barre {transform: rotate(307.80deg)}
.progress-circle[data-value="85.6"]  .progress-barre {transform: rotate(308.16deg)}
.progress-circle[data-value="85.7"]  .progress-barre {transform: rotate(308.52deg)}
.progress-circle[data-value="85.8"]  .progress-barre {transform: rotate(308.88deg)}
.progress-circle[data-value="85.9"]  .progress-barre {transform: rotate(309.24deg)}
.progress-circle[data-value="86"]    .progress-barre,
.progress-circle[data-value="86."]   .progress-barre,
.progress-circle[data-value="86.0"]  .progress-barre {transform: rotate(309.60deg)}
.progress-circle[data-value="86.1"]  .progress-barre {transform: rotate(309.96deg)}
.progress-circle[data-value="86.2"]  .progress-barre {transform: rotate(310.32deg)}
.progress-circle[data-value="86.3"]  .progress-barre {transform: rotate(310.68deg)}
.progress-circle[data-value="86.4"]  .progress-barre {transform: rotate(311.04deg)}
.progress-circle[data-value="86.5"]  .progress-barre {transform: rotate(311.40deg)}
.progress-circle[data-value="86.6"]  .progress-barre {transform: rotate(311.76deg)}
.progress-circle[data-value="86.7"]  .progress-barre {transform: rotate(312.12deg)}
.progress-circle[data-value="86.8"]  .progress-barre {transform: rotate(312.48deg)}
.progress-circle[data-value="86.9"]  .progress-barre {transform: rotate(312.84deg)}
.progress-circle[data-value="87"]    .progress-barre,
.progress-circle[data-value="87."]   .progress-barre,
.progress-circle[data-value="87.0"]  .progress-barre {transform: rotate(313.20deg)}
.progress-circle[data-value="87.1"]  .progress-barre {transform: rotate(313.56deg)}
.progress-circle[data-value="87.2"]  .progress-barre {transform: rotate(313.92deg)}
.progress-circle[data-value="87.3"]  .progress-barre {transform: rotate(314.28deg)}
.progress-circle[data-value="87.4"]  .progress-barre {transform: rotate(314.64deg)}
.progress-circle[data-value="87.5"]  .progress-barre {transform: rotate(315.00deg)}
.progress-circle[data-value="87.6"]  .progress-barre {transform: rotate(315.36deg)}
.progress-circle[data-value="87.7"]  .progress-barre {transform: rotate(315.72deg)}
.progress-circle[data-value="87.8"]  .progress-barre {transform: rotate(316.08deg)}
.progress-circle[data-value="87.9"]  .progress-barre {transform: rotate(316.44deg)}
.progress-circle[data-value="88"]    .progress-barre,
.progress-circle[data-value="88."]   .progress-barre,
.progress-circle[data-value="88.0"]  .progress-barre {transform: rotate(316.80deg)}
.progress-circle[data-value="88.1"]  .progress-barre {transform: rotate(317.16deg)}
.progress-circle[data-value="88.2"]  .progress-barre {transform: rotate(317.52deg)}
.progress-circle[data-value="88.3"]  .progress-barre {transform: rotate(317.88deg)}
.progress-circle[data-value="88.4"]  .progress-barre {transform: rotate(318.24deg)}
.progress-circle[data-value="88.5"]  .progress-barre {transform: rotate(318.60deg)}
.progress-circle[data-value="88.6"]  .progress-barre {transform: rotate(318.96deg)}
.progress-circle[data-value="88.7"]  .progress-barre {transform: rotate(319.32deg)}
.progress-circle[data-value="88.8"]  .progress-barre {transform: rotate(319.68deg)}
.progress-circle[data-value="88.9"]  .progress-barre {transform: rotate(320.04deg)}
.progress-circle[data-value="89"]    .progress-barre,
.progress-circle[data-value="89."]   .progress-barre,
.progress-circle[data-value="89.0"]  .progress-barre {transform: rotate(320.40deg)}
.progress-circle[data-value="89.1"]  .progress-barre {transform: rotate(320.76deg)}
.progress-circle[data-value="89.2"]  .progress-barre {transform: rotate(321.12deg)}
.progress-circle[data-value="89.3"]  .progress-barre {transform: rotate(321.48deg)}
.progress-circle[data-value="89.4"]  .progress-barre {transform: rotate(321.84deg)}
.progress-circle[data-value="89.5"]  .progress-barre {transform: rotate(322.20deg)}
.progress-circle[data-value="89.6"]  .progress-barre {transform: rotate(322.56deg)}
.progress-circle[data-value="89.7"]  .progress-barre {transform: rotate(322.92deg)}
.progress-circle[data-value="89.8"]  .progress-barre {transform: rotate(323.28deg)}
.progress-circle[data-value="89.9"]  .progress-barre {transform: rotate(323.64deg)}
.progress-circle[data-value="90"]    .progress-barre,
.progress-circle[data-value="90."]   .progress-barre,
.progress-circle[data-value="90.0"]  .progress-barre {transform: rotate(324.00deg)}
.progress-circle[data-value="90.1"]  .progress-barre {transform: rotate(324.36deg)}
.progress-circle[data-value="90.2"]  .progress-barre {transform: rotate(324.72deg)}
.progress-circle[data-value="90.3"]  .progress-barre {transform: rotate(325.08deg)}
.progress-circle[data-value="90.4"]  .progress-barre {transform: rotate(325.44deg)}
.progress-circle[data-value="90.5"]  .progress-barre {transform: rotate(325.80deg)}
.progress-circle[data-value="90.6"]  .progress-barre {transform: rotate(326.16deg)}
.progress-circle[data-value="90.7"]  .progress-barre {transform: rotate(326.52deg)}
.progress-circle[data-value="90.8"]  .progress-barre {transform: rotate(326.88deg)}
.progress-circle[data-value="90.9"]  .progress-barre {transform: rotate(327.24deg)}
.progress-circle[data-value="91"]    .progress-barre,
.progress-circle[data-value="91."]   .progress-barre,
.progress-circle[data-value="91.0"]  .progress-barre {transform: rotate(327.60deg)}
.progress-circle[data-value="91.1"]  .progress-barre {transform: rotate(327.96deg)}
.progress-circle[data-value="91.2"]  .progress-barre {transform: rotate(328.32deg)}
.progress-circle[data-value="91.3"]  .progress-barre {transform: rotate(328.68deg)}
.progress-circle[data-value="91.4"]  .progress-barre {transform: rotate(329.04deg)}
.progress-circle[data-value="91.5"]  .progress-barre {transform: rotate(329.40deg)}
.progress-circle[data-value="91.6"]  .progress-barre {transform: rotate(329.76deg)}
.progress-circle[data-value="91.7"]  .progress-barre {transform: rotate(330.12deg)}
.progress-circle[data-value="91.8"]  .progress-barre {transform: rotate(330.48deg)}
.progress-circle[data-value="91.9"]  .progress-barre {transform: rotate(330.84deg)}
.progress-circle[data-value="92"]    .progress-barre,
.progress-circle[data-value="92."]   .progress-barre,
.progress-circle[data-value="92.0"]  .progress-barre {transform: rotate(331.20deg)}
.progress-circle[data-value="92.1"]  .progress-barre {transform: rotate(331.56deg)}
.progress-circle[data-value="92.2"]  .progress-barre {transform: rotate(331.92deg)}
.progress-circle[data-value="92.3"]  .progress-barre {transform: rotate(332.28deg)}
.progress-circle[data-value="92.4"]  .progress-barre {transform: rotate(332.64deg)}
.progress-circle[data-value="92.5"]  .progress-barre {transform: rotate(333.00deg)}
.progress-circle[data-value="92.6"]  .progress-barre {transform: rotate(333.36deg)}
.progress-circle[data-value="92.7"]  .progress-barre {transform: rotate(333.72deg)}
.progress-circle[data-value="92.8"]  .progress-barre {transform: rotate(334.08deg)}
.progress-circle[data-value="92.9"]  .progress-barre {transform: rotate(334.44deg)}
.progress-circle[data-value="93"]    .progress-barre,
.progress-circle[data-value="93."]   .progress-barre,
.progress-circle[data-value="93.0"]  .progress-barre {transform: rotate(334.80deg)}
.progress-circle[data-value="93.1"]  .progress-barre {transform: rotate(335.16deg)}
.progress-circle[data-value="93.2"]  .progress-barre {transform: rotate(335.52deg)}
.progress-circle[data-value="93.3"]  .progress-barre {transform: rotate(335.88deg)}
.progress-circle[data-value="93.4"]  .progress-barre {transform: rotate(336.24deg)}
.progress-circle[data-value="93.5"]  .progress-barre {transform: rotate(336.60deg)}
.progress-circle[data-value="93.6"]  .progress-barre {transform: rotate(336.96deg)}
.progress-circle[data-value="93.7"]  .progress-barre {transform: rotate(337.32deg)}
.progress-circle[data-value="93.8"]  .progress-barre {transform: rotate(337.68deg)}
.progress-circle[data-value="93.9"]  .progress-barre {transform: rotate(338.04deg)}
.progress-circle[data-value="94"]    .progress-barre,
.progress-circle[data-value="94."]   .progress-barre,
.progress-circle[data-value="94.0"]  .progress-barre {transform: rotate(338.40deg)}
.progress-circle[data-value="94.1"]  .progress-barre {transform: rotate(338.76deg)}
.progress-circle[data-value="94.2"]  .progress-barre {transform: rotate(339.12deg)}
.progress-circle[data-value="94.3"]  .progress-barre {transform: rotate(339.48deg)}
.progress-circle[data-value="94.4"]  .progress-barre {transform: rotate(339.84deg)}
.progress-circle[data-value="94.5"]  .progress-barre {transform: rotate(340.20deg)}
.progress-circle[data-value="94.6"]  .progress-barre {transform: rotate(340.56deg)}
.progress-circle[data-value="94.7"]  .progress-barre {transform: rotate(340.92deg)}
.progress-circle[data-value="94.8"]  .progress-barre {transform: rotate(341.28deg)}
.progress-circle[data-value="94.9"]  .progress-barre {transform: rotate(341.64deg)}
.progress-circle[data-value="95"]    .progress-barre,
.progress-circle[data-value="95."]   .progress-barre,
.progress-circle[data-value="95.0"]  .progress-barre {transform: rotate(342.00deg)}
.progress-circle[data-value="95.1"]  .progress-barre {transform: rotate(342.36deg)}
.progress-circle[data-value="95.2"]  .progress-barre {transform: rotate(342.72deg)}
.progress-circle[data-value="95.3"]  .progress-barre {transform: rotate(343.08deg)}
.progress-circle[data-value="95.4"]  .progress-barre {transform: rotate(343.44deg)}
.progress-circle[data-value="95.5"]  .progress-barre {transform: rotate(343.80deg)}
.progress-circle[data-value="95.6"]  .progress-barre {transform: rotate(344.16deg)}
.progress-circle[data-value="95.7"]  .progress-barre {transform: rotate(344.52deg)}
.progress-circle[data-value="95.8"]  .progress-barre {transform: rotate(344.88deg)}
.progress-circle[data-value="95.9"]  .progress-barre {transform: rotate(345.24deg)}
.progress-circle[data-value="96"]    .progress-barre,
.progress-circle[data-value="96."]   .progress-barre,
.progress-circle[data-value="96.0"]  .progress-barre {transform: rotate(345.60deg)}
.progress-circle[data-value="96.1"]  .progress-barre {transform: rotate(345.96deg)}
.progress-circle[data-value="96.2"]  .progress-barre {transform: rotate(346.32deg)}
.progress-circle[data-value="96.3"]  .progress-barre {transform: rotate(346.68deg)}
.progress-circle[data-value="96.4"]  .progress-barre {transform: rotate(347.04deg)}
.progress-circle[data-value="96.5"]  .progress-barre {transform: rotate(347.40deg)}
.progress-circle[data-value="96.6"]  .progress-barre {transform: rotate(347.76deg)}
.progress-circle[data-value="96.7"]  .progress-barre {transform: rotate(348.12deg)}
.progress-circle[data-value="96.8"]  .progress-barre {transform: rotate(348.48deg)}
.progress-circle[data-value="96.9"]  .progress-barre {transform: rotate(348.84deg)}
.progress-circle[data-value="97"]    .progress-barre,
.progress-circle[data-value="97."]   .progress-barre,
.progress-circle[data-value="97.0"]  .progress-barre {transform: rotate(349.20deg)}
.progress-circle[data-value="97.1"]  .progress-barre {transform: rotate(349.56deg)}
.progress-circle[data-value="97.2"]  .progress-barre {transform: rotate(349.92deg)}
.progress-circle[data-value="97.3"]  .progress-barre {transform: rotate(350.28deg)}
.progress-circle[data-value="97.4"]  .progress-barre {transform: rotate(350.64deg)}
.progress-circle[data-value="97.5"]  .progress-barre {transform: rotate(351.00deg)}
.progress-circle[data-value="97.6"]  .progress-barre {transform: rotate(351.36deg)}
.progress-circle[data-value="97.7"]  .progress-barre {transform: rotate(351.72deg)}
.progress-circle[data-value="97.8"]  .progress-barre {transform: rotate(352.08deg)}
.progress-circle[data-value="97.9"]  .progress-barre {transform: rotate(352.44deg)}
.progress-circle[data-value="98"]    .progress-barre,
.progress-circle[data-value="98."]   .progress-barre,
.progress-circle[data-value="98.0"]  .progress-barre {transform: rotate(352.80deg)}
.progress-circle[data-value="98.1"]  .progress-barre {transform: rotate(353.16deg)}
.progress-circle[data-value="98.2"]  .progress-barre {transform: rotate(353.52deg)}
.progress-circle[data-value="98.3"]  .progress-barre {transform: rotate(353.88deg)}
.progress-circle[data-value="98.4"]  .progress-barre {transform: rotate(354.24deg)}
.progress-circle[data-value="98.5"]  .progress-barre {transform: rotate(354.60deg)}
.progress-circle[data-value="98.6"]  .progress-barre {transform: rotate(354.96deg)}
.progress-circle[data-value="98.7"]  .progress-barre {transform: rotate(355.32deg)}
.progress-circle[data-value="98.8"]  .progress-barre {transform: rotate(355.68deg)}
.progress-circle[data-value="98.9"]  .progress-barre {transform: rotate(356.04deg)}
.progress-circle[data-value="99"]    .progress-barre,
.progress-circle[data-value="99."]   .progress-barre,
.progress-circle[data-value="99.0"]  .progress-barre {transform: rotate(356.40deg)}
.progress-circle[data-value="99.1"]  .progress-barre {transform: rotate(356.76deg)}
.progress-circle[data-value="99.2"]  .progress-barre {transform: rotate(357.12deg)}
.progress-circle[data-value="99.3"]  .progress-barre {transform: rotate(357.48deg)}
.progress-circle[data-value="99.4"]  .progress-barre {transform: rotate(357.84deg)}
.progress-circle[data-value="99.5"]  .progress-barre {transform: rotate(358.20deg)}
.progress-circle[data-value="99.6"]  .progress-barre {transform: rotate(358.56deg)}
.progress-circle[data-value="99.7"]  .progress-barre {transform: rotate(358.92deg)}
.progress-circle[data-value="99.8"]  .progress-barre {transform: rotate(359.28deg)}
.progress-circle[data-value="99.9"]  .progress-barre {transform: rotate(359.64deg)}
.progress-circle[data-value="100"]    .progress-barre,
.progress-circle[data-value="100."]   .progress-barre,
.progress-circle[data-value="100.0"]  .progress-barre {transform: rotate(360.00deg)}

.progress-sup50 {
  display: none;
  clip: rect(0, 52px, 52px, 26px);
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-sup50,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-sup50,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-sup50,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-sup50,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-sup50,
.progress-circle[data-value^='100'] .progress-sup50 {
  display:block;
}

.progress-circle:after {
  
  font-size: 0.15em;              /* taille de la font en % du parent */
  height: 100%;                   /* centrage dans le parent */
  display: flex;
  align-items: center;
  justify-content: center;

  /*-- pour effet shadow intérieur --*/
  border-radius: 50%;
} 

.ebs_content_selector {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    gap:10px;
    transition:all 0.3s ease;
    flex:0 0 100%;
    padding:10px;
}

.ebs_item_cat {
    background-color:var(--nui-color-2);
    flex:1 0 calc(50% - 5px);
    border-radius:5px;
    padding:10px 10px;
    min-width: 100px;
}

.ebs_content_selector_script {
    display: none;
    border:red 1px solid;
    width:100%;
}

.ebs_content_selector_menus {
    display:none;
    border:1px green solid;
    width:100%;
}

.ebs_editor_option_container {
    position: absolute;
    border: solid 3px var(--nui-color-2);
    background-color: var(--nui-color-2);
    top: 160px;
    width: calc(75% - 25px);
    bottom: 25px;
    padding: 15px;
    right: 25px;
    
}

.ebs_eoc_tabs {
    position: absolute;
    top: -43px;
    height: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    left:-3px;
    gap:3px;
}

.ebs_eoc_tab {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 150px;
    background-color: var(--nui-color-3);
    color: var(--nui-color-1);
    border-radius: 10px 10px 0px 0px;
    margin-top:5px;
}

.ebs_eoc_seltab {
    background-color: var(--nui-color-2);
    color: var(--nui-color-4);
    margin-top: 0px;
}

.ebs_editor_header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: calc(25% - 50px);
    position: absolute;
    gap: 5px;
}

.ebs_editor_toolbox {
    top: 50px;
    position: fixed;
    background-color: var(--nui-color-2);
    height: 55px;
    right: 85px;
    border-radius: 50px;
    padding: 5px;
    z-index:150;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    gap:5px;
}

.ebs_editor_toolbox button{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
}

.ebs_order_toolbox button{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
}

.ebs_editor_toolbox_left button{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
}

.ebs_order_toolbox_left button{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
}

.ebs_editor_toolbox_left div{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
    background-color:var(--nui-color-3);
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.ebs_order_toolbox_left div{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
    background-color:var(--nui-color-3);
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ebs_editor_toolbox div{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
    background-color:var(--nui-color-3);
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ebs_order_toolbox div{
    border-radius: 50px;
    padding: 0px;
    height:45px;
    width: 45px;
    font-size:1.3em;
    color:var(--nui-color-1);
    background-color:var(--nui-color-3);
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ebs_editor_toolbox a {
    border-radius: 50px;
    padding: 0px;
    width: 45px;
    color:var(--nui-color-1);
}

.ebs_eoc_ct_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 5px;
}

.ebs_eoc_ct_line .ebs_field {
    flex:1;
}

.ebs_eh_main {
    flex: 1 0 65%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 5px;
    align-items: flex-start;
    align-content: flex-start;
}

.ebs_eh_sub {
    flex: 1 0 30%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 5px;
    align-items: flex-start;
    align-content: flex-start;
}

.ebs_editor_variation_line_fields .ebs_field {
    flex:unset;
}

.ebs_editor_option_container input{
    background-color:var(--nui-color-1);
}

.ebs_editor_option_container select{
    background-color:var(--nui-color-1);
}

.ebs_eocms_line {
    gap: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:15px;
}

.ebs_eocms_line .ebs_field {
    flex:unset;
}

.ebs_get_tab {
    display: none;
}

.ebs_eoc_seq_sel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap:12px;
    margin-bottom:10px;
}

.ebs_eoc_seq_sel .ebs_field{
    flex:unset;
    display: flex;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
}

.ebs_eoc_seq_opt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap:10px;
    margin-bottom:10px;
}

.ebs_eoc_seq_opt .ebs_field {
    flex:unset;
}

.ebs_menu_line_desc .ebs_field{
    flex: unset;
}

.ebs_menu_line_desc {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.ebs_get_bnVal {
    display:none;
}

.ebs_get_item {
    display:none;
}

.ebs_content_selector_ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    width:100%;
    
}

.ebs_cs_condensed {
    background-color:black;
    flex: 0 0 150px;
    font-size: 0.8em;
    max-height: 100%;
    overflow-y: scroll;
}

.ebs_content_selector_sec {
    flex: 1 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    padding:10px;
}

.ebs_content_selector_sec p {
    flex:1 0 100%;
}

.ebs_item_item {
    background-color: var(--nui-color-2);
    border-radius: 5px;
    padding: 10px 10px;
    flex: 0 0 30%;
    position: relative;
}

.ebs_item_return {
    flex: 0 0 100%;
}

.ebs_item_cat_sel {
    background-color:var(--nui-color-3);
    color:var(--nui-color-1);
}



.ebs_top_menu_ct {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.ebs_top_menu {
    height: 40px;
    display: flex;
    aspect-ratio: 1/1;
    padding: 10px 10px;
    background-color: var(--nui-color-2);
    border-radius: 5px;
    flex-direction: row;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.ebs_top_menu_sel {
    background-color:var(--nui-color-3);
    color:var(--nui-color-1);
}

.ebs_tick_limit_bottom_top {
    z-index: 200;
    display: none;
    height:10px;
    position: fixed;
    left:0px;
    right:0px;
    bottom:calc((100vh - 95px) / 2);
    background-image:linear-gradient(to bottom, rgba(0,0,0,0), red);
    
}

.ebs_tick_limit_left_top {
    display:none;
    height:calc((100vh - 95px) / 2);
    position: fixed;
    width:10px;
    left:0px;
    bottom:calc((100vh - 95px) / 2);
    background-image:linear-gradient(to left, rgba(0,0,0,0), red);
    z-index: 200;
}

.ebs_tick_limit_top_top {
    display: none;
    height:10px;
    position: fixed;
    left:0px;
    right:0px;
    top:95px;
    background-image:linear-gradient(to top, rgba(0,0,0,0), red);
    z-index: 200;
}

.ebs_tick_limit_right_top {
    display:none;
    height:calc((100vh - 95px) / 2);
    position: fixed;
    width:10px;
    right:0px;
    bottom:calc((100vh - 95px) / 2);
    background-image:linear-gradient(to right, rgba(0,0,0,0), red);
    z-index: 200;
}

#ebs_screen_tick_view::-webkit-scrollbar {
  display: none;
}

#ebs_screen_tick_view_sub {
    position: absolute;
    top:calc(95px + ((100vh - 95px) / 2));
    padding:10px;
    display: flex;
    flex-direction: row; 
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap:10px; 
    height: calc((100vh - 95px) / 2);
    overflow: scroll;
    width:100%;
}

#ebs_screen_tick_view_sub::-webkit-scrollbar {
  display: none;
}

.ebs_tick_limit_bottom_top_sub {
    z-index: 200;
    display: none;
    height:10px;
    position: fixed;
    left:0px;
    right:0px;
    bottom:0;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0), red);
}

.ebs_tick_limit_top_top_sub {
    z-index: 200;
    display: none;
    height:10px;
    position: fixed;
    left:0px;
    right:0px;
    top:calc(95px + ((100vh - 95px) / 2));
    background-image:linear-gradient(to top, rgba(0,0,0,0), red);
}

.ebs_tick_limit_left_top_sub {
    z-index: 200;
    display:none;
    height:calc((100vh - 95px) / 2);
    position: fixed;
    width:10px;
    left:0px;
    bottom:0;
    background-image:linear-gradient(to left, rgba(0,0,0,0), red);
}

.ebs_tick_limit_right_top_sub {
    z-index: 200;
    display:none;
    height:calc((100vh - 95px) / 2);
    position: fixed;
    width:10px;
    right:0px;
    bottom:0;
    background-image:linear-gradient(to right, rgba(0,0,0,0), red);
}

.ebs_eocms_del {
    background-color: var(--nui-color-3);
    color: var(--nui-color-2);
    height: 40px;
    aspect-ratio: 1/1;
    border-radius: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.ebs_seq_add {
    background-color: var(--nui-color-3);
    color: var(--nui-color-2);
    height: 40px;
    border-radius: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width:300px;
}

.ebs_editor_toolbox_left {
    top: 50px;
    position: fixed;
    background-color: var(--nui-color-2);
    height: 55px;
    left: 20px;
    border-radius: 50px;
    padding: 5px;
    z-index:150;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    gap:5px;
}

.ebs_order_toolbox_left {
    top: 20px;
    position: fixed;
    background-color: var(--nui-color-2);
    height: 55px;
    left: 25px;
    border-radius: 50px;
    padding: 5px;
    z-index:150;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    gap:5px;
}

.ebs_order_toolbox {
    top: 20px;
    position: fixed;
    background-color: var(--nui-color-2);
    height: 55px;
    right: 85px;
    border-radius: 50px;
    padding: 5px;
    z-index:150;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    gap:5px;
}

.ebs_item_cat {
        min-height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-transform: uppercase;
}

.ebs_item_item {
    min-height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-transform: uppercase;
}

.ebs_pay_view {
    left:calc(-100vw + 550px);
    width:calc(100vw - 550px);
    top:0px;
    height:100%;
    padding:20px;
}
@media screen and (min-width: 600px) {
    
    .ebs_ui_review_viewer {
        height:44px;
        width: unset;
        padding-right:4px;
        padding-left:4px;
        top:13px;
        right:13px;
    }
    
    .ebs_ui_review_slider {
        display: none;
    } 
    
    .ebs_ui_main {
        display:inline;
        max-width:500px;
        padding:unset;
    }

    .ebs_order_main_menu {
        border:1px solid black;
    }
    
    .ebs_ui_review {
        display:inline-flex;
        position: relative;
        max-width:500px;
        height: calc(100vh - 215px);
        border-radius:35px;
        margin-bottom:25px;
        position: absolute;
        right: 25px;
        top: 120px;
        left: unset;
        height: calc(100vh - 145px);
    }
    
    .ebs_main_container {
        padding-right:20px;
        overflow-y:scroll;
        max-width:calc(100vw - 600px) !important;
    }
    
    .ebs_nui_content {
        display: flex;
        justify-content: space-between;
        max-height:100vh;
        padding-bottom:0px !important;
        flex-wrap: wrap;
    }
    
    .ebs_order_recap {
        overflow:visible;
        max-height: unset;
        /*font-size:0.9em;*/
    }
}

@media screen and (max-width: 600px) {
.ebs_content_selector_ct {
    flex-direction: column;
    height: calc(100% - 95px);
    width:100vw;
    margin-left:-25px;
    margin-right: -25px;
    max-height:calc(100vh - 165px);
    flex-wrap:nowrap;
}
    
    .ebs_item_item {
        flex:0 0 calc(50% - 5px);
    }
    .ebs_content_selector {
        padding:25px;
    }
    
    .ebs_content_selector_sec {
        flex:0 auto;
        padding:25px;
        overflow-y: scroll;
    }
    
    .ebs_content_selector_sec::-webkit-scrollbar {
      display: none;
    }
    
    
    
    .ebs_cs_condensed {
        font-size:1em;
        flex:0 0 60px; 
        flex-wrap: nowrap;
            width: 100%;
    overflow-x: scroll;
        padding:10px;
    }
    
    .ebs_cs_condensed::-webkit-scrollbar {
      display: none;
    }
    
    .ebs_cs_condensed .ebs_item_cat {
        min-height: unset;
        min-width:0px;
        flex:1 0 auto;
        padding:10px 30px;
    }
    
    .ebs_pay_view {
        left: 0;
        width: calc(100vw);
        top: -60px;
        height: calc(100% - 30px);
        padding: 20px;
        z-index: 100;
        flex-direction: column;
        border-radius: 25px;
    } 
    
    .ebs_sc_calc {
        width: 100%;
        max-width: unset;
    }
    
    .ebs_sc_calc button {
        aspect-ratio:4/3;
    }
    
    .ebs_sc_calc_viewer_ct {
        height:60px;
    }
    
    .ebs_sc_pay::-webkit-scrollbar {
      display: none;
    }
        
        .ebs_sc_pay {
    width: 100%;
    max-height: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    overflow-x: scroll;
    flex: 0 0 100px;
}
    
    .ebs_sc_hist::-webkit-scrollbar {
      display: none;
    }
        
    
    .ebs_sc_hist {
        flex:1 0;
        width:100%;
        overflow-x: scroll;
    display: flex;
    flex-direction: column-reverse;
    }
    
    .ebs_sc_touch_sel {
        height:100px;
    }
    
    .ebs_act_code {
        flex-wrap: wrap;
        justify-content: center;
        gap:4px;
        max-width: 290px;
    }
    
    .ebs_act_code .ebs_code_num {
        width:45px;
        height:45px;
    }
    
    .ebs_act_code button {
        order:7;
        width:45px !important;
        height:45px !important;
    }
    
   
    
}




.ebs_sel_menu_ct {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}



.ebs_sc_touch {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ebs_before_payment {
    position: absolute;
    background-color: rgba(230,240,240,1);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    padding:25px;
    z-index:30;
}

.ebs_payment_script {
    display:none;
}

.ebs_order_table_comment_content {
    top: 8px;
    right: 8px;
    background-color: var(--nui-color-7);
    position: absolute;
    height: calc(100% - 16px);
    width: 0;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    padding: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.ebs_otcc_depl {
    width: calc(100% - 76px);
    padding: 16px;
}

.ebs_order_table:last-child{
    margin-bottom:100px;
}

.ebs_main_container:has(.ebs_content_selector_ct) {
    max-height: calc(100vh - 150px);
    flex-wrap: nowrap;
}

.ebs_editor_alert_center {
    position: fixed;
    right: -300px;
    background-color: var(--nui-color-2);
    bottom: 50px;
    height: 450px;
    width: 335px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    gap: 5px;
    padding: 5px;
    padding-left:40px;
    transition:all 0.5s ease;    
    box-shadow: var(--nui-color-2) 0px 0px 5px;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}

.ebs_ac_depl {
    
    right: 0px;
}

.ebs_editor_alert_line {
    background-color: var(--nui-color-1);
    padding: 3px 10px;
    border-left: 4px solid;
    flex: 1 0 100%;
    border-radius:4px;
}

.ebs_editor_alert_line i {
    margin-right:8px;
}

.ebs_warning {
    border-color:#ffd900;
}

.ebs_warning i {
    color:#ffd900;
}
.ebs_alert {
    border-color:#ff4848;
}

.ebs_alert i {
    color:#ff4848;
}



.ebs_editor_alert_recap {
    position: absolute;
    width: 35px;
    background-color: var(--nui-color-1);
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding: 5px; 
}

.ebs_editor_alert_recap_el {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--nui-color-1);
    padding: 2px 5px;
    border-radius: 4px;
    color: var(--nui-color-1);
}

.ebs_pay_panel {
    border-radius:0px 35px 35px 0px;
}



.ebs_col_payment_depl {
    margin-left: -15px;
    border-radius: 0px 50px 50px 0px;
    padding-left: 45px;
    background-image:linear-gradient(270deg, var(--nui-color-3), transparent);
}



.ebs_ui_review_depl {
    height:80vh;
    bottom:0px;
}

.ebs_ui_review_viewer_depl {
    height:44px;
    width:unset;
    padding-right:44px;
    padding-left:4px;
    top:13px;
    right:13px;
}

.ebs_review_btn_sel {
    background-color:var(--nui-color-3) !important;
    color:var(--nui-color-1);
} 

.ebs_seq_sync_box {
    background-color:red;
    width: 200px;
}

.ebs_seq_sync_line {
    background-color:green;
    min-height: 25px;
}

.ebs_rl_paid {
    background-color:#daf9e1;
}

.ebs_seq_sync {
    display:flex;
} 

.ebs_rl_sel {
    background-color: #f9f3e6;
}

.ebs_rl_sel_last {
    background-color: #f7d8a0;
}


.ebs_sc_label {
    position: absolute;
    right: 25px;
    top: 5px;
    font-weight: 200;
    font-size: 0.9em;
}

.ebs_sc_overflow {
    position: absolute;
    right: 25px;
    bottom: 5px;
    font-weight: 200;
    font-size: 0.9em;
}

.ebs_pay_pg {
    position: absolute;
    background-image: linear-gradient(180deg, #f7d8a0, transparent);
    width: 100%;
    top: 0px;
    height: 75%;
    left: 0px;
}

.ebs_paid_pg {
    position: absolute;
    background-image: linear-gradient(180deg, #a0f7bb, transparent);
    width: 100%;
    top: 0px;
    height: 75%;
    left: 0px;
}

.ebs_rl_gift_ {
    position: relative;
}

.ebs_sc_pay_valsel {
    display:none;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #e6f0f0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ebs_sc_pay_valsel p {
    margin-bottom:0px;
}

.ebs_sc_pay_valsel p:nth-child(3) {
    margin-bottom:15px; 
}

.ebs_sc_pay_valsel_aff{
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.ebs_control_box {
    display:none;
}

.ebs_sc_pay .ebs_sc_pay_valsel .ebs_scpvs_btn_val {
    background-color: #71f78f;
    font-size: 1.1rem;
    aspect-ratio: unset;
    border-radius: 50px;
    padding: 12px;
    margin-bottom: 5px;
    max-height: 35px;
}

.ebs_sc_pay .ebs_sc_pay_valsel .ebs_scpvs_btn_can {
    background-color: #ff7979;
    font-size: 1.1rem;
    aspect-ratio: unset;
    border-radius: 50px;
    padding: 12px;
    margin-bottom: 5px;
    max-height: 35px;
}

.ebs_hist_unit_coll {
    display:none;
}

.ebs_hist_recap tr td:first-child{
    display: flex;
    gap:10px;
    align-items: center;
}

.ebs_coll_del {
    background-color: #eff9f9;
    padding: 5px 10px;
    border-radius: 25px;
    font-size:0.85em;
}

.ebs_part_tick {
    background-color: #eff9f9;
    padding: 5px 10px;
    border-radius: 25px;
    font-size:0.85em;
    
}

.ebs_hist_part tr td:first-child {
    padding-left: 10px;
}

.ebs_hist_part tr td:last-child {
    padding-right: 10px;
}

.ebs_hist_part_sel tr {
    background-color:#efdeba;
}

.ebs_part_del {
    background-color: #eff9f9;
    padding: 5px 10px;
    border-radius: 25px;
    font-size:0.85em;
}

.ebs_rl_rtp {
    display: none;
}

.ebs_arch_correction_container {
    padding:25px;
    position: absolute;
    top: 150px;
    background-color: red;
    width: 100%;
    left: 0px;
    bottom: 0px;
    display: none;
        flex-direction: column;
}

.ebs_archive_table tr {
    height:35px;
}

.ebs_acc_aff {
    display: flex;
}

.ebs_unlock_oth_actions {
    background-color: var(--nui-color-2);
    padding: 15px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.ebs_unlock_oth_actions p {
    margin:0px;
}

.ebs_unlock_oth_actions h4 {
    margin:0px;
    margin-bottom:12px !important;
    flex: 1 0 100%;
}

.ebs_unlock_oth_actions button {
    border-radius:30px;
    background-color:var(--nui-color-4);
    flex: 1 0 calc(50% - 3px);
}

.ebs_mod_cc {
    display:none;
}

.ebs_hist_sel_part {
    display:none;
}

.ebs_ndf_container {
    position: absolute;
    background-color: #f4fefd;
    width: 100%;
    height: 50%;
    z-index: 20;
    left: 0px;
    top: 0px;
    display:none;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding:15px;
    gap:10px;
}
.ebs_ndf_container .ebs_field input{
    background-color: #e6f0f0;
    color:black;
}

.ebs_ndf_container_aff {
    display: flex;
}

.ebs_hist_out_part {
    display:none;
}

.ebs_archive_main {
    width: 100%;
    bottom:0px;
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 25px;
    top:125px;
}

.ebs_archive_tabs {
    position: absolute;
    top:25px;
    left:25px;
    right:25px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.ebs_archive_table {
    position: absolute;
    bottom:25px;
    left:25px;
    right:25px;
    height: calc(100% - 100px);
    padding:15px;
    overflow-y: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.ebs_arch_view_ticket {
    position: fixed;
    background-color: white;
    width: 430px !important;
    height: 65%;
    bottom: 0px;
    right: 100px;
    color:black;
    overflow-y: scroll;
    font-weight: 300;
    font-size:1.2rem;
    padding:15px !important;
    margin:0px;
    font-family: 'Inconsolata Var', monospace;
    text-transform: uppercase;
    line-height: 0.9rem;
}

.ebs_ndf_existing {
    flex:1 0 calc(50% - 5px);
    display:flex;
    flex-direction: column;
    gap:10px;
}

.ebs_ndf_new {
    flex:1 0 calc(50% - 5px);
    display:flex;
    gap:10px;
    flex-direction: column;
}

.ebs_ndf_max_amount {
    display:none;
}

.ebs_lle_button {
    background-color: #e6f0f0;
    border-radius:30px;
    padding: 3px 10px;
}

.ebs_ndf_ex_line {
    display:flex;
    
    align-items: baseline;
    gap:10px;
}

.ebs_corr_infos {
    flex: 1 0 100%;
}

.ebs_corr_mod {
    flex:1 0 100%;
}

.ebs_corr_before {
    
    flex: 1 0 50%;
}

.ebs_corr_after {
    
    flex: 1 0 50%;
}

.ebs_acc_rtc {
    display:none;
}

.ebs_mod_cmt {
    flex:0 0 40px;
    background-color: #d1dddc;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.ebs_trans_container {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.ebs_trans_table {
    width:45px;
    aspect-ratio:1/1;
}

.ebs_item_bubble {
    position: absolute;
    background-color: #ff4f47;
    padding: 2px 10px;
    border-radius: 20px;
    top: -6px;
    right: -5px;
}

.ebs_item_add_sign {    
    position: absolute;
    color: #00e700;
    font-size: 2em;
    top: 0px;
    left: 11px;
    animation-name: sign_slidein;
    animation-delay: 0s;
    animation-duration: 1s;
    transition: all 1s ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes sign_slidein {
  from {
    color:transparent;
    transform: translateY(0px);
  }

    20% {
        
        color: #00e700;
    }

    80% {
        
        color: #00e700;
    }
  to {
    
    transform: translateY(-50px);
      color:transparent;
  }
}

.ebs_fm_ind {
    position: absolute;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    left:7px;
    top:7px;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: var(--nui-color-4);
    border-radius: 100px;
    animation-name: fm_ind_flash;
    animation-delay: 0s;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    font-size: 1.6rem;
    color:#f4b730;
}


@keyframes fm_ind_flash {
  from {
    opacity:0;
  }

    40% {
        
        opacity:1;
    }

    60% {
        
        opacity:1;
    }
  to {
    
    opacity:0;
  }
}


.ebs_ot_tcmd {
    padding:0px 5px;
    background-color:rgba(255,255,255,0.2);
    border-radius:4px;
    margin-right:5px;
}

.ebs_table_head {
    width: 100px !important;
    background-color: unset !important;
    font-size: 1rem !important; 
    padding-left:8px !important;
    color:var(--nui-color-4) !important;
}

.ebs_table_head p {
    flex: 1 0 100%;
    margin:0px !important;
}

.ebs_table_head h4 {
    flex: 1 0 100%;
    margin:0px !important;
}

.ebs_last_add_notif {
    position: absolute;
    top:0px;
    width:100%;
    left:0px;
    height:60px;
    background-color: #c6efb5fc;
    z-index:100;
    border-radius: 35px 35px 0px 0px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
    animation-name: lan_view;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.ebs_lan_button {
    background-color: rgb(222 255 211);
    padding: 5px 14px;
    border-radius: 50px;
}

@keyframes lan_view {
  from {
    display: none;
    opacity:0;
  }
    1% {
        display: flex;
        opacity:0;
    }

    10% {
        
        opacity:1;
    }

    90% {
        
        opacity:1;
    }
    
    99% {
        display: flex;
        opacity:0;
    }
    
  to {
    
    display: none;
    opacity:0;
  }
}

.ebs_uirg_price {
    font-size:1.6em;
    margin-right:15px;
    font-weight: 300;
}

.ebs_table_token {
    display: none;
}

.ebs_max_cv_table {
    display: none;
}

.ebs_eoc_ct {
    position: absolute;
    top: 0px;
    left:0px; 
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding:10px;
        display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ebs_arch_button {
    background-color:var(--nui-color-3);
    border-radius:25px; 
    padding: 2px 10px;
    color: var(--nui-color-1);
}

.ebs_archive_decrypt {
    position: absolute;
    top:125px;
    left:25px;
    right:25px;
    bottom:25px;
    overflow-y: scroll;
}

.ebs_archive_decrypt table{
    width:100%; 
    margin-top:15px;
    margin-bottom:15px;
}

.ebs_datand {
    font-size:0.85em;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    
}

.ebs_hist_tot_gift {
    display:none;
}

.ebs_main_script_test {
    display:none;
}

.ebs_scr_user_line {
    position: relative;
    overflow-x: scroll;
    overflow-y: visible;
    color:white;
    display: flex;
}

.ebs_scr_main_view {
    position: fixed;
    height:calc(100vh - 100px);
    bottom:0px;
    width:100%;
}

.ebs_scr_ctrl {
    position: fixed;
    color:blue;
    font-weight:500;
    background-color:green;
    top:0px;
    width:100%;
    height:120px; 
}

.ebs_scr_tick {
    display: none;
    position: relative;
    background-color:white;
    color:black;
    width:280px;
    font-family: 'Victor Mono', monospace;
    padding:15px;
    line-height: 1.2em;
    padding-top:65px; 
    font-size:0.8em;
    margin:5px;
    /*margin-right:-120px;
    margin-top:30px;*/
    transition:all 0.2s ease;
    /*box-shadow: black 0px 0px 20px;*/
    border-radius: 5px;
    overflow: hidden;
    /*min-height:calc(100% - 70px);*/
    min-height:calc(100% - 10px);
}

/*.ebs_scr_tick:hover {
    margin-right:30px;
    transform: scale(1.1);
}*/

.ebs_src_tick_section {
    position: relative;
}



.ebs_scr_tick_line_separator {
    text-align: center;
    margin-top:20px;
    margin-bottom:10px;
    font-size:0.90em;
    font-weight:900;
}

.ebs_scr_tick_line {
    position: relative;
    padding-left:30px;
    line-height: 1.2em;
    color:rgb(61 171 249);
}

.ebs_item_add .ebs_scr_menu_letter {
    background-color: rgb(217 141 0) !important;
}

.ebs_scr_tick_line .ebs_scr_menu_letter {
    background-color:rgb(42 122 179);
    color:white;
    padding:0px 4px;
    border-radius:2px;
}

.ebs_scr_tick_line_st {
    padding-left:0px;
    font-size:1.3em;
    line-height: 1.3em;
    color:rgb(0 148 255);
}

.ebs_scr_tick_line_st .ebs_scr_menu_letter {
    background-color:rgb(6 103 173);
    color:white;
    padding:0px 4px;
    border-radius:2px;
}

.ebs_scr_tick_sub_line {
    padding-left:50px;
}

.ebs_scr_tick_sub_line_st {
    padding-left:20px;
    font-size: 1.2em;
    line-height:1.05em;
}

.ebs_scr_tick_fm {
    display: none;
    background-color:red;
    color:white;
    font-weight: 800;
    text-align: center;
    padding:6px;
    font-size: 0.85em;
    margin-bottom:8px;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px;
}

.ebs_scr_jrn {
    margin-bottom:10px;
}

.ebs_scr_tick_jrn {
    font-size:0.85em;
    line-height: 1.2em;
    color:rgba(67,147,195,1);
    font-weight:800;
}

.ebs_scr_ctrllines {
    display: none;
    color:red;
    z-index: 100;
}

.ebs_item_add {
    font-weight:700;
    color:rgb(217 141 0);
}

.ebs_item_can {
    text-decoration: black line-through;
    color:rgba(160,160,160,1);
    font-style:oblique 40deg;
}


.ebs_scr_tick_top {
    z-index: 200;
    position: absolute;
    background-color:rgb(200 232 255);
    top:0px;
    left:0px;
    right:0px;
    font-size: 1.1em;
    line-height: 1.2em;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-end;
    flex-wrap: wrap;
    padding:10px;
}


.ebs_scr_tick_ct::-webkit-scrollbar {
    display: none;
}
    
    .ebs_scr_tick_ct {
    position: absolute;
    bottom:0px;
    width:100%;
    left:0px;
    height:calc(100% - 1.3em - 20px);
    overflow-y: scroll; 
    padding:10px;
}  

.ebs_scr_tick_top_mark {
    display: none;
    z-index: 200;
    position: absolute;
    height:15px;
    width:100%;
    top:calc(1.3em + 20px);
    left:0px;
    background: 
      linear-gradient(135deg,#0000 20.5%,#ffffff 0 29.5%,#0000 0) 0 7.5px,
      linear-gradient( 45deg,#0000 8%,#ffffff 0 17%, #0000 0 58%) 15px 0,
      linear-gradient(135deg,#0000 8%,#ffffff 0 17%, #0000 0 58%,#ffffff 0 67%,#0000 0),        
      linear-gradient( 45deg,#0000 8%,#ffffff 0 17%, #0000 0 58%,#ffffff 0 67%,#0000 0 83%,#ffffff 0 92%,#0000 0),
      #ff4a26;
background-size: 30px 30px;
    -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));

}

.ebs_scr_tick_btm_mark {
    display: none;
    z-index: 200;
    position: absolute;
    height:15px;
    width:100%;
    bottom:0px;
    left:0px;
    background: 
      linear-gradient(135deg,#0000 20.5%,#ffffff 0 29.5%,#0000 0) 0 7.5px,
      linear-gradient( 45deg,#0000 8%,#ffffff 0 17%, #0000 0 58%) 15px 0,
      linear-gradient(135deg,#0000 8%,#ffffff 0 17%, #0000 0 58%,#ffffff 0 67%,#0000 0),        
      linear-gradient( 45deg,#0000 8%,#ffffff 0 17%, #0000 0 58%,#ffffff 0 67%,#0000 0 83%,#ffffff 0 92%,#0000 0),
      #ff4a26;
background-size: 30px 30px;
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));

}

.ebs_tv_tick {
    font-family: 'Victor Mono', monospace;
    padding:15px;
    line-height: 1.2em;
font-size:0.8em;
}

.ebs_scr_monitoring_sec {
    position: absolute;
    right:0px;
    top:0px;
}

.ebs_scr_monitoring_sec i {
    font-size:1.2rem;
}

.ebs_scr_tick_line_moni {
    line-height:1.6em;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background: linear-gradient(0deg, rgba(0,0,0,0) 33%, var(--nui-color-3) 100%);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--nui-color-1);
}

@keyframes rotation {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
} 

.ebs_loader_container {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.ebs_scr_user_ct {
    position: absolute;
    top:0px; 
    left:0px;
    bottom:0px;
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;

}

.ebs_scr_cui {
    font-weight:900;
    color:blue;
}
.ebs_eoc_opt_parts {
    display: flex;
    flex-direction: column;
}

.ebs_eoc_checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 6px;
}

.ebs_eoc_checkbox label {
    margin-bottom:5px;
}

.ebs_eoc_acc_list_1 {
    width:200px;
    background-color:rgba(255,255,255,0.2);
    border-radius:5px;
    overflow:hidden;
}

.ebs_eoc_acc_list_2 {
    width:200px;
    background-color:rgba(255,255,255,0.2);
    border-radius:5px;
    overflow:hidden;
}

.ebs_eoc_acc_lists {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap:8px;
}

.ebs_eoc_acc_btn {
    width:40px;
    height:40px;
    background-color:rgba(255,255,255,0.1);
    border-radius:40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.ebs_eoc_acc_btn[onclick] {
    background-color:var(--nui-color-3);
}



.ebs_editor_script {
    display: none;
}

.ebs_eoc_acc_list_tools {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.ebs_eoc_acc_list_line {
    padding: 2px 8px;
    font-weight: 200;
}

.ebs_eoc_acc_list_top {
    background-color: var(--nui-color-1);
    padding: 2px 8px;
}

.ebs_editor_wit {
    display: none;
}

.ebs_editor_title {
    position: absolute;
    top: 50px;
    font-size: 1.5em;
    left: 90px;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.ebs_eoc_alert {
    padding: 10px 15px;
    border-radius: 5px;
    padding-top: 12px;
    margin-bottom: 12px;
}

.ebs_eoc_alert_ty1 {
    background-color: #c28c49;
}

.ebs_eoc_alert_ty2 {
    background-color: #c24949;
}

.ebs_eoc_alert_ty3 {
    background-color: #499d8d;
}

.ebs_eoc_alert i {
    margin-right: 7px;
}

.ebs_eoc_rc_alert {
    position: absolute;
    right: 13px;
}

.ebs_an_button {
    margin-left:10px;
    background-color: var(--nui-color-2);
    color: white;
    border-radius: 50px;
    padding: 10px 20px;
}

.ebs_archive_navigator {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

.ebs_src_tick_mv_step {
    position: absolute;
    right: -10px;
    background-color: var(--nui-color-2);
    color: white;
    padding: 15px 20px;
    z-index: 100;
    top: 0px;
    border-radius: 50px 0px 0px 50px;
}

.ebs_scr_mv_conf_box {
    display: none;
    position: absolute;
    background-color: white;
    top:0px;
    left:0px;
    padding:20px;
    height: 100%;
    z-index: 105;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.ebs_scr_mv_conf_btn {
    border-radius: 20px;
    padding: 11px 20px;
    text-transform: uppercase;
    font-weight: 900;
}

.ebs_scr_mv_conf_btn_n {
    background-color: #ff6464;
}

.ebs_scr_mv_conf_btn_o {
    background-color: #00ff5a;
}

.ebs_screen_options {
    position: absolute;
    right: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;

}

.ebs_screen_opt_btn {
    background-color: var(--nui-color-4);
    color: var(--nui-color-1);
    width: 45px;
    height: 45px;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
}

.ebs_screen_opt_btn_activated{
    background-color: var(--nui-color-3);
}