.webix_toolbar.MainHeader {
	background-color: #737373;
}
.webix_el_label .MainHeaderText {
	color: #fff;
    font-size: 150%;
}
.webix_el_label .logo {
	color: #8cc540;
    font-size: 150%;
}
.webix_el_button.tbBars {
	color: red;
	line-height: 28px;
}
.webix_forminput fieldset {
    border:none !important; 
}
/*.webix_forminput legend {
    text-transform: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #313131 !important;
    padding: 3px 2px;
}*/
.button-transparent button,
.button-transparent input,
.button-transparent span {
    background-color: transparent !important;
    color: white !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    text-align: center !important;
    padding-left: inherit !important;
}

.button-transparent:hover {
    background-color: rgba(255,255,255,0.1) !important;
    cursor: pointer !important;
}
.webix_transparent,
.webix_selected.webix_transparent,
.webix_transparent.webix_row_select,
.webix_transparent.webix_cell_select{
    opacity:0.6;
    background: #edeff5;
}
.gridbar.webix_layout_toolbar .webix_control,
.gridbar.webix_layout_toolbar .webix_control button{
    font-size: 15px;
}
.usermenu_hover .webix_list_item:hover{
    background-color: #c294f5;
}

.webix_image {
    background-size: 100% 100%;
}
.align-right {
    text-align: right;
}
.webix_message-warning div{
	background-color: #fb9355;
	border: 1px solid #db804a;
	color: #000;
}

.webix_message-warning {
	background-color: #777;
	border: 1px solid #777;
	box-shadow: 0 0 10px #000
}
.sc_text_align_right {
    text-align: right;
}
.sc_text_align_left {
    text-align: left;
}
.sc_text_align_center {
    text-align: center;
}
.toolbar_button_delete button {
    text-transform: uppercase;
}

.toolbar_button_delete button {
    color: #f44336 !important;
}

.toolbar_button_delete button:hover {
    background-color: #f44336f3 !important;
    color: #ffffff !important;
}

