/* Write your custom CSS here */
.btn_add_new{
    float: right;
}
.btn-addon{
    float: right;
}
.notity {
    margin-left: 3px;
}
.media-image-div {
    border: 3px solid #c7c2c2;
}
.category-box {
    border: 1px solid gray;
    padding-top: 20px;
    padding-left: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 30px #d0d0d0;
    padding-bottom: 5px;
}
.media-head {
    margin-top: 0;
    margin-bottom: 25px;
    margin-left: 10px;
}
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.loading {
    z-index: 999999;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#postModal {
    overflow-y: auto;
}
.modal-dialog {
    border: 1px solid;
}

.margin-top-5{
    margin-top: 5px;
}
.color-cod-gray:before {
    border-top: 8px solid #b50717;
    border-right: 8px solid transparent
}

.color-cod-gray:after {
    background-color: #b50717
}

.topic-border.color-cod-gray{
    background-color: #a9afba;
    color: white;
    font-size: larger;
}
.topic-box-lg{
    position: relative;
    height: 50px;
    line-height: 50px;
    text-transform: capitalize;
    font-size: 18px;
    font-family: Poppins, sans-serif;
    z-index: 2;
    padding-left:15px;
}
.topic-border{
    position: relative;
}
.footer_sections{
    background-color: white;
    border-radius: 10px;
    color: black;
    height:300px;
    border: 5px;
    border-style: solid;
    border-color: black;
}

@media (min-width: 992px){
    .cus_row_1 .col-md-3 {
        width: 24% !important;
        margin-right: 1% !important;
    }
}

.cus_row_1 .col-md-3 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px;
}
.cus_row_1 .col-md-3 p{
    overflow-wrap: break-word;
}
.cus_row_1 .col-md-3 button[type='button']{
    margin-bottom:0px !important;
}

.admin_sub_h_cus1{
    position: relative !important;
    height: 50px !important;
    line-height: 50px !important;
    text-transform: capitalize !important;
    font-size: 18px !important;
    font-family: Poppins, sans-serif !important;
    z-index: 2 !important;
    padding-left: 16px !important;
    background-color: #a9afba !important;
    color: white !important;
    display: block !important;
}





.calender_event_ticker_con{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
}
.calender_event_ticker_con #meeting_type_regular{
    width: 36px !important;
    margin-right: 22px !important;
    margin-top: 0px !important;
}
.calender_event_ticker_con #meeting_type_online{
    width: 36px !important;
    margin-right: 22px !important;
    margin-top: 0px !important;
}
.calender_event_ticker_con label{
    margin-bottom: 0px !important;
}

#optional.cus-field-form-optional{
    height: 30px;
    width: 55px;
    margin-top: 20px;
}

.loader-fixer-sec{
    display: none;
    align-items: center;
    justify-content: center;
    width:100vw;
    height:100vh;
    z-index: 9999999999;
    overflow:hidden;
    position: absolute;
    top:0px;
    left:0px;
}
.loader-fixer-sec .loader-fixer-con{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100vw;
    height:100vh;
    z-index: 9999999999;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    backdrop-filter: blur(10px);
    background-color: rgba(255,2555,2555,0.3);
}
.loader-fixer-sec .loader-fixer-con .loader-fixer-elmt{
    width:100%;
    height:auto;
    max-width: 150px;
    z-index: 9999999;
    visibility: visible;
    opacity: 1;
    display:block;
}








/*Freame work*/

/*======================= Container =======================*/
.sed-con{
    width:100%;
    max-width: 100%;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 22px;
}


/*====================== Row ============================*/
.sed-row{
    width:100%;
    max-width: 100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}


/*===================== Column =========================*/
.sed-col-lg{
    /*all*/
}
.sed-col-md{
    /*all | max 1024*/
}
.sed-col-smd{
    /*all | max 768*/
}
.sed-col-sm{
    /*all | max 667*/
}
.sed-col-xs{
    /*all | max 480*/
}


.sed-col{
    width:100%;
    max-width:100%;
}


.sed-col.sed-col-lg-1{
    width:100%;
    max-width:calc(((100% / 12) * 1)  - 11px);
}
.sed-col.sed-col-lg-2{
    width:100%;
    max-width:calc(((100% / 12) * 2)  - 11px);
}
.sed-col.sed-col-lg-3{
    width:100%;
    max-width:calc(((100% / 12) * 3)  - 11px);
}
.sed-col.sed-col-lg-4{
    width:100%;
    max-width:calc(((100% / 12) * 4)  - 11px);
}
.sed-col.sed-col-lg-5{
    width:100%;
    max-width:calc(((100% / 12) * 5)  - 11px);
}
.sed-col.sed-col-lg-6{
    width:100%;
    max-width:calc(((100% / 12) * 6)  - 11px);
}
.sed-col.sed-col-lg-7{
    width:100%;
    max-width:calc(((100% / 12) * 7)  - 11px);
}
.sed-col.sed-col-lg-8{
    width:100%;
    max-width:calc(((100% / 12) * 8)  - 11px);
}
.sed-col.sed-col-lg-9{
    width:100%;
    max-width:calc(((100% / 12) * 9)  - 11px);
}
.sed-col.sed-col-lg-10{
    width:100%;
    max-width:calc(((100% / 12) * 10)  - 11px);
}
.sed-col.sed-col-lg-11{
    width:100%;
    max-width:calc(((100% / 12) * 11)  - 11px);
}
.sed-col.sed-col-lg-12{
    width:100%;
    max-width:calc(((100% / 12) * 12)  - 11px);
}

.sed-row .sed-col.sed-col-lg-12{
    max-width:calc(((100% / 12) * 12)  - 0px);
}



.sed-col.sed-col-md-1{
    width:100%;
    max-width:calc(((100% / 12) * 1)  - 11px);
}
.sed-col.sed-col-md-2{
    width:100%;
    max-width:calc(((100% / 12) * 2)  - 11px);
}
.sed-col.sed-col-md-3{
    width:100%;
    max-width:calc(((100% / 12) * 3)  - 11px);
}
.sed-col.sed-col-md-4{
    width:100%;
    max-width:calc(((100% / 12) * 4)  - 11px);
}
.sed-col.sed-col-md-5{
    width:100%;
    max-width:calc(((100% / 12) * 5)  - 11px);
}
.sed-col.sed-col-md-6{
    width:100%;
    max-width:calc(((100% / 12) * 6)  - 11px);
}
.sed-col.sed-col-md-7{
    width:100%;
    max-width:calc(((100% / 12) * 7)  - 11px);
}
.sed-col.sed-col-md-8{
    width:100%;
    max-width:calc(((100% / 12) * 8)  - 11px);
}
.sed-col.sed-col-md-9{
    width:100%;
    max-width:calc(((100% / 12) * 9)  - 11px);
}
.sed-col.sed-col-md-10{
    width:100%;
    max-width:calc(((100% / 12) * 10)  - 11px);
}
.sed-col.sed-col-md-11{
    width:100%;
    max-width:calc(((100% / 12) * 11)  - 11px);
}
.sed-col.sed-col-md-12{
    width:100%;
    max-width:calc(((100% / 12) * 12)  - 11px);
}

.sed-row .sed-col.sed-col-md-12{
    max-width:calc(((100% / 12) * 12)  - 0px);
}


@media(max-width:1024px){
    .sed-col.sed-col-md-1{
        width:100%;
        max-width:calc(((100% / 12) * 1)  - 11px);
    }
    .sed-col.sed-col-md-2{
        width:100%;
        max-width:calc(((100% / 12) * 2)  - 11px);
    }
    .sed-col.sed-col-md-3{
        width:100%;
        max-width:calc(((100% / 12) * 3)  - 11px);
    }
    .sed-col.sed-col-md-4{
        width:100%;
        max-width:calc(((100% / 12) * 4)  - 11px);
    }
    .sed-col.sed-col-md-5{
        width:100%;
        max-width:calc(((100% / 12) * 5)  - 11px);
    }
    .sed-col.sed-col-md-6{
        width:100%;
        max-width:calc(((100% / 12) * 6)  - 11px);
    }
    .sed-col.sed-col-md-7{
        width:100%;
        max-width:calc(((100% / 12) * 7)  - 11px);
    }
    .sed-col.sed-col-md-8{
        width:100%;
        max-width:calc(((100% / 12) * 8)  - 11px);
    }
    .sed-col.sed-col-md-9{
        width:100%;
        max-width:calc(((100% / 12) * 9)  - 11px);
    }
    .sed-col.sed-col-md-10{
        width:100%;
        max-width:calc(((100% / 12) * 10)  - 11px);
    }
    .sed-col.sed-col-md-11{
        width:100%;
        max-width:calc(((100% / 12) * 11)  - 11px);
    }
    .sed-col.sed-col-md-12{
        width:100%;
        max-width:calc(((100% / 12) * 12)  - 11px);
    }

    .sed-row .sed-col.sed-col-md-12{
        max-width:calc(((100% / 12) * 12)  - 0px);
    }
}

