.single-lines-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.double-lines-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.multiple-lines-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*----Dashboard start------*/

.dashboard-version-t .kt-datatable__pager{
    padding: 25px 0px !important;
}

/*----Demo Request/Support Request------*/

.copy-icon-gray {
    color: rgba(204, 204, 204, 1);
}

.font-sm {
    font-size: 14px;
    line-height: 21px;
}

.heading-element {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #6F6F6F; 
}

.dynamic-values {
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
}

.table_card_height {
    height: 80px;
}

.table_card_01_color {
    color: #FF3370;
}

.table_card_02_color {
    color: #37D5A7;
}

.table_card_03_color {
    color: #9747FF;
}

.table_card_04_color {
    color: #FFB822;
}

.flters_section {
    border-top: 1px solid #EBEDF2;
    border-bottom: 1px solid #EBEDF2;
    padding: 20px 25px 20px 25px;
}

/* @media (min-width: 1518px){
    .custom-col-responsive {
        width: 84%;
    }

} */

@media screen and (max-width: 1518px) and (min-width: 1340px){
    .custom-col-responsive {
        width: 50%;
    }
}

@media screen and (max-width: 1340px) and (min-width: 1100px){
    .custom-col-responsive {
        width: 25%;
    }
}

@media screen and (max-width: 1100px) and (min-width: 700px){
    .custom-col-responsive {
        width: 5%;
    }
}
.kt-subheader__title.cus-heading-h {
    height: 35px;
}
@media (max-width: 575px){
.kt-subheader__search.cus-w-db-search {
    width: 130px ;
}
}
@media (max-width: 525px){
    .kt-subheader__search.cus-w-db-search {
        width: 110px ;
    }
}
@media (max-width: 500px){
    .kt-subheader__search.cus-w-db-search {
        width: 100px ;
    }
}
/* .kt-subheader__title {
    text-transform: uppercase;
} */
/*----Dashboard End------*/ 

/*----header top bar start------*/ 

.kt-z-index-111{
    z-index: 111 !important;
}
.kt-top-bar-color{
    background-color: #e40b53 !important;
}
.kt-top-bar-color-blue{
    background-color: #1a66b0 !important;
}
@media (max-width: 1024px){
/* .kt-header-mobile {
    margin-top: 38px;
} */
.kt-header__topbar {
    margin-top: 0px !important;
}
.kt-mobile-top-margin-55{
    margin-top: 55px !important;
}
}

.app-dropdown .btn-icon>i:before {
    color: #ffffff !important;
}
@media (max-width: 370px){
.dropdown-menu.main-menu-r {
    top: 135px !important;
}
}
@media (max-width: 280px){
    .dropdown-menu.main-menu-r {
        top: 138px !important;
    }
}
@media screen and (max-width: 675px) {
        .dropdown-menu.main-menu-r {
            top: 135px !important;
            transform: translate3d(0px, -83px, 0px) !important;
            width: 100%;
        }
        .main-menu-r .kt-notification.kt-scroll {
            height: 280px !important;
        }
}

/*----header top bar end------*/
/*-------Top logo -------*/

/* .kt-aside .kt-menu__link-text{
    text-transform: uppercase !important;
} */

	
.kt-aside .kt-aside-menu {
    margin: 0 !important;
}
.kt-aside-menu .kt-menu__nav {
    padding: 0 !important;
}
.kt-aside__brand {
    height: 85px !important;
}
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    text-transform: capitalize;
}
.kt-subheader__breadcrumbs-link {
    text-transform: capitalize;
}
/*-------Top logo -------*/
/* input form pages */
.form-group {
    margin-bottom: 1rem !important;
}

/* Right Side Dropdown Menu Start */

.side-manu-scroll{
    height: 600px;
    overflow-y: scroll;
}

.custom-logout-btn{
    background: #ffffff;
    position: sticky;
    bottom: 0;
    padding: 16px;
}

/* Right Side Dropdown Menu End */


.app-select {
    background: #f1f1f1;
}

.top-app-list .kt-notification__item:after{
    content: none;
}



/*----Web Appearance Page css Start------*/

.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16% - 0.25rem);
    -ms-flex: 0 0 calc(16% - 0.25rem);
    flex: 2 0 calc(16% - 0.25rem);
    background-color: #f7f8fb;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

@media (max-width: 1399px){
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.25rem);
    flex: 0 0 calc(50% - 0.25rem);
    width: calc(50% - 0.25rem);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    margin-bottom: 0.5rem;
}
}

@media (max-width: 768px){
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    width: 100%;
}
    }
.kt-wizard-v4 .kt-wizard-v4__wrapper .kt-form {
    width: 95%;
    padding: 4rem 0 5rem;
}

.kt-avatar .kt-avatar__holder {
        width: 180px;
        height: 150px;
        border-radius: initial;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .custom-avatar-uploader {
        padding: 20px;
        text-align: center;
        cursor: pointer;
        border: 2px dashed #ebedf2;
        border-radius: 4px;
    }
    .custom-avatar-uploader .kt-avatar__holder{
        width: 100%;
        background-color: #e9e9e9;
        background-repeat: no-repeat;
    }

    .custom-avatar-uploader .kt-avatar{
        width: 100%;
    }

    .drag-image img {
        width: 16px;
    }


/*----Web Appearance Page css End------*/

/*----Login Page css Start------*/

.custom-bootstrap-select .form-control{
    border-radius: 46px !important;
}
.custom-bootstrap-select .btn{
    border-radius: 46px !important;
    height: 46px !important;
}

.custom-bootstrap-select .filter-option-inner-inner {
    line-height: 2;
}


.login-form .form-control{
    border: 1px solid #e2e5ec !important;
}

.login-form .kt-input-icon > .kt-input-icon__icon {
    height: 45px;
}

.custom-bootstrap-select .error{
    padding-left: 1.3em;
    font-weight: 500;
    font-size: 0.9rem;
}

.login-form .error{
    padding-left: 1.3em;
    font-weight: 500;
    font-size: 0.9rem;
}

.login-form .kt-login__extra{
    margin-top: 10px;
}

div#__lpform_email {
    margin-left: -31px;
}

div#__lpform_password {
    margin-left: -31px;
}



/*----Login Page css End------*/

/*----App Appearance Page css Start------*/

.main-wrapper {
    width: 280px;
    margin: 0 auto;
}






