/**
 * EventON Elements CSS 
 * @version 5.0
 * @license EventON CSS Assets

 Copyright (C) 2011-2025 AshanJay Designs LLC.

 PROPRIETARY LICENSE - All Rights Reserved

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of these CSS files (the "Assets") solely for personal use in conjunction with
 a valid EventON license, subject to the following conditions:

 1. You may use these Assets on websites you own or manage.
 2. You may NOT redistribute, resell, sublicense, or publish these Assets
    in whole or in part, including in plugin/theme bundles, marketplaces,
    or GPL download sites.
 3. You may NOT remove or modify this copyright notice.
 4. These Assets are provided "AS IS" WITHOUT WARRANTY OF ANY KIND.
 5. Violation of these terms may result in license revocation and legal action.

 Trademark: "EventON" is a trademark of AshanJay Designs LLC.
 Contact: info@myeventon.com

 THE ASSETS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR   
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
 STYLEMIXTHEMES BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE ASSETS OR THE USE OR OTHER DEALINGS IN THE ASSETS.

*/

:root{
    --evo_color_prime: #00aafb;
}   
/* General */
    .evo_elm_row p.evo_field_container input,
    .evo_elm_row p.evo_field_container textarea{
    	border-radius: 8px;
        background-color: #f1f1f1; width:100%;
    }
    .evo_elm_row p.evo_field_container input::placeholder,
    .evo_elm_row p.evo_field_container textarea::placeholder {
        color: #8e8e8e;
    }
    .evo_elm_afterstatement .evo_elm_row p.evo_field_container input,
    .evo_elm_afterstatement .evo_elm_row p.evo_field_container textarea{}    
    .evo_elm_row{display: block;width: 100%;box-sizing: border-box;}
    .evo_elm_row.evodfx{display: flex;}
    .evo_elm_row p.evo_field_label, .evo_elm_row p.evo_field_container{margin:0;}
    .evo_elm_row p.evo_field_label{margin-bottom: 5px; padding-bottom: 0; font-size: 14px;position: relative;width:auto;}
    .evo_elm_row p.evo_field_container{margin-bottom: 10px;padding:0;}
    .evo_nesting{
        display: flex; gap: 15px;
    }
    /* form real time errors  4.9 */
    .evo_lightbox .evolb_content .evo_elm_row input:focus,
    .evo_lightbox .evolb_content .evo_elm_row textarea:focus{
        outline: none;
        box-shadow: 0px 0px 0px 2px #0000009c;
        background-color: #fff;
    }
    .evo_lightbox .evolb_content .evo_elm_row input.input.err,
    .evo_lightbox .evolb_content .evo_elm_row textarea.input.err{
        box-shadow: 0px 0px 0px 2px #ffa1a1;
    }
    .evo_lightbox .evolb_content .evoelm_field_errmsg{color:#ff6464;}

/* interactive wysiwyg row */
    .evo_elm_row.trumbowyg p.evo_field_container{margin-bottom: 1px;}
    .evo_elm_row.trumbowyg{padding-bottom: 10px;}
    .evo_elm_row.trumbowyg .evo_elm_act_on.le{margin: 10px 0px;}
    .evo_elm_row.trumbowyg .evo_elm_act_on:hover, 
     .evo_elm_row.trumbowyg .evo_field_preview:hover {background-color: #cecece;}
    .evo_elm_row.trumbowyg .evo_field_preview{    padding: 8px 15px; font-size: 14px; border-radius: 10px;}
    .evo_elm_row.trumbowyg .evo_field_preview,.evo_elm_row.trumbowyg .evo_elm_act_on{
        cursor: pointer;
        background-color: #e8e8e8;
        padding: 10px 15px;
    }
    .evo_elm_row.trumbowyg .trumbowyg-editor ul{ list-style: disc;margin-left: 15px;}

/* detailed button 4.7 */
    .evo_elm_button{
        height: auto;
        min-height: 36px;
        padding:6px 12px; margin: 0 0 5px;
        text-align: left;
        width: 100%;
        border:none;border-radius: 10px;
        cursor: pointer;
        display: inline-flex; align-items: center;
        font-size: 14px; background: none;
        justify-content: space-between;
        text-decoration: none;
        color:var(--evo_color_1);
        box-sizing: border-box;
    }
    .evo_elm_button .evo_btn_item_details{
        display: flex;
        flex-direction: column;
    }
    .evo_elm_button .evo_btn_item_details .evo_btn_item{}
    .evo_elm_button .evo_btn_item_details .evo_btn_info{
        color:#757575; font-size: 12px; margin-top: 2px; white-space: normal;
    }
    .evo_elm_button .evo_btn_vis{ color:var(--evo_color_1);}
    .evo_elm_button .evo_btn_vis i{ font-size: 18px;}

    div.evo_elm_button{
        cursor: default;
        border-bottom: 1px solid var(--evo_border_c);
        border-radius: 0;
        margin-bottom: 0px; padding:10px 0;
    }
    div.evo_elm_button:hover{background-color: transparent;}
    div.evo_elm_button .evo_btn{border:none;outline;none;}

    div.evo_elm_button.evo_bordern{border:none;}
    div.evo_elm_button.evomar0{margin: 0px;}

    .evo_elm_button.pre{justify-content: flex-start;}
    .evo_elm_button .evo_btn_vis.pre{margin-right: 15px;}
    .evo_elm_button:hover{    background-color: var(--evo_cl_b5);text-decoration: none;}
    .evo_elm_button:hover .evo_btn_item,
    .evo_elm_button:hover .evo_btn_vis
    {color: var(--evo_color_prime);}

/* custom select 2 */ 
    .evoelm_sel2_opt_list {  
        z-index: 1000;max-height: 300px;
        box-shadow: 0px 0px 10px -5px;
    }
    .evoelm_sel2_opt_list input{
        width: calc(100% - 2px);
        border: none;  box-sizing: border-box;    margin: 0 1px;box-shadow: none;
    }
    .evoelm_sel2_opt_list_in{ overflow-y: scroll;}
    .evoelm_sel2_opt:hover { background: #f0f0f0; }
    .evoelm_sel2_opt.selected { background: #e0e0e0; font-weight: bold;}

/* editable select row value */
    .evo_edittable_sel_val , .evomb_body p.evo_edittable_sel_val{
        border-radius: 30px; padding: 5px 10px 5px 20px;
            display: flex;
        margin-right: 5px;
        margin-bottom: 10px;
        background-color: var(--evo_cl_w);
        color: var(--evo_color_1);
        font-size: 14px;
        border: 1px solid var(--evo_color_1);
        overflow: hidden;
    }
    .evo_edittable_sel_val:hover, .evomb_body p.evo_edittable_sel_val:hover{background-color: var(--evo_color_second)}
    .evo_edittable_sel_val em{flex:1;padding:5px 0;}
    .evo_edittable_sel_val i{cursor: pointer;color: var(--evo_color_1);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        margin: 0; border-radius: 40px;
    }
    .evo_edittable_sel_val i:hover{    background-color: var(--evo_color_1); color: #fff; }
    .evo_edittable_sel_val i.fa-cross,.evo_edittable_sel_val i.fa-times{}
    .evo_edittable_sel_val i.fa-pencil{}



/* Image Selection */
    .evo_metafield_image{}
    .evo_metafield_image span.image_src{
        height: 50px; width: 200px;
        background-color: #c3c3c3; border:2px dashed #333;
        outline:none;
    }
    .evo_metafield_image .evolm_img_select_trig{}
    .evo_metafield_image.has_img .evolm_img_select_trig,
    .evo_metafield_image .image_src .evoel_img_remove_trig,
    .evo_metafield_image span.image_src .evoelm_img_holder{display:none}

    .evo_metafield_image.has_img span.image_src{height: 100px; width: 200px;border:none}
    .evo_metafield_image.has_img span.image_src .evoelm_img_holder{display: flex; }
    .evo_metafield_image.has_img .image_src .evoel_img_remove_trig{display: flex; 
        left:calc(50% - 25px); top:calc(50% - 25px); height: 30px; width: 30px;}
    .evo_metafield_image.has_img .image_src:before{}

    /* multiple images */  
    .evo_metafield_image.multi span.evo_img{
        background-color: #c3c3c3;
        height: 100px;
        display: inline-block;
        width: 100px;
        border-radius: 15px;
        margin: 0 5px 5px 0;
        border: 2px dashed #333;
        cursor: pointer; position: relative;
        background-size: cover;
        background-position: center;
    }
    .evo_metafield_image.multi span.evo_img:hover{opacity: 0.7}
    .evo_metafield_image.multi span.evo_img:before{
        content:"\2b";
            font-family: 'evo_FontAwesome','evo_FontAwesomeB';
        font-weight: 400;
            -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto; border-radius: 20px;
        height: 30px; width: 30px; position: absolute; top: calc(50% - 15px);left: calc(50% - 15px);
        display: flex;justify-content: center;align-items: center;
    }
    .evo_metafield_image.multi span.evo_img.on{border:2px solid var(--evo_color_1);}
    .evo_metafield_image.multi span.evo_img.on:before{
        content:"\2b"; transform: rotate(45deg);
        background-color: var(--evo_color_second);
    }
    .evo_metafield_image.multi span.evo_img.on:hover:before{ transform: scale(1.2) rotate(45deg);}
    .evo_metafield_image.multi span.evo_img_trig{}

/* yes no button */
    .ajde_yn_btn {
        background-color: var(--evo_color_prime);
        height: 20px;
        width: 40px;
        border:1px solid var(--evo_color_prime);
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        border-radius: 13px;
        box-sizing:content-box;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .ajde_yn_btn:hover{opacity: 0.7}
    .ajde_yn_btn.NO{
        background-color: #f0f0f0;
        border-color: var(--evo_color_1);
    }
    .ajde_yn_btn_label{padding-left: 10px; line-height: 1.8;}
    .ajde_yn_btn .btn_inner:before,.ajde_yn_btn .btn_inner:after{
        top: 0;
        position: absolute;     
        padding: 4px 8px 4px;
        line-height: 100%;
    }
    
    .ajde_yn_btn .btn_inner{
        position: relative;
        padding-left: 23px;
        padding-right: 23px;
        padding-top: 0;
        width: 22px;
        display: block;
        margin:0;
        margin-left: 0px;
        border:none;
        background:none;
        box-sizing:content-box;
    }   
    .ajde_yn_btn.NO .btn_inner{margin-left: -18px;}
    .catchHandle, .yesno_row .catchHandle{
        background-color: #fff;
        height: 12px;width: 12px;      
        display: block;
        padding-left: 0;
        border-radius: 12px;
        box-sizing: border-box;
        margin-top: 4px;
    }
    .ajde_yn_btn.NO .catchHandle, .yesno_row .ajde_yn_btn.NO .catchHandle{background-color: var(--evo_color_1)}
    .ajde_yn_btn.NO .catchHandle:before, .yesno_row .ajde_yn_btn.NO .catchHandle:before{
        margin-left: 8px;
    }
    .ajde_yn_btn .btn_inner, .catchHandle {
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }
    .yesno_row span.field_name, .yesno_row label, .yesno_leg_line label
    { padding-left:10px; line-height: 1.8;font-size:14px;     }
    .evo_lightbox .yesno_row span.field_name{padding-left: 10px;}
    .evo_inside .yesno_row span.field_name{pointer-events:auto;}
    .yesno_row .ajde_yn_btn { padding: 0;flex: 0 0 auto;}

/* date picker @4.7.4 */
    .evo-datepicker.ui-datepicker.ui-widget{ 
        border-radius: 15px !important; padding: 5px;border: none;
        overflow: hidden;box-shadow: 0px 5px 12px -5px #333;background-color: #fff;
    }
    .evo-datepicker .ui-widget-header{background: transparent;border:none;}
    .evo-datepicker .ui-datepicker-calendar .ui-state-default{
        background: transparent; border: none; text-align: center;  border-radius: 5px;
        padding: 6px 2px;line-height: 1.5;transition: 0.3s;
        color:var(--evo_color_1);
    }

    .evo-datepicker.ui-datepicker .ui-datepicker-title, 
    .evo-datepicker.ui-datepicker th,
    .evo-datepicker .ui-datepicker-calendar .ui-state-default
    {
        font-family: var(--evo_font_1);
    }
    .evo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight{
        color:var(--evo_color_prime);        
    }
    .evo-datepicker .ui-datepicker-calendar .highlight .ui-state-default.ui-state-active,
    .evo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active
    {background-color: var(--evo_color_second);}
    .evo-datepicker .ui-datepicker-calendar .highlight .ui-state-default{
        background-color: #f0f6fc;
    }
    .evo-datepicker .ui-datepicker-calendar .ui-state-default:hover{
        background-color: var(--evo_color_prime);color:#fff;
    }

    .evo-datepicker.ui-datepicker .ui-datepicker-prev, 
    .evo-datepicker.ui-datepicker .ui-datepicker-next
    {
        border: 1px solid #bbbbbb; border-radius: 50%; cursor: pointer;transition: 0.3s;
    }
    .evo-datepicker.ui-datepicker .ui-datepicker-prev.ui-state-hover, 
    .evo-datepicker.ui-datepicker .ui-datepicker-next.ui-state-hover{
        background: #bbbbbb;
    }
    .evo-datepicker.ui-datepicker .ui-datepicker-prev.ui-state-hover{left:2px; top:2px;}
    .evo-datepicker.ui-datepicker .ui-datepicker-next.ui-state-hover{right:2px; top:2px;}
    .evo-datepicker.ui-datepicker .ui-datepicker-prev .ui-icon:before,
    .evo-datepicker.ui-datepicker .ui-datepicker-next .ui-icon:before{
        content: "\f053";left: 1px;top:3px;position: absolute;width: 16px;color: #bbbbbb; text-indent: 0;text-align: center;
    }
    .evo-datepicker.ui-datepicker .ui-datepicker-next .ui-icon:before{left:-1px}
    .evo-datepicker.ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon:before,
    .evo-datepicker.ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon:before{
        color:#fff;
    }
    .evo-datepicker.ui-datepicker .ui-datepicker-next .ui-icon:before{
        content:"\f054";
    }
    .evo-datepicker.ui-datepicker .ui-datepicker-prev .ui-icon,
    .evo-datepicker.ui-datepicker .ui-datepicker-next .ui-icon
    {
        font-family:  'evo_FontAwesome', 'evo_FontAwesomeB'!important;
        font-weight: 900;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;
        font-style: normal;font-variant: normal; line-height: 1;
        text-rendering: auto; position: relative;background: none; font-size: 12px;
        text-indent: -999999px!important;display: block!important;
    }

/* angle button */
    .evo_elm_row.angle{display: flex;align-items: center;}
    .evo_elm_row.angle .evo_elm_ang_hold{
            display: flex;
        height: 36px;
        width: 36px;
        border: 3px solid #333;
        border-radius: 18px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        flex:1 0 auto;
    }
    .evo_elm_row.angle .evo_elm_ang_center{
        position: relative;
        width: 6px;
        height: 30px;
        pointer-events: none;
    }
    .evo_elm_row.angle .evo_elm_ang_pointer{
        position: absolute;
        width: 6px;
        height: 6px;
        top: 2px;
        border-radius: 3px;
        background: #1F2667;
    }
    .evo_elm_row .evo_elm_ang_inp{
        width: calc(100% - 12px);
        height: 30px;
        padding: 0 8px;
        margin-left: 12px;
        border: 1px solid #bbbfc5;
        border-radius: 6px;
        -webkit-transition: all 175ms ease-out;
        transition: all 175ms ease-out;
        text-align: center;
    }


/* icon selector everywhere */
    .evo_icon_selector{}
    .evo_icon_selector ul{    margin-top: 0;}
    .evo_icon_selector ul li{
        display: inline-block;
        cursor: pointer;
        margin: 0;
        padding: 9px;
    }
    .evo_icon_selector ul li.selected{background-color: var(--evo_color_prime);}
    .evo_icon_selector ul li.selected i{}
    .evo_icon_selector ul li i{
        font-size: 28px;
        width: 28px;
        transition: all linear 0.1s;
        display: flex;
        justify-content: center;
    }
    .evo_icon_selector ul li:hover i{  transform: scale(1.2); color:var(--evo_color_prime);}
    .evo_icon_search_bar{margin-top: 10px}

    .evo_icon_search{
        width: 100%;
        padding: 7px 10px;
        margin-bottom: 5px;
    }
    

    .ajde_icons.default{
        height: 35px; width: 45px;
        padding: 0;
        display: inline-block;
        background-color: #CDCDCD;
        cursor: pointer;
        border-radius: 5px;
        position: relative;
        box-sizing:border-box;
    }
    .ajde_icons.default.fa.focused{background-color: #333; color: #fff; }
    .ajde_icons.default.fa.so{border-radius: 5px;}
    .ajde_icons.default.fa{border-radius: 5px 0 0 5px;}
    .ajde_icons.default.fa:before{
        font-size: 24px;
        text-align: center;
        margin: auto;
        width: 100%; height: 100%;
        display: block;line-height: 100%;
        padding-top: 5px;
    }
    .ajde_icons em{display: none;}
    .ajde_icons.fa em{
        cursor: pointer;    
        content: "X";
        position: absolute;
        left: 45px;
        height: 35px;
        width: 20px;
        top: 0;
        display: block;
        color: #C7C7C7;
        /*z-index: -1;*/
        background-color: #E0E0E0;
        border-radius: 0 5px 5px 0;
        font-family: var(--evo_font_2);
        font-size: 18px;
        font-style: normal;
        padding:  8px 5px;
        line-height: 100%;
        box-sizing:border-box;
    }
    .ajde_icons.fa em:hover{
        background-color: #C0C0C0; color: #fff;
    }

/* lightbox select field */
    .evo_elm_row.evo_elm_lb_select{position: relative;}
    .evo_elm_lb_window .eelb_in{
    	background-color: #fff;
        box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
        position: absolute; top:70px;
        z-index: 99999;
        border-radius: 15px;   
        transform: scale(.85);
        opacity: 0;
        transition: opacity .25s cubic-bezier(0,1,.4,1),transform .25s cubic-bezier(.18,1.25,.4,1); 
        padding:10px 0;
    }

    .evo_elm_lb_window.show .eelb_in{
    	transform: scale(1); opacity: 1;
    }
    .evo_elm_lb_window span{display: block;padding:5px 8px 5px 30px;cursor: pointer;position: relative;}
    .evo_elm_lb_window span:hover{background-color: #f3f3f3}
    .evo_elm_lb_window span.select{color:var(--evo_color_prime);}
    .evo_elm_lb_window span.select:before {
        content: "";
        border-left: 4px solid var(--evo_color_prime);
        border-bottom: 4px solid var(--evo_color_prime);
        width: 8px;
        display: block;
        height: 4px;
        transform: rotate(-45deg);
        position: absolute;
        left: 10px;
        margin-top: 3px;
        box-sizing: content-box;
    }   
    .eelb_i_i{max-height: 200px; overflow-y: scroll;}
    .evo_elm_lb_window.show .eelb_in:before{
    	content: "";
        position: absolute;
        top: 0;
        margin-top: -15px;
        left: 50%;
        margin-left: -10px;
        width: 21px;
        height: 21px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiM4ODk4QUEiIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xIDkuMDkyaDE5bC02LjQwMi02Ljc0Yy0xLjcxNy0xLjgwNi00LjQ4NS0xLjgtNi4xOTYgMEwxIDkuMDkzek0yMC4zNDIgOGwtNi4wMi02LjMzNmMtMi4xMDgtMi4yMi01LjUzOC0yLjIxOC03LjY0NSAwTC42NTggOGgxOS42ODR6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNDAyIDIuMzUzYzEuNzExLTEuODAxIDQuNDgtMS44MDcgNi4xOTYgMEwyMCA5LjA5M0gxbDYuNDAyLTYuNzR6Ii8+PC9nPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .evo_elm_lb_window.above .eelb_in:before {
            transform: rotate(180deg);
        top: auto;
        bottom: 0;
        margin-bottom: -15px;
    }
/* plus minus */
    .evoelm_plusminus.evo_elm_row{
        gap: 10px;display: flex;align-items: center;flex-wrap: wrap;
    } 
    .evo_plusminus_adjuster{display: flex;flex-direction: row; position: relative;}
    .evo_plusminus_adjuster .evo_plusminus_change{
        border-radius: 50%;
        height: 30px;
        width: 30px;
        color: var(--evo_color_1);
        display: inline-block;
        line-height: 26px;
        text-align: center;
        font-weight: normal;
        cursor: pointer; position: absolute;
        top: 5px; left:5px;
        padding: 0;
        box-sizing: border-box;
            flex: 0 0 30px;
    }
    .evo_plusminus_adjuster .evo_plusminus_change.plu{left: auto; right: 5px;}
    .evo_elm_row .evo_field_plusminus_container.evo_field_container{
        display: inline-block;
        background-color: #f1f1f1;
        border-radius: 25px; padding: 0px;
    } 
    .evo_plusminus_adjuster .evo_plusminus_change:hover{background-color: var(--evo_color_prime); color:#fff;}
    .evo_plusminus_adjuster .evo_plusminus_change.plu{line-height: 28px;    }
    .evo_plusminus_adjuster em{
        font-style: normal;
        font-size: 18px;
        font-weight: bold;
        padding: 5px 10px;
    }
    body .evo_elm_row .evo_plusminus_adjuster input.evo_plusminus_change_input{
        border: none;
        box-shadow: none;
        margin: 0!important;
        background-color: transparent;
        text-align: center;
        padding: 5px 30px!important;
        width: 130px!important;
        height: 40px!important;
        border-radius: 20px;
    }
/* color picker */
    .evo_elm_color{display: block;height: 35px;width: 60px!important; border-radius: 25px; background-color: #888}
/* Select in a row */
    p.evo_row_select {display: flex;align-items: center;}
    p.evo_row_select span.values{background-color: #e8e8e8;display: flex;
      overflow: hidden;padding:10px;flex-wrap: wrap;gap:5px;}


    .innersection p.evo_row_select span.values,
    .evo_edit_field_box p.evo_row_select span.values
    {background-color: #e3e3e3}
    
    p.evo_row_select span span:hover{ background-color: var(--evo_color_white);   border-radius: 20px;}
    p.evo_row_select span span.select{   background-color: var(--evo_color_1);color:#fff;border-radius: 20px}
    
    p.evo_row_select span span{padding:8px 15px;color:#636363;cursor: pointer;line-height: 1 ;    }
    .evoelm_CSF .evoelm_csf_section{
        transition: all 0.3s ease; opacity: 1;
    }
    .evoelm_CSF .csf_section[style*="display: none"] {
        opacity: 0; height: 0; overflow: hidden;
    }
/* duration select @4.9.2 */
    .evoelm_durationselect .evo_field_container{background-color: var(--evo_boxcolor_1);}
    .evo_edit_field_box .evoelm_durationselect .evo_field_container
    {background-color: #e3e3e3}

/* block button @4.9.2*/
    .evoelm_blockbtn{ background-color: #f0f0f0; flex:1 0 100px;   }
    .evoelm_blockbtn.on, .evoelm_blockbtn.on:hover{ background-color: #bce9ff;}
    .evoelm_blockbtn:hover{background-color: #e1eef4;}
    .evoelm_blockbtn i{opacity: 0.3}
    .evoelm_blockbtn.on i{opacity: 1}
    .evoelm_blockbtn .evotooltip{margin:0; opacity: 0.5}
    .evoelm_blockbtn .evotooltip:hover{opacity: 1}

/* select 3 @4.9 */
    .evoelm_sel3 .evoelm_sel3_list.show:before{
        content:"";
    }
    .evoelm_sel3 .evoelm_sel3_list .evoelm_sel3_item_trig{background-color: #fff;pointer-events: all;}
    .evoelm_sel3 .evoelm_sel3_list .evoelm_sel3_item_trig:hover{background-color: var(--evo_color_second);}
    .evoelm_sel3 .evoelm_sel3_list.show{
        pointer-events: none;
        display: block; overflow: hidden;
        top: 0px; padding-top: 42px;
        z-index: 99999;
        box-shadow: 0px 4px 10px -5px #333;
        left: 0;
    }
    .evoelm_sel3_option_1:hover{background-color: var(--evo_color_second);}
    .evoelm_sel3_option_1 .fa{
        cursor: pointer;
        color: var(--evo_color_1);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        margin: 0;
        border-radius: 40px;
    }
    .evoelm_sel3_option_1 .fa:hover{    background-color: var(--evo_color_1);    color: #fff;}
    .evoelm_sel3_option_1 .evoelm_sel3_sel_trig{
        display: flex; flex-direction: row;align-items: center; justify-content: space-between;
    }
/* afterstatement field */
    .evo_elm_afterstatement {
        background-color: transparent;
        padding: 10px;margin-bottom: 10px;
        border-radius: 15px;
        border: 1px solid #cccaca;
    }
    .evo_elm_afterstatement .ajde_yn_btn_label{margin-bottom: 0!important}

/* import/upload files */
    .evo_data_upload_window{
        background-color: #4c4c4c;
        color: #fff;
        width: 300px;
        z-index: 10;
        position: absolute;
        bottom: 40px;
        padding: 30px;
        box-shadow: 0px 0px 20px 0px #4c4c4c;
        border-radius: 15px;
        overflow: hidden;
    }
    .evo_data_upload_window > *{color:#fff;}
    .evo_data_upload_window input{
        background-color: var(--evo_color_1);padding:20px!important; margin-bottom: 10px;
        border: none; box-shadow: none;width: 100%;
        border-radius: 10px;
    }

    .evo_data_upload_window_close{
        cursor: pointer;
        color: #b3b3b3;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 14px;
        border: 1px solid #b3b3b3;
        border-radius: 50%;
        font-family: var(--evo_main_font);
        height: 22px;
        width: 25px;
        text-align: center;
        padding-top: 3px;
        opacity: 0.5;
    }
    .evolb_content .evo_data_upload_window.lightbox{
        position: relative;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        color: var(--evo_color_1);
        bottom: 0;
        padding: 20px;
        box-sizing: border-box;
    }
    .evolb_content .evo_data_upload_window.lightbox > *{color:var(--evo_color_1);}
    .evolb_content .evo_data_upload_window.lightbox .evo_data_upload_window_close,
    .evolb_content .evo_data_upload_window.lightbox h3{display: none;}
    .evolb_content .evo_data_upload_window input{background-color: #e9e9e9}

/* Tool tips */
    .evo_elms{
        position: absolute;
        top:0;
        z-index: 48392749832;
        pointer-events: none;
    }
    .evo_elms .evo_tooltip_box{
        -webkit-transition: transform .1s ease;
        -moz-transition: transform .1s ease;
        -ms-transition: transform .1s ease;
        -o-transition: transform .1s ease;
        transition: transform .1s ease;
        pointer-events: none;
        background-color: #3a4652;
        color: #fff;
        padding: 10px 12px;
        font-size: 12px;
        font-style: normal;
        border-radius: 10px 10px 10px 0px;;
        box-shadow: 0px 0px 10px 0px #0000004a;
        position: relative;
        opacity: 0;
        display: inline-block;
        transform: translateY(5px );
        max-width: 200px;
        word-wrap: break-word;
    }
    .evo_elms .evo_tooltip_box.show{
        opacity: 1;
        transform: translateY(0px );
    }
    .evo_elms .evo_tooltip_box:before{
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 0;
        border-color: #3a4652 transparent transparent transparent;
        position: absolute;
        bottom: 0;left:0;
        margin-bottom: -12px;
    }
    .evo_elms .evo_tooltip_box.evocenter{border-radius: 10px;}
    .evo_elms .evo_tooltip_box.evocenter:before{
        border-width: 12px 9px 0 9px;
        left:calc(50% - 6px);
        border-color: #3a4652 transparent transparent transparent;
    }
    .evo_elms .evo_tooltip_box.L{border-radius: 10px 10px 0px 10px;}
    .evo_elms .evo_tooltip_box.L:before{
        content: "";
        border-width: 0 12px 12px 0 ;
        border-color: transparent #3a4652 transparent  transparent;
        left:auto;right:0px;
    }
    .evotooltipfree{position: relative;}

    .evotooltip.free{
        color: var(--evo_color_1);
        width: auto;
        position: relative;
        margin: 0;
    }
    .evotooltip.free:before, .ajdeToolTip.free:before{content:none;}
    .evotooltip:before, .ajdeToolTip:before{
        content: "!";
        font-style: normal;
        display: inline-block;
        color: #fff;
        font-size: 10px;
        background-color: var(--evo_color_1);
        padding: 3px;
        border-radius: 50%;
        height: 16px;
        width: 16px;
        line-height: 10px;
        opacity: 0.7;
        box-sizing: border-box;
        font-family: var(--evo_font_2); font-weight: bold;
    }
    .evotooltip.ajdeToolTip:hover:before, .evotooltip:hover:before;{opacity: 1;}
    .evotooltip, 
    span.ajdeToolTip, 
    .yesno_row span.ajdeToolTip{
        padding-left: 0;
        margin-left:4px;
        text-align: center;
        font-style: normal;
        /*position: absolute;
        width: 13px;
        height: 14px;*/
        line-height: 110%;
        border-radius:0px;
        color:#fff;
        padding:0;
        font-style:normal;
        cursor: pointer;
        display:inline-block;   box-sizing: content-box;    
    }
    .ajdeToolTip:hover, .yesno_row .ajdeToolTip:hover, .evotooltip:hover;{opacity: 1}
    .ajdeToolTip em{display:none;}
   
    /* overrides */
    #eventon_widget_settings .ajdeToolTip:before{margin-top:2px;}
    #ajdePOSH_outter label .ajdeToolTip{right: 10px;}
    #ajdePOSH_outter .ajdeToolTip{ right: 0;top: 5px;  padding: 0;}

/* Settings row item */
    .evoelm_settings_row{}
    .evoelm_settings_row.evosortable{}
    .evoelm_settings_row.evosortable li{padding-left: 30px;}
    .evoelm_settings_row.evosortable li:before{
        content: "";position: absolute;top: 50%;left: 8px;width: 0.7em; height: 0.125em;border-top: 0.375em double #a0a0a0; border-bottom: 0.125em solid #a0a0a0; margin-top: -0.3em; cursor: move;
    }
    .evoelm_settings_row li{
        position: relative;
        padding: 5px;
        padding-left: 20px;
        margin: 0;
        position: relative;
        margin-bottom: 10px;
        border: 1px solid var(--evo_color_1);
        border-radius: 20px;
        align-items: center;
    }
    .evoelm_settings_row li:hover{
        background-color: var(--evo_color_second);
    }
    .evoelm_settings_row .actions{}    
    .evoelm_settings_row .actions i{
        cursor: pointer;
        color: var(--evo_color_1);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        margin: 0;
        border-radius: 40px;
    }
    .evoelm_settings_row li.od_row .other_data{
        flex-direction: row;
        display: flex;
        gap: 10px;
    }
    .evoelm_settings_row .actions i:hover{
        background-color: var(--evo_color_1);
        color: #fff;
    }

/* Evo Snackbar @since 4.8 */
    #evo_snackbar {
        max-width: 600px;
        margin-left: 10px;
        background-color: #000000d9;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        padding: 12px 20px;
        position: fixed;
        z-index: 1;
        right: 20px;
        bottom: 30px;
        font-size: 13px;
        backdrop-filter: blur(16px) saturate(180%);
        box-shadow: 0 1px 2px #0000000d, 0 2px 3px #0000000a, 0 6px 6px #00000008, 0 8px 8px #00000005;
        opacity: 0;
        transform: translateY(90px);
        transition: all 0.2s;
        pointer-events: auto;
    }

    #evo_snackbar.show {  opacity: 1;    transform: translateY(0);    }
    #evo_snackbar:hover{box-shadow: 0px 0px 10px 0 #333;}
    #evo_snackbar.hide { opacity: 0; transition: opacity 0.5s;    }


/* in event metabox */
    #evo_mb .evo_meta_elements label.ajde_yn_btn_label{margin:0;}
    .evo_meta_elements .evo_elm_row
        {padding:10px 0px;display: flex;justify-content: space-between;align-items: center;}
    .evo_meta_elements .evo_elm_row:last-child{border:none;}
    .evo_meta_elements .evo_elm_row .evo_field_container{margin-bottom: 0px;width:50%;}
    .evo_meta_elements .evo_elm_row .evo_field_container >* {width: 100%; box-sizing: border-box;}
    .evo_meta_elements .evo_elm_row.evo_elm_notice{padding-bottom: 8px;}
    .evo_meta_elements .evo_elm_row.yesno_row{padding-bottom: 15px;}
    .evo_meta_elements .evo_elm_row .evo_field_container.visi{display: flex;}
    .evo_meta_elements .evo_elm_row .evo_field_container.visi .evo_elm_color{margin-right: 10px}

/* general meta boxes */
    .yesno_leg_line .ajde_yn_btn{position: relative;}
    .evo_elm_row.yesno_row, .yesno_row, .yesno_leg_line{display: flex; padding:5px 0;justify-content: flex-start;}
    .evo_elm_row.yesno_row .field_name{margin-bottom: 10px;}
