/*---General CSS */

:root {

    /*--colors variable--*/
    --ep-light-color: 248,249,250;
    --ep-dark-color: 33,37,41;
    --ep-white-color: 255,255,255;
    --ep-black-color: 0,0,0;
    --ep-border-color: #dee2e6;
    --ep-border-light-color: #e8e8e8;
    --ep-border-dark-color:0,0,0;
    --ep-default-color: #1a202c;
    --ep-body-color: #212529;
    --ep-border-opacity-color :rgb(34 113 177 / 50%);
    --ep-warning-color: 255,193,7;
    --ep-warning-text: #997404;
    --ep-warning-bg-subtle: #fff3cd;
    --ep-warning-border-subtle: #ffe69c;
    --ep-success-color: 25,135,84;
    --ep-danger-color: 220,53,69;
    --ep-dark-bg: 33,37,41;
    --ep-transparent-bg:transparent;
    --ep-secondary-rgb: 108,117,125;
    --ep-primary-rgb:34, 113, 177;
    /*--colors--*/

    /*-- border radius --*/
    --ep-border-radius: 0.375rem;
    --ep-border-radius-sm: 0.25rem;
    --ep-border-radius-lg: 0.5rem;
    --ep-border-radius-2xl: 2rem;
    --ep-border-radius-pill: 50rem;
    /*-- border radius End --*/
}


.emagic * {
    box-sizing: border-box;
}

/* --colors --*/

.ep-button-text-color {
    color:var(--ep-default-color);
}
.ep-text-warning {
    --ep-text-opacity: 1;
    color: rgba(var(--ep-warning-color),var(--ep-text-opacity))!important;
}

.ep-text-danger {
    --ep-text-opacity: 1;
    color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;
}

.ep-text-success {
    --ep-text-opacity: 1;
    color: rgba(var(--ep-success-color),var(--ep-text-opacity))!important;
}

/* --colors Ends --*/

/* --background color --*/

.ep-bg-light {

    background-color: rgba(var(--ep-light-color));
}

.emagic .ep-bg-white {

    background-color: rgba(var(--ep-white-color));
}

.ep-bg-success {
    --ep-bg-opacity: 1;
    background-color: rgba(var(--ep-success-color),var(--ep-bg-opacity))!important;
}


/*background color Ends:---*/

/*---Borders--- ---*/


.emagic .ep-border,
.ep-blocks .ep-border{
    --ep-border-width: 1px;
    --ep-border-style: solid;
    border: var(--ep-border-width) var(--ep-border-style) var(--ep-border-color)!important;
}

.ep-rounded {
    border-radius: var(--ep-border-radius);
}

.ep-rounded-1{
    border-radius:  var(--ep-border-radius-sm)
}

.ep-border-2 {
    border: 2px solid var(--ep-border-color);
}



.ep-border-top {
    border-top: 1px solid var(--ep-border-color);
}

.ep-border-bottom {
    --ep-border-width: 1px;
    border-bottom: var(--ep-border-width) solid var(--ep-border-color)!important;
}

.ep-border-left {
    --ep-border-width: 1px;
    border-left: var(--ep-border-width) solid var(--ep-border-color)!important;
}

.ep-border-right {
    --ep-border-width: 1px;
    border-right: var(--ep-border-width) solid var(--ep-border-color)!important;
}

.border-primary {
    --ep-border-opacity: 1;
    border-color: rgba(var(--ep-primary-color),var(--ep-border-opacity))!important;
}

.ep-rounded-top {
    border-top-left-radius: var(--ep-border-radius)!important;
    border-top-right-radius: var(--ep-border-radius)!important;
}

.ep-rounded-bottom {
    border-bottom-left-radius: var(--ep-border-radius)!important;
    border-bottom-right-radius: var(--ep-border-radius)!important;
}

.ep-border-right-2 {
    --ep-border-width: 2px;

}


.emagic .ep-border-top-0 {
    border-top: 0!important;
}

.emagic .ep-border-bottom-0 {
    border-bottom: 0!important;
}


.ep-border-opacity-50 {
    --ep-border-opacity: 0.5;
}

/*---Borders End---*/


.ep-img-fluid {
    max-width: 100%;
    height: auto;
}

.ep-white-space {
    white-space: nowrap;
}


/*--Typography--*/

.ep-text-primary {
    color: rgba(var(--ep-primary-rgb), 1) !important;
}

.ep-text-white{
    --ep-text-opacity: 1;
    color: rgba(var(--ep-white-color),var(--ep-text-opacity))!important;
}


.ep-text-muted {
    opacity: 1;
    color: #6c757d!important;
}

.ep-text-dark {
    opacity: 1;
    color: #212529!important;
}

.ep-text-small{
    font-size: .875em !important;
}

.ep-fw-bold {
    font-weight: 700!important;
}

.ep-fw-normal {
    font-weight: 400!important;
}

.ep-text-uppercase {
    text-transform: uppercase!important;
}

.ep-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.ep-fs-6 {
    font-size: 1rem!important;
}

.ep-fs-5 {
    font-size: 1.25rem!important;
}

.ep-fs-4 {
    font-size: 1.5rem!important;
}

.ep-fs-3 {
    font-size: 1.75rem!important;
}

.ep-fs-2 {
    font-size: 2rem!important;
}

.ep-fs-1 {
    font-size: 2.5rem!important;
}

body .emagic .h1,
body .emagic .h2,
body .emagic .h3,
body .emagic .h4,
body .emagic .h5,
body .emagic.h6,
body .emagic h1,
body .emagic h2,
body .emagic h3,
body .emagic h4,
body .emagic h5,
body .emagic h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-style: normal;
}



/*--Typography End--*/


/* Edit Detete--*/

.ep-item-delete{
    --ep-text-opacity: 1;
    color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;

}

.ep-item-delete:hover{
    --ep-text-opacity: .8;
    color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;

}

/* Edit Detete--*/


/*---Sizing---*/

.ep-box-h-100{
    height: 100%;
}
.ep-box-w-25{
    width: 25% !important;
}
.ep-box-w-50{
    width: 50%!important;
}
.ep-box-w-75{
    width: 75%!important;
}
.ep-box-w-35{
    width: 35%!important;
}
.ep-box-w-65{
    width: 65%!important;
}
.ep-box-w-100{
    width: 100%!important;
}

/*---Sizing End---*/

/*-- Positions---*/

.ep-position-relative {
    position: relative!important;
}

.ep-position-absolute {
    position: absolute!important;
}

.ep-position-sticky {
    position: sticky !important; 
}

.ep-z-index {
    z-index: 999

}

/*-- Positions end---*/


/*--MetaBox Title--*/

.ep-metabox-title {
    margin-bottom: 20px;
}

.ep-metabox-title h2 {
}


/*--MetaBox Title End--*/


/*-- Paddings--*/

.ep-p-3 {
    padding: 1rem!important;
}


.ep-p-1 {
    padding: 0.25rem!important;
}
.ep-p-2{
    padding: 0.5rem!important;
}

.ep-p-4{
    padding: 1.5rem!important;
}
.ep-py-3 {
    padding: 1rem 0rem;
}

.ep-py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

.ep-py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.ep-py-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}

.ep-pt-2 {
    padding-top: 0.5rem!important;

}

.ep-pt-4 {
    padding-top: 1.5rem!important;
}


.ep-px-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
}

.ep-px-2 {
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
}

.ep-px-3 {
    padding: 0rem 1rem;
}

.ep-px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}

.ep-p-0{
    padding: 0px !important;
}

.ep-px-0{
    padding-right: 0!important;
    padding-left: 0!important
}

.ep-py-0{
    padding-top: 0!important;
    padding-bottom: 0!important
}

.ep-ps-3 {
    padding-left: 1rem!important;
}

.ep-box-pl-0, .ep-box-px-0 {
    padding-left: 0!important;
}
.ep-box-pr-0, .ep-box-px-0 {
    padding-right: 0!important;
}

.ep-box-py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.ep-py-1{
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
}

.ep-box-px-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.ep-pt-3 {
    padding-top: 1rem ;
}
.ep-pb-3 {
    padding-bottom: 1rem ;
}
.ep-pb-1 {
    padding-bottom: 0.25rem!important;
}
.ep-pb-2 {
    padding-bottom: 0.5rem ;
}


/*-- Paddings End:--*/

/*-- Margins--*/

.ep-mb-5 {
    margin-bottom: 3rem!important;
}