@media(max-width:768px){
    .sed-col.sed-col-smd-1{
        width:100%;
        max-width:calc(((100% / 12) * 1)  - 11px);
    }
    .sed-col.sed-col-smd-2{
        width:100%;
        max-width:calc(((100% / 12) * 2)  - 11px);
    }
    .sed-col.sed-col-smd-3{
        width:100%;
        max-width:calc(((100% / 12) * 3)  - 11px);
    }
    .sed-col.sed-col-smd-4{
        width:100%;
        max-width:calc(((100% / 12) * 4)  - 11px);
    }
    .sed-col.sed-col-smd-5{
        width:100%;
        max-width:calc((100% / 12) * 5)  - 11px);
    }
    .sed-col.sed-col-smd-6{
        width:100%;
        max-width:calc(((100% / 12) * 6)  - 11px);
    }
    .sed-col.sed-col-smd-7{
        width:100%;
        max-width:calc(((100% / 12) * 7)  - 11px);
    }
    .sed-col.sed-col-smd-8{
        width:100%;
        max-width:calc(((100% / 12) * 8)  - 11px);
    }
    .sed-col.sed-col-smd-9{
        width:100%;
        max-width:calc(((100% / 12) * 9)  - 11px);
    }
    .sed-col.sed-col-smd-10{
        width:100%;
        max-width:calc(((100% / 12) * 10)  - 11px);
    }
    .sed-col.sed-col-smd-11{
        width:100%;
        max-width:calc(((100% / 12) * 11)  - 11px);
    }
    .sed-col.sed-col-smd-12{
        width:100%;
        max-width:calc(((100% / 12) * 12)  - 11px);
    }

    .sed-row .sed-col.sed-col-smd-12{
        max-width:calc(((100% / 12) * 12)  - 0px);
    }
}
@media(max-width:667px){
    .sed-col.sed-col-sm-1{
        width:100%;
        max-width:calc(((100% / 12) * 1)  - 11px);
    }
    .sed-col.sed-col-sm-2{
        width:100%;
        max-width:calc(((100% / 12) * 2)  - 11px);
    }
    .sed-col.sed-col-sm-3{
        width:100%;
        max-width:calc(((100% / 12) * 3)  - 11px);
    }
    .sed-col.sed-col-sm-4{
        width:100%;
        max-width:calc(((100% / 12) * 4)  - 11px);
    }
    .sed-col.sed-col-sm-5{
        width:100%;
        max-width:calc(((100% / 12) * 5)  - 11px);
    }
    .sed-col.sed-col-sm-6{
        width:100%;
        max-width:calc(((100% / 12) * 6)  - 11px);
    }
    .sed-col.sed-col-sm-7{
        width:100%;
        max-width:calc(((100% / 12) * 7)  - 11px);
    }
    .sed-col.sed-col-sm-8{
        width:100%;
        max-width:calc(((100% / 12) * 8)  - 11px);
    }
    .sed-col.sed-col-sm-9{
        width:100%;
        max-width:calc(((100% / 12) * 9)  - 11px);
    }
    .sed-col.sed-col-sm-10{
        width:100%;
        max-width:calc(((100% / 12) * 10)  - 11px);
    }
    .sed-col.sed-col-sm-11{
        width:100%;
        max-width:calc(((100% / 12) * 11)  - 11px);
    }
    .sed-col.sed-col-sm-12{
        width:100%;
        max-width:calc(((100% / 12) * 12)  - 11px);
    }

    .sed-row .sed-col.sed-col-sm-12{
        max-width:calc(((100% / 12) * 12)  - 0px);
    }
}
@media(max-width:480px){
    .sed-col.sed-col-xs-1{
        width:100%;
        max-width:calc(((100% / 12) * 1)  - 11px);
    }
    .sed-col.sed-col-xs-2{
        width:100%;
        max-width:calc(((100% / 12) * 2)  - 11px);
    }
    .sed-col.sed-col-xs-3{
        width:100%;
        max-width:calc(((100% / 12) * 3)  - 11px);
    }
    .sed-col.sed-col-xs-4{
        width:100%;
        max-width:calc(((100% / 12) * 4)  - 11px);
    }
    .sed-col.sed-col-xs-5{
        width:100%;
        max-width:calc(((100% / 12) * 5)  - 11px);
    }
    .sed-col.sed-col-xs-6{
        width:100%;
        max-width:calc(((100% / 12) * 6)  - 11px);
    }
    .sed-col.sed-col-xs-7{
        width:100%;
        max-width:calc(((100% / 12) * 7)  - 11px);
    }
    .sed-col.sed-col-xs-8{
        width:100%;
        max-width:calc(((100% / 12) * 8)  - 11px);
    }
    .sed-col.sed-col-xs-9{
        width:100%;
        max-width:calc(((100% / 12) * 9)  - 11px);
    }
    .sed-col.sed-col-xs-10{
        width:100%;
        max-width:calc(((100% / 12) * 10)  - 11px);
    }
    .sed-col.sed-col-xs-11{
        width:100%;
        max-width:calc(((100% / 12) * 11)  - 11px);
    }
    .sed-col.sed-col-xs-12{
        width:100%;
        max-width:calc(((100% / 12) * 12)  - 11px);
    }

    .sed-row .sed-col.sed-col-xs-12{
        max-width:calc(((100% / 12) * 12)  - 0px);
    }
}
/*End column*/
/*End Freame work*/




.hompe-pg-vdo-sec-elmt-con{
    margin-bottom: -30px !important;
}
.home-pg-body-hiltop-tmplt .hompe-pg-vdo-sec-elmt-con{
    margin-bottom: -30px !important;
}






@media(max-width:991.98px){
    .home-pg-body-hiltop-tmplt .home-page-block-sec.main-news-content-sec-con{
        /*margin-bottom:90px !important;*/
        /*margin-bottom:45px !important;*/
        /*margin-bottom:0px !important;*/
        margin-bottom:-45px !important;
    }
    .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .region__inner{
        padding-bottom:0px !important;
    }
}
@media(max-width:768){
    .home-pg-body-hiltop-tmplt .home-page-block-sec.main-news-content-sec-con{
        /*margin-bottom:90px !important;*/
        /*margin-bottom:45px !important;*/
        /*margin-bottom:0px !important;*/
        margin-bottom:-45px !important;
    }
    .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .region__inner{
        padding-bottom:0px !important;
    }
}
@media(max-width:767.98px){
    .home-pg-body-hiltop-tmplt .home-page-block-sec.main-news-content-sec-con{
        /*margin-bottom:90px !important;*/
        /*margin-bottom:45px !important;*/
        /*margin-bottom:0px !important;*/
        margin-bottom:-45px !important;
    }
    .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-vdo-sec-elmt-con{
        margin-bottom: 0px !important;
    }
    .home-pg-body-hiltop-tmplt .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .hompe-pg-block-vdo-sec-elmt-con .region__container.region__container-elmt{
        margin-bottom: -30px !important;
    }
    .region__inner{
        padding-bottom:0px !important;
    }
}




.del-1{
    /*display:none !important;*/
}
.a-fm-model{

}
.a-fm-model .form-grup-radio-btn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.a-fm-model .form-grup-radio-btn label{

}

.a-fm-model .form-grup-radio-btn input{
    margin-top: 0px !important;
    margin-left: -10.5px;
    height: 30px;
    width: 55px;
}

.fm-formgroup-lbl-elmt{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}


#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con{

}

#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-toolbar-wrapper.panel-default{
    height:auto !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-toolbar.panel-heading{
    display: flex !important;
    flex-flow: row wrap !important;
    height: auto !important;
    width: 100% !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    overflow: visible !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-editing-area{
    margin-top: 1px !important;
}


#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-fontname .dropdown-menu li a i span{
    color: black !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-fontname .dropdown-menu li a{
    padding-left: 0px !important;
}

#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .dropdown-menu.note-check.dropdown-fontname.show i.note-icon-menu-check:before {
    display: none !important;
}

#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .dropdown-menu.note-check.dropdown-fontname.show{
    /*transform: translate3d(0px, 0px, 0px) !important;*/

    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
    background-color: white !important;
    overflow: hidden auto !important;
    position: absolute !important;
    will-change: transform !important;
    top: 0px !important;
    left: 0px !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-style{
    display: none !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-color{
    display: none !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-table{
    display: none !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-insert{
    display: none !important;
}
#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-view button{
    display: none !important;
}

#dev_section_properties_div .dynamic-ui-right-col-section-item-form-elmt-con .note-btn-group.btn-group.note-view button.btn-codeview{
    display: inline-block !important;
}


.note-popover.popover.bottom{
    /*display:none !important;*/

    /*    position: absolute;
        display: none;*/

}

.note-popover.popover.in.note-image-popover.bottom{
    z-index:999999999999999999999999999 !important;
    position: absolute;
    /*display:block !important;*/
}



/*Dynamic Nav*/
#nav-item-sortable, #nav-item-sortable *{
    box-sizing: border-box;
}
#nav-item-sortable{
    list-style-type: none;
    padding-left: 0px !important;
    margin-top: 10px;
    margin-bottom:-10px;
}
.nav-item-sortable-li{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 10px;

    background-color: #f7f6f6;
    padding: 3px 3px 3px 6px;
}
.nav-item-sortable-li:hover{
    background-color: #ededed;
    padding: 3px 3px 3px 6px;
}
.nav-item-sortable-li-checker{
    width: 20px;
    height: 20px;
}
.nav-item-sortable-name{
    cursor: pointer;
}
.nav-item-sortable-li-arrow{
    display: inline-block;
    width: auto;
    height: 100%;
    max-height: 16px;
    cursor: pointer;
}