.custom-icon-box{
    display: block;
}
.uploaded-icon{
    display: inline-block;
    margin: 0 4px;
    vertical-align: -webkit-baseline-middle;
}
.rounded-bg{
    width: 50px;
    height: 50px;
    border-radius: 80px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.rounded-bg img {
    margin: auto;
    width: 24px;
}



/*----App Appearance Page css End------*/


/*----Navigation icon page css Start------*/
.custom-icon-box-responsive .custom-iconbox-height {
    width: 85px;
    height: 85px;
}
.custom-uploader-icon-view .custom-iconbox-height {
    width: 64px;
    height: 64px;
    padding: 10px !important;
}
.custom-uploader-icon-view .custom-iconbox-height img {
    margin: auto;
    width: 35px;
}

.navigation-icon img {
    width: 20px;
}
.drag-image img{
    width: 16px;
}

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

.kt-portlet__head-custom-color{
    background: #F7F8FA ;
}
.custom-icon-box{
    display: block;
}
.uploaded-icon{
    display: inline-block;
    margin: 0 4px;
    vertical-align: -webkit-baseline-middle;
}
.rounded-bg{
    width: 50px;
    height: 50px;
    border-radius: 80px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.rounded-bg img {
    margin: auto;
    width: 24px;
    image-rendering: -webkit-optimize-contrast;
}
.iconbox-custom{
    box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15);
    border-radius: 0;
    transition: all 0.3s ease;
    border: 1px solid #bfbfbf;
    background-color: rgba(234, 234, 234, 0.68);
    background: #f1f1f1;
}
.iconbox-custom:hover {
    box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
}
.iconbox-custom-active{
    border: 1px solid #21af86;
}
.iconbox-custom-active::before {
    content: "\f1af";
    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: -8px;
    right: 2px;
    font-size: 12px;
    color: #ffffff;
    background: #21af86;
    border-radius: 60px;
    padding: 7px;
}

.available-pack .custom-iconbox-height {
    width: 96px;
    height: 96px;
    margin: auto;
    display: flex;
    align-items: center;
}

.available-pack .custom-iconbox-height img {
    width: 100%
}


.custom-iconbox-height{
    background: #dddddd;
    width: 94px;
    height: 94px;
    margin: auto;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.inner-iconbox {
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
}
.inner-iconbox img {
    width: 100%;
}

.iconbox-custom h4{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2;
}

.icon-pack-upload-btn .btn.btn-icon {
    height: 45px !important;
    width: 45px !important;
}

.icon-pack-upload-btn button i{
    font-size: 1.6rem !important;
}

@media (max-width: 1023px) and (min-width: 576px){
.sm-responsive-iconbox {
    width: 85px !important;
    height: 85px !important;
}
}

.iconbox-custom-active > .kt-badge {
    background: #21af86 !important;
}

.iconbox-custom-active::before {
    content: "\f1af";
    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 4px;
    font-size: 12px;
    color: #ffffff;
    background: #21af86;
    border-radius: 60px;
    padding: 7px;
}

.kt-custom-font-size-18{
    font-size: 18px !important;
}

span.navigation-alert-icon {
    display: none;
    padding-right: calc(1.5em + 1.3rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd397a' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd397a' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}


.selected-icon .custom-iconbox-height::before {
    content: "\f1af";
    font-family: Flaticon2;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 15px;
    color: #ffffff;
    background: #21af86;
    border-radius: 60px;
    padding: 8px;
}

.selected-icon .custom-iconbox-height, .hover-icon .custom-iconbox-height {
    box-shadow: 0 0 0 4px #425ba9;
    background: #fff;
}

.icon-name-box{
    height: 42px;
    word-break: break-word;
    width: 90px;
    margin: auto;
    overflow: hidden;
}

.icon-name{
    margin: 0;
    padding: 10px 0px;
    height: 42px;
    margin-bottom: 10px;
}

@media (max-width: 576px){
.mobile-txt-hide{
    display: none;
}
.mobile-icon-p-h{
    padding-right: 0rem !important;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager {
    padding: 0px;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-pager-input {
    width: 2.6rem;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link {
    min-width: 1.4rem;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-nav > li {
    margin-right: 2px;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-info .kt-datatable__pager-size {
    margin-right: 4px;
}
.dropdown.bootstrap-select.kt-datatable__pager-size {
    width: 50px !important;
}
.kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-info .kt-datatable__pager-size .btn.dropdown-toggle {
    padding: 0.45rem 0.5rem;
}
}

@media (max-width: 531px){
.mobile-view-responsive-union-mem .kt-subheader__main{
    width: 100%;
    display: block;
}

.mobile-view-responsive-union-mem .kt-subheader__main .kt-subheader__group{
    display: block;
}

.mobile-view-responsive-union-mem .kt-subheader__toolbar{
    width: 100%;
    display: block;
}

.customize-row-width{
    width: 100%;
    display: flex;
    margin: 0;
}

.custom-flex{
    flex: 0 0 66%;
}

.union-memberd-dd-mt{
    margin-top: 1rem !important;
    margin-left: 0px !important; 
}

}
.customize-row-width{
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.btn-danger-navigation-icon{
    background-color: #fd397a !important;
    border-color: #fd397a !important;
    color: #fff !important;
}
/*----Navigation icon page css End------*/




/*----Project Setting Page css Start------*/

.kt-custom-avatar-box-img {
    height: 17vh !important;
    -webkit-background-size: cover !important;
    background-position: center center !important;
    background-size: contain !important;
    /* -webkit-backface-visibility: hidden; */
    background-attachment: initial;
}

.custom-icon-text .text{
    vertical-align: super;
}

.kt-wizard-v4__nav-body.kt-wizard-v4__nav-body-custom-center {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
    padding: 2rem .5rem !important;
}
.kt-wizard-v4__nav-number.kt-wizard-v4__nav-number-custom-center {
    margin: auto !important;
    margin-bottom: 10px !important;
}
/*----Project Setting Page css End------*/


.verify .input-group input {
    height: 52px !important;
}


.custom-grid-txt{
    display: inline-flex;
}

.hr-custom {
    width: 100%;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}


/*----Dashboard css start------*/

.dropdown-top-custom{
    top: 95px !important;
}

@media (max-width: 1024px){
.dropdown-top-custom{
    top: 132px !important;
}
}
.kt-quick-panel {
    margin-right: -1278px !important;
    transform: translate(-1278px) !important;
    width: 950px !important;
}

.kt-quick-panel--right .kt-quick-panel {
    right: -950px;
    left: auto;
}

.analytics-light-shadow{
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.06);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    border-radius: 8px;
}
.analytics-light-shadow:hover{
    -webkit-box-shadow: 0px 1px 21px 1px rgba(69, 65, 78, 0.12);
    box-shadow: 0px 1px 21px 1px rgba(69, 65, 78, 0.12);
}

.svg-image-icon-size img {
    width: 35px;
    height: 35px;
}

.v-icon-size i {
    width: 16px;
    text-align: center;
}


@media (max-width: 768px){
    .apps_table {
        display: none;
    }

    .apps_row{
        display: flex !important;
    }

    .list_view, .thumbnail_view{
        display: none !important;
    }

}


.cancel-app {
    opacity: .5;
    box-shadow: none !important;
}

.cancel-app .kt-ribbon__target {
    text-decoration: line-through !important;
}

.cancel-app .kt-user-card-v2__name {
    text-decoration: line-through !important;
}
.cancel-app .kt-user-card-v2__desc {
    text-decoration: line-through !important;
}
.kt-user-custom-pic{
    width: 40px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 0px !important;
}
.kt-widget__media-bg{
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    background: #f0f0f0;
}

.custom-col-fix{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 180px;
}

.custom-col-responsive{
    -webkit-box-flex: 1;
    flex: 1 auto;
    -ms-flex: 1 0 0px;
    min-width: 0;
}


/*----Dashboard css end------*/

/*----Member Discount css start------*/

.member-discount .kt-wizard-v2 .kt-wizard-v2__aside {
    width: 100%;
}

.member-discount .kt-wizard-v2 .kt-wizard-v2__wrapper .kt-form {
    width: 100%;
    padding: 4rem 4rem 4rem;

}
.member-discount .kt-wizard-v2 .kt-wizard-v2__aside .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state="current"] {
    background-color: #1a66b0;
    color: #ffffff !important;
}

.member-discount .kt-wizard-v2__nav-item[data-ktwizard-state="current"] .kt-wizard-v2__nav-label-title {
    color: #ffffff !important;
}

@media (max-width: 768px){
.member-discount .kt-wizard-v2 .kt-wizard-v2__wrapper .kt-form {
    padding: 2rem 1.5rem 4rem;
}

}

.member-discount-l-list ul li{
    color: #50566a;
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    list-style: none;
    cursor: pointer;
}

.member-discount-l-list ul .m-discount-active{
    background-color: #1a66b0;
    color: #ffffff !important;
}

.member-discount .kt-badge{
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
}
.select2-search__field::placeholder {
    color: #495057 !important;
 }


/*----Member Discount css End------*/

/*----Push-notification css start------*/
.custom-img-uploader{
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    width: 100%;
    max-width: 265px;
    border: 2px dashed #ebedf2;
    height: auto;
}
.custom-img-uploader img{
    width: 100%;
    height: 17vh !important;
    -webkit-background-size: cover !important;
    background-position: center center !important;
    background-size: contain !important;
    /* -webkit-backface-visibility: hidden; */
    background-attachment: initial;
}
.bg-secondary-light{
    background-color: #F4F5F9 !important;
}

/*----Push-notification css end------*/


/*----Users page css start------*/


    .alert-hide-on-md{
        display: none;
    }

@media (max-width: 565px){
    .alert-hide-on-md{
        display: block;
    }
    .alert-hide-on-xs{
        display: none;
    }
}

/*----Users page css end------*/

/*----User Profile Custom css start----- */
.user-profile-custom .kt-wizard-v2 .kt-wizard-v2__aside {
    border-right: none;
}

.user-profile-custom .select2-container{
    width: 100% !important;
}
@media (max-width: 1250px){
    .custom-col{
        flex: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 1024px){
    .kt-grid > .kt-grid__item {
        max-width: 100%;
        width: 100%;
    }
}
.profile-form .kt-input-icon > .kt-input-icon__icon {
    height: 38px;
}
/*----User Profile Custom css End----- */

/*----select2 full width for responsive ----- */
.select2{
    width: 100% !important;
}
/*----select2 full width for responsive ----- */

/*----Promotional Website Custom css start----- */
.scr-upload {
    padding: 4px 10px;
    margin-bottom: 15px;
    height: auto;
    width: -webkit-fill-available;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    background-color: #f7f7f7;
    float: left;
}

.scr-box {
    width: 144px;
    height: 335px;
    background-color: #ffffff;
    float: left;
    margin: 15px 15px;
    border-radius: 10px;
    position: relative;
    /* padding: 20px; */
    text-align: center;
    cursor: pointer;
    border: 2px dashed #ebedf2;

}

.add-btn {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.profile-userpic img {
    width: 144px;
    height: 335px;
    float: left;
    /* margin: 14px 5px; */
    border-radius: 10px;
    position: relative;
    width: 100% !important;
}

.add-image {
    width: 144px;
    height: 40px;
    position: absolute;
    right: 0;
    left: 0;
    top: 80px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
}

#user_image {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.scr-upload input[type=file] {
    border: none !important;
    padding-top: 6px !important;
    padding-left: 0px !important;
}

.close-btn {
    width: 30px;
    height: 30px;
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: 5px;
    right: 0;
    cursor: pointer;
    color: #c71d23;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    right: 5px;
    z-index: 1;
    padding: 3px 0;
}


/*----Promotional Website Custom css start----- */

/*----video tour css start----- */

.kt-custom-tb-p-5rem{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.video-icon {
    position: relative;
    cursor: pointer;
}


.kt-widget19 .kt-widget19__pic .video-box img {
    object-fit:contain;
    height: auto;
    object-position: center;
}
.cus-mt-n-5{
    margin-top: -5px;
}
/*----video tour css end----- */
/*----Promotional Website Custom css end----- */


/*----Marketing Page Custom css start----- */

.fix-width-custom{
    width: 650px;
}


.poster-logo {
    width: 85px;
    float: left;
}

.poster-logo img {
    width: 84px;
}

.poster-logo-text {
    float: left;
}

.poster-logo-text .h1-style {
    font-weight: bold;
    color: #3a5b90;
    margin-top: 6px;
    font-size: 30px;
    margin-bottom: 0px;
    margin-left: 22px;
}

.poster-logo-text .h2-style {
    font-size: 32px;
    margin-top: 4px;
    color: #424144;
    margin-left: 22px;
    font-family: sans-serif;
    word-spacing: 0px;
}

.body-heading {
    line-height: 33px;
}


.features-list h4 {
    font-family: 'Signika Negative';
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    color: #6b6b6a;
}

.features-list ul {
    padding-left: 8px;
}

.features-list ul li {
    margin-top: 7px;
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 7px;
    color: #353535;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Verdana';
    font-weight: 600;
    font-style: italic;
    /*            display: flex;*/
}

.features-item img {
    width: 13px;
}

.features-list hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #b4b4b4;
    margin-left: 7px;
    margin-right: 0;
}


.item-icon {
    width: 19px;
    float: left;
    min-height: 24px;
    height: 23px;
}

.features-item .set_feature_4 {
    padding-left: 8px;
}

.download-btn img {
    width: 119px;
}


.poster-footer {
    background: #3a5b90;
    padding: 20px 18px;
}

.poster-subfooter p {
    margin-bottom: 0px;
}

[contenteditable]:focus {
    outline: 0px solid transparent;
}

.circle-1 {
    width: 123px;
    height: 123px;
    background: white;
/*  border-radius: 100px;*/
/*  border-radius: 100px;-webkit-border-radius: 100px;
	-moz-border-radius: 100px; */
    text-align: center;
    float: left;
    line-height: 120px;
}

.circle-1 img {
    width: 123px;
}

.qrcode-text h6 {
    font-family: 'Verdana';
    font-weight: bold;
    font-style: normal;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 10px;
}

.qrcode-text h5 {
    font-family: 'Verdana';
}

.qrcode-text p {
    color: #fff;
    font-size: 12px;
    font-family: 'Verdana';
    font-weight: normal;
    font-style: normal;
}

.qrcode-text {
    margin-left: 10px;
    width: 141px;
    overflow: auto;
    display: table-cell;
    vertical-align: middle;
}

.poster-subfooter {
    background: #ffcb65;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.drop-text {
    z-index: 10;
    width: 139px;
    padding: 4px;
    border-radius: 4px;
    top: 240px;
    left: 39px;
    position: relative;
    cursor: pointer;
    color: #aaa;
    background: rgba(0, 0, 0, 0.1);
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.appstore {
    background-color: #3a5b90;
    padding: 10px;
    border-radius: 8px;
    float: left;
    margin-right: 12px;
}

.playstore {
    background-color: #3a5b90;
    padding: 10px;
    border-radius: 8px;
    float: left;
}

.m-heading-font-c{
    font-size: 2.3em !important;
}

.kt-widget__media-custom-wh {
    width: 100px;
    height: 100px;
    display: flex;
}

.kt-widget__media-custom-wh img {
    width: 90px !important;
    max-width: 90px !important;
    object-fit: contain;
    margin: 0 auto;
}

.marvel-device .save-cancel-btn {
    width: 100%;
    position: absolute;
    /* height: 8px; */
    /* background: rgba(0, 0, 0, 0.1); */
    left: 0;
    z-index: 4;
    top: 230px;
}

button.btn.btn-circle-xl {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #0000009e;
    margin: 6px;
    padding: 0;
}

input[type="file"] {
    opacity: 0;
}
.file-upload-mt input[type="file"] {
    padding: 5px 8px;
}
.screen {
    background-size: 100% !important;
}

.marvel-device.iphone-x .notch {
left: 72px;
}

.marketing-portlet-cus {
    /*width: 650px;*/
}

.marketing-col-1{
    /* width: 252px;  */
    float: left;
}

.marketing-col-2{
    /* width: 324px;  */
    float: left;
}

.marketing-col-3{
    width: 317px;
    float: left;
    display: table;
}

/*----Marketing Page Custom css Edd----- */

/*----Version History Page Custom CSS Start----- */

.version_history_cus .kt-wizard-v1__nav-item:after{
    display: none;
}

.version_history_cus .kt-wizard-v1 .kt-wizard-v1__wrapper .kt-form {
    width: 100% !important;
}

/*----Version History Page Custom CSS End----- */

/*----Dashboard Page Custom CSS Start----- */

@media (max-width: 1517px){
.dashboard_custom .kt-subheader__toolbar{
    width: 100%;
}

.dashboard_custom .kt-subheader__toolbar .kt-subheader__wrapper{
    width: 100%;
}
}
.responsive-w-100{
     width: auto !important;
    }
@media (max-width: 660px) {
    .responsive-w-100{
        display: block !important;
        width: 100% !important;
    }
    .responsive-w-100 .kt-form__label {
        width: 100%;
    }
    .responsive-w-100 .dropdown {
        width: 100% !important;
    }
    .responsive-w-100 .kt-form__control {
        margin-left: 0px !important;
    }
}
.kt-aside--minimize .kt-aside-menu .copyright-1{
    display: none;
}
/*----Dashboard Page Custom CSS End----- */


/*----Coming Soon Page css Start------*/
.comingsoon {
    margin: 49px 0;
    text-align: center;
}

.kt-error_container{
    margin-top: 20px;
}

.comingsoon-image{
    margin: auto;
    text-align: center;
}

/*----Coming Soon Page css End------*/

/*hidding sidebar on responsive*/

.kt-aside--minimize .copyright-1{
    display: none;
}


/*----Elected Officials Page css Start------*/

.elected-image img{
    width: 100%;
}

.elected-image .kt-media img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    object-fit: cover;
}

/*----Elected Officials Page css End------*/

/*----Gallery Page css Start------*/

.gallery-items .kt-portlet {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.12);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.12);
}

.gallery-items .kt-widget19__pic  img {
    object-fit: cover;
    height: 200px;
}

.gallery-items .gallery-img {
    padding: 10px;
    width: 100%;
}

.check-box {
    position: absolute;
    right: 0px;
    padding: 10px 4px;
    z-index: 1;
}

.gallerybox-custom{
    box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15);
    border-radius: 0;
    transition: all 0.3s ease;
    /*border: 1px solid #bfbfbf;*/
    border: 1px solid transparent;
}
.gallerybox-custom:hover {
    box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
}
.gallerybox-custom-active{
    border: 1px solid #21af86;
}
.add-cover-photo{
    position: absolute;
    padding: 4px;
    z-index: 1;
    bottom: 0;
    background-color: #00000054;
}
.add-cover-photo .kt-switch.kt-switch--sm input:empty ~ span {
    line-height: 20px;
    height: 20px;
}
.add-cover-photo .kt-switch.kt-switch--sm input:empty ~ span:after {
    height: 16px;
    width: 16px;
    line-height: 20px;
}
.add-cover-photo .kt-switch.kt-switch--sm input:checked ~ span:after {
    margin-left: 20px;
}
figcaption {
    display: none;

  }

.fancybox-caption{
    text-align: center;
}

/*----Gallery Page css End------*/

/*----button color css start------*/
.btn-fb {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}
.btn-fb:hover {
    color: #fff;
    background-color: #2b498a;
    border-color: #2b498a;
}
.btn-twitter{
    color: #fff;
    background-color: #25aae1;
    border-color: #25aae1;
}
.btn-twitter:hover {
    color: #fff;
    background-color: #2d96c1;
    border-color: #2d96c1;
}
/*----button color css end------*/
/*----add bill input align css start------*/
.kt-place-text .tagify__input {
    line-height: 20px !important;
}

.kt-place-text{
    width: 100% !important;
}

.kt-place-text .tagify__input:empty::before{
    opacity: 1 !important;
    color: #495057 !important;
}
/*----add bill input align css end------*/

/*----Ticketing System css Start------*/
.small-nav .hide-span{
    display: none;
}

.small-nav {
    max-width: 130px !important;
    text-align: center;
}
@media (max-width: 1024px){
.custom-sidebar-open.kt-app__aside {
    position: initial !important;
    width: auto !important;
}

.kt-app .kt-app__aside {
    padding: 0 !important;
    background-color: transparent !important;
}

.custom-square-btn{
    display: none !important;
}

}
/*----------Ticketing System modal Notify User email css--------------------------*/
.modal-email-list span {
    width: 210px;
    word-break: break-word;
}
.modal_assigned_user.kt-menu-cus-item--active {
    border-left: 0px !important;
}
/*----Ticketing System css end------*/

/*----loading Bar css start------*/

.navigation_app_dropdown a em {
    color: #1a67af;
    font-weight: bold;
    font-style: normal;
}
.page-loader {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
}
.page-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
}
.page-loader.page-loader-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-loader.page-loader-logo img {
    display: block;
}
page-loader.page-loader-logo .spinner {
    margin-top: 3rem;
}
.spinner {
    position: relative;
}
.max-h-75px {
    max-height: 75px!important;
}
.page-loading * {
    -webkit-transition: none!important;
    transition: none!important;
}
.loader-text {
    margin-top: 18px;
}

/*----loading Bar css end------*/



.kt-portlet__head-custom .kt-portlet__head-label {

    width: 100%;
}

/*----Info Setting CSS Start------*/

.simulator_title_img img {
    width: 16px;
    float: left;
    padding-top: 10px;
    margin-left: 10px;
}

/*----Info Setting CSS End------*/


/*Ticketing system CSS Start*/

.comment_box {
    color: #666666;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #f0f0f8 !important;
    padding: 2px 6px;
    margin-right: 25px;
    position: relative;
    cursor: pointer;
}
.comment_box .kt-badge {
    position: absolute;
    top: -8px;
    left: 22px;
    height: 20px;
    width: 20px;
    align-items: center;
}

.kt-datatable__body [data-field="comment_count"]{
    line-height: 44px;
}

/*Ticketing system CSS End*/



[data-repeater-list="main_navigation"] .parent_portlet .kt-portlet__head-title {
    text-transform: capitalize;
}

#kt_navigation_form input.form-control {
    text-transform: capitalize;
}
.no-capitalize{
    text-transform: none !important;
}
[data-field="id"]{
    cursor: initial !important; 
}
[data-field="Actions"]{
    cursor: initial !important;
}
/*Project setting CSS Start*/

.ps-editor .ck-editor__main {
    height: 202px;
    overflow-x: auto;
    overflow-y: scroll;
    display: block;
    border: 1px solid #e2e5ec;
    border-radius: 0px 0px 4px 4px;
}
.ck.ck-toolbar {
    border-color: #e2e5ec !important;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #ffffff !important;
}
.ck-content.ck-focused {
    border-color: #ffffff !important;
}
.kt-portlet__head-toolbar {

    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
/* .custom-dropdown-h .dropdown-menu {
    height: 350px !important;
} */

/*Project setting CSS End*/

/* News CSS Start*/

/* [data-field="platform"] span {
    margin-bottom: 5px;
} */

/* News CSS End*/

/*----------- Table select css end --------------*/
.suspend_member_button{
    margin: 0px 0px 10px;
}
.delete_member_button{
    margin: 0px 0px 10px;
}
.export_member_button{
    margin: 0px 0px 10px;
}
/*----------- Table select css start --------------*/

/*----------- Select Apps dropdown css start --------------*/
.kt-notification .kt-notification__item.kt-notification__item-b-l-4{
    border-left: 4px solid #ffffff;
}
.kt-notification .kt-notification__item.kt-notification__item-b-l-4:hover {
    border-left: 4px solid #f7f8fa;
}
.kt-menu-cus-item--active {
    background-color: #eeeffcc7;
    color: #1a66b0 !important;
    border-left: 4px solid #1a66b0 !important;
}
.kt-menu-cus-item--active .kt-notification__item-title {
    color: #1a66b0 !important;
}
.dropdown-menu.dropdown-menu-lg.select-app-dropdown {
    width: 340px;
}
.select-app-dropdown .kt-notification .kt-notification__item:after{
    display: none !important;
}
/*----------- Select Apps dropdown css end --------------*/

/*----------- align self center css --------------*/
.self-v-center{
    align-self: center;
}
/*----------- Footer fix to bottom css --------------*/
.footer-b-fix {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}
/*----------- Send Notification page dropdown max-height fix --------------*/
.cus-max-height.bootstrap-select .dropdown-menu ul {
    max-height: 240px !important;
}


/* .was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: none;
} */




.modal .validate .modal_comment {
    border-color: #fd397a;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd397a' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd397a' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) top calc(0.375em + 0.325rem);
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

/*----------- for dropdown arrow --------------*/
.bootstrap-select > .dropdown-toggle:after {
    /* margin-right: -9px !important; */
    font-size: 0.7rem !important;
    color: #191b1d !important;
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top: 0px !important;
}


/* for all delete alert  */
.swal2-question{
    border-color: #fd397a !important;
    color: #fd397a !important;
}

.swal2-icon::before{
    align-self: center;
}

.swal2-icon.swal2-success .swal2-success-ring{
    border: 0.25em solid #0abb875e !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #0abb87;
}
/* for all delete alert  */

.kt-datatable__body td {
    border: 0px;
}

.bs-actionsbox .actions-btn:first-child{
    margin-right: 1px;
}

.bs-actionsbox .actions-btn{
    background-color: #f6f7fd;
}
.small-nav .la-angle-double-left:before {
    content: "\f10e";
}

/* hint css start */

.hint-icon {
    font-size: 10px;
    background-color: #ebeefb;
    color: #1a66b0;
    border-radius: 50%;
    padding: 3px 6px 1px;
    margin: 0 0 0 6px;
    box-shadow: 1px 1px 2px 0px rgb(82 63 105 / 19%);
    cursor: pointer;
}
.hint-icon:hover {
    background-color: #1a66b0;
    color: #fff;
    }

/* Find My Elected Officials modal css start */

@media all and (min-width: 1024px) {
.elected-modal .modal-lg, .modal-xl {
    max-width: 700px;
}
}
@media all and (min-width: 576px){
    .elected-modal .modal-lg, .modal-xl{
        max-width: 500px;
    }
    }
/* Responsive css */

@media (max-width: 500px) {
    .mb-view-lable {
        display: inline;
        padding-top: 4px;
    }
    .mb-v-r-lable {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 50px;
    }
    .mobile-full-w{
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }
    .custom-flex{
        display: contents;
    }
    .mobile-right-btn{
        text-align: right;
        padding-right: 10px !important;
        margin-top: 5px;
    }
    #kt_form_status{
        margin-top: 10px;
    }
    .tooltip-portlet{
        display: none;
    }
}
@media screen and (max-width: 1340px) and (min-width: 1024px){
    .desktop-drag-btn{
        display: none;
    }
}
.card-border-4{
    border-left: 4px solid ;
    border-radius: 6px
}
.character-limit-sidebar {
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* App Screenshots css*/
.label-w-ss{
    width: 200px;
}
.simulator-row {
    display: flex;
}
.simulator-cover {
    width: 280px;
    height: 610px;
    margin: auto;
    position: relative;
}
.screenshot {
    width: 100%;
    height: 610px;
    margin: auto;
    position: relative;
    background-size: cover;
}

.status-bar{
    width: 100%;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.splash-logo {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    width: 150px;
    height: 150px;
    margin: auto;
}
.splash-logo img{
    width: 100%;
    height: 100%;
}
.simulator-btn {
    text-align: center;
    margin: 30px 0px;
}
.language-div{
    width: 100%;
    text-align: right;
    padding: 15px 15px 0px 0px;
}
.login-txt-box {
    width: 255px;
    height: 310px;
    margin: 60px auto 17px;
    padding: 10px;
    background-color: #fff;
    border-radius: 24px;
}
.login-logo {
    width: 90px;
    height: 90px;
    margin: -54px auto 0;
    background-color: white;
    border-radius: 50%;
    border: 3px solid #1a66b0;
    position: absolute;
    padding: 8px;
    left: 0;
    right: 0;
}
.login-logo img{
    width: 100%;
}
.login-txt {
    width: 100%;
    height: 26px;
    margin: 55px auto 0;
    text-align: center;
    position: relative;
}
.login-txt h4{
    font-size: 16px;
    color: #1a66b0;
}
.login-form {
    margin: 15px 4px;
}
.login-field{
    width: 100%;
    border-bottom: 1px solid;
    padding: 6px 0px;
    color: #1a66b0;
}
.login-field svg {
    height: 16px;
    width: 16px;
}
.input-txt {
    padding: 6px 0px 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #1a66b0;
}
.cus-login-btn {
    width: 100%;
    border: 1px solid;
    border-radius: 25px;
    color: #1a66b0;
    margin: 30px 0px 0px;
}
.register-btn-box {
    width: 255px;
    padding: 10px;
    margin: auto;
}
.cus-register-btn{
    width: 100%;
    border: 1px solid;
    border-radius: 25px;
    color: #FFFFFF;
    margin: 30px 0px 0px;
}
.main-menu {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);
}
.main-menu .screenshot {
    height: 145px;
    border-radius: 0px 0px 25% 25%;
}
.main-bar {
    width: 100%;
    margin: auto;
    padding: 8px 10px;
    display: flex;
    align-items: center;
}
.main-bar p{
    margin-bottom: 0px;
}
.main-bar svg{
    width: 24px;
}
.main-bar-txt{
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}
.logo-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    height: 160px;
    width: 239px;
    background-color: #fff;
    margin: auto;
}

.logo-box-center {
    width: 140px;
    height: 140px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.logo-box-center img{
    width: 100%;
}
.navigation-box {
    width: 100%;
    position: relative;
    top: 90px;
    padding: 6px;
    margin: auto;
}
.menu-box {
    width: 134px;
    height: 100px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    margin: auto;
    align-content: center;
    display: grid;
}
.menu-icon {
    width: 45px;
    margin: auto;
    height: 45px;
    align-items: center;
    position: relative;
}
.menu-icon img {
    height: 40px;
    width: 40px;
    margin: auto;
}
.menu-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1a66b0;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    width: 110px;
    margin: auto;
}
.menu-txt p {
    margin-bottom: 0px;
}
.menu-box:nth-of-type(odd) {
    border-right: 1px solid #e1e1e1;
}
.footer-bar {
    width: 100%;
    height: 70px;
    margin: auto;
    position: absolute;
    background: #1a66b0;
    bottom: 0;
}
.footer-box {
    position: relative;
    width: 93px;
    height: 70px;
    text-align: center;
    display: grid;
    float: left;
    align-content: center;
}
.footer-bar-icon {
    width: 40px;
    height: 40px;
    margin: auto;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-bar-icon img {
    width: 21px;
}
.footer-bar-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400;
    margin: auto;
}
.footer-bar-txt p {
    margin-bottom: 0px;
}
.info-menu-color{
    background: #EFF1F0;
}
.info-menu .screenshot {
    height: 70px;
    margin-bottom: 10px;
}
.info-menu .info-arrow svg{
    width: 8px;
}
.info-menu .info-upload-icon svg{
    width: 16px;
}
.info-logo {
    width: 100%;
    height: auto;
    position: relative;
}
.info-logo-box {
    width: 110px;
    height: 75px;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-logo-box img{
    width: 100%;
}
.nav-info-menu {
    width: 100%;
    padding: 12px;
    margin: auto;
}
.menu-bar {
    width: 100%;
    background: #FFFFFF;
    height: 42px;
    border-radius: 12px;
    display: flex;
    margin-bottom: 14px;
}
.txt-bar {
    width: 90%;
    font-size: 16px;
    font-weight: 400;
    padding: 9px;
    color: #1a66b0;
}
.txt-bar p{
    margin-bottom: 0px;
}
.icon-div {
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-div svg{
    width: 7px;
}
.info-footer {
    width: 100%;
    margin: auto;
    text-align: center;
}
.info-footer p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    padding: 9px;
    color: #000;
}
.find-my-elected .screenshot {
    height: 155px;
}
.find-my-elected .info-arrow svg {
    width: 8px;
}
.find-my-elected-logo {
    width: 100%;
    height: auto;
    position: relative;
}
.find-elected-logo-box {
    width: 100%;
    height: 90px;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.find-elected-logo-box img{
    width: 100%;
}
.search-div {
    width: 100%;
    padding: 8px 8px 0px 8px;
    position: relative;
}
.search-div p{
    margin-bottom: 0px;
}
.search-div-txt {
    font-size: 12px;
    font-weight: 400;
}
.search-bar {
    display: flex;
    margin: 2px 0px;
}
.search-txt {
    border: 1px solid #808080;
    padding: 4px 5px;
    width: 76%;
    color: #b1b1b1;
    font-weight: 600;
    font-size: 12px;
}
.search-btn {
    width: 21%;
    padding: 4px;
    border: 1px solid #1a66b0;
    background-color: #1a66b0;
    margin-left: 8px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
}
.search-border-line{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid #8E8E8E;
}
.nav-info-menu {
    width: 100%;
    margin: auto;
}
.find-elected-search .txt-bar {
    padding: 6px 10px;
}
.find-elected-search{
    width: 100%;
    margin: auto;
}
.find-elected-search .menu-bar {
    width: 100%;
    height: 58px;
    display: flex;
    margin-bottom: 0px;
    border-bottom: 1px solid #EAEAEA;
    border-radius: 0px;
}
.txt-bar-address{
    color: #000000;
}
.txt-bar-id {
    font-size: 14px;
    color: #686868;
    font-weight: 400;
}
.find-elected-footer {
    width: 100%;
    margin: auto;
    text-align: center;
}
.find-elected-footer .btn {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 20px;
    width: 42%;
    margin: 12px 4px;
    border-radius: 8px;
    color: #ffffff;
}
.state-btn{
    background-color: #2559A5;
}
.national-btn{
    background-color: #E8B03D;
}
/*Union Onboarding page */
.dropdown-icon-align i {
    width: 15px;
    text-align: center;
}
.stats-dropdown-custom-width{
    width: 270px;
}
.stats-dropdown-custom-width label {
    cursor: pointer;
}
.filter-table-dropdown label {
    cursor: pointer;
}

/*Custom color class Website onboarding requests  */

.kt-badge.kt-badge--danger-red {
    color: #ffffff;
    background: #e14141;
}
.kt-badge.kt-badge--unified-danger-red {
    color: #e14141;
    background: rgb(225 65 65 / 11%);
}

/*Custom hint class Website Web Appearance  */
.web-hint-icon{
    font-size: 13px;
    background-color: #c30b11;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px 10px;
    margin: 0 0 0 6px;
    box-shadow: 1px 1px 2px 0px rgb(82 63 105 / 19%);
    cursor: pointer;
}
.ripple {
     margin-left: auto;
     background-color: #c30c12;
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     position: relative;
     animation: ripple 1s linear infinite
}
.ripple::before,
.ripple::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 50%;
     animation: ripple 3s linear infinite 1s
}
.ripple::after {
     animation: ripple 3s linear infinite 2s
}
@keyframes ripple {
     0% {
         box-shadow: 0 0 0 .1rem rgba(255, 0, 0, 0.2)
     }

     100% {
         box-shadow: 0 0 0 2rem rgba(255, 0, 0, 0)
     }
}
/* Giddyup page css  */
.cursor-pointer{
  cursor: pointer;
}
.active-credit {
    position: relative;
}
.active-credit:before {
    content: "\f1af";
    font-family: Flaticon2;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -11px;
    right: -8px;
    font-size: 10px;
    color: #ffffff;
    background: #21af86;
    border-radius: 60px;
    padding: 6px;
}
/* Giddyup page css simulator*/
.msg-width {
    font-size: 12px;
    color: black;
    word-break: break-word;
    width: 190px;
    display: block;
}
.custom-input-padding-set{
    padding-left: 0px;
}
.custom-text-set{
    text-align: center;
}
.custom-right-div-set {
    display: flex;
    justify-content: flex-end
}
/*Pin post table css start*/
.pin-post .kt-datatable__row {
    background-color: #F8F8FB;
}

/*Pin post table css end*/

.kt-subheader .kt-subheader__main .kt-subheader__title {
    text-transform: capitalize;
}
/* custom style of tooltip */
.tooltip-inner{
    background-color: #272936 !important;
    color: white !important;
}
.bs-tooltip-top .arrow::before {
    border-top-color: #272936 !important;
}
.tooltip .arrow {
    border: none;
    padding: 0;
}
/*Member tool navigation width style*/
.customDropdownWidth .dropdown-menu li a span.text {
    word-wrap: break-word;
    white-space: normal;
}
/*Pin post table css start*/
.pin-post {
    background-color: #F8F8FB;
    position: relative;
}

/*Pin post table css end*/
.custom-text-edit{
    margin-top: 10px;
    font-weight: 500;
}

/*-----Navigation menu list style---------*/
.kt-custom-font-size-14{
    font-size: 14px;
}
/*---invalid icon hide for form control---*/

.invalid-icon-hide.form-control.is-invalid{
    background-image: none !important;
}
.input-icon-height.kt-input-icon > .kt-input-icon__icon.kt-input-icon__icon--right {
    height: 38px !important;
}
/*---Scroll add and save button---*/

.scroll-btn-sec{
    align-items: center;
    position: fixed;
    bottom: 34px;
    right: 66px;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1 !important;
}
.scroll-btn-sec .button {
    display: inline-block;
    height: 52px;
    width: 52px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.scroll-btn-sec .button:hover {
    width: 165px;
}
.scroll-btn-sec .button .icon {
    display: inline-block;
    height: 52px;
    width: 52px;
    text-align: center;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    transition: all 0.3s ease-out;
    padding: 0px 5px 0px 0px;
}
.scroll-btn-sec .button span {
    font-size: 1.1em;
    font-weight: 500;
    transition: all 0.3s ease-out;
    margin: auto;
    vertical-align: middle;
    line-height: 3;
}
.scroll-btn-sec .button span i {
    font-size: 1.3em;
    width: 16px;
    text-align: center;
}
.scroll-btn-sec .button:nth-child(1) .icon {
    background: #1a66b0;
}
.scroll-btn-sec .button:nth-child(1) {
    background: rgba(88, 103, 221, 0.1);
}
.scroll-btn-sec .button:nth-child(2) .icon {
    background: #0abb87;
}
.scroll-btn-sec .button:nth-child(2) {
    background: rgba(10, 187, 135, 0.1);
}
.scroll-add-btn {
    padding-left: 8px;
    color: #1a66b0;
}
.scroll-save-btn {
    padding-left: 8px;
    color: #0abb87;
}

/*---System Status Css---*/
.system-stutus-cursor{
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 6px;
    font-size: 11px;
    color: #000;
}
.system-status p{
    margin-bottom: 0px;
    margin-right: 6px;
}

.system-status .sys-status-icon{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #008000;
    align-self: center;
}

.send-code {
    border: 0px;
}

/*Privacy policy*/
.privacy_page {
    font-family: Verdana;
    position: relative;
}
.web_logo {
    height: auto;
    width: 300px;
    position: relative;
    justify-content: left;
    display: flex;
    align-items: center;
}
.logo_img {
    height: 100%;
    width: 100%;
    position: relative;
}
.custom_topbar {
    height: 30px;
    background-color: #26313A;
}
.navbar {
    background-color: #26313ab3;
    height: 100px;
    font-size: 14px;
    margin: 0;
    padding: 12px;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
}
.privacy_logo {
    height: 100%;
    width: 30%;
    display: flex;
    align-content: center;
}
.navbar_first{
}
.navbar_second {
    display: flex;
    justify-content: end;
    align-items: center;
}
.navbar_second ul, .topbar_opt ul {
    display: flex;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar_second ul li, .topbar_opt ul li{
    padding: 4px 10px;
}
.ex_link {
    color: #fff;
}
.ex_link:hover {
    color: #fff;
}
.privacy_banner {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_text {
    color: white;
    font-weight: bold;
    font-size: 32px;
    padding: 6% 0 0;
}
.footer {
    height: 50px;
    width: 100%;
    color: #fff;
    background-color: #26313A;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
}
.section_top {
    padding: 90px 0;
}
.footer a{
    color: #fff;
    text-decoration: underline;
}
.privacy_heading {
    font-size: 16px;
    font-weight: bold;
}
.privacy_text {
    font-size: 14px;
}
.topbar_opt {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .navbar_second {
        display: none!important;
    }
    .topbar_opt {
        display: flex!important;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .web_logo {
        display: inline;
        padding-left: 30px;
    }
}
.project_dropdown .custom-dropdown-h {
    padding-right: 0 !important;
}
.project_dropdown .custom-dropdown-h .dropdown-toggle {
    background-color: transparent !important;
}
.two_fa_image {
    width: 90%;
    height: 90%;
}
@media screen and (max-width: 1024px) {
    .main_modal_buttons {
        width: 100% !important;
    }
}
@media screen and (max-width: 400px) {
    .routing_buttons, .routing_buttons_span {
        display: block !important;
        margin-bottom: 0.5rem !important;
    }
}

/*2FA Disabled Style Start*/
.disabled-2fa{
    pointer-events: none;
    text-decoration: none;
    cursor: default;
    opacity: 0.5;
}
/*2FA Disabled Style End*/

/* Delete account page CSS */
.del-acc-req-page h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 10px;
}
.del-acc-req-page p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 26px;
}
.del-acc-req-page .form-group label {
    font-size: 1.1rem;
    font-weight: 500;
}
.del-acc-req-page .form-group label span {
    color: #de0404;
    font-weight: 600;
    font-size: 15px;
}
.del-acc-req-page .form-check {
    margin-bottom: 6px;
}
.del-acc-req-page .form-group {
    margin-bottom: 1.5rem !important;
}
.navbar_logo{
    height: 80px;
    width: 300px;
    position: relative;
    display: block;
}
.navbar_logo img{
    height: 100% !important;
    width: auto !important;
    position: relative;
}
.footer.acc-req-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
/* Delete account page CSS */

.payment-card-popup .saved_card {
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-card-popup .select_cards {
    height: 205px;
}
.payment-card-popup .custom-logout-btn {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
}
.dropdown-menu.dropdown-menu-lg.payment-card-popup {
    width: 320px;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    transform: translate3d(0px, -255px, 0px) !important;
}
/* Dashboard right top dropdown redesign Css */

.dropdown-menu .nav-dropdown{
    width: 770px;
}
.nav-dropdown .kt-user-card .kt-user-card__name {
    font-size: 1.2rem;
}
.nav-dropdown .kt-notification .kt-notification__item:after {
    display: none;
}
.nav-dropdown .kt-notification .kt-notification__item {
    border-bottom: 0px;
}
.nav-dropdown .kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.1rem;
    font-weight: 400;
    color: #313752;
}
.nav-dropdown .kt-user-card {
    padding: 1.4rem 1rem;
}
.nav-dropdown .kt-notification .kt-notification__item {
    padding: 0.60rem 1rem;
}
.nav-dropdown .kt-notification .kt-notification__item .kt-notification__item-icon i {
    font-size: 1.1rem;
}
@media screen and (max-width: 1050px) and (min-width: 1024px){
    .dropdown-menu .nav-dropdown{
        width: 700px;
    }
}
@media screen and (max-width: 780px) and (min-width: 610px){
    .dropdown-menu .nav-dropdown{
        width: 600px;
    }
}
@media (min-width: 611px){
    .nav-mobile-dropdown{
        display: none;
    }
}
@media (max-width: 610px){
    .nav-dasktop-dropdown{
        display: none;
    }
    .dropdown-menu .nav-dropdown{
        width: 100%;
    }
}
.nav-mobile-dropdown .nav-pills {
    border-bottom: 1px solid #EBEDF2;
    margin: 0 0 12px 0;
}
.nav-mobile-dropdown .nav-pills .nav-item .nav-link {
    color: #1a66b0;
}
.nav-mobile-dropdown .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover {
    background-color: #F4F5F9;
    color: #1a66b0;
    font-weight: 500;
}
.nav-mobile-dropdown .nav-pills .nav-item {
    margin-right: 0;
}
@media (max-width: 392px){
    .nav-pills .nav-item .nav-link {
        padding: 0.75rem 0.25rem;
    }
}
.nav-mobile-dropdown {
    z-index: 11111111;
    position: relative;
}
/* Accounting invoice billing css start*/
.payment-card-slider.owl-theme .owl-dots .owl-dot.active span{
    width: 30px !important;
    background: #1a66b0 !important;
}
.payment-card-slider.owl-theme .owl-dots .owl-dot span {
    margin: 5px 4px !important;
}
.payment-card-slider.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px !important;
}
.plans-tabs .nav-pills{
    border: 1px solid #eeeeee;
    padding: 14px;
    border-radius: 6px;
}
.plans-tabs .nav-pills .nav-item{
    margin-right: 0px
}
.plans-tabs .nav-pills .nav-item {
    background-color: #F9F9FB;
}
.card-price-lh{
    line-height: 0.7;
}
.plan-upload-card{
    border: 4px dashed #1a66b0;
}
.plan-upload-card-icon{
    font-size: 2rem;
}
.email-label{
    width: fit-content;
    background-color: #f0f3ff;
    color: #595d6e;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 0.5rem 1rem;
    border-radius: 50rem;
}
.email-label:last-child{
    margin-bottom:0px;
}
.email-min-height{
    height: 420px;
    overflow-y: auto;
}
.collapsed-icon{
    position: relative;
    background: #E8EBF1;
    padding: 6px 14px;
    border-radius: 4px;
    margin-right: 12px;
    display: block;
}
.accordion.accordion-solid.payment-transfer .card .card-header .card-title {
    background-color: #F8F8F9 !important;
}
.payment-transfer-radio {
    position: relative;
    margin: 0 -15px 20px;
}
.accordion.payment-transfer .card .card-header .card-title {
    color: #595d6e;
}
.select-card{
    position: relative;
    margin: 0 -15px 20px;
}
.invoice-label {
    display: flex;
    align-items: center;
    font-size: 13.8px;
}
.invoice-label p{
    min-width: 110px;
    color: #595d6e;
    margin: 0.2rem 0;
}
.invoice-label span{
    color: #48465b;
    font-weight: 500;
    margin-left: 7px;
}
.invoice-table {
    border-radius: 4px;
    overflow: hidden;
}
.invoice-table thead {
    background: #2266b0;
    color: #fff;
}
.invoice-table .table th, .table td {
    padding: 0.75rem;
}
.invoice-table .table th:first-child, .table td:first-child { 
    width: 80px;
    text-align: center;
}
.invoice-table .table th:last-child { 
    text-align:right;
}
.invoice-table .table td:last-child { 
    border-left: 1px solid #ebedf2; 
    width: 150px;
    text-align:right;
}
.table tr:last-child {
    border-bottom: 1px solid #ebedf2;
}
.invoice-total {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #2266b0;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #383838;
    margin-top: 8px;
}
.invoice-total p{
    min-width: 110px;
    margin: 0.2rem 0;
}
.sub-total-box{
    display: grid;
    justify-content: center;
}
.sub-total-box .invoice-label span {
    text-align: right;
}
.footer-terms-text p{
    margin: 2px 0px;
    font-size: 13.6px;
    font-weight: 400;
}
.invoice-process {
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 4px;
    padding: 10px 12px;
    gap: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.invoice-success{
    background: #e7f8f3;
    color: #0ABB87;
}
.invoice-warning{
    background: #fef8e9;
    color: #EEA200;
}
.invoice-transaction{
    background: #eef1fd;
    color: #5578EB;
}
.invoice-reprocess{
    background: #ffe8ef;
    color: #FF3370;
}
.custom-gray{ 
    background-color: #f4f5f9;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="9px" height="9px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css">.st0{fill:%23191B1D;}</style><g><path class="st0" d="M23.4,5.1c-0.8-0.8-2.2-0.8-3,0L12,14.4L3.6,5.1c-0.8-0.8-2.2-0.8-3,0c-0.8,0.8-0.8,2.2,0,3l9.7,10.8c0.4,0.4,1,0.6,1.6,0.6c0.6,0,1.2-0.2,1.6-0.6l9.7-10.8C24.2,7.3,24.2,6,23.4,5.1L23.4,5.1z"/></g></svg>');
  background-repeat: no-repeat;
  background-position-x: 97.5%;
  background-position-y: 14px;
  }
  
  select.form-control:focus {
    -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="9px" height="9px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css">.st0{fill:%23191B1D;}</style><g><path class="st0" d="M23.4,5.1c-0.8-0.8-2.2-0.8-3,0L12,14.4L3.6,5.1c-0.8-0.8-2.2-0.8-3,0c-0.8,0.8-0.8,2.2,0,3l9.7,10.8c0.4,0.4,1,0.6,1.6,0.6c0.6,0,1.2-0.2,1.6-0.6l9.7-10.8C24.2,7.3,24.2,6,23.4,5.1L23.4,5.1z"/></g></svg>');
  background-repeat: no-repeat;
  background-position-x: 97.5%;
  background-position-y: 14px;
  }
  
.margin-box{
    margin: 10px 0px 5px 10px !important;
}  

/*  Giddy Up Campaigns redesign Css */
.campaigns-tabs {
    margin: 0px;
}
.campaigns-tabs .nav-link {
    border: 0px;
    text-align: left;
    margin: 4px 0px;
    color: #74788d;
    font-weight: 500;
    font-size: 14px;
    background-color: rgb(249, 249, 250);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.campaigns-tabs .nav-link.active{
    /* color: #343434;
    background-color: rgb(240 240 241); */
}
.campaigns-tabs .arrow{
    font-size: 16px;
    border: none;
    border-width: 0;
    display: inline-block;
    padding: 0;
}
.campaigns-title {
    font-size: 14px;
    color: #343434;
    font-weight: 400;
}
.req-imp{
    font-size: 13px;
    font-weight: 800;
    color: #d40303;
    margin-right: 4px;
}
.campaigns-checkbox .kt-radio {
    display: block;
    text-align: left;
    margin-bottom: 5px !important;
    font-size: 14px;
    color: #343434;
    font-weight: 400;
}
.campaigns-warning-blue{
    background-color: rgb(244, 249, 255);
    color: #1a66b0;
    border-color: rgb(204, 228, 255);
    font-weight: 400;
    padding: 1rem 1.2rem;
}
.campaigns-checkbox {
    margin-bottom: 12px;
}
.campaigns-warning-blue .icon {
    font-size: 18px;
    margin-right: 15px;
    margin-top: 3px;
}
.campaigns-warning-blue .alert-text{
    display: flex;
    align-items: flex-start;
}
.campaigns-warning-blue .alert-text p{
    margin-bottom: 0px;
}
.campaigns-list {
    border: 1px solid;
    /* background-color: rgb(249, 249, 250); */
    color: #343434;
    border-color: rgb(240 240 250);
    border-radius: 4px;
    padding: 15px 12px;
}
.list-row{
    display: flex;
    align-items: center;
}
.campaigns-list p{
    margin-bottom: 0px;
}
.campaigns-list i {
    /* background: rgba(253, 57, 122, 0.1); */
    padding: 4px 5px 4px 5px;
    border-radius: 4px;
    margin-left: 15px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 1;
}
.campaigns-list-title{
    font-size: 14px;
    color: #343434;
    font-weight: 600;
    margin-left: 18px;
}
.campaigns-footer {
    border-top: 1px solid rgb(240 240 250);
    padding: 20px 0px 0px;
    text-align: right;
}
.required-error {
    margin-top: 0.25rem;
    font-size: 90%;
    color: #d40303;
    display: block;
}
.required-error i {
    margin-right: 4px;
}
.campaigns-tabs .arrow.complete{
    color: #0abb87;
}
.alert.alert-solid-warning.border-y-light {
    padding: 1rem 1.2rem;
}
.border-y-light{
    border: 1px solid #ffb82257 !important;
}
.view-list .campaigns-title {
    margin: 0px 0px 6px;
}
.view-list p{
    margin: 0px;
}
.view-col-list {
    box-sizing: border-box;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    display: flex;
    min-width: 0px;
    width: auto;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px 15px;
    background-color: rgb(0 0 0 / 2%);
}
.view-list {
    width: 50%;
}
.view-list {
    width: 50%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
}
/* .view-list:nth-last-child(2){
    border-bottom: none;
} */
.view-list:last-child{
    border-bottom: none;
}
.campaigns-warning-red{
    background-color: #fff7f8;
    color: #fd397a;
    border-color: #f7b6cb;
    font-weight: 400;
    padding: 1rem 1.2rem;
}
.campaigns-warning-red .icon {
    font-size: 18px;
    margin-right: 15px;
}
.campaigns-warning-red .alert-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.campaigns-warning-red .alert-text p {
    font-weight: 500;
}
.campaigns-warning-red .alert-text .alert-text-box{
    display: flex;
    align-items: center;
}
.alert .alert-close .close.red-icon {
    color: #d01138;
}
.invoice-table-filter .dropdown-menu {
    min-width: 17rem!important;
}

.modal-header .btn {
        margin-left: 10px;
}

textarea {
    resize: none;
}

.ml-2 {
    margin-left: 8px;
}

.mt-2 {
    margin-top: 8px;
}

.mb-2 {
    margin-bottom: 8px;
}

.pagination-controls {
    display: flex;
    align-items: center;
}

.pagination-btn {
    background-color: #f5f5f5;
    border: none;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
}

.pagination-btn i {
    font-size: 16px;
    color: #5a5a5a;
}

.pagination-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.page-number {
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.page-number.active {
    background-color: #1a66b0;
    color: white;
}

.pagination-info {
    display: flex;
    align-items: center;
}

.page-size {
    padding: 5px;
    margin-right: 10px;
} 

.y-auto {
    overflow-y: auto;
}

.profileTooltip {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.profileTooltip .tooltipText {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    
    /* Position the tooltip */
    position: absolute;
    bottom: 150%;  /* Tooltip will appear above the icon */
    left: 50%;
    transform: translateX(-50%);

    /* Hide tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

.profileTooltip:hover .tooltipText {
    visibility: visible;
    opacity: 1;
    left: -90px; 
    padding: 10px;
}

.job-calls-container {
    background-color: #F8F8F8;
    /* Adjust background as needed */
    margin: 20px 25px 10px 25px;
    padding: 15px 15px 0 15px;
    border-radius: 5px;
}

.dues-calculator-header {
    background: #0e0e47;
    padding: 1rem;
    position: relative;
}

.dues-calculator-download {
    background-color: #0ABB87 !important;
    border: none;
    color: white;
    padding: 6px 12px;
    width: 146px;
    height: 33px;
}

.dues-calculator-table {
    border-radius: 4px;
    overflow: hidden;
}

.dues-calculator-table thead {
    background: #0E0E47;
    color: #fff;
}

.dues-calculator-table .table th, .table td {
    padding: 0.75rem;
}

.dues-calculator-table .table th:first-child, .table td:first-child { 
    width: 80px;
    text-align: center;
}

.member-dues-table {
    border-radius: 4px;
    overflow: hidden;
}

.member-dues-table thead {
    background: #1C3B6C;
    color: #fff;
}

.member-dues-table .table th, .table td {
    padding: 0.75rem;
}

.member-dues-table .table th:first-child, .table td:first-child { 
    width: 80px;
    text-align: center;
}


.payment-divider {
    height: 3px;
    background-color: #0e0e47;
    margin: 0 auto;
}

.member-due-heading {
    font-weight: 600;
    font-size: 24px;
}

.dues-calculator-total-box {
    display: grid;
    justify-content: center;
    background-color: #E4E4E4;
    padding: 1rem;
}

.dues-calculator-footer {
    background: #222221;
    color: white;
}

.member-dues-footer {
    background: #1C3B6C;
    color: white;
}

.decs {
    font-weight: 500;
    font-size: 11px;
}

.decs-bold {
    font-weight: 500;
    font-size: 12px;
}

.dues-calculator-paid-stamp {
    position: absolute;
    width: 115px;
    height: 115px;
    bottom: 60px;
    right: 220px;
}

#openSearchModal:hover img {
    content: url('https://media.linkedunion.com/global_search_icons/SearchButtonHoverIcon.png');
}
#searchResults {
    max-height: 40vh;
    overflow-y: auto;
    flex-direction: column;
}
#searchInput {
    font-size: 1.2rem;
}
.loading-spinner {
    text-align: center;
    margin: 10px 0;
}
.bottom-spinner {
    margin: 20px 0;
    font-size: 20px;
}
.clickable-row {
    padding-left: 10px;
}
.search-icon {
    width: 40px;
    height: 40px;
    background-image: url('https://media.linkedunion.com/global_search_icons/search_icon.png');
    background-size: cover;
    background-repeat: no-repeat;
  }
  
.clickable-row:hover {
background-color: #f0f0f0;
}
.clickable-row:hover .search-icon {
background-image: url('https://media.linkedunion.com/global_search_icons/search_icon_hover.png');
}
.search-result-separator {
    height: 1px;
    background-color: #EFEFEF;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.searchResultTitle {
    font-size: 1.2rem;
}