.ep-mb-3 {
    margin-bottom: 1rem!important;
}
.ep-mb-4 {
    margin-bottom: 1.5rem!important;
}

.ep-mt-4 {
    margin-top: 1.5rem!important;
}

.ep-mt-5 {
    margin-top: 3rem!important;
}

.ep-mt-3 {
    margin-top: 1rem!important;
}

.ep-mt-1 {
    margin-top: 0.25rem!important;
}

.ep-mt-2 {
    margin-top: 0.5rem!important;
}

.ep-mb-2 {
    margin-bottom: 0.5rem!important;
}

.ep-m-2 {
    margin: 0.5rem!important;
}
.ep-m-3 {
    margin: 1rem!important;
}
.ep-m-0{
    margin: 0px !important;
}

.ep-mt-0 {
    margin-top: 0rem!important;
}
.ep-mb-0 {
    margin-bottom: 0rem!important;
}

.ep-ml-2{
    margin-left: 0.5rem!important;
}
.ep-ml-3{
    margin-left: 1rem!important;
}
.ep-ml-4{
    margin-left: 1.5rem!important;
}
.ep-mr-3{
    margin-right: 1rem!important;
}

.ep-mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}

.ep-mt-auto {
    margin-top: auto!important;
}

.ep-ms-auto {
    margin-left: auto!important;
}
.ep-mx-2{
    margin-left: 0.5rem!important;
    margin-right: 0.5rem!important;
}


.ep-mx-3{
    margin-left: 1rem!important;
    margin-right: 1rem!important;
}
.ep-mr-2{
    margin-right: 0.5rem!important;
}

.ep-mr-1{
    margin-right: 0.25rem!important;
}

.ep-ml-1{
    margin-left: 0.25rem!important;
}

.ep-my-1{
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
}

.ep-my-2{
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}

.ep-my-3{
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}

.ep-my-4{
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}

.ep-my-5{
    margin-top: 2rem!important;
    margin-bottom: 2rem!important;
}

.ep-mx-0{
    margin-left: 0rem!important;
    margin-right: 0rem!important;
}

.ep-my-0{
    margin-top: 0rem!important;
    margin-bottom: 0rem!important;
}

.ep-box-ml-0, .ep-box-mx-0 {
    margin-left: 0!important;
}
.ep-box-mr-0, .ep-box-mx-0 {
    margin-right: 0!important;
}


/*-- Margins Ends--*/

/*---Alignments---*/

.ep-items-center {
    align-items: center!important;
}

.ep-align-items-center {
    align-items: center!important;
}

.ep-items-end {
    align-items: flex-end!important;
}

.ep-items-start {
    align-items: flex-start!important;
}

.ep-content-center{
    justify-content: center!important;
}

.ep-content-left{
    justify-content: flex-start !important;
}

.ep-content-right{
    justify-content: flex-end!important;
}

.ep-justify-content-between {
    justify-content: space-between!important;
}

.ep-justify-content-end {
    justify-content: flex-end!important;
}
.ep-justify-content-center {
    justify-content: center!important;
}

.ep-align-right{
    text-align: right;
}

.ep-text-start {
    text-align: left!important;
}

.ep-text-end {
    text-align: right;
}

.ep-text-center {
    text-align: center!important;
}

.ep-align-middle {
    vertical-align: middle!important;
}

.ep-align-top {
    vertical-align: top!important;
}

.ep-align-bottom {
    vertical-align: bottom!important;
}


/*---Aligments End*/


/*--Input Disabled--*/

.ep-disabled-input {
    opacity: 1;
    pointer-events: none;
}

input.ep-disabled-input {
    background-color: #f0f0f1;
    border: 1px solid #ccc;
}

/*--Input Disabled--*/

/*--Element Hide--*/

.ep-item-hide{
    display:none
}

.ep-d-none{
    display:none !important;
}

.ep-d-inline-block {
    display: inline-block!important;
}

/*--Element Hide End--*/

label.ep-form-label .material-icons {
    vertical-align: text-bottom;
    font-size: 1rem;
}

/*--Pointer events---*/

.ep-pe-none {
    pointer-events: none!important;
}

.ep-cursor{
    cursor: pointer;
}

.ep-cursor-move{
    cursor: move;
}
.ep-cursor-grab{
    cursor: grab;
}
.ep-text-decoration-none{
    text-decoration: none;
}

.ep-desc-truncate {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

/*--Pointer events End---*/

/*-- Form Input ---*/


.ep-form-control {
    width: 100%;
    padding: 0.375rem 0.75rem;
}

select.ep-form-control + span.select2-container {
    width: 100% !important;
}

#ep_setting_form select.ep-form-control{
    width: 25em;
}

#ep_setting_form input.ep-form-control{
    width: 25em;
}
#ep_setting_form input.ep-form-control {
}

#ep_setting_form .ep-modal-view select.ep-form-control {

}

#ep_setting_form select#eventprime_theme{
      text-transform: capitalize;
}

.ep-form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.ep-form-check-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.ep-form-check .ep-form-check-input {
    margin-left: -1.5em;
    float: left;
}

.emagic .ep-form-check-input {
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label.ep-form-check-label {
    display: inline-block;
    line-height: 20px;
}

/*-- Form Input End ---*/


/*--overflow--*/

.ep-overflow-hidden {
    overflow: hidden!important;
}
.ep-overflow-auto {
    overflow: auto!important;
}
.ep-overflow-visible {
    overflow: visible!important;
}
.ep-overflow-scroll {
    overflow: scroll!important;
}

.ep-overflow-y-hidden {
    overflow-y: hidden !important;
}

/*--Overflow End--*/

.ep-lh-0 {
    line-height: 0!important;
}

.ep-lh-1 {
    line-height: 1!important;
}

.ep-lh-sm {
    line-height: 1.25!important;
}

.ep-lh-base {
    line-height: 1.5!important;
}

.ep-lh-lg {
    line-height: 2!important;
}

.ep-lh-normal {
    line-height: normal!important;
}


.ep-flex-wrap{
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.ep-flex-nowrap{
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}

.ep-flex-column {
    flex-direction: column!important;
}

.ep-inline-block{
    display: inline-block;
}

.ep-d-flex {
    display: flex;
}
.ep-flex-1{
    flex: 1;
}

.ep-di-flex {
    display: inline-flex;
}


.ep-box-wrap{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.ep-shadow-none{
    box-shadow: none!important;
}

.ep-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.ep-shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.ep-box-row{
    --ep-gutter-x: 1.5rem;
    --ep-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--ep-gutter-y));
    margin-right: calc(-.5 * var(--ep-gutter-x));
    margin-left: calc(-.5 * var(--ep-gutter-x));
}

.ep-box-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ep-gutter-x) * .5);
    padding-left: calc(var(--ep-gutter-x) * .5);
    margin-top: var(--ep-gutter-y);
}


.ep-box-col-1,
.ep-box-col-2,
.ep-box-col-3,
.ep-box-col-4,
.ep-box-col-5,
.ep-box-col-6,
.ep-box-col-7,
.ep-box-col-8,
.ep-box-col-9,
.ep-box-col-10,
.ep-box-col-11,
.ep-box-col-12,
.ep-box-col,
.ep-box-col-left-2,
.ep-box-col-right-10{
    position: relative;
    width: 100%;
    min-height: 1px;

}


@media (min-width: 540px){

    /*-- Other CSS----*/

    .ep-xsm-text-start {
        text-align: left!important;
    }

    .ep-xsm-text-end {
        text-align: right;
    }

    .ep-xsm-text-center {
        text-align: center!important;
    }

}