/*End Dynamic Nav*/


/*Form Elements*/
.row-gap-handler{
    row-gap: 24px;
}
.form-group-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}
.elmt-full-width{
    width:100%;
    max-width:100%;
}


/*End Form Elements*/

.btn-group-parent-fullwidth-setter .btn-group{
    width:100%;
    max-width:100%;
}

.btn-group-parent-fullwidth-setter .btn-group ul.multiselect-container li a label{
    padding: 4px 8px;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.btn-group-parent-fullwidth-setter .btn-group ul.multiselect-container li a input{
    display: inline-block;
    margin: 0px;
    margin-bottom: 0px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-height: 18px;
    min-width: 18px;
    max-height: 18px;
    margin-top: 1px;
}
.btn-group-parent-fullwidth-setter .btn-group ul.multiselect-container{
    padding: 6px 4px;
}
.btn-group-parent-fullwidth-setter .btn-group button.multiselect{
    text-align: left;
}

.publisher-flex-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
}
.publisher-flex-col-1{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
.publisher-flex-col-2{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.publisher-flex-col-2-col-1{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
.publisher-flex-col-2-col-2{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.datetimepicker{
    padding: 6px 10px !important;
}

label{
    display: inline-block !important;
    font-weight: 900 !important;
    margin-bottom: 3px !important;
    font-size: 14px;
}

.footer-button-con{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}
.footer-button-item-col{

}

.udation-container{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px px;
    width: 100%;
}
.udation-container-row{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
    width: 100%;
    flex-direction: column;
}
.udation-container-col-1{
    width: 100px;
    font-weight: 900;
}
.udation-container-col-2{
    width: 200px;
}
.udation-container-col-3{
    width: 200px;
}

@media(max-width:667px){
    .udation-container-row {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 3px;
        width: 100%;
        flex-direction: column;
    }

    .udation-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 26px;
        width: 100%;
    }
    .udation-container-col-1{
        width: 100%;
        font-weight: 900;
    }
    .udation-container-col-2{
        width: 100%;
    }
    .udation-container-col-3{
        width: 100%;
    }
}






/*Model 1*/


/*Model Custom*/
.modal-header{
    display: flex !important;
    flex-direction: row !important;
}
.modal-title{
    font-size: 16px !important;
    font-weight: 900;
}
.modal-header button.close{
    color:red !important;
    opacity:1;
}


.otp-congirm-model{

}
.otp-congirm-model .modal-dialog{
    width: 100%;
    max-width: calc(100% - 200px) !important;
    margin-top: 42px;
}
.otp-congirm-model-top-t{
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
}
.otp-congirm-model-bottom-t{
    font-size: 13px;
    line-height: 18px;
    font-style: italic;
    margin-top: 6px;
}

.otp-congirm-l-con{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 36px;
}
.otp-congirm-l-sec{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1px;
}
.otp-congirm-l-h{
    font-size: 17px;
    font-weight: 600;
}
.otp-congirm-l-t{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
.otp-congirm-l-b{
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.otp-congirm-l-b-col-1{
    text-transform: uppercase;
}
.otp-congirm-l-b-col-1-2{
    font-size: 14px;
    line-height: 20px;
}
.otp-congirm-desc-h{
    font-size: 18px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #d7d7d7 !important;
    padding-bottom: 5px;
}
.otp-congirm-desc-h.otp-congirm-desc-h-r{
    text-align: center;
    margin-bottom:16px;
}
.otp-congirm-desc-h-l{
    border-bottom: none !important;
    font-size:18px;
}
.otp-congirm-left-border{
    /*border: 1px solid #d7d7d7;*/
    border: none;
    /*padding: 5px 10px 8px 10px;*/
    padding:0px;
    padding-right: 22px;
}
.otp-congirm-right-border{
    /*border: 1px solid #d7d7d7;*/
    /*border-left:none;*/
    /*padding: 5px 10px 8px 10px;*/
}

.otp-congirm-r-con{
    border: 1px solid #d7d7d7;
    padding: 8px 8px;
}
.otp-congirm-r-sec{
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
    justify-content: flex-start;
}
.otp-congirm-row-1{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}
.otp-congirm-row-2{
    margin-bottom: 0px;
    width: 100%;
    max-width: 300px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0px;
}
.otp-congirm-row-3{
    margin-top: 6px;
}
.otp-congirm-row-4{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-style: italic;
    margin-top: 28px;
    text-align: center;
}
.otp-congirm-infor-dark{
    font-weight: 500;
    display: inline-block;
}
.otp-congirm-sen-btn{
    text-transform:uppercase;
}

@media(max-width:768px){
    .otp-congirm-left-border {
        border: none;
        padding-right: 0px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .otp-congirm-right-border{
        /*border: none;*/
        padding-right: 0px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 64px;
    }
    .otp-congirm-container{
        padding-left:0px !important;
        padding-right:0px !important;
        text-align: center;
    }
    .otp-congirm-desc-h-l{
        text-align: center;
    }
    .otp-congirm-l-sec {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 1px;
        text-align: center;
        width: 100%;
    }
    .otp-congirm-l-b {
        margin-top: 15;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex-direction: column;
    }
    .otp-congirm-model .modal-dialog {
        width: 100%;
        max-width: calc(100% - 32px) !important;
        margin-top: 42px;
    }
}

@media(max-width:481px){
    .otp-congirm-model .modal-dialog {
        width: 100%;
        max-width: calc(100% - 0px) !important;
        margin-top: 42px;
    }
}
/*End Model Custom*/
/*emd Model 1*/


.admin-footer-con{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.admin-footer-col-1{
    margin-bottom: 0px;
}
.admin-footer-col-2{
    margin-bottom: 0px;
}

@media(max-width:768px){
    .admin-footer-con {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }
    .admin-footer-col-1{
        margin-bottom: 0px;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        line-height: 16px;
    }
    .admin-footer-col-1-row-1{

    }
    .admin-footer-col-1-row-2{

    }

    .admin-footer-col-2{
        margin-bottom: 0px;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        line-height: 16px;
    }
}


@media(max-width:480px){
    .admin-footer-con {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }
    .admin-footer-col-1 {
        margin-bottom: 0px;
        text-align: center;
        width: 100%;
        line-height: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin-bottom: 2px;
    }
    .admin-footer-col-1-row-1{
        width: 100%;
    }
    .admin-footer-col-1-row-2{
        width: 100%;
    }

    .admin-footer-col-2{
        margin-bottom: 0px;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        line-height: 16px;
    }
}



.modal .modal-body > form > .row{
    row-gap:12px !important;
}

.modal .modal-header .btn-close{
    opacity: 1 !important;
    color:white !important;
    visibility: visible !important;
    font-weight: 900 !important;
    background-image: unset !important;
}
.modal .modal-header:not(.common-modal-header) .btn-close > span{
    padding: 8px !important;
    width: 1em !important;
    height: 1em !important;
    color: #ffffff !important;
    background: transparent;
    border: 0 !important;
    border-radius: .375rem !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: translate(-17px, -15px) !important;
    font-weight: 900 !important;
    font-size: 44px !important;
    line-height: 1 !important;
}


.modal .modal-header:not(.common-modal-header) .btn-close > span:hover {
    color: red !important;
}

.f-col-vert{
    row-gap: 14px;
    display: flex;
    flex-direction: column;
}

@media(min-width:768px){
    .seprator-right-min-768{
        border-right:1px solid black;
    }
    .seprator-left-min-768{
        border-left:1px solid black;
    }
}



.page-breadcrumb{

}
.page-breadcrumb .breadcrumb{
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px !important;
    font-weight: 100;
    color: #a4b1b5;
}
.page-breadcrumb .breadcrumb li{
    font-size: 14px !important;
    line-height: 1.2;
    text-decoration: none;
    color: #757575;
}
.page-breadcrumb .breadcrumb li.active{
    font-size: 14px !important;
    line-height: 1;
    text-decoration: none;
    color: black !important;
}
.page-breadcrumb .breadcrumb li a{
    font-size: 14px !important;
    line-height: 1;
    text-decoration: none;
    color: #757575 !important;
}
.page-breadcrumb .breadcrumb li .bresdcramb-active{
    font-size: 14px !important;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 1px;
    color: #a4b1b5 !important;
}



.top-nav-sec ul.navbar-nav > li.nav-item > ul.dropdown-menu.show{
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: 4px !important;
}
.top-nav-sec ul.navbar-nav > li.nav-item > a:after{
    display: none !important;
}
.top-nav-sec ul.navbar-nav > li.nav-item > a > span > i.droper-angle{
    display: inline-block;
    margin-left: 4px;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    transform: translateY(2px);
}
.top-nav-sec ul.navbar-nav > li.nav-item > a > span > i.logount-l-elmt{
    display: inline-block;
    margin-left: unset;
    margin-right: 2px;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    transform: translateY(2px);
}
.top-nav-sec .top-nav-self-sec{

}

@media(min-width:992px){
    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: self-end !important;
        width: 100% !important;
        padding-right: 3px !important;
    }
}


* table tfoot{
    display:none !important;
}


.nav-tab-ul-sec{
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0px !important;
    flex-wrap: wrap !important;
    border-bottom: 3px solid #004c7a !important;
    background-color: transparent !important;
}
.nav-tab-ul-sec li{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: translateY(3px) !important;
}
.nav-tab-ul-sec li a{
    text-decoration: none !important;
    background-color: #1682c3 !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 7px 6px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;

    border-top: 3px solid #004c7a !important;
    border-bottom: 3px solid #004c7a !important;
    /*border-left: 3px solid #004c7a;*/
    border-right: 3px solid #004c7a !important;
}
.nav-tab-ul-sec li:first-child a{
    border-left: 3px solid #004c7a !important;
}

.nav-tab-ul-sec li.active{

}
/*.nav-tab-ul-sec li.active a.active{*/
.nav-tab-ul-sec li.active a{
    /*background-color: #00639f;*/
    background-color: #014872 !important;
    color: white !important;
    border-bottom: 3px solid #014872 !important;
    /*    border-left: 3px solid #004c7a;
        border-top: 3px solid #004c7a;
        border-right: 3px solid #004c7a;*/
}

.nav-tab-ul-sec li a:hover{
    background-color: #014872 !important;
    border-bottom: 3px solid #014872 !important;
}
.nav-tab-ul-sec li.active a.active:hover{
    background-color: #014872 !important;
    border-bottom: 3px solid #014872 !important;
}


.nav-tab-ul-sec li:first-child{
    border-top-left-radius: 6px !important;
}
.nav-tab-ul-sec li:last-child{
    border-top-right-radius: 6px !important;
}

.nav-tab-ul-sec li.active a:hover{
    background-color: #014872 !important;
    border-bottom: 3px solid #014872 !important;
}

.left-nav-icon-elmt{
    fill: #97a2b7;
    width: 32px;
    height: auto;
    margin-bottom: 4px;
}
.page-sidebar-inner.slimscroll .menu.accordion-menu a p {
    color: #f4f8ff;
}

.default-h-elmt{
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4e5e6a;
    padding: 0px;
    margin-bottom: 12px;
}
.seperator-32px{
    width:100%;
    visibility: hidden;
    opacity: 0;
    height:32px;
}
.seperator-42px{
    width:100%;
    visibility: hidden;
    opacity: 0;
    height:42px;
}
.seperator-52px{
    width:100%;
    visibility: hidden;
    opacity: 0;
    height:52px;
}

.form-group p{
    margin-bottom:0px !important;
    line-height: 1.2;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

table > thead > tr > th{
    text-align: center;
}







/*Components===================*/

/*Filter-------------------*/

/*Filters*/
.filter-sec-con{
    width:100%;
}
.filter-sec-con-elmt{
    width:100%;
    display: flex;
    flex-direction:row;
    align-items: flex-end;
    justify-content: flex-start;
gap: 12px;
}

/*.filter-sec-col-set-1{
    width:calc(25% - 0px);
     display: flex;
    flex-direction:row;
    align-items: flex-end;
    justify-content: flex-start;
}
.filter-sec-col-set-1-con{
    width:calc(100% - 0px);
}*/

.filter-sec-col-set-2{
    width:calc(100% - 0px);
    max-width:calc(100% - 150px);
    /*width:auto;*/
    display: flex;
    flex-direction:row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}
.filter-sec-col-set-2-con{
    width: calc(100% - 0px);
    max-width: calc(25% - 12px);
}

.filter-sec-col-set-3{
    /*width:calc(20% - 0px);*/
    width:calc(100% - 0px);
    max-width:150px;
    display: flex;
    flex-direction:row;
    align-items: flex-end;
    justify-content: flex-end;
}
.filter-sec-col-set-3-con{
    width: calc(100% - 0px);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-sec-col-set-vertical{
    display: flex;
    flex-direction:column;
    align-items: flex-end;
    justify-content: flex-start;
}

.btn-fa-icon-elmt{
    /*    font-size: 15px;
        padding-top: 2.5px !important;
        position: relative;
        display: inline-block;
        padding-bottom: 2.5px !important;*/

    font-size: 13px !important;
    padding-top: 2.5px !important;
    position: relative;
    display: inline-block !important;
    padding-bottom: 2.5px !important;
    line-height: 1 !important;
    margin-top: -2px;
    margin-bottom: -1px;
    margin-right: 4px;
}
.filter-checkbox-con{
    height: 41px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 8px;
}
.filter-checkbox-elmt{
    width: 22px;
    height: 22px;
    cursor:pointer;
}
.filter-checkbox-text-elmt{

}
.search-box-set-con{
    width: 100%;
    max-width: 100%;
    margin: 0px 0px 0px 0px !important;
}
.search-box-set-con input{
    width: 100% !important;
}

@media(max-width:768px){
    .filter-sec-col-set-2-con {
        width: calc(100% - 0px);
        max-width: calc(50% - 8px);
    }
}
@media(max-width:481px){
    .filter-sec-col-set-2-con {
        width: calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    .filter-sec-col-set-2 {
        width: calc(100% - 0px);
        max-width: calc(100% - 0px);
        /* width: auto; */
        display: flex;
        flex-direction: row;
    }
    .filter-sec-col-set-3 {
        /* width: calc(20% - 0px); */
        width: calc(100% - 0px);
        max-width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .filter-sec-con-elmt {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .filter-sec-col-set-3-con {
        width: calc(100% - 0px);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }
}

/*---------------Filter*/


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


/*Button*/

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



/*-------- Box Modal*/

/*Box Model*/
.elmt-pad-t-0{
    padding-top:0px !important;
}
.elmt-pad-r-0{
    padding-right:0px !important;
}
.elmt-pad-b-0{
    padding-bottom:0px !important;
}
.elmt-pad-l-0{
    padding-left:0px !important;
}



.elmt-mg-t-0{
    margin-top: 0px !important;
}
.elmt-mg-b-0{
    margin-bottom: 0px !important;
}
.elmt-mg-l-0{
    margin-left: 0px !important;
}
.elmt-mg-r-0{
    margin-right: 0px !important;
}


.elmt-mg-t-32{
    margin-top: 32px;
}
.elmt-mg-b-32{
    margin-bottom: 32px;
}
.elmt-mg-l-32{
    margin-left: 32px;
}
.elmt-mg-r-32{
    margin-right: 32px;
}

.elmt-mg-t-16{
    margin-top: 16px;
}
.elmt-mg-b-16{
    margin-bottom: 16px;
}
.elmt-mg-l-16{
    margin-left: 16px;
}
.elmt-mg-r-16{
    margin-right: 16px;
}


.elmt-mg-t-8{
    margin-top: 8px;
}
.elmt-mg-b-8{
    margin-bottom: 8px;
}
.elmt-mg-l-8{
    margin-left: 8px;
}
.elmt-mg-r-8{
    margin-right: 8px;
}


.elmt-mg-t-3{
    margin-top: 3px;
}
.elmt-mg-b-3{
    margin-bottom: 3px;
}
.elmt-mg-l-3{
    margin-left: 3px;
}
.elmt-mg-r-3{
    margin-right: 3px;
}

.elmt-mg-t-22{
    margin-top: 22px;
}
.elmt-mg-b-22{
    margin-bottom: 22px;
}
.elmt-mg-l-22{
    margin-left: 22px;
}
.elmt-mg-r-22{
    margin-right: 22px;
}

@media(max-width:768px){
    .elmt-mg-t-22-max-768{
        margin-top: 22px;
    }
    .elmt-mg-b-22-max-768{
        margin-bottom: 22px;
    }
    .elmt-mg-l-22-max-768{
        margin-left: 22px;
    }
    .elmt-mg-r-22-max-768{
        margin-right: 22px;
    }

}

@media(max-width:767px){
    .elmt-mg-t-22-max-767{
        margin-top: 22px;
    }
    .elmt-mg-b-22-max-767{
        margin-bottom: 22px;
    }
    .elmt-mg-l-22-max-767{
        margin-left: 22px;
    }
    .elmt-mg-r-22-max-767{
        margin-right: 22px;
    }



    .elmt-mg-t-42-max-767{
        margin-top: 42px;
    }
    .elmt-mg-b-42-max-767{
        margin-bottom: 42px;
    }
    .elmt-mg-l-42-max-767{
        margin-left: 42px;
    }
    .elmt-mg-r-42-max-767{
        margin-right: 42px;
    }
}
/*unseter*/
.pad-b-unsetter-elmt{
    padding-bottom:0px !important;
}
.mg-b-unsetter-elmt{
    margin-bottom:0px !important;
}
/*End Box Model*/
/*----------- End Box Modal*/


/*Inport detail records*/

.records-con-sec{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 8px;
    margin-bottom: 8px;

}
.records-con-elmt{
    width: 100%;
}
.records-con-elmt-sec{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}
.records-con-elmt-sec-col{

}
.records-con-elmt-sec-col.records-con-elmt-sec-col-h{
    width: 120px;
    font-weight: 400;
}
.records-con-elmt-sec-col.records-con-elmt-sec-col-c{
    width: 120px;
    font-weight: 900;

}

.cus-agrmt-succes-h.cus-agrmt-succes-h-font-lg-elmt{

}

@media(max-width:1025px){
    .cus-agrmt-succes-h.cus-agrmt-succes-h-font-lg-elmt{
        font-size: 1.7rem !important;
        font-weight: 600 !important;
        font-family: Inter, Helvetica, sans-serif !important;
        text-transform: uppercase;
    }
}

.infor-generaot-con{
    width: 100%;
}
.infor-generaot-inner-con{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.infor-generaot-elmt{
    font-size: 1.7rem !important;
    font-weight: 600 !important;
    font-family: Inter, Helvetica, sans-serif !important;
    /*text-transform: uppercase;*/
    text-align: center;
}
.infor-generaot-elmt.infor-generaot-elmt-lg{
    font-size: 2.2rem !important;
}

/*End Inport detail records*/



/*===============checker-multy-sec*/
.checker-multy-sec{
    width: 100%;
}
.checker-multy-con{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.checker-multy-row-1{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
}
.checker-multy-row-1-col-1{
    line-height: 1;
}
.checker-multy-row-1-col-2{

}

.checker-multy-row-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
.checker-multy-row-2-row-1{
    width: 100%;
    font-weight: 400
}

.checker-multy-row-2-row-1 label{
    font-weight: 500 !important;
    font-size: 13px;
}

.checker-multy-row-2-row-2{
    width: 100%;
}

.checker-multy-row-1-col-1 > label{
    font-weight: 400 !important;
}
/*checker-multy-sec================*/


@media(max-width:767px){
    .elmt-hider-max-767{
        display:none !important;
    }
}



/*==========Components*/


.h-with-checker-con{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}
.h-with-checker-con .default-h-elmt{

}
.h-with-checker-con .default-h-elmt-checker-con{

}
.h-with-checker-con .default-h-elmt-checker-con input{

}
@media(max-width:767px){
    .h-with-checker-con{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
    }
}


.tab-content {
    padding: 0px !important;
}

.unq-test-newsletter-btn-sec{
    container-name:unqTestNewsLerrerBtnCon;
    container-type:inline-size;
}
.unq-test-newsletter-btn-con{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.unq-test-newsletter-btn-elmt{

}
.unq-test-newsletter-btn-elmt-1{

}
.unq-test-newsletter-btn-elmt-2{

}
.unq-test-newsletter-btn-elmt-3{

}
.unq-test-newsletter-btn-elmt-4{

}

@container unqTestNewsLerrerBtnCon (max-width:480px){
    .unq-test-newsletter-btn-con {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
    }
}

@media(max-width:768px){
    /*    .unq-test-newsletter-btn-sec{
            margin-top:32px;
        }*/
}




/*Button*/
.button-elmt{
    padding: 0px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    font-size: 12.35px;
    font-family: Inter, Helvetica, sans-serif;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    display: inline-flex;
    align-items: center;
    /*    display: inline-flex;
        align-items: center;*/
    background-color: transparent;

    border-top: none;
    border-left: none;
    border-right: none;

    overflow: hidden;
    border-radius: 4px !important;

    text-decoration: none !important;
}
.button-elmt-c-sec{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: transparent;
}
.button-elmt-t{
    font-size: 14px;
    padding: 0px 8px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-elmt svg{
    width: auto;
    height: 30px;
    background-color: black;
    fill: white;
    padding: 7px 7px;
}


/*Print*/
.button-elmt.button-elmt-print{
    border-bottom: 1px #650b8d solid;
}
.button-elmt.button-elmt-print .button-elmt-t{
    color:white;
    background-color: #650b8d;
}
.button-elmt.button-elmt-print:hover .button-elmt-t{
    color:white;
    background-color: #470066;
}
.button-elmt.button-elmt-print .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #470066;
    fill: white;
}


/*export*/
.button-elmt.button-elmt-export{
    border-bottom: 1px #650b8d solid;
    text-decoration: none !important;
}
.button-elmt.button-elmt-export .button-elmt-t{
    color:white;
    background-color: #650b8d;
}
.button-elmt.button-elmt-export:hover .button-elmt-t{
    color:white;
    background-color: #470066;
}
.button-elmt.button-elmt-export .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #470066;
    fill: white;
}


/*import*/
.button-elmt.button-elmt-import{
    border-bottom: 1px #05b353 solid;
    text-decoration: none !important;
}
.button-elmt.button-elmt-import .button-elmt-t{
    color:white;
    background-color: #05b353;
}
.button-elmt.button-elmt-import:hover .button-elmt-t{
    color:white;
    background-color: #019342;
}
.button-elmt.button-elmt-import .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #019342;
    fill: white;
}


/*add*/
.button-elmt.button-elmt-add{
    border-bottom: 1px #006cbf solid;
}
.button-elmt.button-elmt-add .button-elmt-t{
    color:white;
    background-color: #006cbf;
}
.button-elmt.button-elmt-add:hover .button-elmt-t{
    color:white;
    background-color: #015a9e;
}
.button-elmt.button-elmt-add .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #015a9e;
    fill: white;
}


/*save*/
.button-elmt.button-elmt-save{
    border-bottom: 1px #1cad94 solid;
}
.button-elmt.button-elmt-save .button-elmt-t{
    color:white;
    background-color: #1cad94;
}
.button-elmt.button-elmt-save:hover .button-elmt-t{
    color:white;
    background-color: #11917b;
}
.button-elmt.button-elmt-save .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}



/*submit*/
.button-elmt.button-elmt-submit{
    border-bottom: 1px #1cad94 solid;
}
.button-elmt.button-elmt-submit .button-elmt-t{
    color:white;
    background-color: #1cad94;
}
.button-elmt.button-elmt-submit:hover .button-elmt-t{
    color:white;
    background-color: #11917b;
}
.button-elmt.button-elmt-submit .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}


/*filter*/
.button-elmt.button-elmt-filter{
    border-bottom: 1px #99126f solid;
}
.button-elmt.button-elmt-filter .button-elmt-t{
    color:white;
    background-color: #99126f;
}
.button-elmt.button-elmt-filter:hover .button-elmt-t{
    color:white;
    background-color: #780755;
}
.button-elmt.button-elmt-filter .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #780755;
    fill: white;
}


/*apply*/
.button-elmt.button-elmt-apply{
    border-bottom: 1px #99126f solid;
}
.button-elmt.button-elmt-apply .button-elmt-t{
    color:white;
    background-color: #99126f;
}
.button-elmt.button-elmt-apply:hover .button-elmt-t{
    color:white;
    background-color: #780755;
}
.button-elmt.button-elmt-apply .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #780755;
    fill: white;
}


/*cancel*/
.button-elmt.button-elmt-cancel{
    border-bottom: 1px #747474 solid;
}
.button-elmt.button-elmt-cancel .button-elmt-t{
    color:white;
    background-color: #747474;
}
.button-elmt.button-elmt-cancel:hover .button-elmt-t{
    color:white;
    background-color: #4c4c4c;
}
.button-elmt.button-elmt-cancel .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #4c4c4c;
    fill: white;
}


/*close*/
.button-elmt.button-elmt-close{
    border-bottom: 1px #747474 solid;
}
.button-elmt.button-elmt-close .button-elmt-t{
    color:white;
    background-color: #747474;
}
.button-elmt.button-elmt-close:hover .button-elmt-t{
    color:white;
    background-color: #4c4c4c;
}
.button-elmt.button-elmt-close .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #4c4c4c;
    fill: white;
}



/*update*/
.button-elmt.button-elmt-update{
    border-bottom: 1px #c55412 solid;
}
.button-elmt.button-elmt-update .button-elmt-t{
    color:white;
    background-color: #c55412;
}
.button-elmt.button-elmt-update:hover .button-elmt-t{
    color:white;
    background-color: #af4203;
}
.button-elmt.button-elmt-update .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #af4203;
    fill: white;
}



/*draft*/
.button-elmt.button-elmt-draft{
    border-bottom: 1px #b39816 solid;
}
.button-elmt.button-elmt-draft .button-elmt-t{
    color:white;
    background-color: #b39816;
}
.button-elmt.button-elmt-draft:hover .button-elmt-t{
    color:white;
    background-color: #9b8626;
}
.button-elmt.button-elmt-draft .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #9b8626;
    fill: white;
}


/*publish*/
.button-elmt.button-elmt-publish{
    border-bottom: 1px #c57109 solid;
}
.button-elmt.button-elmt-publish .button-elmt-t{
    color:white;
    background-color: #c57109;
}
.button-elmt.button-elmt-publish:hover .button-elmt-t{
    color:white;
    background-color: #a15e0c;
}
.button-elmt.button-elmt-publish .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #a15e0c;
    fill: white;
}




/*back*/
.button-elmt.button-elmt-back{
    border-bottom: 1px #454545 solid;
}
.button-elmt.button-elmt-back .button-elmt-t{
    color:white;
    background-color: #454545;
}
.button-elmt.button-elmt-back:hover .button-elmt-t{
    color:white;
    background-color: #000000;
}
.button-elmt.button-elmt-back .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #000000;
    fill: white;
}


/*next*/
.button-elmt.button-elmt-next{
    border-bottom: 1px #097a9d solid;
}
.button-elmt.button-elmt-next .button-elmt-t{
    color:white;
    background-color: #097a9d;
}
.button-elmt.button-elmt-next:hover .button-elmt-t{
    color:white;
    background-color: #06566e;
}
.button-elmt.button-elmt-next .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #06566e;
    fill: white;
}