.toolbar_button_delete button:before {
    content: "\f2ed";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.toolbar_button_save button {
    text-transform: uppercase;
}

.toolbar_button_save button {
    color: #6ca424 !important;
}

.toolbar_button_save button:hover {
    background-color: #72a431c1 !important;
    color: #ffffff !important;
}

.toolbar_button_save button:before {
    content: "\f0c7";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.toolbar_button_cancel button {
    text-transform: uppercase;
}

.toolbar_button_cancel button {
    color: #737373 !important;
}

.toolbar_button_cancel button:hover {
    background-color: #737373c1 !important;
    color: #ffffff !important;
}

.toolbar_button_cancel button:before {
    content: "\f0e2";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.toolbar_button_new button {
    text-transform: uppercase;
}

.toolbar_button_new button {
    color: var(--primary-color) !important;
}

.toolbar_button_new button:hover {
    background-color: #1ca1c1d7 !important;
    color: #ffffff !important;
}

.toolbar_button_new button:before {
    content: "\f055";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
::placeholder {
	color: pink;
	opacity: 0.5;
}
.vptTraineeMobileTabbar .webix_item_tab,
.vptTraineeMobileTabbar .webix_el_tabbar{
    height: 65px !Important; 
    font-size: large !Important;
}

.vptTraineeMobileTabbar span,
.vptTraineeMobileTabbar i {
    font-size: large !Important;
}

/*.webix_all_tabs*/
.vptTraineeMobileTabbar .webix_item_tab.webix_selected ::selection {
    height: 65px !Important; 
    font-size: large !Important;
    background: cornflowerblue !Important;
}
.webix_resizer_vx, .webix_resizer_x {
    width: 5px !important;
    background-color: #f4f5f9;
}
.webix_resizer_vy, .webix_resizer_y {
    height: 5px !important;
    background-color: #f4f5f9;
}
/* --> for equipments lists in suggest */
.vptSuggestListIconWidth50 .webix_icon{
    width: 50px;
}

.vptSuggestListIcon .webix_icon{
    height: 50px;
}

.vptSuggestListIconWidth50 .webix_cell,
.vptSuggestListIcon .webix_cell {
    display: flex;
    align-content: center;
    line-height: 70px!important;
}
/*<-- for equipments lists in suggest */

.vptToggle .webix_button.webix_img_btn {
    padding-left: 5px;
    border-radius: 3px;    
}
.vptToggle .webix_button.webix_img_btn .webix_icon_btn {
    vertical-align: middle;
}

.vptToggle .webix_pressed .webix_button.webix_img_btn  .webix_icon_btn {
    color: #F18B28;
}
 
.webix_form.vptFilterForm {
    border-radius: 10px;
    background: #d4d4d466;
}

.vptSearch.webix_el_search input:focus {
    border: 1px solid #F18B28;
}
.vptSearch.webix_el_search .webix_input_icon {
    color: #F18B28;
}

.vptTextarea.webix_el_textarea textarea:focus {
    border: 1px solid #F18B28;
}

.vptLayoutWhiteOpacity95 {    
    opacity: 0.95;
    background-color: white;
}

.vptIcon .webix_icon_button:hover .webix_icon {
    color: #F18B28;
}
.vptIcon .webix_icon_button .webix_icon {
    color: #F18B28;    
}

.webix_el_button.vptIconBtn button {    
    background: #F18B28;
    color: white;
}

.webix_el_button.vptIconBtn .webix_el_box button:focus {    
    background: #F18B28;
}

.webix_el_button.vptIconBtn button .webix_icon {    
    color: white;
}

.vptTransparent {
    background: transparent;
}

.vptBackgroungGray {
    background: gray;
}

.vptBackgroungWhite {
    background: white;
}

/* vpt -------------- start ----*/
.vptTopToolbar.webix_toolbar {
    background-color: #393939;
    opacity: 0.95;
}

.vptTopToolbarIcon .webix_icon_button .webix_icon {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: #F18B28;
}

.vptTopToolbarIcon .webix_icon_button .webix_icon:hover {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: #F18B28;
}

.opacity96 {
    opacity: 0.95;
}

.vptReadonlytext .webix_template {
    font-weight: 600;
}

.vptMultiview.webix_view.webix_multiview {
    background-color: transparent;
}

.vptAccentBtn button.webix_button {
    background: #F18B28;
    color: #ffffff;
}

.vptAccentBtn.vptStartBtn button.webix_button {
    font-size: 22px;
}

.vptAccentBtn button.webix_button:hover,
.vptAccentBtn button.webix_button:focus {
    background: #ff8004;
    color: #ffffff;
}

.vptSecondaryBtn button.webix_button {
    background: #F4F5F9;
    color: #ff8004;
}

.vptLayoutTransparent {
    background-color: transparent
}

.vptLayoutWithImg {
    background-image: url(/Content/images/vpt/vpt_mobile_background.jpg);
    background-size: cover;
    background-position: center;
}

.vptLink {
    color: #ff8004;
    text-decoration: underline;
}

.vptTextCenter{
    text-align: center;
}

.vptColorpicker.webix_el_colorpicker .webix_inp_static:focus, 
.vptDatepicker.webix_el_datepicker .webix_inp_static:focus, 
.vptDbldatepicker.webix_el_dbldatepicker .webix_inp_static:focus, 
.vptRichselect.webix_el_richselect .webix_inp_static:focus, 
.vptSelect.webix_el_select select:focus, 
.vptTextarea.webix_el_textarea textarea:focus {
    border: 1px solid #ff8004;
}

.vptColorpicker.webix_el_colorpicker input:focus,
.vptCombo.webix_el_combo input:focus,
.vptDatepicker.webix_el_datepicker input:focus,
.vptSearch.webix_el_search input:focus,
.vptText.webix_el_text input:focus {
    border: 1px solid #ff8004;
}

.vptSegmented .webix_segment_0.webix_selected,
.vptSegmented .webix_segment_1.webix_selected, 
.vptSegmented .webix_segment_N.webix_selected {
    background: #f4f5f9;
    background-color: #ff8004;
    border-color: #ff8004;
    color: #fff;
}

.vptSegmented .webix_segment_0, .vptSegmented .webix_segment_1, .vptSegmented .webix_segment_N {
    background-color: #f4f5f9;
    border-color: #f4f5f9;
    color: #ff8004;
    font-weight: 500;
}

.vptSegmented .webix_segment_0 {
    border-radius: 5px 0 0 5px;
}

.vptSegmented .webix_segment_N {
    border-radius: 0 5px 5px 0;
}

/* menu*/
.vptMenuList.webix_list .webix_list_item {
    border: none;
    line-height: 60px;
}
.vptMenuList.webix_list .webix_list_item .webix_icon {
    padding-right: 10px;
}

.vptUserInfoBlock {
    text-align: center;
}

.vptUserIcon {
    height: 150px;
}
.vptUserName {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
}

.vptPageNameTemplate {
    display: flex;
    align-items: center;
    background: transparent;
    color: white;
    font-size: 18px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.vptPageNameTemplate .webix_template{
    display: flex;
    align-items: center;
}
/* menu */

/* auth pages */
.vptAuthFormHeader .vptLogo {
    height: 50px;
    width: auto;
}
/* auth pages */

/* customize page*/

.vptMulticombo .webix_focused .webix_inp_static{
    border: 1px solid #ff8004;
}

.vptRichselect.webix_el_richselect .webix_inp_static:focus{
    border: 1px solid #ff8004;
}

.vptSwitch .webix_switch_box.webix_switch_on {
    background: #ff8004;
}

.vptMultilist .webix_multilist .wxi-checkbox-marked {
    color: #ff8004
}

.vptForm .webix_slider_alt .webix_slider_box .webix_slider_left {
    background: #ff8004;
}

.vptForm.webix_view.webix_form {
    opacity: 0.96
}
.vptMulticombo .webix_multicombo_value .webix_multicombo_delete:after{
    color: #ff8004;
}
/* customize page*/

/* startWorkout page*/

.vptDetailsTemplate{
    background: transparent;
}

.vptDetailsTemplate .webix_template {
    border: 2px solid #F18B28;
    padding: 0;
    border-radius: 2px;

}
.vptDetailsBlock {
    background-color: #393939;
    color: white;
    opacity: 0.95;
}
.vptDetailsBlock .vptHeader {
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    padding: 20px 10px;
    background-color: #393939;
}
.vptImgContainer {
    position: relative;
    text-align: center;
    opacity: 0.95;
}

.vptImgContainer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*.details-block .muscules-svg {
    max-width: 50%;
    height: auto;
    max-height: 50%;
}*/



.vptCustomizeInfo {
    font-size: 20px;
    color: white;
    text-align: center;
}

.vptMusculesBlock {
    padding: 20px;
    text-align: center;
}

.vptMusculesBlock .vptDetailsValue {
    font-size: 22px;
    font-weight: 500;
}

.vptEstimatedTimeBlock {
    padding: 20px 10px;
    text-align: right;
    font-size: 18px;
}
/* startWorkout page*/

/* exercises page*/
.vptExercisesList.webix_list {
    background: transparent;
}

.vptExercisesList.webix_list .vptStartBtn {
    padding: 0px 30px;
    background: #ff8004;
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
}
.vptExercisesList.webix_list .vptExerciseInfo .vptExerciseName{
    font-size: 18px;
    font-weight: 500;
}

.vptExercisesList.webix_list .vptExerciseInfo .vptExerciseSets{
    font-size: 16px;
    color: #ff8004;
    text-decoration: underline;
    display: inline-block;
}

.vptExercisesList.webix_list .vptExerciseInfo {
    padding-left: 5px;
    text-align: left;
}
.vptExercisesList.webix_list .webix_list_item {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.vptExercisesList.webix_list .webix_list_item.webix_selected .vptBlock {
    box-shadow: 0 7px 10px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}

.vptExercisesList.webix_list .webix_list_item.webix_selected {
    box-shadow: none;
    background: transparent;
}
.vptExercisesList.webix_list .vptBlock {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 10px;
    background-color: #EFEFEF;
    border-radius: 3px;
}

.vptExercisesList.webix_list .vptMetaInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.vptExercisesList.webix_list .vptState {
    line-height: 25px;
    padding: 0px 10px;
    border-radius: 3px;
}

.vptBlockCompleted {
    border-left: 4px solid #039e037d;
}

.vptBlockTodo {
    border-left: 4px solid #80808047;
}

.vptBlockInProgress {
    border-left: 4px solid #f18b28ad;
}

.vptBlockCancelled {
    border-left: 4px solid #ff0000bd;
    opacity: 0.6;
}

.vptState {
    width: 70px;
    text-align: center;
    color: #313131;
}

.vptStateCompleted {
    background-color: #039e037d;
}

.vptStateTodo {
    background-color: #80808047;
}

.vptStateInProgress {
    background-color: #f18b28ad;
}

.vptStateCancelled {
    background-color: #ff0000bd;
}

/* exercises page*/

/* current exercise page */

.vptCurrentExercisePage {
    background: #f3f3f3;
}

.vptCurrentExercisePage .vptHeaderTemplate .vptMusclesName {
    font-size: 18px;
    text-align: center
}

.vptCurrentExerciseTemplate {
    background: transparent;
    font-size: 20px;
    line-height: 20px;
}

.vptCurrentExerciseTemplate .webix_template {
    display: flex;
    align-items: center;
}

.vptCurrentExerciseInfoTemplate .webix_template {
    padding: 10px;
}

.vptCurrentExerciseInfoTemplate .vptInfoSectionName {    
    font-size: 16px;
    padding: 15px 0px 15px 20px;
    font-weight: 500;
}

.vptCurrentExerciseInfoTemplate .vptInfoContent {
    //text-indent: 30px;
}

.webix_view.vptCurrentExerciseSmallImageTemplate {
    background: transparent;
}

.vptCurrentExerciseImagesTemplate .vptExersisesImagesIconsContainer,
.vptCurrentExerciseSmallImageTemplate .vptExersisesImagesIconsContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.vptCurrentExerciseImagesTemplate .vptExersisesImagesImgContainer{
    padding: 10px 15px;
}

.vptCurrentExerciseImagesTemplate .vptExersisesImagesImgContainer img {
    height:150px;
}

.vptCurrentExerciseSmallImageTemplate .vptExersisesImagesImgContainer img {
    height:70px;
    width: 85px;
}

.vptCurrentExerciseSmallImageTemplate .webix_template {
    padding: 0px;
}

/*
@keyframes cfFadeInOut {
    0% {opacity:1;} 
    45% {opacity:1;}
    55% {opacity:0;} 
    100% {opacity:0;}
}
*/

.vptCurrentExerciseImagesTemplate .cf {
    position:relative;
    height:150px;
    width:210px;    
}

.vptCurrentExerciseSmallImageTemplate .cf {
    position:relative;
    height:72px;
    width: 87px;
}

.vptCurrentExerciseImagesTemplate .cf img,
.vptCurrentExerciseSmallImageTemplate .cf img{
    position: absolute;
    top: 0;
    left: 0; 
    opacity: 0;
    z-index: 1;       
    
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;        
}

.cf img.showing {
    opacity: 1;
    z-index: 2;
}

.vptCurrentExercisePage .webix_el_button.webix_secondary button .webix_icon_btn {
    color: white;
}

.vptFormGrayTopLabel .webix_inp_top_label {
    color: gray;
    font-size: 12px;
    font-weight: 500;
}

.vptTimerMessage,
.vptTimerContainer .vptTime  {
    text-align: center;
    font-weight: 500;
}

.vptTimerContainer .vptTime  {
    font-size: 26px;
}

.vptTimerMessage {
    padding-top: 8px;
    font-size: 20px;
}



/* vpt -------------- end-- ----*/
/* https://snippet.webix.com/tto9ckg4 */
.green_switch .webix_switch_box {
    background-color: var(--primary-color);
    color : black;
}
.green_switch .webix_switch_off {
  	background-color: var(--primary-color);
}
.zeroPaddingTemplate .webix_template {
    padding: 0!important;
}
.cgTag {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.cgCategory {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.cgNewsArticle .webix_template {
    width: fit-content !important;
}

.webix_view .cglogo {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.cgIcon span.webix_icon {
    font-size: x-large;
    color: yellowgreen !important;
}

.webix_sidebar.height60 .webix_tree_item {
    height: 60px;
    line-height: 60px;
    font-size: 150%;
    padding-right: 10px !important;
}

.webix_sidebar.height60 .webix_sidebar_icon {
    padding-right: 10px !important;
}


/* cg -------------- start ----*/
.cgTopToolbar.webix_toolbar {
    background-color: #393939;
    opacity: 0.95;
}

.cgTopToolbarIcon .webix_icon_button .webix_icon {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: yellowgreen;
}

.cgTopToolbarIcon .webix_icon_button .webix_icon:hover {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: yellowgreen;
}

.cgPopup {
    /*opacity: 0.96;*/
    -webkit-box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
    -moz-box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
    box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
}

.cgReadonlytext .webix_template {
    font-weight: 600;
}

.cgMultiview.webix_view.webix_multiview {
    background-color: transparent;
}

.cgAccentBtn button.webix_button, 
.cgAccentBtn span.webix_icon_btn {
    background: transparent !important;
    color: yellowgreen !important; 
    font-size: 22px;
}

.cgAccentBtn button.webix_button:hover,
.cgAccentBtn button.webix_button:focus,
.cgAccentBtn span.webix_icon_btn:hover,
.cgAccentBtn span.webix_icon_btn:focus {
    background: rgb(204, 204, 204) !important; 
    color: yellowgreen !important; 
}

.cgSecondaryBtn button.webix_button {
    background: #F4F5F9;
    color: #475466;
    font-size: 22px;
}

.cgLayoutTransparent {
    background-color: transparent
}

.cgLayoutWithImg {
    background-image: url(/Content/images/cg/cg_mobile_background.png);
    background-size: cover;
    background-position: center;
    /*background: rgba(0, 0, 0, 0.6);*/
}
.container{
    position: relative;
    z-index:1;
    overflow:hidden; /*if you want to crop the image*/
}
.container:before{
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    /*content: url('path/to/image.ext');*/
    opacity:0.4;
}


.cgLink {
    color: yellowgreen !important;
    text-decoration: underline;
}

.cgTextCenter{
    text-align: center;
}

.cgColorpicker.webix_el_colorpicker .webix_inp_static:focus, 
.cgDatepicker.webix_el_datepicker .webix_inp_static:focus, 
.cgDbldatepicker.webix_el_dbldatepicker .webix_inp_static:focus, 
.cgRichselect.webix_el_richselect .webix_inp_static:focus, 
.cgSelect.webix_el_select select:focus, 
.cgTextarea.webix_el_textarea textarea:focus {
    border: 1px solid yellowgreen !important;
}

.cgColorpicker.webix_el_colorpicker input:focus,
.cgCombo.webix_el_combo input:focus,
.cgDatepicker.webix_el_datepicker input:focus,
.cgSearch.webix_el_search input:focus,
.cgText.webix_el_text input:focus {
    border: 1px solid yellowgreen !important;
}

.cgSegmented .webix_segment_0.webix_selected,
.cgSegmented .webix_segment_1.webix_selected, 
.cgSegmented .webix_segment_N.webix_selected {
    background: yellowgreen !important;
    background-color: yellowgreen !important;
    border-color: yellowgreen !important;
    color: #f4f5f9 !important;
}

.cgSegmented .webix_segment_0, .cgSegmented .webix_segment_1, .cgSegmented .webix_segment_N {
    background: #f4f5f9 !important;
    background-color: #f4f5f9 !important;
    border-color: #f4f5f9 !important;
    color: yellowgreen !important;
    font-weight: 500;
}

.cgSegmented .webix_segment_0 {
    border-radius: 5px 0 0 5px;
}

.cgSegmented .webix_segment_N {
    border-radius: 0 5px 5px 0;
}

/* menu*/
.cgMenuList.webix_list .webix_list_item {
    border: none;
    line-height: 60px;
}
.cgMenuList.webix_list .webix_list_item .webix_icon {
    padding-right: 10px;
}

.cgUserInfoBlock {
    text-align: center;
}

.cgUserIcon {
    height: 150px;
}
.cgUserName {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
}

.cgPageNameTemplate {
    display: flex;
    align-items: center;
    background: transparent;
    color: white;
    font-size: 18px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.cgPageNameTemplate .webix_template{
    display: flex;
    align-items: center;
}
/* menu */

/* auth pages */
.cgAuthFormHeader .cgLogo {
    height: 50px;
    width: auto;
}
/* auth pages */

/* customize page*/

.cgMulticombo .webix_focused .webix_inp_static{
    border: 1px solid yellowgreen !important;
}

.cgRichselect.webix_el_richselect .webix_inp_static:focus{
    border: 1px solid yellowgreen !important;
}

.cgSwitch .webix_switch_box.webix_switch_on {
    background: yellowgreen !important;
}

.cgMultilist .webix_multilist .wxi-checkbox-marked {
    color: yellowgreen !important
}

.cgForm .webix_slider_alt .webix_slider_box .webix_slider_left {
    background: yellowgreen !important;
}

.cgForm.webix_view.webix_form {
    opacity: 0.96
}
.cgMulticombo .webix_multicombo_value .webix_multicombo_delete:after{
    color: yellowgreen !important;
}
/* customize page*/

/* startWorkout page*/

.cgDetailsTemplate{
    background: transparent;
}

.cgDetailsTemplate .webix_template {
    border: 2px solid yellowgreen;
    padding: 0;
    border-radius: 2px;

}
.cgDetailsBlock {
    background-color: #393939;
    color: white;
    opacity: 0.95;
}
.cgDetailsBlock .cgHeader {
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    padding: 20px 10px;
    background-color: #393939;
}
.cgImgContainer {
    position: relative;
    text-align: center;
    opacity: 0.95;
}

.cgImgContainer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cgCustomizeInfo {
    font-size: 20px;
    color: white;
    text-align: center;
}
/* startWorkout page*/


.cgInfoTemplate {
    color: yellowgreen !important
}
.cgDatatable.webix_dtable {
    background: #eff0f452;
}


.cgDatatable .cgMultiline {
    line-height: 20px !important;
}

.cgDatatable.webix_dtable .webix_dt_editor input, .webix_view.cgDatatable.webix_dtable .webix_dt_editor select {
    border-color: yellowgreen;
    border-radius: 2px;
}
.cgDatatable .cgCellCompleted {
    background: #00ff4324;
}
.cgDatatable .cgCellInProgress {
    background: rgba(241, 139, 40, 0.3);
}

.cgDatatable .webix_cell {
    text-align: center;
}

.cgDatatable .cgEditableCell .webix_cell {
    background: white;
    border: 1px solid grey;
    border-radius: 2px;
}

.cgDatatable.webix_dtable .webix_ss_body .webix_column.cgEditableCell > div {
    border: 1px solid #80808036;
}

.cgDatatable.webix_dtable .webix_ss_header td.webix_last_row {
    border-bottom: 1px solid yellowgreen;
}


.cgInfoIcon .webix_icon_button .webix_icon {
    font-size: 30px;
    height: 30px;
    width: 30px;
    color: yellowgreen;
}

.cgContentToolbar {
    background: transparent;
}

.cgContentToolbar .cgAccentBtn .webix_button {
    font-size: 17px;
}

.cgContentToolbar .cgAccentBtn .webix_button .webix_icon_btn {
    font-size: 22px;
    color: white;
}

.cgZeroPadding .webix_template {
    padding: 0px !important;
}

.cgToggle {
    font-weight: 500;
    background-color: beige;
    height: inherit;
    width: inherit;
    text-align: center;
}
/* cg -------------- end-- ----*/
.cursor-pointer button,
.cursor-pointer input,
.cursor-pointer a,
.cursor-pointer span {
    vertical-align: middle !important;
    cursor: pointer !important;
}

.cursor-pointer:hover button,
.cursor-pointer:hover a,
.cursor-pointer:hover input,
.cursor-pointer:hover span {
    color: #020197 !important;
    cursor: pointer !important;
    font-weight: 500;
}
mark.red {
    color:#ff0000;
    background: none;
}

mark.blue {
    color:#0000A0;
    background: none;
}

mark.on_yellow {
    background: yellow;
}

mark.blue_on_gray{
    background: #f0f0f0;
    border-color: #f0f0f0 #d8d8d8 #d3d3d3;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    display: inline-block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    padding: 3px 8px;
    margin: 2px;
    line-height: 14px;
    color: #0000A0;
    text-transform: uppercase;
    border: 1px solid #dedede;
    border-radius: 3px;
    cursor: unset;
}

mark.green_on_gray{
    background: #f0f0f0;
    border-color: #dedede #d8d8d8 #d3d3d3;
    text-shadow: 0 1px 0 white;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    display: inline-block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    padding: 3px 8px;
    margin: 2px;
    line-height: 14px;
    color: rgb(0, 131, 22)3;
    text-transform: uppercase;
    border: 1px solid #dedede;
    border-radius: 3px;
    cursor: unset;
}

mark.white_on_green{
    background: green;
    /*border-color: #dedede #d8d8d8 #d3d3d3;
    text-shadow: 0 1px 0 #eaeaea;*/
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    display: inline-block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 400;
    padding: 3px 8px;
    margin: 2px;
    line-height: 14px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #dedede;
    border-radius: 3px;
   /* cursor: pointer;*/
}

mark.white_on_darkgray{
    background: darkgray;
    border-color: #dedede #d8d8d8 #d3d3d3;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    display: inline-block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    padding: 3px 8px;
    margin: 2px;
    line-height: 14px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #dedede;
    border-radius: 3px;
    /*cursor: pointer;*/
}


/*Usage example: <mark class="blue">data</mark> base!*/
div.mapper_panel_spacer div.webix_scroll_cont{
    height: inherit !important;
}
/* Font Size: 50, 80, 90, 110, 120, 150, 200 */
.font50 {
    font-size: 50%;
}
.font80 {
    font-size: 80%;
}
.font90 {
    font-size: 90%;
}
.font110 {
    font-size: 110%;
}
.font120 {
    font-size: 120%;
}
.font150 {
    font-size: 150%;
}
.font200 {
    font-size: 200%;
}


.mhTag {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.mhCategory {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.mhNewsArticle .webix_template {
    width: fit-content !important;
}

.webix_view .mhlogo {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: transparent; 
}

.mhIcon span.webix_icon {
    font-size: x-large;
    color: yellowgreen !important;
}

.webix_sidebar.height60 .webix_tree_item {
    height: 60px;
    line-height: 60px;
    font-size: 150%;
    padding-right: 10px !important;
}

.webix_sidebar.height60 .webix_sidebar_icon {
    padding-right: 10px !important;
}


/* mh -------------- start ----*/
.mhTopToolbar.webix_toolbar {
    background-color: #393939;
    opacity: 0.95;
}

.mhTopToolbarIcon .webix_icon_button .webix_icon {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: rgba(38, 157, 255, 0.795);
}

.mhTopToolbarIcon .webix_icon_button .webix_icon:hover {
    font-size: 25px;
    height: 25px;
    width: 30px;
    color: rgba(38, 157, 255, 0.795);
}

.mhPopup {
    /*opacity: 0.96;*/
    -webkit-box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
    -moz-box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
    box-shadow: 10px 10px 5px 0px rgba(166,166,166,0.76);
}

.mhReadonlytext .webix_template {
    font-weight: 600;
}

.mhMultiview.webix_view.webix_multiview {
    background-color: transparent;
}

.mhAccentBtn button.webix_button {
    background: rgba(38, 157, 255, 0.795);
    color: #ffffff;
    font-size: 22px;
}

.mhAccentBtn button.webix_button:hover,
.mhAccentBtn button.webix_button:focus {
    background: rgba(38, 157, 255, 0.795);
    color: #ffffff;
}

.mhSecondaryBtn button.webix_button {
    background: #F4F5F9;
    color: #475466;
    font-size: 22px;
}

.mhLayoutTransparent {
    background-color: transparent
}

.mhLayoutWithImg {
    background-image: url(/Content/images/mh/mh_mobile_background.png);
    background-size: cover;
    background-position: center;
    /*background: rgba(0, 0, 0, 0.6);*/
}
.container{
    position: relative;
    z-index:1;
    overflow:hidden; /*if you want to crop the image*/
}
.container:before{
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    /*content: url('path/to/image.ext');*/
    opacity:0.4;
}


.mhLink {
    color: rgba(38, 157, 255, 0.795);
    text-decoration: underline;
}

.mhTextCenter{
    text-align: center;
}

.mhColorpicker.webix_el_colorpicker .webix_inp_static:focus, 
.mhDatepicker.webix_el_datepicker .webix_inp_static:focus, 
.mhDbldatepicker.webix_el_dbldatepicker .webix_inp_static:focus, 
.mhRichselect.webix_el_richselect .webix_inp_static:focus, 
.mhSelect.webix_el_select select:focus, 
.mhTextarea.webix_el_textarea textarea:focus {
    border: 1px solid rgba(38, 157, 255, 0.795);
}

.mhColorpicker.webix_el_colorpicker input:focus,
.mhCombo.webix_el_combo input:focus,
.mhDatepicker.webix_el_datepicker input:focus,
.mhSearch.webix_el_search input:focus,
.mhText.webix_el_text input:focus {
    border: 1px solid rgba(38, 157, 255, 0.795);
}

.mhSegmented .webix_segment_0.webix_selected,
.mhSegmented .webix_segment_1.webix_selected, 
.mhSegmented .webix_segment_N.webix_selected {
    background: #f4f5f9;
    background-color: rgba(38, 157, 255, 0.795);
    border-color:rgba(38, 157, 255, 0.795);
    color: #fff;
}

.mhSegmented .webix_segment_0, .mhSegmented .webix_segment_1, .mhSegmented .webix_segment_N {
    background-color: #f4f5f9;
    border-color: #f4f5f9;
    color: rgba(38, 157, 255, 0.795);
    font-weight: 500;
}

.mhSegmented .webix_segment_0 {
    border-radius: 5px 0 0 5px;
}

.mhSegmented .webix_segment_N {
    border-radius: 0 5px 5px 0;
}

/* menu*/
.mhMenuList.webix_list .webix_list_item {
    border: none;
    line-height: 60px;
}
.mhMenuList.webix_list .webix_list_item .webix_icon {
    padding-right: 10px;
}

.mhUserInfoBlock {
    text-align: center;
}

.mhUserIcon {
    height: 150px;
}
.mhUserName {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
}

.mhPageNameTemplate {
    display: flex;
    align-items: center;
    background: transparent;
    color: white;
    font-size: 18px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.mhPageNameTemplate .webix_template{
    display: flex;
    align-items: center;
}
/* menu */

/* auth pages */
/* all base classes for authentification are located in 'auth'*/ 
.mhAuthFormHeader .mhLogo {
    height: 50px;
    width: auto;
}

/* auth pages */

/* customize page*/

.mhMulticombo .webix_focused .webix_inp_static{
    border: 1px solid rgba(38, 157, 255, 0.795);
}

.mhRichselect.webix_el_richselect .webix_inp_static:focus{
    border: 1px solid rgba(38, 157, 255, 0.795);
}

.mhSwitch .webix_switch_box.webix_switch_on {
    background: rgba(38, 157, 255, 0.795);
}

.mhMultilist .webix_multilist .wxi-checkbox-marked {
    color: rgba(38, 157, 255, 0.795);
}

.mhForm .webix_slider_alt .webix_slider_box .webix_slider_left {
    background: rgba(38, 157, 255, 0.795);
}

.mhForm.webix_view.webix_form {
    opacity: 0.96
}
.mhMulticombo .webix_multicombo_value .webix_multicombo_delete:after{
    color: rgba(38, 157, 255, 0.795);
}
/* customize page*/

/* startWorkout page*/

.mhDetailsTemplate{
    background: transparent;
}

.mhDetailsTemplate .webix_template {
    border: 2px solid rgba(38, 157, 255, 0.795);
    padding: 0;
    border-radius: 2px;

}
.mhDetailsBlock {
    background-color: #393939;
    color: white;
    opacity: 0.95;
}
.mhDetailsBlock .mhHeader {
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    padding: 20px 10px;
    background-color: #393939;
}
.mhImgContainer {
    position: relative;
    text-align: center;
    opacity: 0.95;
}

.mhImgContainer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mhCustomizeInfo {
    font-size: 20px;
    color: white;
    text-align: center;
}
/* startWorkout page*/


.mhInfoTemplate {
    color: #039e03c4
}
.mhDatatable.webix_dtable {
    background: #eff0f452;
}


.mhDatatable .mhMultiline {
    line-height: 20px !important;
}

.mhDatatable.webix_dtable .webix_dt_editor input, .webix_view.mhDatatable.webix_dtable .webix_dt_editor select {
    border-color: rgba(38, 157, 255, 0.795);
    border-radius: 2px;
}
.mhDatatable .mhCellCompleted {
    background: #00ff4324;
}
.mhDatatable .mhCellInProgress {
    background: rgba(241, 139, 40, 0.3);
}

.mhDatatable .webix_cell {
    text-align: center;
}

.mhDatatable .mhEditableCell .webix_cell {
    background: white;
    border: 1px solid grey;
    border-radius: 2px;
}

.mhDatatable.webix_dtable .webix_ss_body .webix_column.mhEditableCell > div {
    border: 1px solid #80808036;
}

.mhDatatable.webix_dtable .webix_ss_header td.webix_last_row {
    border-bottom: 1px solid rgba(38, 157, 255, 0.795);
}


.mhInfoIcon .webix_icon_button .webix_icon {
    font-size: 30px;
    height: 30px;
    width: 30px;
    color: rgba(38, 157, 255, 0.795);
}

.mhContentToolbar {
    background: transparent;
}

.mhContentToolbar .mhAccentBtn .webix_button {
    font-size: 17px;
}

.mhContentToolbar .mhAccentBtn .webix_button .webix_icon_btn {
    font-size: 22px;
    color: white;
}

.mhZeroPadding .webix_template {
    padding: 0px !important;
}
/* mh -------------- end-- ----*/
.scPythonEditorResults .error {
    color: red;
    width: auto; 
    font-family: monospace, monospace;
}

.scPythonEditorState .error {
    color: red;
    font-weight: 500;
    font-size: larger;
}
.scPythonEditorState .processing {
    color: darkgrey;
    font-weight: 500;
}
.scPythonEditorState .loading {
    color: red;
    font-weight: 500;
}
.scPythonEditorState .ready {
    color: green;
    font-weight: 500;
}
.lowHeightControl.webix_view.webix_control span.webix_input_icon
{
    line-height: 14px;
    padding-left: 0px;
    width: 20px;
}
.webix_view.webix_fieldset.scFieldsetBorderless>fieldset{
    border: none;
}
.webix_view.webix_fieldset.scFieldsetTopLine>fieldset {
    border: none;
    border-top: 1px solid #dadee0;
}
.webix_view.webix_fieldset.scFieldsetBottomLine>fieldset{
    border: none;
    border-bottom: 1px solid #dadee0;
}
.webix_view.webix_fieldset.scFieldsetTopBottomLine>fieldset{
    border: none;
    border-top: 1px solid #dadee0;
    border-bottom: 1px solid #dadee0;
}
.webix_view.webix_fieldset.scFieldsetFullBorder>fieldset {
    border: 1px solid #dadee0;
}
.webix_view.webix_fieldset.scFieldsetTopLine .webix_fieldset_label,
.webix_view.webix_fieldset.scFieldsetBottomLine .webix_fieldset_label,
.webix_view.webix_fieldset.scFieldsetTopBottomLine .webix_fieldset_label,
.webix_view.webix_fieldset.scFieldsetFullBorder .webix_fieldset_label,
.webix_view.webix_fieldset.scFieldsetBorderless .webix_fieldset_label {
    padding: 0 2px;
    text-transform: none;    
    color: var(--normal-text-color);
}

.webix_resizer.scResizer {
    background-color: #f4f5f9;
}
.webix_el_sctoggle.scToggle button{
    height: 100%;
}

.webix_el_sctoggle .webix_button.webix_img_btn .webix_icon_btn.far {
    vertical-align: middle;
}
.webix_view .webix_progress_icon .webix_progress_state {
    color: #333;
}
.webix_view .webix_progress_icon {
    background: lightgrey;
    opacity: 0.4;
}
.webix_inp_static div,
.wxi-menu-down span {
    background-color: transparent !important;
    border-color: transparent !important;
}

.webix_inp_static:hover {
    background-color: transparent !important;
    cursor: pointer !important;
}
.webix_view .webix_view.webix_form.webix_layout_form.formShadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.noShadow.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
.noShadow.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected, 
.noShadow.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item {
    box-shadow: none;
}
.rotateXLabels90 .webix_canvas_text.webix_axis_item_x{
    transform: rotate(-90deg);
    margin: 30px 0px 0 0;
}
.range>div:not(.webix_chart_resizer):not(.webix_chart_resizer){
    z-index:80 !important;
}
.toolbar_button_wizard_finish button {
	box-shadow: 0px 0px 0px 0px #3e7327;
	background-color:#77b55a;
	border-radius:30px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

.toolbar_button_wizard_finish button {
    color: #6ca424 !important;
}

.toolbar_button_wizard_finish button:hover {
    background-color: #72a431c1 !important;
    color: #ffffff !important;
}

.toolbar_button_wizard_finish button:after {
    content: "\f560";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-left: 5px;
}


.toolbar_button_wizard_finish button:active {
	position:relative;
	top:1px;
}

        
.toolbar_button_wizard_next button {
	box-shadow: 0px 0px 0px 0px #3e7327;
	background-color:#77b55a;
	border-radius:30px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

.toolbar_button_wizard_next button {
    color: #6ca424 !important;
}

.toolbar_button_wizard_next button:hover {
    background-color: #72a431c1 !important;
    color: #ffffff !important;
}

.toolbar_button_wizard_next button:after {
    content: "\f356";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-left: 5px;
}


.toolbar_button_wizard_next button:active {
	position:relative;
	top:1px;
}

        
.toolbar_button_wizard_back button {
	box-shadow: 0px 0px 0px 0px #3e7327;
	background-color:#77b55a;
	border-radius:30px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	/*padding:5px 25px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

.toolbar_button_wizard_back button {
    color: #6ca424 !important;
}

.toolbar_button_wizard_back button:hover {
    background-color: #72a431c1 !important;
    color: #ffffff !important;
}

.toolbar_button_wizard_back button:before {
    content: "\f355";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}


.toolbar_button_wizard_back button:active {
	position:relative;
	top:1px;
}

        
.toolbar_button_wizard_cancel button {
	box-shadow: 0px 0px 0px 0px rgb(114, 39, 39);
	background-color:rgb(231, 39, 39);
	border-radius:30px;
	border:1px solid #b11c1c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	/*padding:5px 25px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #8a3c3c;
}

.toolbar_button_wizard_cancel button {
    color: #e70000 !important;
}

.toolbar_button_wizard_cancel button:hover {
    background-color: #e64040c1 !important;
    color: #ffffff !important;
}

.toolbar_button_wizard_cancel button:before {
    content: "\f05e";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}


.toolbar_button_wizard_cancel button:active {
	position:relative;
	top:1px;
}

        
.scReadOnly .monaco-editor .monaco-editor-background,
.scReadOnly .monaco-editor .margin,
.scReadOnly .monaco-editor .minimap-decorations-layer {
    background-color: #adadad14;
}

.scHover {
    background-color:lightgrey;
}
/* auth pages */
.authMavenTextCenter {
    text-align: center;
}
.authMavenPage {
    position: relative;
    background: linear-gradient(to left, #51ccbe, #3945c4);
}
.authMavenPage::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 1500px;
    bottom: -40%;
    left: 0;
    background: url(/content/static/MH/img/mismo/mismo_bg.png) bottom center no-repeat;
}
.authMavenAccentButton.webix_el_button button,
.authMavenAccentButton.webix_el_toggle button {
    background: darkblue;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
}
.authMavenAccentButton.webix_el_button.webix_secondary button:focus,
.authMavenAccentButton.webix_el_button.webix_secondary button:hover, 
.authMavenAccentButton.webix_el_toggle.webix_secondary button:focus, 
.authMavenAccentButton.webix_el_toggle.webix_secondary button:hover {
    background-color: darkblue;
}
.authMavenLink {
    color: darkblue;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
}
.authMavenHeader {
    cursor: pointer; 
}
.authMavenHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;

}
.authMavenHeaderContainer img {
    height: 60px;
}
.authMavenHeaderText {
    font-size: 18px;
    font-weight: 500;
    color: #848282;
    padding-top: 7px;
}
.authMavenTextContainer{
    font-size: 14px;
    color:#848282;
    line-height: initial;
} 
/* auth pages */
.transparent.webix_view.webix_toolbar {
    background-color: transparent;
}

.centered-button-icon .webix_icon_btn {
    font-size: initial;
}
.toolbar_button_copy button {
    text-transform: uppercase;
}

.toolbar_button_copy button {
    color: #737373 !important;
}

.toolbar_button_copy button:hover {
    background-color: #737373c1 !important;
    color: #ffffff !important;
}

.toolbar_button_copy button:before {
    content: "\f0c5";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.djs-direct-editing-parent .djs-direct-editing-content {
    text-align: center !important;
}
.webix_disabled_view {
    opacity: 0.6!important;
}
.mermaidClassDiagram .nodeLabel {
	font-size: 15px !important;
}

.mermaidClassDiagram .node {
    cursor: pointer !important;
}
/*
.mermaidClassDiagram.webix_view {
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.mermaidClassDiagram .currentClass.node rect,
.mermaidClassDiagram .currentClass.node path,
.mermaidClassDiagram .currentClass.node circle,
.mermaidClassDiagram .currentClass.node ellipse,
.mermaidClassDiagram .currentClass.node polygon {
    fill: rgba(83, 253, 188, 0.664) !important;
    stroke-width: 1px !important;
}

.mermaidClassDiagram .level_m1.node rect,
.mermaidClassDiagram .level_m1.node path,
.mermaidClassDiagram .level_m1.node circle,
.mermaidClassDiagram .level_m1.node ellipse,
.mermaidClassDiagram .level_m1.node polygon {
    fill: lightgrey !important;
    stroke-width: 1px !important;
}


.mermaidClassDiagram .level_1.node rect,
.mermaidClassDiagram .level_1.node path,
.mermaidClassDiagram .level_1.node circle,
.mermaidClassDiagram .level_1.node ellipse,
.mermaidClassDiagram .level_1.node polygon {
    fill: rgba(83, 213, 253, 0.664) !important;
    stroke-width: 1px !important;
}

.mermaidClassDiagram .level_2.node rect,
.mermaidClassDiagram .level_2.node path,
.mermaidClassDiagram .level_2.node circle,
.mermaidClassDiagram .level_2.node ellipse,
.mermaidClassDiagram .level_2.node polygon {
    fill: rgba(148, 83, 253, 0.363) !important;
    stroke-width: 1px !important;
}

.mermaidClassDiagram .level_3.node rect,
.mermaidClassDiagram .level_3.node path,
.mermaidClassDiagram .level_3.node circle,
.mermaidClassDiagram .level_3.node ellipse,
.mermaidClassDiagram .level_3.node polygon {
    fill: rgba(213, 255, 25, 0.363) !important;
    stroke-width: 1px !important;
}
.mermaidClassDiagram .level_4.node rect,
.mermaidClassDiagram .level_4.node path,
.mermaidClassDiagram .level_4.node circle,
.mermaidClassDiagram .level_4.node ellipse,
.mermaidClassDiagram .level_4.node polygon {
    fill: rgba(131, 253, 83, 0.363) !important;
    stroke-width: 1px !important;
}
.mermaidClassDiagram .level_5.node rect,
.mermaidClassDiagram .level_5.node path,
.mermaidClassDiagram .level_5.node circle,
.mermaidClassDiagram .level_5.node ellipse,
.mermaidClassDiagram .level_5.node polygon {
    fill: rgba(253, 185, 83, 0.363) !important;
    stroke-width: 1px !important;
}
/*
.mermaidClassDiagram .node line.divider:nth-child(3) {
	display: none;
}
*/


.toolbar_button_edit button {
    text-transform: uppercase;
}

.toolbar_button_edit button {
    color: var(--primary-color) !important;
}

.toolbar_button_edit button:hover {
    background-color: #1ca1c1d7 !important;
    color: #ffffff !important;
}

.toolbar_button_edit button:before {
    content: "\f304";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.trumbowyg .trumbowyg-editor {
    padding-top: 0;
    padding-bottom: 0;
}
/* .accent_button button {
    text-transform: uppercase;
} */

.accent_button button {
    background-color: #1ca1c1d7 !important;
    color: #ffffff !important;
    
}

.accent_button button:hover {
    background-color: var(--primary-color) !important;
}

.accent_button button .webix_icon_btn {
    color: #ffffff !important;
}
.display_none {
    display: none !important;
}
.toolbar_button_export button {
    text-transform: uppercase;
}

.toolbar_button_export button {
    color: var(--primary-color) !important;
}

.toolbar_button_export button:hover {
    background-color: #1ca1c1d7 !important;
    color: #ffffff !important;
}

.toolbar_button_export button:before {
    content: "\f56e";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
.webix_view.webix_control.input_background_transparent input{
    background: transparent !important;
}
.red_control.webix_view.webix_control.webix_el_text input{
	color: red !important;
}

.red_control.webix_view.webix_control.webix_el_scswitch .webix_switch_box {
	background-color: red !important;
}
.green_control.webix_view.webix_control.webix_el_text input{
	color: green !important;
}

.green_control.webix_view.webix_control.webix_el_scswitch .webix_switch_box {
	background-color: green !important;
}
.webix_view.clean_template .webix_template {
    padding: 0px !important;
}
.webix_toolbar.MainHeader_Link {
	background-color: rgb(0, 0, 110);
}

.webix_control [aria-readonly="true"],
.webix_control [aria-readonly] {
  cursor: default !important;
}
.editor_label.webix_required .webix_el_box:after {
    color: red;
    content: "*";
    padding-left: 4px;
}

.webix_invalid .lines-content.monaco-editor-background,
.webix_invalid .margin-view-overlays,
.webix_invalid .minimap-decorations-layer
{
    background-color: #ffdedb;
    border-color: #ff8d82;
    color: #ff5c4c;
}
.toolbar_button_ai button {
    text-transform: uppercase;
}

.toolbar_button_ai button {
    color: rgba(190, 190, 5, 0.582) !important;
    opacity: 80%;
}

.toolbar_button_ai button:hover {
    background-color: rgba(190, 190, 5, 0.582) !important;
    color: gray !important;
}

.toolbar_button_ai button:before {
    content: "\f544";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 16px;
    padding-right: 5px;
}
/* pulsing glow (unchanged) */
@keyframes highlightControlPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(0, 123, 255, 0.7); }
  50%      { box-shadow: 0 0 8px rgba(0, 123, 255, 1); }
}
.highlight-control-pulse {
  animation: highlightControlPulse 1.5s infinite;
}

/* overlay container must be full-screen */
.highlight-control-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 9997;
}

/* fade keyframes for the dim regions */
@keyframes highlightControlOverlayFade {
  0%   { opacity: 0; }
  10%  { opacity: 0.5; }
  90%  { opacity: 0.5; }
  100% { opacity: 0; }
}

/* each region dims the rest of the screen with fade animation */
.highlight-control-overlay-region {
  position: fixed;
  background-color: black;
  opacity: 0;
  pointer-events: auto;
  /* animation properties; duration to be set inline by JS */
  animation-name: highlightControlOverlayFade;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}