@media (min-width: 768px){


    .ep-box-col-sm-1{
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .ep-box-col-sm-2{
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;

    }

    .ep-box-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .ep-box-col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .ep-box-col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }


    .ep-box-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ep-box-col-sm-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;

    }

    .ep-box-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .ep-box-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .ep-box-col-sm-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .ep-box-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .ep-box-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .emagic * {
        box-sizing: border-box;
    }


    /* --colors --*/

    .ep-button-text-color {
        color:var(--ep-default-color);
    }
    .ep-text-warning {
        --ep-text-opacity: 1;
        color: rgba(var(--ep-warning-color),var(--ep-text-opacity))!important;
    }

    .ep-text-danger {
        --ep-text-opacity: 1;
        color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;
    }

    .ep-text-success {
        --ep-text-opacity: 1;
        color: rgba(var(--ep-success-color),var(--ep-text-opacity))!important;
    }

    /* --colors Ends --*/

    /* --background color --*/

    .ep-bg-light {
        background-color: rgba(var(--ep-light-color));
    }
    .ep-bg-dark {
        --ep-bg-opacity: 1;
        background-color: rgba(var(--ep-dark-bg),var(--ep-bg-opacity))!important;
    }
    .ep-bg-white {
        --ep-bg-opacity: 1;
        background-color: rgba(var(--ep-white-color),var(--ep-bg-opacity))!important;
    }
    .emagic .ep-bg-white {
        background-color: rgba(var(--ep-white-color));
    }
    .ep-bg-success {
        --ep-bg-opacity: 1;
        background-color: rgba(var(--ep-success-color),var(--ep-bg-opacity))!important;
    }


    /*background color Ends:---*/



    /*---Borders--- ---*/


    .emagic .ep-border,
    .ep-blocks .ep-border{
        --ep-border-width: 1px;
        --ep-border-style: solid;
        border: var(--ep-border-width) var(--ep-border-style) var(--ep-border-color)!important;
    }

    .ep-rounded {
        border-radius: var(--ep-border-radius);
    }
    
    .ep-rounded-0 {
        border-radius: 0 !important;
    }

    .ep-rounded-1{
        border-radius:  var(--ep-border-radius-sm)
    }

    .ep-border-2 {
        border: 2px solid var(--ep-border-color);
    }
    .ep-rounded-circle {
        border-radius: 50%!important;
    }

    .ep-border-top {
        border-top: 1px solid var(--ep-border-color);
    }

    .ep-border-bottom {
        --ep-border-width: 1px;
        border-bottom: var(--ep-border-width) solid var(--ep-border-color)!important;
    }

    .ep-border-left {
        --ep-border-width: 1px;
        border-left: var(--ep-border-width) solid var(--ep-border-color)!important;
    }

    .ep-border-right {
        --ep-border-width: 1px;
        border-right: var(--ep-border-width) solid var(--ep-border-color)!important;
    }

    .border-primary {
        --ep-border-opacity: 1;
        border-color: rgba(var(--ep-primary-color),var(--ep-border-opacity))!important;
    }

    .ep-rounded-top {
        border-top-left-radius: var(--ep-border-radius)!important;
        border-top-right-radius: var(--ep-border-radius)!important;
    }

    .ep-rounded-bottom {
        border-bottom-left-radius: var(--ep-border-radius)!important;
        border-bottom-right-radius: var(--ep-border-radius)!important;
    }

    .ep-border-right-2 {
        --ep-border-width: 2px;

    }


    .emagic .ep-border-top-0 {
        border-top: 0!important;
    }

    .emagic .ep-border-bottom-0 {
        border-bottom: 0!important;
    }


    .ep-border-opacity-50 {
        --ep-border-opacity: 0.5;
    }

    /*---Borders End---*/


    .ep-img-fluid {
        max-width: 100%;
        height: auto;
    }

    .ep-white-space {
        white-space: nowrap;
    }


    /*--Typography--*/

    .ep-text-primary {
        color: rgba(var(--ep-primary-rgb), 1) !important;
    }

    .ep-text-white{
        --ep-text-opacity: 1;
        color: rgba(var(--ep-white-color),var(--ep-text-opacity))!important;
    }


    .ep-text-muted {
        opacity: 1;
        color: #6c757d!important;
    }

    .ep-text-dark {
        opacity: 1;
        color: #212529!important;
    }

    .ep-text-small{
        font-size: .875em !important;
    }

    .ep-fw-bold {
        font-weight: 700!important;
    }

    .ep-fw-normal {
        font-weight: 400!important;
    }

    .ep-text-uppercase {
        text-transform: uppercase!important;
    }

    .ep-text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ep-fs-6 {
        font-size: 1rem!important;
    }

    .ep-fs-5 {
        font-size: 1.25rem!important;
    }

    .ep-fs-4 {
        font-size: 1.5rem!important;
    }

    .ep-fs-3 {
        font-size: 1.75rem!important;
    }

    .ep-fs-2 {
        font-size: 2rem!important;
    }

    .ep-fs-1 {
        font-size: 2.5rem!important;
    }

    body .emagic .h1,
    body .emagic .h2,
    body .emagic .h3,
    body .emagic .h4,
    body .emagic .h5,
    body .emagic.h6,
    body .emagic h1,
    body .emagic h2,
    body .emagic h3,
    body .emagic h4,
    body .emagic h5,
    body .emagic h6 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
        font-style: normal;
    }



    /*--Typography End--*/


    /* Edit Detete--*/

    .ep-item-delete{
        --ep-text-opacity: 1;
        color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;

    }

    .ep-item-delete:hover{
        --ep-text-opacity: .8;
        color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important;

    }

    /* Edit Detete--*/


    /*---Sizing---*/

    .ep-box-h-100{
        height: 100%;
    }
    .ep-box-w-25{
        width: 25% !important;
    }
    .ep-box-w-50{
        width: 50%!important;
    }
    .ep-box-w-75{
        width: 75%!important;
    }
    .ep-box-w-35{
        width: 35%!important;
    }
    .ep-box-w-65{
        width: 65%!important;
    }
    .ep-box-w-100{
        width: 100%!important;
    }

    /*---Sizing End---*/

    /*-- Positions---*/

    .ep-position-relative {
        position: relative!important;
    }

    .ep-position-absolute {
        position: absolute!important;
    }

    .ep-z-index {
        z-index: 999

    }

    /*-- Positions end---*/




    /*--MetaBox Title--*/

    .ep-metabox-title {
        margin-bottom: 20px;
    }

    .ep-metabox-title h2 {
    }


    /*--MetaBox Title End--*/


    /*-- Paddings--*/
    .ep-p-5{
        padding: 3rem!important;
    }

    .ep-p-3 {
        padding: 1rem!important;
    }


    .ep-p-1 {
        padding: 0.25rem!important;
    }
    .ep-p-2{
        padding: 0.5rem!important;
    }

    .ep-p-4{
        padding: 1.5rem!important;
    }
    .ep-py-3 {
        padding: 1rem 0rem !important;
    }

    .ep-py-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .ep-py-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    .ep-py-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important;
    }

    .ep-pt-2 {
        padding-top: 0.5rem!important;

    }

    .ep-pt-4 {
        padding-top: 1.5rem!important;
    }


    .ep-px-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important;
    }

    .ep-px-2 {
        padding-left: 0.5rem!important;
        padding-right: 0.5rem!important;
    }

    .ep-px-3 {
        padding: 0rem 1rem;
    }

    .ep-px-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .ep-p-0{
        padding: 0px !important;
    }

    .ep-px-0{
        padding-right: 0!important;
        padding-left: 0!important
    }

    .ep-py-0{
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .ep-ps-3 {
        padding-left: 1rem!important;
    }

    .ep-box-pl-0, .ep-box-px-0 {
        padding-left: 0!important;
    }
    .ep-box-pr-0, .ep-box-px-0 {
        padding-right: 0!important;
    }

    .ep-box-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .ep-py-1{
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important;
    }

    .ep-box-px-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .ep-pt-3 {
        padding-top: 1rem ;
    }
    .ep-pb-3 {
        padding-bottom: 1rem ;
    }
    .ep-pb-2 {
        padding-bottom: 0.5rem ;
    }



    /*-- Paddings End:--*/

    /*-- Margins--*/

    .ep-mb-5 {
        margin-bottom: 3rem!important;
    }


    .ep-mb-3 {
        margin-bottom: 1rem!important;
    }
    .ep-mb-4 {
        margin-bottom: 1.5rem!important;
    }


    .ep-mt-4 {
        margin-top: 1.5rem!important;
    }

    .ep-mt-5 {
        margin-top: 3rem!important;
    }

    .ep-mt-3 {
        margin-top: 1rem!important;
    }

    .ep-mt-1 {
        margin-top: 0.25rem!important;
    }

    .ep-mt-2 {
        margin-top: 0.5rem!important;
    }

    .ep-mb-2 {
        margin-bottom: 0.5rem!important;
    }

    .ep-m-2 {
        margin: 0.5rem!important;
    }
    .ep-m-3 {
        margin: 1rem!important;
    }
    .ep-m-0{
        margin: 0px !important;
    }

    .ep-mt-0 {
        margin-top: 0rem!important;
    }
    .ep-mb-0 {
        margin-bottom: 0rem!important;
    }

    .ep-ml-2{
        margin-left: 0.5rem!important;
    }
    .ep-ml-3{
        margin-left: 1rem!important;
    }
    .ep-ml-4{
        margin-left: 1.5rem!important;
    }
    .ep-mr-3{
        margin-right: 1rem!important;
    }

    .ep-mx-auto {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .ep-mt-auto {
        margin-top: auto!important;
    }

    .ep-ms-auto {
        margin-left: auto!important;
    }
    .ep-mx-2{
        margin-left: 0.5rem!important;
        margin-right: 0.5rem!important;
    }


    .ep-mx-3{
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }
    .ep-mr-2{
        margin-right: 0.5rem!important;
    }

    .ep-mr-1{
        margin-right: 0.25rem!important;
    }

    .ep-ml-1{
        margin-left: 0.25rem!important;
    }

    .ep-my-1{
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important;
    }

    .ep-my-2{
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important;
    }

    .ep-my-3{
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .ep-my-4{
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .ep-my-5{
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }

    .ep-mx-0{
        margin-left: 0rem!important;
        margin-right: 0rem!important;
    }

    .ep-my-0{
        margin-top: 0rem!important;
        margin-bottom: 0rem!important;
    }

    .ep-box-ml-0, .ep-box-mx-0 {
        margin-left: 0!important;
    }
    .ep-box-mr-0, .ep-box-mx-0 {
        margin-right: 0!important;
    }


    /*-- Margins Ends--*/




    /*---Alignments---*/

    .ep-items-center {
        align-items: center!important;
    }

    .ep-align-items-center {
        align-items: center!important;
    }

    .ep-items-end {
        align-items: flex-end!important;
    }

    .ep-items-start {
        align-items: flex-start!important;
    }

    .ep-content-center{
        justify-content: center!important;
    }

    .ep-content-left{
        justify-content: flex-start !important;
    }

    .ep-content-right{
        justify-content: flex-end!important;
    }

    .ep-justify-content-between {
        justify-content: space-between;
    }

    .ep-justify-content-end {
        justify-content: flex-end!important;
    }
    .ep-justify-content-center {
        justify-content: center!important;
    }

    .ep-align-right{
        text-align: right;
    }

    .ep-text-start {
        text-align: left!important;
    }

    .ep-text-end {
        text-align: right;
    }

    .ep-text-center {
        text-align: center!important;
    }

    .ep-align-middle {
        vertical-align: middle!important;
    }

    .ep-align-top {
        vertical-align: top!important;
    }

    .ep-align-bottom {
        vertical-align: bottom!important;
    }


    /*---Aligments End*/


    /*--Input Disabled--*/

    .ep-disabled-input {
        opacity: 1;
        pointer-events: none;
    }

    input.ep-disabled-input {
        background-color: #f0f0f1;
        border: 1px solid #ccc;
    }

    /*--Input Disabled--*/

    /*--Element Hide--*/

    .ep-item-hide{
        display:none
    }

    .ep-d-none{
        display:none !important;
    }

    .ep-d-inline-block {
        display: inline-block!important;
    }

    /*--Element Hide End--*/

    label.ep-form-label .material-icons {
        vertical-align: text-bottom;
        font-size: 1rem;
    }

    /*--Pointer events---*/

    .ep-pe-none {
        pointer-events: none!important;
    }

    .ep-cursor{
        cursor: pointer;
    }

    .ep-cursor-move{
        cursor: move;
    }

    .ep-text-decoration-none{
        text-decoration: none;
    }

    .ep-desc-truncate {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;

    }

    /*--Pointer events End---*/

    /*-- Form Input ---*/


    .ep-form-control {
        width: 100%;
        padding: 0.375rem 0.75rem;
    }

    select.ep-form-control + span.select2-container {
        width: 100% !important;
    }

    #ep_setting_form select.ep-form-control{
        width: 25em;
    }

    #ep_setting_form input.ep-form-control{
        width: 25em;
    }
    #ep_setting_form input.ep-form-control {
    }

    #ep_setting_form .ep-modal-view select.ep-form-control {

    }

    .ep-form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: 0.125rem;
    }

    .ep-form-check-inline {
        display: inline-flex;
        margin-right: 1rem;
    }

    .ep-form-check .ep-form-check-input {
        margin-left: -1.5em;
        float: left;
    }

    .emagic .ep-form-check-input {
        margin-top: 0.25em;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    label.ep-form-check-label {
        display: inline-block;
        line-height: 20px;
    }


    /*-- Form Input End ---*/


    /*--overflow--*/

    .ep-overflow-hidden {
        overflow: hidden!important;
    }
    .ep-overflow-auto {
        overflow: auto!important;
    }
    .ep-overflow-visible {
        overflow: visible!important;
    }
    .ep-overflow-scroll {
        overflow: scroll!important;
    }

    .ep-overflow-y-hidden {
        overflow-y: hidden !important;
    }

    /*--Overflow End--*/

    .ep-lh-0 {
        line-height: 0!important;
    }

    .ep-lh-1 {
        line-height: 1!important;
    }

    .ep-lh-sm {
        line-height: 1.25!important;
    }

    .ep-lh-base {
        line-height: 1.5!important;
    }

    .ep-lh-lg {
        line-height: 2!important;
    }


    .ep-flex-wrap{
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }

    .ep-inline-block{
        display: inline-block;
    }

    .ep-d-flex {
        display: flex;
    }

    .ep-di-flex {
        display: inline-flex;
    }


    .ep-box-wrap{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .ep-shadow-none{
        box-shadow: none!important;
    }

    .ep-shadow {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }

    .ep-shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    }

    .ep-box-row{
        --ep-gutter-x: 1.5rem;
        --ep-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--ep-gutter-y));
        margin-right: calc(-.5 * var(--ep-gutter-x));
        margin-left: calc(-.5 * var(--ep-gutter-x));
    }

    .ep-box-row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--ep-gutter-x) * .5);
        padding-left: calc(var(--ep-gutter-x) * .5);
        margin-top: var(--ep-gutter-y);
    }


    .ep-box-col-1,
    .ep-box-col-2,
    .ep-box-col-3,
    .ep-box-col-4,
    .ep-box-col-5,
    .ep-box-col-6,
    .ep-box-col-7,
    .ep-box-col-8,
    .ep-box-col-9,
    .ep-box-col-10,
    .ep-box-col-11,
    .ep-box-col-12,
    .ep-box-col,
    .ep-box-col-left-2,
    .ep-box-col-right-10{
        position: relative;
        width: 100%;
        min-height: 1px;

    }


    @media (min-width: 540px){

        /*-- Other CSS----*/

        .ep-xsm-text-start {
            text-align: left!important;
        }

        .ep-xsm-text-end {
            text-align: right;
        }

        .ep-xsm-text-center {
            text-align: center!important;
        }

    }


    @media (min-width: 768px){


        .ep-box-col-sm-1{
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .ep-box-col-sm-2{
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;

        }

        .ep-box-col-sm-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

        .ep-box-col-sm-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

        .ep-box-col-sm-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }


        .ep-box-col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .ep-box-col-sm-7 {
            -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333%;

        }

        .ep-box-col-sm-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .ep-box-col-sm-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .ep-box-col-sm-10 {
            -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
            max-width: 83.3333333333%;
        }

        .ep-box-col-sm-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }

        .ep-box-col-sm-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }


        /*---Other CSS--*/

        .ep-sm-text-center {
            text-align: center!important;
        }

    }

    @media (min-width: 992px){

        .ep-box-col-md-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    }




    @media (min-width: 1200px){

        .ep-box-col-1{
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .ep-box-col-2{
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;

        }

        .ep-box-col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

        .ep-box-col-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

        .ep-box-col-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }


        .ep-box-col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .ep-box-col-7 {
            -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333%;

        }

        .ep-box-col-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .ep-box-col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .ep-box-col-10 {
            -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
            max-width: 83.3333333333%;
        }

        .ep-box-col-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }

        .ep-box-col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }



        /*-- Other CSS----*/

        .ep-md-text-start {
            text-align: left!important;
        }

        .ep-md-text-end {
            text-align: right;
        }

        .ep-md-text-center {
            text-align: center!important;
        }
    }


    /*--Custom Col--*/

    .ep-box-col-left-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .ep-box-col-right-10 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    /*--Custom Col End--*/


    /*--- End: General CSS */


    /*--Card --*/

    .ep-card {
        --ep-card-spacer-y: 1rem;
        --ep-card-spacer-x: 1rem;
        --ep-card-title-spacer-y: 0.5rem;
        --ep-card-border-width: 1px;
        --ep-card-border-color: rgba(0, 0, 0, 0.175);
        --ep-card-border-radius: 0.375rem;
        /*--ep-card-box-shadow: ; */
        --ep-card-inner-border-radius: calc(0.375rem - 1px);
        --ep-card-cap-padding-y: 0.5rem;
        --ep-card-cap-padding-x: 1rem;
        --ep-card-cap-bg: rgba(0, 0, 0, 0.03);
       /* --ep-card-cap-color: ;*/
        --ep-card-height:100% ;
       /* --ep-card-color: ;*/
        --ep-card-bg: #fff;
        --ep-card-img-overlay-padding: 1rem;
        --ep-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--ep-card-height);
        word-wrap: break-word;
        background-color: var(--ep-card-bg);
        background-clip: border-box;
        border: var(--ep-card-border-width) solid var(--ep-card-border-color);
        border-radius: var(--ep-card-border-radius);
    }


    .ep-card-body {
        flex: 1 1 auto;
        padding: var(--ep-card-spacer-y) var(--ep-card-spacer-x);
        color: var(--ep-card-color);
    }

    .ep-card-footer {
        padding: var(--ep-card-cap-padding-y) var(--ep-card-cap-padding-x);
        color: var(--ep-card-cap-color);
        background-color: var(--ep-card-cap-bg);
        border-top: var(--ep-card-border-width) solid var(--ep-card-border-color);
    }

    .ep-card-footer:last-child {
        border-radius: 0 0 var(--ep-card-inner-border-radius) var(--ep-card-inner-border-radius);
    }

    /*-- Card End--*/


    /*---Gutter Spacing--*/

    .ep-g-5, .ep-gy-5 {
        --ep-gutter-y: 3rem;
    }
    .ep-g-5, .ep-gx-5 {
        --ep-gutter-x: 3rem;
    }

    .ep-g-4, .ep-gy-4 {
        --ep-gutter-y: 1.5rem;
    }

    .ep-g-4, .ep-gx-4 {
        --ep-gutter-x: 1.5rem;
    }

    .ep-g-3, .ep-gy-3 {
        --ep-gutter-y: 1rem;
    }
    .ep-g-3, .ep-gx-3 {
        --ep-gutter-x: 1rem;
    }

    /*--Gutter Spacing--*/

    /* Global Tabs */


    /*Pils--*/

    .ep-nav-pills,
    .ep-nav-tabs {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .ep-nav-pills .ep-tab-active {
        background-color: rgba(var(--themeColor), 1);
        color: rgba(var(--ep-white-color),1);
    }

    .ep-tab-link.ep-tab-active{
        padding: 0px;
        margin: 0px
    }

    .ep-nav-pills .ep-tab-item .ep-tab-link,
    .ep-nav-tabs .ep-tab-item .ep-tab-link{
        padding: 0.5rem 1rem;
        border-radius: var(--ep-border-radius);
        box-shadow: none;
        display: inline-flex;
        box-shadow: none;
    }

    /*--Pills End---*/


    .ep-nav-tabs .ep-tab-link.ep-tab-active {
        color: #495057;
        background-color: rgba(var(--ep-white-color), 1);
        border-color: var(--ep-border-color);
        border-bottom: 1px solid rgba(var(--ep-white-color), 1);
    }

    .ep-nav-tabs .ep-tab-link{
        margin-bottom: -1px !important;
        background: 0 0;
        border: 1px solid transparent;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0px !important;
    }

    .ep-nav-tabs {
        border-bottom: 1px solid var(--ep-border-color);
    }

    /*Global Tabs Ends--*/




    /*---Button Group ---*/

    .ep-btn-group {
        border-radius: 0.375rem;
    }
    .ep-btn-group, .ep-btn-group-vertical {
        position: relative;
        display: inline-flex;
        vertical-align: middle;
    }

    .ep-btn-group>.ep-btn-group:not(:last-child)>.ep-btn, .ep-btn-group>.ep-btn.dropdown-toggle-split:first-child,
    .ep-btn-group>.ep-btn:not(:last-child):not(.ep-dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .ep-btn-group>.ep-btn-group:not(:first-child)>.ep-btn, .ep-btn-group>.ep-btn:nth-child(n+3),
    .ep-btn-group>:not(.ep-btn-check)+.ep-btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .ep-btn-group>.ep-btn+.ep-btn{
        margin-left: -1px;
    }


    /*--- Button Group End---*/





    /*--- Global Setting Table---*/



    table.ep-form-table-setting tr:nth-child(odd) td{
        background: #f9f9f9;
        vertical-align: middle;
    }

    #ep_setting_form .form-table {
        margin: 0;
        position: relative;
        table-layout: fixed;
    }

    .em_event_page_ep-settings .ep-form-table-wrapper {
        padding: 0 15px 10px 0;
    }


    /*--- Global SettingTable---*/






    /*--General Modal CSS---*/

    body.ep-modal-open-body {
        overflow: hidden;
        padding-right: 15px;

    }


    .ep-modal-view {
        position: fixed;
        width: 100%;
        top: 0px;
        height: 100%;
        z-index: 99999;
        max-height: 100%;
        left: 0px;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
        background: rgba(0, 0, 0, 0.7);
    }


    .ep-modal-overlay {
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

    .ep-modal-xsm {
        --ep-modal-width: 660px;
    }
    
     .ep-modal-xssm {
        --ep-modal-width: 750px;
    }
    .ep-modal-sm {
        --ep-modal-width: 800px;
    }

    .ep-modal-xl {
        --ep-modal-width: 1140px;
    }

    .ep-modal-lg {
        --ep-modal-width: 900px;
    }


    .ep-modal-wrap{
        margin: 1.75rem;
    }

    .ep-modal-wrap {
        width: 100%;
        max-width: var(--ep-modal-width);
        top:0px;
        z-index: 9999;
        position: relative;
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
        margin-right: auto;
        margin-left: auto;
    }

    .ep-modal-body{
        background: #fff;
        border-radius: 6px;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .ep-modal-titlebar {
        position: relative;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid var(--ep-border-color);
    }

    .ep-modal-titlebar .ep-modal-close {
        font-size: 25px;
        padding: 0px 20px 0px 20px;
        float: right;
        cursor: pointer;
        text-decoration: none;
        color: #8b8b8b;

    }

    .ep-modal-titlebar .ep-modal-title {
        margin: 1em 0;
    }

    .ep-modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px solid var(--ep-border-color);
        padding: calc(1rem - 0.5rem * .5);
    }




    .ep-modal-in {
        animation: ep-bounceIn 0.8s ease-in forwards;
    }

    .ep-modal-out {
        animation: ep-bounceOut 0.6s ease-out forwards;
    }

    .ep-modal-overlay-fade-in {
        animation: ep-globalSetting-fadeIn 0.3s ease-in forwards;
    }

    .ep-modal-overlay-fade-out {
        animation: ep-globalSetting-fadeOut 0.3s ease-in forwards;
    }

    @keyframes ep-bounceIn {
        0%   {
            transform: translateY(-200%) scale(1.5);
            opacity:0;
        }
        30%  {
            opacity:1;
        }
        58%  {
            transform: translateY(0) rotate(1deg) scale(1);
            opacity: 1
        }
        72%  {
            transform: translateY(-30px) rotate(-1deg);
        }
        80%  {
            transform: translateY(0) rotate(0.5deg);
        }
        100% {
            transform: translateY(0) rotate(0deg);
        }
    }

    @keyframes ep-bounceOut {
        0%   {
            transform: translateY(0);
        }
        10%  {
            transform: translateY(-10px) rotate(-0.5deg);
        }
        30%  {
            transform: translateY(20px) rotate(8deg);
        }
        70%  {
            opacity: 1;
        }
        90%  {
            transform: translateY(300%) translateX(40px) rotate(35deg);
            opacity: 0;
        }
        100% {
            display: none;
        }
    }

    @keyframes ep-globalSetting-fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes ep-globalSetting-fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }




    /*-- General Modal CSS Ends---*/




    /*---Error Message--*/


    .ep-alert {
        --ep-alert-bg: transparent;
        --ep-alert-padding-x: 1rem;
        --ep-alert-padding-y: 1rem;
        --ep-alert-margin-bottom: 1rem;
        --ep-alert-color: inherit;
        --ep-alert-border-color: transparent;
        --ep-alert-border: var(--ep-border-width) solid var(--ep-alert-border-color);
        --ep-alert-border-radius: 0.375rem;
        --ep-alert-link-color: inherit;
        position: relative;
        padding: var(--ep-alert-padding-y) var(--ep-alert-padding-x);
        margin-bottom: var(--ep-alert-margin-bottom);
        color: var(--ep-alert-color);
        background-color: var(--ep-alert-bg);
        border: var(--ep-alert-border);
        border-radius: var(--ep-alert-border-radius);
    }

    .ep-alert-warning {
        --ep-alert-color: var(--ep-warning-text);
        --ep-alert-bg: var(--ep-warning-bg-subtle);
        --ep-alert-border-color: var(--ep-warning-border-subtle);
        --ep-alert-link-color: var(--ep-warning-text);
    }



    .ep-alert-danger {
        color: #842029;
        background-color: #f8d7da;
        border-color: #f5c2c7;
    }

    /*---Erorr Message End--*/



    /* Form Error and Notifications---*/

    .ep-invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: .875em;
        color: #dc3545;
    }

    .ep-error-message {
        width: 100%;
        margin-top: 0.25rem;
        font-size: .875em;
        color: #dc3545;
    }

    /*--Form error And Notification end--*/



    /* Table CSS--*/

    .ep-table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        background-color: transparent;
    }

    .ep-table {
        border-collapse: collapse;
        text-align: left;
        border: 1px solid var(--ep-border-color);
        background-color: #fdfdfd;
    }


    .ep-table td, .ep-table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .ep-table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .ep-table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }

    /* Table CSS End --*/


    /* Setting Table CSS  --*/

    table.ep-setting-table-main {
        margin: 0;
        position: relative;
        table-layout: fixed;
    }

    table.ep-setting-table-main {
        border-collapse: collapse;
        margin-top: 0.5em;
        width: 100%;
        clear: both;
        font-size: 14px;
    }

    table.ep-setting-table-main .ep-setting-table-wrap {
        padding: 0 15px 10px 0;
    }

    table.ep-setting-table {
        position: relative;
    }

    table.ep-setting-table {
        background: #fff;
        border: 1px solid #c3c4c7;
        box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    }

    table.ep-setting-table-main th {
        vertical-align: top;
        text-align: left;
        padding: 20px 10px 20px 0;
        width: 200px;
        line-height: 1.3;
        font-weight: 600;
    }

    table.ep-setting-table tr:nth-child(odd) td {
        background: #f9f9f9;
    }

    table.ep-setting-table td {
        margin-bottom: 9px;
        padding: 15px 10px;
        line-height: 1.3;
        vertical-align: middle;
    }

    table.ep-setting-table td,
    table.ep-setting-table th {
        display: table-cell!important;
        padding: 1em!important;
        vertical-align: top;
    }

    table.ep-setting-table-wide{
        border-spacing: 0;
        width: 100%;
        clear: both;
        margin: 0;
    }

    table.ep-setting-table-wide tfoot tr td,
    table.ep-setting-table-wide tfoot tr th,
    table.ep-setting-table-wide thead tr td,
    table.ep-setting-table-wide thead tr th {
        color: #2c3338;
    }

    table.ep-setting-table-wide thead td, table.ep-setting-table-wide thead th {
        border-bottom: 1px solid #c3c4c7;
    }

    table.ep-setting-table-main th {
        position: relative;
        padding-right: 24px;
    }



    /* Setting Table CSS End --*/





    /* Dashboard Conflict CSS--*/

    #ep_event-performers #taxonomy-post_tag  ul li label {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    /* Dashboard Conflict CSS End--*/




    /*--Toggle ---*/


    .ep-toggle-btn {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 22px;
    }

    .ep-toggle-btn input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .ep-toogle-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        height: 22px;
    }

    .ep-toogle-slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .ep-toggle-btn input:checked + .ep-toogle-slider {
        background-color: #2271b1;
    }

    .ep-toggle-btn input:focus + .ep-toogle-slider {
        box-shadow: 0 0 1px #2271b1;
    }

    .ep-toggle-btn input:checked + .ep-toogle-slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
    }

    /* Rounded sliders */
    .ep-toogle-slider.round {
        border-radius: 34px;
    }

    .ep-toogle-slider.round:before {
        border-radius: 50%;
    }

    /*--Toogle End---*/






    /*--Help Tip CSS--*/

    .ep-help-tip-info {
        width: 100%;
        display: inline-block;
        font-size: 80%;
    }


    /*--Removable--*/

    .ep-admin-setting-tabs table.form-table th label{
        position: relative;
        display: block;
    }

    .ep-admin-setting-tabs table.form-table th label .ep-help-tip {
        color: #666;
        display: inline-block;
        font-size: 1.2em;
        font-style: normal;
        height: 16px;
        line-height: 16px;
        position: relative;
        vertical-align: middle;
        width: 16px;
    }

    .ep-admin-setting-tabs table.form-table th label .ep-help-tip {
        margin: -8px -24px 0 0;
        position: absolute;
        right: 5%;
        top: 50%;
    }

    .ep-help-tip::after {
        font-family: Dashicons;
        speak: never;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        margin: 0;
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        content: "\f223";
        cursor: help;
    }


    .ep-help-tip:hover span {
        bottom: 30px;
        left: 50%;
        margin-left: -104px;
    }

    .ep-help-tip[tooltip-position="top"] span{
        margin-left:104px;

    }

    .ep-help-tip[tooltip-position="bottom"] span{
 
    }

    .ep-help-tip[tooltip-position="left"] span{
        margin-top:30px;
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    .ep-help-tip[tooltip-position="right"] span{
        margin-top:30px;
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .ep-help-tip span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }

    .ep-help-tip[tooltip-position="top"] span:after{
        top: 100%;
        left: 50%;
        margin-left: -8px;
        border-top: 8px solid black;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }


    .ep-help-tip[tooltip-position="left"] span:after{
        top: 50%;
        left: 100%;
        margin-top: -8px;
        border-left: 8px solid black;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .ep-help-tip[tooltip-position="right"] span:after{
        top: 50%;
        right: 100%;
        margin-top: -8px;
        border-right: 8px solid black;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .ep-help-tip:hover span {
        visibility: visible;
        opacity: 1;
        z-index: 999;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        filter: alpha(opacity=100);
    }

    .ep-help-tip[tooltip-position="top"]:hover span{
        bottom: 30px;
        left: 50%;
        margin-left: -104px;
    }

    .ep-help-tip[tooltip-position="bottom"]:hover span{
        top: 30px;
        left: 50%;
        margin-left: -85px;
    }

    .ep-help-tip[tooltip-position="left"]:hover span{
        right: 100%;
        top: 50%;
        margin-top: -15px;
        margin-right: 15px;
    }

    .ep-help-tip[tooltip-position="right"]:hover span{
        left: 100%;
        top: 50%;
        margin-top: -15px;
        margin-left: 15px;
    }

    /*--- Menu Arrangement ---*/
    #adminmenu .wp-submenu li.ep-show-divider a {
        border-bottom: 1px solid;
        border-color: rgb(255 255 255 / 20%);
    }


    /*-- Other CSS----*/

    .ep-md-text-start {
        text-align: left!important;
    }

    .ep-md-text-end {
        text-align: right;
    }

    .ep-md-text-center {
        text-align: center!important;
    }
}


/*--Custom Col--*/

.ep-box-col-left-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.ep-box-col-right-10 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

/*--Custom Col End--*/


/*--- End: General CSS */


/*--Card --*/

.ep-card {
    --ep-card-spacer-y: 1rem;
    --ep-card-spacer-x: 1rem;
    --ep-card-title-spacer-y: 0.5rem;
    --ep-card-border-width: 1px;
    --ep-card-border-color: rgba(0, 0, 0, 0.175);
    --ep-card-border-radius: 0.375rem;
/*    --ep-card-box-shadow: ;*/
    --ep-card-inner-border-radius: calc(0.375rem - 1px);
    --ep-card-cap-padding-y: 0.5rem;
    --ep-card-cap-padding-x: 1rem;
    --ep-card-cap-bg: rgba(0, 0, 0, 0.03);
   /* --ep-card-cap-color: ;*/
    --ep-card-height:100% ;
   /* --ep-card-color: ;*/
    --ep-card-bg: #fff;
    --ep-card-img-overlay-padding: 1rem;
    --ep-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--ep-card-height);
    word-wrap: break-word;
    background-color: var(--ep-card-bg);
    background-clip: border-box;
    border: var(--ep-card-border-width) solid var(--ep-card-border-color);
    border-radius: var(--ep-card-border-radius);
}