/*goto*/
.button-elmt.button-elmt-goto{
    border-bottom: 1px #097a9d solid;
}
.button-elmt.button-elmt-goto .button-elmt-t{
    color:white;
    background-color: #097a9d;
}
.button-elmt.button-elmt-goto:hover .button-elmt-t{
    color:white;
    background-color: #06566e;
}
.button-elmt.button-elmt-goto .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #06566e;
    fill: white;
}

/*===================*/
/*===================*/


/*.button-elmt a{
    line-height: 1 !important;
    border-radius: 12px !important;
}

.button-elmt:has(a) {
    padding: 0px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
}
.button-elmt:has(a) a{
    padding: 13px 20px !important;
    line-height: 1.2 !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    font-size: 12.35px;
    font-family: Inter, Helvetica, sans-serif;
    padding-top: 10px !important;
    padding-right: 14px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
}*/


/*Add*/
/*.button-elmt.button-elmt-add, .button-elmt.button-elmt-add a{
    background-color: #015a9e !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-add:hover, button.btn.button-elmt.button-elmt-add:hover a{
    background-color: #006cbf !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-add:active, button.btn.button-elmt.button-elmt-add:active a{
    background-color: #006cbf !important;
    color:white !important;
}

.button-elmt.button-elmt-add i, .button-elmt.button-elmt-add a i{
    color:white !important;

    line-height: 0 !important;
}*/
/*end Add*/