.ep-card-body {
    flex: 1 1 auto;
    padding: var(--ep-card-spacer-y) var(--ep-card-spacer-x);
    color: var(--ep-card-color);
}

.ep-card-footer {
    padding: var(--ep-card-cap-padding-y) var(--ep-card-cap-padding-x);
    color: var(--ep-card-cap-color);
    background-color: var(--ep-card-cap-bg);
    border-top: var(--ep-card-border-width) solid var(--ep-card-border-color);
}

.ep-card-footer:last-child {
    border-radius: 0 0 var(--ep-card-inner-border-radius) var(--ep-card-inner-border-radius);
}

/*-- Card End--*/


/*---Gutter Spacing--*/

.ep-g-5, .ep-gy-5 {
    --ep-gutter-y: 3rem;
}
.ep-g-5, .ep-gx-5 {
    --ep-gutter-x: 3rem;
}

.ep-g-4, .ep-gy-4 {
    --ep-gutter-y: 1.5rem;
}

.ep-g-4, .ep-gx-4 {
    --ep-gutter-x: 1.5rem;
}

.ep-g-3, .ep-gy-3 {
    --ep-gutter-y: 1rem;
}
.ep-g-3, .ep-gx-3 {
    --ep-gutter-x: 1rem;
}

/*--Gutter Spacing--*/