/*Show*/
/*.button-elmt.button-elmt-show, .button-elmt.button-elmt-show a{
    background-color: #cf4b0c !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-show:hover, button.btn.button-elmt.button-elmt-show:hover a{
    background-color: #f3611b !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-show:active, button.btn.button-elmt.button-elmt-show:active a{
    background-color: #f3611b !important;
    color:white !important;
}

.button-elmt.button-elmt-show i, .button-elmt.button-elmt-show a i{
    color:white !important;
}*/
/*end Show*/




/*Submit*/
/*.button-elmt.button-elmt-submit, .button-elmt.button-elmt-submit a{
    background-color: #07a143 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-submit:hover, button.btn.button-elmt.button-elmt-submit:hover a{
    background-color: #0cb74e !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-submit:active, button.btn.button-elmt.button-elmt-submit:active a{
    background-color: #0cb74e !important;
    color:white !important;
}

.button-elmt.button-elmt-submit i, .button-elmt.button-elmt-submit a i{
    color:white !important;
}*/
/*End Submit*/


/*upload*/
/*.button-elmt.button-elmt-upload, .button-elmt.button-elmt-upload a{
    background-color: #1798b3 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-upload:hover, button.btn.button-elmt.button-elmt-upload:hover a{
    background-color: #23b1cf !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-upload:active, button.btn.button-elmt.button-elmt-upload:active a{
    background-color: #23b1cf !important;
    color:white !important;
}

.button-elmt.button-elmt-upload i, .button-elmt.button-elmt-upload a i{
    color:white !important;
}*/
/*End upload*/




/*change*/
/*.button-elmt.button-elmt-change, .button-elmt.button-elmt-change a{
    background-color: #c95d22 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-change:hover, button.btn.button-elmt.button-elmt-change:hover a{
    background-color: #e57a3f !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-change:active, button.btn.button-elmt.button-elmt-change:active a{
    background-color: #e57a3f !important;
    color:white !important;
}

.button-elmt.button-elmt-change i, .button-elmt.button-elmt-change a i{
    color:white !important;
}*/
/*End change*/


/*remove*/
/*.button-elmt.button-elmt-remove, .button-elmt.button-elmt-remove a{
    background-color: #d31c1c !important;
    color:white !important;
}
button-elmt.button-elmt-remove:hover, button-elmt.button-elmt-remove:hover a{
    background-color: #e93131 !important;
    color:white !important;
}
button-elmt.button-elmt-remove:active, button-elmt.button-elmt-remove:active a{
    background-color: #e93131 !important;
    color:white !important;
}

.button-elmt.button-elmt-remove i, .button-elmt.button-elmt-remove a i{
    color:white !important;
}*/
/*End remove*/






/*Confirm*/
/*.button-elmt.button-elmt-confirm, .button-elmt.button-elmt-confirm a{
    background-color: #07a143 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-confirm:hover, button.btn.button-elmt.button-elmt-confirm:hover a{
    background-color: #0cb74e !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-confirm:active, button.btn.button-elmt.button-elmt-confirm:active a{
    background-color: #0cb74e !important;
    color:white !important;
}

.button-elmt.button-elmt-confirm i, .button-elmt.button-elmt-confirm a i{
    color:white !important;
}*/
/*End Confirm*/



/*Confirm*/
/*.button-elmt.button-elmt-edit, .button-elmt.button-elmt-edit a{
    background-color: #eb8821 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-edit:hover, button.btn.button-elmt.button-elmt-edit:hover a{
    background-color: #eb8821 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-edit:active, button.btn.button-elmt.button-elmt-edit:active a{
    background-color: #eb8821 !important;
    color:white !important;
}

.button-elmt.button-elmt-edit i, .button-elmt.button-elmt-edit a i{
    color:white !important;
}*/
/*End Confirm*/




/*Cancel*/
/*.button-elmt.button-elmt-cancel, .button-elmt.button-elmt-cancel a{
    background-color: #cbcbcb !important;
    color:black !important;
}
button.btn.button-elmt.button-elmt-cancel:hover, button.btn.button-elmt.button-elmt-cancel:hover a{
    background-color: #dfdfdf !important;
    color:black !important;
}
button.btn.button-elmt.button-elmt-cancel:active, button.btn.button-elmt.button-elmt-cancel:active a{
    background-color: #dfdfdf !important;
    color:black !important;
}

.button-elmt.button-elmt-cancel i, .button-elmt.button-elmt-cancel a i{
    color:white !important;
}*/
/*End Cancel*/


/*back*/
/*.button-elmt.button-elmt-back, .button-elmt.button-elmt-back a{
    background-color: #373737 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-back:hover, button.btn.button-elmt.button-elmt-back:hover a{
    background-color: #454545 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-back:active, button.btn.button-elmt.button-elmt-back:active a{
    background-color: #454545 !important;
    color:white !important;
}

.button-elmt.button-elmt-back i, .button-elmt.button-elmt-back a i{
    color:white !important;
}*/
/*End back*/



/*export*/
/*.button-elmt.button-elmt-export, .button-elmt.button-elmt-export a{
    background-color: #650b8d !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-export:hover, button.btn.button-elmt.button-elmt-export:hover a{
    background-color: #800eb3 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-export:active, button.btn.button-elmt.button-elmt-export:active a{
    background-color: #800eb3 !important;
    color:white !important;
}

.button-elmt.button-elmt-export i, .button-elmt.button-elmt-export a i{
    color:white !important;
}*/
/*End export*/



/*Print*/
/*.button-elmt.button-elmt-print, .button-elmt.button-elmt-print a{
    background-color: #650b8d !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-print:hover, button.btn.button-elmt.button-elmt-print:hover a{
    background-color: #800eb3 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-print:active, button.btn.button-elmt.button-elmt-print:active a{
    background-color: #800eb3 !important;
    color:white !important;
}

.button-elmt.button-elmt-print i, .button-elmt.button-elmt-print a i{
    color:white !important;
}*/
/*End Print*/



/*Copy*/
/*.button-elmt.button-elmt-copy, .button-elmt.button-elmt-copy a{
    background-color: #1da7a0 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-copy:hover, button.btn.button-elmt.button-elmt-copy:hover a{
    background-color: #2cb5ae !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-copy:active, button.btn.button-elmt.button-elmt-copy:active a{
    background-color: #2cb5ae !important;
    color:white !important;
}

.button-elmt.button-elmt-copy i, .button-elmt.button-elmt-copy a i{
    color:white !important;
}*/
/*End Copy*/



/*Search*/
/*.button-elmt.button-elmt-search, .button-elmt.button-elmt-search a{
    background-color: #10910d  !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-search:hover, button.btn.button-elmt.button-elmt-search:hover a{
    background-color: #1aa317 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-search:active, button.btn.button-elmt.button-elmt-search:active a{
    background-color: #1aa317 !important;
    color:white !important;
}

.button-elmt.button-elmt-search i, .button-elmt.button-elmt-search a i{
    color:white !important;
    line-height: 0px !important;
}*/
/*end Search*/




/*Tab*/
/*.button-elmt.button-elmt-tab, .button-elmt.button-elmt-tab a{
    background-color: #1c4d70  !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-tab:hover, button.btn.button-elmt.button-elmt-tab:hover a{
    background-color: #075287 !important;
    color:white !important;
}
button.btn.button-elmt.button-elmt-tab:active, button.btn.button-elmt.button-elmt-tab:active a{
    background-color: #075287 !important;
    color:white !important;
}

.button-elmt.button-elmt-tab i, .button-elmt.button-elmt-tab a i{
    color:white !important;
    line-height: 0px !important;
}*/
/*end Tab*/