/* Global Tabs */


/*Pils--*/

.ep-nav-pills,
.ep-nav-tabs {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.ep-nav-pills .ep-tab-active {
    background-color: rgba(var(--themeColor), 1);
    color: rgba(var(--ep-white-color),1);
}

.ep-tab-link.ep-tab-active{
    padding: 0px;
    margin: 0px
}

.ep-nav-pills .ep-tab-item .ep-tab-link,
.ep-nav-tabs .ep-tab-item .ep-tab-link{
    padding: 0.5rem 1rem;
    border-radius: var(--ep-border-radius);
    box-shadow: none;
    display: inline-flex;
    box-shadow: none;
}

/*--Pills End---*/


.ep-nav-tabs .ep-tab-link.ep-tab-active {
    color: #495057;
    background-color: rgba(var(--ep-white-color), 1);
    border-color: var(--ep-border-color);
    border-bottom: 1px solid rgba(var(--ep-white-color), 1);
}

.ep-nav-tabs .ep-tab-link{
    margin-bottom: -1px !important;
    background: 0 0;
    border: 1px solid transparent;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0px !important;
}

.ep-nav-tabs {
    border-bottom: 1px solid var(--ep-border-color);
}

/*Global Tabs Ends--*/




/*---Button Group ---*/

.ep-btn-group {
    border-radius: 0.375rem;
}
.ep-btn-group, .ep-btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.ep-btn-group>.ep-btn-group:not(:last-child)>.ep-btn, .ep-btn-group>.ep-btn.dropdown-toggle-split:first-child,
.ep-btn-group>.ep-btn:not(:last-child):not(.ep-dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ep-btn-group>.ep-btn-group:not(:first-child)>.ep-btn, .ep-btn-group>.ep-btn:nth-child(n+3),
.ep-btn-group>:not(.ep-btn-check)+.ep-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/*--- Button Group End---*/





/*--- Global Setting Table---*/



table.ep-form-table-setting tr:nth-child(odd) td{
    background: #f9f9f9;
    vertical-align: middle;
}

#ep_setting_form .form-table {
    margin: 0;
    position: relative;
    table-layout: fixed;
}

.em_event_page_ep-settings .ep-form-table-wrapper {
    padding: 0 15px 10px 0;
}


/*--- Global SettingTable---*/






/*--General Modal CSS---*/

body.ep-modal-open-body {
    overflow: hidden;
    padding-right: 15px;

}


.ep-modal-view {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100%;
    z-index: 99999;
    max-height: 100%;
    left: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: rgba(0, 0, 0, 0.7);
}


.ep-modal-overlay {
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.ep-modal-x-sm {
    --ep-modal-width: 550px;
}

.ep-modal-sm {
    --ep-modal-width: 800px;
}

.ep-modal-xl {
    --ep-modal-width: 1140px;
}

.ep-modal-lg {
    --ep-modal-width: 900px;
}


.ep-modal-wrap{
    margin: 1.75rem;
}

.ep-modal-wrap {
    width: 100%;
    max-width: var(--ep-modal-width);
    top:0px;
    z-index: 9999;
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
    margin-right: auto;
    margin-left: auto;
}

.ep-modal-body{
    background: #fff;
    border-radius: 6px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}


.ep-modal-titlebar {
    position: relative;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--ep-border-color);
}

.ep-modal-titlebar .ep-modal-close {
    font-size: 25px;
    padding: 0px 20px 0px 20px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    color: #8b8b8b;

}

.ep-modal-titlebar .ep-modal-title {
    margin: 1em 0;
}

.ep-modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--ep-border-color);
    padding: calc(1rem - 0.5rem * .5);
}




.ep-modal-in {
    animation: ep-bounceIn 0.8s ease-in forwards;
}

.ep-modal-out {
    animation: ep-bounceOut 0.6s ease-out forwards;
}

.ep-modal-overlay-fade-in {
    animation: ep-globalSetting-fadeIn 0.3s ease-in forwards;
}

.ep-modal-overlay-fade-out {
    animation: ep-globalSetting-fadeOut 0.3s ease-in forwards;
}

@keyframes ep-bounceIn {
    0%   {
        transform: translateY(-200%) scale(1.5);
        opacity:0;
    }
    30%  {
        opacity:1;
    }
    58%  {
        transform: translateY(0) rotate(1deg) scale(1);
        opacity: 1
    }
    72%  {
        transform: translateY(-30px) rotate(-1deg);
    }
    80%  {
        transform: translateY(0) rotate(0.5deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes ep-bounceOut {
    0%   {
        transform: translateY(0);
    }
    10%  {
        transform: translateY(-10px) rotate(-0.5deg);
    }
    30%  {
        transform: translateY(20px) rotate(8deg);
    }
    70%  {
        opacity: 1;
    }
    90%  {
        transform: translateY(300%) translateX(40px) rotate(35deg);
        opacity: 0;
    }
    100% {
        display: none;
    }
}

@keyframes ep-globalSetting-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes ep-globalSetting-fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}




/*-- General Modal CSS Ends---*/




/*---Error Message--*/


.ep-alert {
    --ep-alert-bg: transparent;
    --ep-alert-padding-x: 1rem;
    --ep-alert-padding-y: 1rem;
    --ep-alert-margin-bottom: 1rem;
    --ep-alert-color: inherit;
    --ep-alert-border-color: transparent;
    --ep-alert-border: var(--ep-border-width) solid var(--ep-alert-border-color);
    --ep-alert-border-radius: 0.375rem;
    --ep-alert-link-color: inherit;
    position: relative;
    padding: var(--ep-alert-padding-y) var(--ep-alert-padding-x);
    margin-bottom: var(--ep-alert-margin-bottom);
    color: var(--ep-alert-color);
    background-color: var(--ep-alert-bg);
    border: var(--ep-alert-border);
    border-radius: var(--ep-alert-border-radius);
}

.ep-alert-warning {
    --ep-alert-color: var(--ep-warning-text);
    --ep-alert-bg: var(--ep-warning-bg-subtle);
    --ep-alert-border-color: var(--ep-warning-border-subtle);
    --ep-alert-link-color: var(--ep-warning-text);
}



.ep-alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}


/*--wp style messages--*/



.ep-notice{
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin: 5px 15px 2px;
    padding: 1px 12px;
}

.ep-notice-info{
    border-left-color: #72aee6;
}

.ep-notice p {
    margin: 0.5em 0 !important;
    padding: 2px;
    font-size: 13px !important;
    line-height: 1.5;
}


/*-- wp style messages end --*/


/*---Erorr Message End--*/



/* Form Error and Notifications---*/

.ep-invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

.ep-error-message {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

/*--Form error And Notification end--*/



/* Table CSS--*/

.ep-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.ep-table {
    border-collapse: collapse;
    text-align: left;
    border: 1px solid var(--ep-border-color);
    background-color: #fdfdfd;
}


.ep-table td, .ep-table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.ep-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.ep-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

/* Table CSS End --*/


/* Setting Table CSS  --*/

table.ep-setting-table-main {
    margin: 0;
    position: relative;
    table-layout: fixed;
}

table.ep-setting-table-main {
    border-collapse: collapse;
    margin-top: 0.5em;
    width: 100%;
    clear: both;
    font-size: 14px;
}

table.ep-setting-table-main .ep-setting-table-wrap {
    padding: 0 15px 10px 0;
}

table.ep-setting-table {
    position: relative;
}

table.ep-setting-table {
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

table.ep-setting-table-main th {
    vertical-align: top;
    text-align: left;
    padding: 20px 10px 20px 0;
    width: 200px;
    line-height: 1.3;
    font-weight: 600;
}

table.ep-setting-table tr:nth-child(odd) td {
    background: #f9f9f9;
}

table.ep-setting-table td {
    margin-bottom: 9px;
    padding: 15px 10px;
    line-height: 1.3;
    vertical-align: middle;
}

table.ep-setting-table td,
table.ep-setting-table th {
    display: table-cell!important;
    padding: 1em!important;
    vertical-align: top;
}

table.ep-setting-table-wide{
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0;
}

table.ep-setting-table-wide tfoot tr td,
table.ep-setting-table-wide tfoot tr th,
table.ep-setting-table-wide thead tr td,
table.ep-setting-table-wide thead tr th {
    color: #2c3338;
}

table.ep-setting-table-wide thead td, table.ep-setting-table-wide thead th {
    border-bottom: 1px solid #c3c4c7;
}

table.ep-setting-table-main th {
    position: relative;
    padding-right: 24px;
}



/* Setting Table CSS End --*/





/* Dashboard Conflict CSS--*/

#ep_event-performers #taxonomy-post_tag  ul li label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}

/* Dashboard Conflict CSS End--*/


/*--Toggle ---*/

.ep-toggle-btn {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 22px;
}

.ep-toggle-btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

.ep-toogle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 22px;
}

.ep-toogle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.ep-toggle-btn input:checked + .ep-toogle-slider {
    background-color: #2271b1;
}

.ep-toggle-btn input:focus + .ep-toogle-slider {
    box-shadow: 0 0 1px #2271b1;
}

.ep-toggle-btn input:checked + .ep-toogle-slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

/* Rounded sliders */
.ep-toogle-slider.round {
    border-radius: 34px;
}

.ep-toogle-slider.round:before {
    border-radius: 50%;
}

/*--Toogle End---*/

/*--Help Tip CSS--*/

.ep-help-tip-info {
    width: 100%;
    display: inline-block;
    font-size: 80%;
}

/*--Removable--*/



.ep-admin-setting-tabs table.form-table th label{
    position: relative;
    display: block;
}

.ep-admin-setting-tabs table.form-table th label .ep-help-tip {
    color: #666;
    display: inline-block;
    font-size: 1.2em;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    position: relative;
    vertical-align: middle;
    width: 16px;
}

.ep-admin-setting-tabs table.form-table th label .ep-help-tip {
    margin: -8px -24px 0 0;
    position: absolute;
    right: 5%;
    top: 50%;
}

.ep-help-tip{
    position: relative;
    line-height: 16px;
}

.ep-help-tip[ep-icon-position="relative"]:after{
    position: relative;
    top: 2px;
    font-size: 16px;
}

.ep-help-tip span {
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    color: #FFFFFF;
    background: #000000;
    padding:5px 10px;
    display: inline-table;
    border-radius: 3px;
    width: 190px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: transform .3s, opacity .6s;
}

.ep-help-tip:hover span {
    bottom: 30px;
    left: 50%;
    margin-left: -104px;
}


.ep-help-tip[tooltip-position="left"] span{
    margin-top:30px;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.ep-help-tip[tooltip-position="right"] span{
    margin-top:30px;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.ep-help-tip span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}

.ep-help-tip[tooltip-position="top"] span:after{
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid black;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.ep-help-tip[tooltip-position="bottom"] span:after{
    bottom: 100%;
    left: 50%;
    margin-left: -18px;
    border-bottom: 8px solid black;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.ep-help-tip[tooltip-position="left"] span:after{
    top: 50%;
    left: 100%;
    margin-top: -8px;
    border-left: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.ep-help-tip[tooltip-position="right"] span:after{
    top: 50%;
    right: 100%;
    margin-top: -8px;
    border-right: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.ep-help-tip:hover span {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: alpha(opacity=100);
}


.ep-help-tip[tooltip-position="left"]:hover span{
    right: 100%;
    top: 50%;
    margin-top: -15px;
    margin-right: 15px;
}

.ep-help-tip[tooltip-position="right"]:hover span{
    left: 100%;
    top: 50%;
    margin-top: -15px;
    margin-left: 15px;
}

/*--- Menu Arrangement ---*/
/* #adminmenu .wp-submenu li.ep-show-divider a {
    border-bottom: 1px solid;
    border-color: rgb(255 255 255 / 20%);
} */

/*---Premium Box---*/

.ep-premium-box{
    width: 100%;
    max-width: 800px;
}

.ep-border-0 {
    border: 0px !important;
}



/*-- Feedback Form---*/

.ep-deactivate-feedback-dialog-input {
    display: none;
}

.ep-feedback-emoji svg {
    width: 28px;
    height: 28px;
    fill: #272525;
}

.ep-deactive-feedback-box label{    
    transition: all .5s;
    padding: 0.6rem 1rem!important;
}

.ep-feedback-form-input-bg {
    background-color: #F0F6FC;
}

.ep-plugin-feedback-textarea {
    border:1px solid #A0C6EA;
}

.ep-feedback-form input[type=checkbox] {
    background-color: #fff;
    border: 1px solid #d7dce0;
    box-shadow: none;
    width: 16px;
    height: 16px;
}

.ep-feedback-form input[type=checkbox]:checked::before{
    font-family: "Material Icons";
    content: "\e876" !important;
    color: #fff;
    top: 11px;
    margin-top: 4px;
    background-color: #2371b1;
    width: 16px;
    height: 16px;
    margin: 0px;
    border-radius: 4px;
    padding-top: 8px;
    box-sizing: border-box;
    font-size: 15px;
    border: 0px;
    font-weight: 800;
}

.ep-feedback-skip-button {
    background-color: #fff !important;
}

.ep-feedback-user-email input {
    border: 1px solid #A0C6EA;
    width: 100%;
    max-width: 296px;
    font-size: 12px;
}

.emagic #ep-deactivate-feedback-dialog-form .ep-border-dark {
    --ep-border-opacity: 1;
    border-color: rgba(var(--ep-border-dark-color),var(--ep-border-opacity))!important;
}

.emagic #ep-deactivate-feedback-dialog-form .ep-deactive-feedback-box input[type="radio"]:checked + label{
    background: #FAFCFF;
    border-color: #2271B1 !important;
}

.emagic #ep-deactivate-feedback-dialog-form .ep-deactive-feedback-box input[type="radio"]:checked + label .ep-feedback-emoji svg{
    fill: #2271B1;
}


.emagic #ep-deactivate-feedback-dialog-form .ep-deactive-feedback-box label:hover{
    background: #FAFCFF;
    border-color: #2271B1 !important;
}

.emagic #ep-deactivate-feedback-dialog-form .ep-deactive-feedback-box label:hover .ep-feedback-emoji svg{
    fill: #2271B1;
}
.emagic #ep-deactivate-feedback-dialog-form .ep-plugin-feedback-email-check label{
    color: #7998B4;
}

#ep_plugin_feedback_form_modal .ep-modal-titlebar .ep-modal-close{
    margin-top: -30px;
}

/*-- Notice ---*/

.notice#ep_dismissible_plugin{
    background: #ecca54;
    background-color: #ffc403;
    color: #000000;
    border-color: #ddaa05 !important;
}

.notice#ep_dismissible_plugin .notice-dismiss:before{
    color: #5d4700;
}

.ep-starter-guide-btn a{
     background-color: transparent !important;
    color: #4d5bff !important;
    border-color: #4d5bff !important;
}

.ep-article-notice{
    background: #fff;
    padding: 1px 0px;
    border-bottom: 1px solid #efefef;

}

.ep-read-more a,.ep-article-notice a{
    text-decoration: none;
}

.ep-read-more a .dashicons,.ep-article-notice a .dashicons{
    font-size:13px;
    width: auto;
}
.ep-read-more a .dashicons:before,
.ep-article-notice a .dashicons:before{
    padding-top: 4px;
    display: inline-block;
}