/*End Button*/



/*===============*/
/*Icon Buttons*/
/*Button*/
.icon-button-elmt{
    padding: 0px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    font-size: 12.35px;
    font-family: Inter, Helvetica, sans-serif;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    display: inline-flex;
    align-items: center;
    /*    display: inline-flex;
        align-items: center;*/
    background-color: transparent;

    border-top: none;
    border-left: none;
    border-right: none;

    overflow: hidden;
    border-radius: 4px !important;
}
.icon-button-elmt-c-sec{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: transparent;
}
.icon-button-elmt-t{
    font-size: 14px;
    padding: 0px 8px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-button-elmt .icon-button-elmt-c-icon-elmt{
/*    width: auto;
    height: 28px;
    background-color: black;
    fill: white;
    padding: 7px 7px;*/
    width: 32px;
    height: 32px;
    background-color: black;
    fill: white;
    padding: 7px 6px;
}


/*Edit*/
.icon-button-elmt.icon-button-elmt-edit{
    border-bottom: 1px #9b8626 solid;
}
.icon-button-elmt.icon-button-elmt-edit .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #b39816;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-edit:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #9b8626;
    fill: white;
}


/*Close*/
.icon-button-elmt.icon-button-elmt-close{
    border-bottom: 1px #4c4c4c solid;
}
.icon-button-elmt.icon-button-elmt-close .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #747474;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-close:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #4c4c4c;
    fill: white;
}
/*Disable*/
.icon-button-elmt.icon-button-elmt-disable{
    border-bottom: 1px #4c4c4c solid;
}
.icon-button-elmt.icon-button-elmt-disable .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #747474;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-disable:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #4c4c4c;
    fill: white;
}

/*Enable*/
.icon-button-elmt.icon-button-elmt-enable{
    border-bottom: 1px #11917b solid;
}
.icon-button-elmt.icon-button-elmt-enable .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #1bbb43;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-enable:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #16a53a;
    fill: white;
}


/*View*/
.icon-button-elmt.icon-button-elmt-view{
    border-bottom: 1px #06566e solid;
}
.icon-button-elmt.icon-button-elmt-view .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #097a9d;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-view:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #06566e;
    fill: white;
}


/*Add*/
.icon-button-elmt.icon-button-elmt-add{
    border-bottom: 1px #11917b solid;
}
.icon-button-elmt.icon-button-elmt-add .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #1cad94;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-add:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}
/*Add_photo*/
.icon-button-elmt.icon-button-elmt-add_photo{
    border-bottom: 1px #11917b solid;
}
.icon-button-elmt.icon-button-elmt-add_photo .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #1cad94;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-add_photo:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}
/*Add_subscriber*/
.icon-button-elmt.icon-button-elmt-add_subscriber{
    border-bottom: 1px #11917b solid;
}
.icon-button-elmt.icon-button-elmt-add_subscriber .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #1cad94;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-add_subscriber:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}
/*Add_contant*/
.icon-button-elmt.icon-button-elmt-add_contant{
    border-bottom: 1px #11917b solid;
}
.icon-button-elmt.icon-button-elmt-add_contant .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #1cad94;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-add_contant:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #11917b;
    fill: white;
}


/*Send*/
.icon-button-elmt.icon-button-elmt-send{
    border-bottom: 1px #a15e0c solid;
}
.icon-button-elmt.icon-button-elmt-send .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #c57109;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-send:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #a15e0c;
    fill: white;
}
/*Release*/
.icon-button-elmt.icon-button-elmt-release{
    border-bottom: 1px #af4203 solid;
}
.icon-button-elmt.icon-button-elmt-release .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #c55412;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-release:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #af4203;
    fill: white;
}
/*Compose*/
.icon-button-elmt.icon-button-elmt-compose{
    border-bottom: 1px #015a9e solid;
}
.icon-button-elmt.icon-button-elmt-compose .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #006cbf;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-compose:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #015a9e;
    fill: white;
}


/*Field*/
.icon-button-elmt.icon-button-elmt-field{
    border-bottom: 1px #470066 solid;
}
.icon-button-elmt.icon-button-elmt-field .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #a90000;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-field:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #8d0303;
    fill: white;
}
/*Row*/
.icon-button-elmt.icon-button-elmt-row{
    border-bottom: 1px #780755 solid;
}
.icon-button-elmt.icon-button-elmt-row .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #99126f;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-row:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #780755;
    fill: white;
}
/*Column*/
.icon-button-elmt.icon-button-elmt-column{
    border-bottom: 1px #780755 solid;
}
.icon-button-elmt.icon-button-elmt-column .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #99126f;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-column:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #780755;
    fill: white;
}


/*Sub*/
.icon-button-elmt.icon-button-elmt-sub{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-sub .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #454545;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-sub:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #000000;
    fill: white;
}




/*Print*/
.icon-button-elmt.icon-button-elmt-print{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-print .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #650b8d;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-print:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #470066;
    fill: white;
}




/*View Member Card*/
.icon-button-elmt.icon-button-elmt-user{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-user .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #2b25ab;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-user:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #19147a;
    fill: white;
}


/*View Member Up*/
.icon-button-elmt.icon-button-elmt-up{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-up .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #b94ebb;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-up:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #9b3f9d;
    fill: white;
}


/*View Member Down*/
.icon-button-elmt.icon-button-elmt-down{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-down .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #8d2f0c;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-down:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #76290c;
    fill: white;
}


/*View Member Right*/
.icon-button-elmt.icon-button-elmt-right{
    border-bottom: 1px #000000 solid;
}
.icon-button-elmt.icon-button-elmt-right .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #bf2456;
    fill: white;
}
.icon-button-elmt.icon-button-elmt-right:hover .icon-button-elmt-c-sec .icon-button-elmt-c-icon-elmt{
    background-color: #9f1a45;
    fill: white;
}


.icon-button-parent{
/*       display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    max-width: 232px;
    width: auto;*/
       display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /*justify-content: center;*/
    justify-content: flex-start;
    gap: 8px;
    /*max-width: unset;*/
    /*max-width: 192px;*/
    
    
    /*max-width: 220px;*/
    /*width: 220px;*/
        width: fit-content;
    
}
/*End Icon Buttons*/



/*Page main title*/
.page-title{
    
}
.page-title-inner{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.page-title-inner-col-1{
    
}
.page-title-inner-col-2 {
    width: 200px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}


@media(max-width:767px){
    .page-title-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 22px;
    }
    .page-title-inner-col-1{
     width:100%;   
    }
    .page-title-inner-col-2{
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

/*End Page main title*/


/*ui inspect*/
.ui-spect-h{
     font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 0px;
    margin-bottom: 12px;
    background-color: #dddddd;
    padding: 3px 9px;
    border-top: 3px solid #6a6a6a;   
}

.uispect-con{
      padding:24px; 
}



/*Bottom button sec*/
@media(min-width:668px){
    .grid-sec-row.grid-sec-row-vertical-midle{
        align-items: center !important;
    }
}

.grid-sec-row {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 22px;
}

.grid-sec-row-vertical{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 8px;
}

.grid-sec-col{
    gap: 16px;
}


.grid-sec-col-1{
    width: 100%;
    max-width: 100%;
}

.grid-sec-col-2{
    width: 50%;
    max-width: 50%;
}

.grid-sec-col-center-align {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.grid-sec-col-right-align {
    display: flex;
    /*align-items: flex-start;*/
    align-items: center;
    justify-content: flex-end;
}
.grid-sec-col-left-align {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}


@media(max-width:667px){
    .grid-667max-sec-col-left-align{
        justify-content: flex-start;
    }
    .grid-667max-sec-col-right-align{
        justify-content: flex-end;
    }
    .grid-667max-sec-col-center-align{
        justify-content: center;
    }


    .grid-sec-col-2{
        width: 100%;
        max-width: 100%;
    }
}

@media(max-width:767px){
    .max-767-hider-elmt{
        display: none !important;
    }
}
/*End Bottom button sec*/



/*=======================================*/
/*=======================================*/


/*Switch*/
.switcher-con-i{
    width:180px;
}
/*.switcher-con-i.switcher-con-i-lg{
    width:320px;
}*/
.switcher-con-i.switcher-con-i-md{
    width:180px;
}
.switcher-con-i.switcher-con-i-sm{
    width:160px;
}
.switcher-con-i.switcher-con-i-xs{
    width:120px;
}

/* Middle */
.switcher-app-con .switcher-content {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    /*width: 70%;*/
    /*transform: translateY(5%);*/
}
/*.circle {
  position: relative;
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  background: linear-gradient(40deg, #FF0080,#FF8C00 70%);
  margin: auto;
}
.crescent {
  position: absolute;
  border-radius: 100%;
  right: 0;
  width: 6rem;
  height: 6rem;
  background: white;
  transform: scale(0);
  transform-origin: top right;
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/
/*p { 
  font-size: 90%;
}
.heading {
  font-size: 140%;
  font-weight: bolder;
  margin: 3rem 0 .2rem 0;
}*/
.switcher-app-con label, .switcher-app-con .toggle {
    /*    height: 32px;*/
    border-radius: 100px;
    margin:0px;
}
.switcher-app-con label {
    width: 100%;
    background-color: #5a5a5a;
    border-radius: 100px;
    position: relative;
    margin:0;
    cursor: pointer;
    padding: 4px;
    box-sizing: border-box;
}
.switcher-app-con .toggle {
    position: absolute;
    /*width: 50%;*/
    width: calc(50% - 3px) !important;
    background-color: #d9214e;
    box-shadow: 0 2px 15px rgba(0,0,0,.15);
    /*transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.3s ease-in;

}
.switcher-app-con .names {
    font-size: 14px;
    font-weight: bolder;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    user-select: none;
    height: 100%;
}
.switcher-app-con .dark {
    opacity: 1;
}
.switcher-app-con .mark {
    border-radius: 100px;
    background-color: black;
}
/*
.mark {
  width: 7%;
  margin: auto;
  position: relative;
  height: .25rem;
}
.mark::before {
  content: '';
  position: absolute;
  width: .25rem;
  height: 100%;
  left: -70%;
  opacity: .15;
  background-color: inherit;
}
.mark::after {
  content: '';
  position: absolute;
  width: .25rem;
  height: 100%;
  right: -70%;
  opacity: .15;
  background-color: inherit;
}*/

/* Bottom */
/*
.skip {
  padding: 1.5rem 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skip p {
  opacity: .55;
  font-size: 90%;
  cursor: pointer;
  transition: all 2s ease;
}
.skip p:hover {
   text-decoration: underline;
}
.fab {
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.fab:hover {
  transform: scale(1.2);
}*/
/*
.arrow {
  width: 40%;
  height: .1rem;
  background-color: black;
}
.arrow::before {
  content: '';
  position: absolute;
  height: .1rem;
  width: 20%;
  background-color: inherit;
  transform: rotate(45deg);
  right: 26%;
  top: 42%;
}
.arrow::after {
  content: '';
  position: absolute;
  height: .1rem;
  width: 20%;
  background-color: inherit;
  transform: rotate(-45deg);
  right: 26%;
  bottom: 42%;
}*/


/* -------- Switch Styles ------------*/
.switcher-app-con [type="checkbox"] {
    display: none;
}
/* Toggle */
.switcher-app-con [type="checkbox"]:checked + .switcher-app .toggle{
    transform: translateX(100%);
    /*background-color: #34323D;*/
    background-color: #1bc5bd;
}

.switcher-app-con [type="checkbox"]:checked + .switcher-app .dark{
    opacity: 1;
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .light{
    opacity: 1;
}
/* App */
.switcher-app-con [type="checkbox"]:checked + .switcher-app .body{
    background-color:  #26242E;
    color: white;
}
/* Circle */
.switcher-app-con [type="checkbox"]:checked + .switcher-app .crescent{
    transform: scale(1);
    background: #26242E;
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .circle{
    background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .main-circle{
    background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
/* Fab */
.switcher-app-con [type="checkbox"]:checked + .switcher-app .fab{
    background-color: #34323D;
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .arrow,
.switcher-app-con [type="checkbox"]:checked + .switcher-app .mark,
.switcher-app-con [type="checkbox"]:checked + .switcher-app .battery{
    background-color: white;
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .network{
    border-color: transparent transparent white transparent;
}
.switcher-app-con [type="checkbox"]:checked + .switcher-app .swipe{
    background-color: #34323D;
    opacity: 1;
}

.switcher-app-con .names .light{
    width: 50%;
    margin: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
    text-align: center;
    padding-left: 0px;
    padding-right: 8px;
    box-sizing: border-box;
    color:white;

    background-color: transparent;
}
.switcher-app-con .names .dark{
    width: 50%;
    margin: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
    text-align: center;
    padding-left: 0px;
    padding-right: 8px;
    box-sizing: border-box;
    color:white;

    background-color: transparent;
}

.switcher-app-con label{
    height: 32px !important;
}
.switcher-app-con .toggle {
    height: 28px !important;
    /*transform: translateY(-1.9px);*/
    margin-top: -1.9px !important;
    margin-left: -1.4px;
}
.switcher-app-con .names {
    height: 24px !important;
}

.switcher-app-con{
    width: 100%;
    max-width: 180px;
}


/*on*/
.switcher-app-con.switcher-app-con_un-on-off [type="checkbox"]:checked + .switcher-app .toggle{
    background-color: #134fb7 !important;
}
/*off*/
.switcher-app-con.switcher-app-con_un-on-off .toggle {
    background-color: #e79500 !important;
}
/*End Switch*/


/*=======================================*/
/*=======================================*/

table thead th{
    white-space: nowrap;
}


.pad-elmt-12{
    padding:12px !important;
}
.mg-btm-elmt-12{
    margin-bottom:12px !important;
}

.mouse-hand{
    cursor: pointer;
}

.min-width-32{
        min-width: 32px !important;
}

.no-line-break{
        white-space: nowrap;
}


.tbl-lg-col{
    min-width: 320px;
}
.tbl-md-col{
    min-width: 200px;
}
.tbl-sm-col{
    min-width: 120px; 
}
.tbl-sm-col-max{
    max-width: 120px; 
}

/*.table-preview-image{
        width: auto !important;
    height: auto;
    max-width: 120px;
    max-height: 80px;
}*/


.linear-con{
    display:flex;
    align-items: center;
    justify-content: flex-start;
}

.button-elmt.button-elmt-disabled .button-elmt-c-sec .button-elmt-c-icon-elmt{
    background-color: #c5c5c5 !important;
    fill: #000000 !important;
border-bottom: 1px #898989 solid !important;
    text-decoration: none !important;
}
.button-elmt.button-elmt-disabled .button-elmt-t{
color: black !important;
    background-color: #dbdbdb !important;
}

.button-elmt.button-elmt-disabled:hover .button-elmt-t{
    color: #000000 !important;
    background-color: #c5c5c5 !important;
}
.button-elmt.button-elmt-disabled{
    cursor: not-allowed !important;
    border-bottom: 1px #898989 solid !important;
    text-decoration: none !important;
}


/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -12px; /* Centers thumb on the track */

   /*custom styles*/
   background-color: #5cd5eb;
   height: 2rem;
   width: 2rem;
   border-radius: 50%;
}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
   border: none; /*Removes extra border that FF applies*/
   border-radius: 0; /*Removes default border-radius that FF applies*/

   /*custom styles*/
   background-color: #5cd5eb;
   height: 2rem;
   width: 2rem;
   border-radius: 50%;
}



/*bar*/

/********** Range Input Styles **********/
/*Range Reset*/
input[type="range"] {
/*   -webkit-appearance: none;*/
/*    appearance: none;*/
/*    background: transparent;*/
    cursor: pointer !important;
/*    width: 15rem;*/
width: 100% !important;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none !important;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
/*   background-color: #053a5f;*/
   border-radius: 0.5rem !important;
   height: 0.5rem !important;  
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
/*  -webkit-appearance: none; /* Override default look */*/
/*   appearance: none;*/
   margin-top: 0px !important; /* Centers thumb on the track */

   /*custom styles*/
   background-color: #5cd5eb !important;
   height: 2rem !important;
   width: 2rem !important;
   border-radius: 50% !important;
    margin-top:-4px !important;
}

input[type="range"]:focus::-webkit-slider-thumb {   
  border: 1px solid #053a5f !important;
  outline: 3px solid #053a5f !important;
  outline-offset: 0.125rem !important; 
}

/******** Firefox styles ********/
/* slider track */
input[type="range"]::-moz-range-track {
   background-color: #053a5f !important;
   border-radius: 0.5rem !important;
   height: 0.5rem !important;
}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
   border: none !important; /*Removes extra border that FF applies*/
   border-radius: 0 !important; /*Removes default border-radius that FF applies*/

   /*custom styles*/
   background-color: #5cd5eb !important;
   height: 2rem !important;
   width: 2rem !important;
   border-radius: 50% !important;
   margin-top:-4px !important;
}

input[type="range"]:focus::-moz-range-thumb {
  border: 1px solid #053a5f !important;
  outline: 3px solid #053a5f !important;
  outline-offset: 0.125rem !important; 
}


/*navigation*/
ul.menu.accordion-menu ul.sub-menu{
        padding-top: 0px;
}

ul.menu.accordion-menu ul.sub-menu li{
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
ul.menu.accordion-menu ul.sub-menu li a{
        text-align: left !important;
    width: 100%;
}


ul.menu.accordion-menu ul.sub-menu li.nav-submenu-add-btn-li-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.nav-submenu-add-btn:hover{
    background-color: #ffb735 !important;    
}
.nav-submenu-add-btn{
    color: black !important;
    background-color: #ffa80a !important;
    font-size: 12px !important;
    text-transform: capitalize;
    margin: 0px;
    padding: 0px !important;
    width: fit-content !important;
    line-height: 1;
    padding: 3px 6px 2px 6px !important;
    font-weight: 500;    
    border-radius: 2px;
    
}
/*End navigation*/

.dynamic-ui-right-col-section-form-elmt-con {
    margin-bottom: 18px;
}