body {
    background-color: #f8fafa;
    font-family: 'Poppins';
}

.height-auto {
    height: auto !important;
}

.max-width-auto {
    max-width: initial !important
}

.text-14 {
    font-size: 14px
}


.alert-width {
    max-width: 600px;
    width: 100%;
}
/*Header*/
.bg-light, .bg-dark {
    background-color: #002e6d !important;
    color: white !important;
}

.jumbotron .nav-tabs .nav-link.active {
    border-color: #666
}

.jumbotron .nav-tabs .nav-link {
    color: #333;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 2px solid transparent;
    border-right: none !important
}

.breadcrumb {
    padding-left: 0 !important
}

.dx-checkbox-checked .dx-checkbox-icon:before {
    color: #20437e
}

.dx-header-row, .dx-treelist-headers .dx-treelist-table .dx-row > td,
.dx-treelist-headers .dx-treelist-table .dx-row > td {
    background: #20437e !important;
    color: white
}


.dx-datagrid .dx-row > td {
    font-weight: 500
}

.pointer {
    cursor: pointer
}

.dx-header-row td * {
    color: #fff !important
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
    color: #fff !important
}
/*nominee biography style start*/
.options {
    padding: 20px;
    margin-top: 20px;
    background-color: rgba(191, 191, 191, 0.15);
    position: relative;
}

.caption {
    font-size: 18px;
    font-weight: 500;
}

.option {
    margin-top: 10px;
}

.checkboxes-mode {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.option > .dx-selectbox {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.option > span {
    margin-right: 10px;
}
/*nominee biography style end*/
.navbar-light .navbar-nav {
    text-transform: initial
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: white;
        font-size: 14px;
        font-weight: 400;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: white;
    }

    .navbar-light .navbar-nav .nav-link {
        color: white;
    }

#logoutForm .dropdown-menu {
    left: auto !important;
    right: 0 !important
}

.dropdown-menu {
    margin: .7rem 0 0;
    min-width: 12rem;
    border-radius: 0;
}

    .dropdown-menu
    .dropdown-item {
        text-transform: uppercase;
        font-size: 13px;
        color: #000;
        font-weight: 500;
        padding: 5px;
    }

        .dropdown-menu
        .dropdown-item i {
            display: none
        }

.log-off {
    font-size: 12px !important;
    height: 35px;
    opacity: 1;
    color: #0f5cc1;
    border-radius: 25px;
    font-weight: 600;
    background-color: white;
}

.user-role {
    font-size: 14px;
    font-weight: 600;
}

    .user-role i {
        font-size: 36px
    }

.user-menu > div {
    display: none;
    position: absolute;
    z-index: 99;
    background: #f8fafa;
    min-width: 240px;
    right: 0;
    padding: 15px 10px;
    top: 42px;
    border: 1px solid #bbb;
    border-top: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}

.user-menu:hover > div {
    display: block !important;
}

.btn-light:hover {
    color: #0f5cc1;
    background-color: white;
    border-color: #0f5cc1;
}

.dropdown-item.active, .dropdown-item:active {
    color: black;
    text-decoration: none;
    background-color: #e9ecef;
}



.fa-angle-double-right, .fa-sign-out-alt {
    color: #0F5CC1 !important;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #9DA3A9 !important;
    color: white;
    text-align: center;
    height: 44px;
    z-index: 1;
    display: flex;
    align-items: center
}

    .footer h6 {
        font-size: 12px
    }

.navbar-brand {
    margin-right: 0;
}

.footer-heading {
    padding-top: .5rem;
}

.navbar {
    padding: 3.5px;
}

/**Header*/

.client-box {
    box-shadow: 0px 2px 4px #bacccc2c;
    width: 100%;
    padding: 0;
}

.radio_btn {
    width: 30px;
    height: 20px;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Upload";
}

.font-weight-600 {
    font-weight: 600
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
}

.breadcrumb {
    font-size: 13px !important;
    font-weight: 600 !important;
    /*margin-left:-8rem;*/
    margin-bottom: 0
}

    .breadcrumb a, .breadcrumb li {
        font-weight: 500
    }

.admin-heading {
    font-size: 20px;
    font-weight: 600;
}

.dummy-icon {
    width: 30px;
    height: 30px;
    object-fit: cover;
}



.horizontal {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3.2px solid rgba(0,0,0,.1);
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}


.mail-text {
    margin-top: -1px;
}

.badge-number {
    font-size: 13px;
    border-radius: 26px;
    padding: 7px 10px;
    width: 34px;
    height: 34px;
    line-height: 20px;
}

.save_btn {
    border-radius: 25px;
    font-size: 14px !important;
    width: 125px;
    height: 40px;
    border-color: #0F5CC1 !important;
    opacity: 1;
}


    .save_btn:hover {
        color: #fff;
        background-color: #0F5CC1 !important;
    }


.cancel_btn {
    border-radius: 25px;
    font-size: 14px !important;
    width: 125px;
    height: 40px;
    opacity: 1;
}



.next_btn {
    font-size: 14px !important;
    border-radius: 24px;
    box-shadow: 0px 8px 20px #1A54A029;
    opacity: 1;
    width: 130px;
    height: 40px;
    background: #0F5CC1 0% 0% no-repeat padding-box;
}

.label-text {
    font-size: 14px;
    color: #1E1E1E !important;
    font-weight: 300;
    margin-bottom: 3px
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0;
    margin-top: -1px !important
}

.dropdown-item:hover {
    color: #fff;
    background: #20437e;
    border-color: #20437e;
}

.dropdown-item {
    border-radius: 0;
    margin: 0;
    padding: 12px !important;
}

.dropdown-divider {
    margin: 0
}

#txtWebsiteUrl {
    color: #20437e !important;
    text-decoration: underline;
}

#dvMain .form-control {
    font-weight: 500;
    font-size: 0.9rem;
    color: #000
}

.opacity-btn {
    opacity: 0.5 !important;
}




.custom-file-label::after {
    line-height: 1.5;
    color: white;
    background-color: green;
    border-radius: 0 .25rem .25rem 0;
}


.input-group-text {
    padding: 0rem .5rem;
    background-color: white;
}



.vote {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: -0.25rem;
    word-break:break-word;
}


.btn-link {
    font-size: 11px !important;
    text-decoration: none !important;
}

.cancel-btn {
    width: 146px;
    height: 40px;
    border-radius: 24px;
    font-size: 14px !important;
}

.save-btn, .back-btn {
    width: 140px;
    height: 40px;
    border-radius: 24px;
    font-size: 14px !important;
    border-color: #005cbf;
}

.next-btn {
    width: 140px;
    height: 40px;
    border-radius: 24px;
    font-size: 14px;
    background: #0F5CC1 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #1A54A029;
    border-radius: 24px;
    opacity: 1;
    font-size: 14px !important;
}


.btn-row {
    width: 60%;
}

.save-btn:hover {
    color: #fff;
    background-color: #005cbf;
    border-color: #005cbf;
}

.back-btn:hover {
    color: #fff;
    background-color: #005cbf;
    border-color: #005cbf;
}

.back-btn a:hover {
    text-decoration: none;
    color: white;
}

.schedule-icon {
    background-color: #5DAA54;
    border: 1px solid #5DAA54;
    padding: .375rem .75rem;
}


.schedule-save {
    background: #0F5CC1 0% 0% no-repeat padding-box;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0px 8px 20px #1A54A029;
    border-radius: 20px;
    opacity: 1;
}

.schedule-row {
    width: 45%;
}


.form-radio-space {
    padding-left: 2px;
    /*margin-right: 4.75rem;*/
    margin-right: 1rem;
}

.tooltip-inner {
    background-color: #f2f2f2 !important;
    color: black;
    width: 800px;
    height: auto;
    padding: 8px 8px;
    text-align: left;
    z-index: 1;
    border: 1px solid #dbdbdb;
}


.admin-text {
    color: #1E1E1E !important;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1rem;
}


.default-link {
    margin-top: 1rem;
    margin-left: 8rem;
    color: #1E1E1E !important;
    font-size: 18px;
    font-weight: 600;
}

.default-img {
    width: 100%;
}

.verification-heading {
    color: #1E1E1E !important;
    font-size: 18px;
    font-weight: 600;
}

/*.home-link {
    margin-left: 18rem;
}*/

.default-modal {
    max-width: 1000px;
}


.for-link, .Against-link {
    font-size: 11px !important;
}

.write-in-label {
    width: 81%;
}

.blue-link {
    color: #0056b3 !important;
}

.dx-button-mode-contained[aria-label="OK"],
.dx-button-mode-contained[aria-label="ok"], .dx-button-mode-contained[aria-label="OK"],
.dx-button-mode-contained[aria-label="YES"],
.dx-button-mode-contained[aria-label="yes"], .dx-button-mode-contained[aria-label="Yes"] {
    background-color: #305dc2 !important;
    border-color: transparent !important;
    color: #fff !important;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f2f2f2 !important;
    border: 1px solid #dbdbdb;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f2f2f2 !important;
    border: 1px solid #dbdbdb;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f2f2f2 !important;
    border: 1px solid #dbdbdb;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f2f2f2 !important;
    border: 1px solid #dbdbdb;
}


/*input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
     background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat !important; 
    width: 20px;
    height: 20px;
    border-width: thin;
}*/

.text-info {
    color: #0062cc !important;
}

.alertify-button {
    border-radius: 25px !important;
}

.alertify-button-ok {
    background-color: #0062cc !important;
    color: white !important;
    width: 60px;
}

.alertify-button-cancel {
    color: #6c757d !important;
    border-color: #6c757d !important;
}


input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../Content/ClientAssets/Defaults/date-icon.PNG) no-repeat !important;
    width: 40px;
    height: 34px;
    border-width: thin;
    margin-right: -1rem !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../Content/ClientAssets/Defaults/date-icon.PNG) no-repeat;
    width: 40px;
    height: 34px;
    border-width: thin;
    margin-right: -1rem !important;
}






.disable-date {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../Content/ClientAssets/Defaults/calendar-disable.png) no-repeat !important;
    border-width: thin;
    margin-right: -1rem !important
}

.user-textbox {
    margin-left: -4rem;
}

.custom-tag > li {
    width: 24.4%;
}

.thank-you-subheading {
    font-size: 15px;
    font-weight: 600;
    color: #1E1E1E;
}

.thank-you-content {
    font-size: 14px;
    font-weight: 500;
    color: #717171;
}

.horizontal {
    display: none;
    width: 83px;
    margin-top: 1rem;
    margin-bottom: 26px;
    border: 0;
    border-top: 3px solid rgba(0,0,0,.1);
}

.client-widget {
    /* margin-left: 7.5rem;
    padding: 0px 0px;*/
    padding: 0px 0px;
    width: 85%;
    margin: 2rem auto 0;
}

    .client-widget
    .btn {
        font-size: 12px;
        position: relative;
        width: 19.5%;
        vertical-align: top
        /* padding: 13px 11px !important; */
    }

        .client-widget .btn:last-child:after {
            content: none
        }

        .client-widget .btn:after {
            content: '';
            width: 100px;
            height: 3px;
            background: rgba(0,0,0,.1);
            position: absolute;
            top: 20px;
            left: 70%;
            z-index: -1;
        }

.badge-green {
    background-color: #5DAA54 !important;
    color: white;
}

.badge-white {
    background-color: white !important;
    color: #717171;
    border: 1px solid #717171;
}

.color-box {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    padding: 10px;
    margin: 5px;
}

.color-subheading {
    margin-left: -2.5rem;
    color: #717171 !important;
    font-size: 14px;
}

.widget-text {
    font-size: 14px;
    font-weight: 600;
    color: #717171;
}

.green-text {
    color: #5DAA54;
    font-weight: 600;
    font-size: 14px;
}

.home-breadcrumb, .election-breadcrumb {
    color: #0C437E
}

.recients {
    font-size: 13px;
    color: #0F5CC1;
    text-decoration: underline;
}

.heading-text {
    /* font-size: 22px;
    font-weight: 600;
    color: #1E1E1E !important;*/
    font-size: 20px;
    font-weight: 600;
    color: #444 !important;
    /*background: #e5efff;*/
    border-bottom: 1px inset #d7dbe1;
}

#gridRoleAdmin, #gridDistrictArea {
    max-width: 100% !important
}

.dx-popup-draggable
.dx-fileuploader-show-file-list {
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

    .dx-popup-draggable
    .dx-fileuploader-show-file-list .dx-fileuploader-files-container,
    .dx-popup-draggable .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
        font-weight: 600;
        padding-top: 0;
    }

.subheading-text {
    font-size: 20px;
    font-weight: 500;
    color: #1E1E1E !important;
    margin-bottom: 1rem;
}

.checkbox-text-client {
    font-size: 14px !important;
    color: #717171 !important;
    font-weight: 400;
}


.radio_btn_client {
    width: 22px;
    height: 22px;
}

.checkbox-size {
    width: 17px;
    height: 17px;
}

.optional-text {
    font-size: 12px;
    color: #1E1E1E;
}

.trusetee {
    font-size: 11px;
    color: #717171;
}

.preview-text {
    font-size: 14px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    color: #717171;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #717171;
}

:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    color: #717171;
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #717171;
}

input[type="datetime-local"] {
    font-size: 16px;
    color: #717171;
}

.theme-link {
    margin-left: 0.85rem;
}

.custom-file-label {
    font-size: 13px;
}

.input-group-prepend, .input-group-append {
    height: 38px;
}

.btn-outline-primary {
    color: #0F5CC1 !important;
    border-color: #0F5CC1 !important
}

    .btn-outline-primary:hover {
        color: white !important;
        border-color: #0F5CC1 !important
    }


btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important
}

.btn-outline-secondary :hover {
    color: white !important;
    border-color: #6c757d !important;
    background-color: #6c757d !important;
}


/*Data Entry*/
.data-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #ACBCBC43;
    border-radius: 5px;
    opacity: 1;
    min-height: 16rem;
}

.form-text {
    font-size: 14px !important;
}

.go-btn {
    background-color: #0F5CC1 !important;
    color: white !important;
}



.schedule-icon {
    background-color: #5DAA54;
    border: 1px solid #5DAA54;
    padding: .375rem .75rem;
}

.schedule-save {
    width: 181px;
    background: #0F5CC1 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #1A54A029;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
}

.data-row {
    width: 90%;
}

.reject-container {
    width: 86%;
}

    .reject-container .form-control {
        height: 40px
    }



.reset-btn, .go-btn {
    width: 120px;
    height: 42px;
    box-shadow: 0px 8px 20px #1A54A029;
    border: 2px solid #0F5CC1;
    border-radius: 24px;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}


    .reset-btn:hover {
        background: #0F5CC1 0% 0% no-repeat padding-box !important;
        color: white;
    }

    .go-btn:hover {
        background: #0F5CC1 0% 0% no-repeat padding-box !important;
        color: white;
    }

.ballot-text {
    font-size: 13px;
}



.jumbotron-ballot {
    padding: 1rem 1rem;
    border-radius: .75rem;
    z-index: 9;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #BACCCC2C;
    border-radius: 5px;
    opacity: 1
}

.form-control, .input-group-append, input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
    height: 40px
}

.jumbotron-ballot
.label-text {
    margin-bottom: 0
}

.pioneer-ballot {
    max-width: 100%;
}

    .pioneer-ballot a.active {
        color: #000 !important;
        font-weight: 600;
        border: none
    }

.vote {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: -0.25rem;
    word-break: break-word;
}



.btn-link {
    font-size: 12px;
    text-decoration: none !important;
}

.radio_btn {
    width: 20px;
    height: 20px;
}

.reject-btn {
    width: 181px;
    box-shadow: 0px 8px 20px #1A54A029;
    border: 2px solid #0F5CC1;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
}

.batch-text {
    font-size: 12px;
}

.rules-link {
    text-decoration: underline;
    font-size: 12px;
    position: absolute;
}

.keyer_id {
    background-color: lightgray;
}

.modal-lg {
    max-width: 600px;
}


.ok-btn {
    background: #0F5CC1 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #1a54a029;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
    margin-top: -2rem;
}

.close-batch {
    background: #0F5CC1 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #1a54a029;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
    margin-top: -2rem;
    margin-top: -2rem;
    width: 165px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
}


.member-row {
    margin-left: 11rem
}

/*login*/
.instruction_row {
    background-color: white;
    box-shadow: 5px 4px 8px #88888826;
    margin-top: 10rem;
    margin-bottom: -5rem;
    margin-right: 30px;
    margin-left: 30px;
    z-index: 9;
    border-radius: 0.25rem;
    width: 75%;
}

.login-card {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    min-height: 20rem;
    background-color: white;
    box-shadow: 5px 4px 8px #88888826;
    border-top: 5px solid #E3823D;
    margin-left: 1rem;
    z-index: 1;
}

.btn-warning {
    background-color: #E3823D;
    border-radius: 1.25rem;
    font-size: 1rem;
}

    .btn-warning:hover {
        color: white;
        background-color: #E3823D;
        border-color: #E3823D;
    }





    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: white;
        background-color: #E3823D;
        border-color: #E3823D;
    }


.login-card-width {
    max-width: 95%;
}

.instruction-ul {
    list-style: none;
}

.instruction-list::before {
    content: "\2022";
    color: #EF7723;
    font-weight: bold;
    display: inline-block;
    width: 28px;
    margin-left: -1em;
    font-size: 29px;
    position: relative;
    top: 4px;
}

.login-instruction-ul {
    list-style: none;
    font-size: 13px;
    color: #1e1e1e !important;
}

.login-instruction-list::before {
    content: "\2022";
    color: #E3823D;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 29px;
    position: relative;
    top: 4px;
}


.login-instructions {
    font-size: 16px;
    font-weight: 600;
    color: #1e1e1e !important;
}

.sign-heading {
    font-size: 18px;
    font-weight: 600;
    color: #1e1e1e !important;
}


.user-id, .login-pwd {
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e !important;
}

.login-btn {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.admin-container {
    margin-top: 10rem;
}

.footer-area {
    background: #F0EDEA;
    height: 335px;
    position: relative;
    z-index: -9;
}

    .footer-area:before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom right, transparent 50%,#F0EDEA 50%);
    }


/**official Ballot*/
.offical-text {
    color: #1E1E1E;
}


.member-text {
    font-size: 14px;
    font-weight: 600;
    color: #1E1E1E;
}

.btn-offical-ballot {
    border: 2px solid #36B5B7;
    padding: .5rem 2rem;
    font-size: 14px;
    border-radius: 9px !important;
    font-weight: 600;
}


.btn-ballot-confirm {
    border: 2px solid #36B5B7;
    padding: .5rem 2rem;
    font-size: 14px;
    border-radius: 9px !important;
    font-weight: 600;
}

.radio_btn {
    width: 18px;
    height: 18px;
}

.header-margin {
    margin-top: 2rem;
}


.ipad-link1 {
    display: none;
}

.for-mobile-link, .Against-mobile-link, .mobile-link {
    display: none;
}



.card-heading {
    font-size: 14px;
    color: #1E1E1E;
    font-weight: 600;
}

.trusetee {
    font-size: 13px;
    color: #717171;
    font-weight: 400;
}

.vote {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: -0.25rem;
    color: #1E1E1E;
    word-break: break-word;
}

.btn-link {
    color: #0056b3 !important;
    font-size: 12px;
}

.card-subtitle-bio {
    margin-top: -13px !important;
}

.alert-row {
    width: 80%;
}

.btn-area,
.alert-primary {
    z-index: 1;
}



.ballot-width {
    max-width: 90%
}

.ballot-text {
    font-size: 13px;
    color: #717171 !important;
    font-weight: 400;
}

/* .footer-area-container {
    margin-top: -12rem;
} */



.modal-body-text {
    font-size: 13px;
    color: #717171;
}

.horizontal-instruction {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid #36B5B7;
}

.horizontal-ballot {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid var(--HeaderBorderColor);
}

.alert-primary hr {
    border-top-color: #EAEAEA;
}


.prev_btn {
    width: 204px;
    height: 48px;
    border: 2px solid var(--SecondaryColor);
    border-radius: 24px;
    opacity: 1;
    color: var(--SecondaryColor) !important;
    text-transform: uppercase;
}

.cont_btn {
    width: 204px;
    height: 48px;
    background: var(--SecondaryColor) 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 8px 20px var(--SecondaryColorLight); */
    border-radius: 24px;
    opacity: 1;
    color: var(--AutomaticWhiteColor);
    text-transform: uppercase;
}

    .cont_btn:hover {
        color: var(--AutomaticWhiteColor);
    }

.prev_btn:hover {
    color: var(--AutomaticWhiteColor);
}


.annual-textbox {
    border: 1px solid #DCE4EA;
    border-radius: 5px;
    opacity: 1;
}


.bg-button {
    background-color: var(--FooterColorLight);
}

svg {
    stroke: var(--SecondaryColor);
    fill: none;
}



/*.iframe-details
{
    width:466px;
    height:500px;
}*/

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 400px;
    border: none;
}

.data-entry-heading {
    color: #1E1E1E;
}

.accepted-link {
    border: 1px solid #dee2e6;
    background-color: #fbfcfc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.dx-datagrid-text-content dx-text-content-alignment-left dx-text-content-alignment-right dx-header-filter-indicator {
    color: black !important;
}
/***Ballot Confirmation */
.horizontal-confirm {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid var(--SecondaryColor);
}


.checkbox-below-text {
    font-size: 12px;
}



.ballot-text {
    font-size: 13px;
    color: #1E1E1E;
}

.btn-area,
.alert-primary {
    z-index: 1;
}

.modal-title {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 600;
}

.offical-text {
    color: #1E1E1E;
    color: #1E1E1E;
    font-size: 18px;
    font-weight: 600;
}

.dummy-img {
    width: 60px;
    height: 60px;
}

/* pretty radio */
/*label > input[type="radio"] {
    display: none;
}

    label > input[type="radio"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 22px;
        height: 22px;
        margin-right: 0.3rem;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.1rem;
        border-color: gray;
    }

    label > input[type="radio"]:checked + * {*/
/*  color: var(--SecondaryColor);*/
/*}

        label > input[type="radio"]:checked + *::before {
            background: radial-gradient(#36B5B7 0%, #36B5B7 42%, transparent 42%, transparent);
            border-color: #36B5B7;
        }


    label > input[type="radio"] + * {
        display: inline-block;*/
/*  padding: 0.5rem 1rem;*/
/*}*/


/**Checkbox*/
.checkbox {
    display: grid;
    grid-template-columns: min-content auto;
    /*  grid-gap: 0.5em;*/
    font-size: 22px;
    color: #A3AAAA;
}

.checkbox--disabled {
    color: var(--disabled);
}

.checkbox__control {
    display: inline-grid;
    width: 1em;
    height: 1em;
    border-radius: 0.25em;
    border: 0.1em solid currentColor;
}

    .checkbox__control svg {
        transition: transform 0.1s ease-in 25ms;
        transform: scale(0);
        transform-origin: bottom left;
    }

.checkbox__input {
    display: grid;
    grid-template-areas: "checkbox";
}

    .checkbox__input > * {
        grid-area: checkbox;
    }

    .checkbox__input input {
        opacity: 0;
        width: 1em;
        height: 1em;
    }

        .checkbox__input input:focus + .checkbox__control {
            /*            box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor; */
        }

        .checkbox__input input:checked + .checkbox__control svg {
            transform: scale(1);
        }


.modal-dialog {
    width: 100%;
}


.area-heading {
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #36B5B7;
}


    .area-heading:before,
    .area-heading:after {
        background-color: #dce0e0;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

    .area-heading:before {
        right: 0.5em;
        margin-left: -50%;
    }

    .area-heading:after {
        left: 0.5em;
        margin-right: -50%;
    }


/* .checkbox-margin
    {
        margin-left:2rem;
    }*/

#wrapper {
    width: 80rem;
    margin-left: -6rem;
}

    #wrapper .container-fluid {
        max-width: 100%;
        display: block;
    }


#wrapper-data {
    width: 90rem;
    margin-left: -10rem;
}

    #wrapper-data .container-fluid {
        max-width: 100%;
        display: block;
    }


#gridAccepetdBallot {
    max-width: 1378px !important;
}


.dx-datagrid-headers {
    font-weight: 600;
    color: #717171 !important;
}

.dx-datagrid-search-panel {
    margin-top: -45px !important;
}

.color-row {
    margin-bottom: 0.3rem;
}

.data-col {
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.proposed-heading {
    width: 45%;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 0 !important;
    overflow: visible;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0px !important;
}

.custom-file-label {
    padding: 0.6rem 0.75rem !important;
    height: 40px;
}




    .custom-file-label::after {
        height: 40px;
        line-height: 30px;
        top: -1px;
    }


.reject_btn {
    width: 181px;
    height: 40px;
    box-shadow: 0px 8px 20px #1A54A029;
    border: 2px solid #0F5CC1;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
    font-weight: 500;
}

    .reject_btn:hover {
        background: #0F5CC1 0% 0% no-repeat padding-box !important;
        color: white;
    }


.cancel-btn-modal {
    box-shadow: 0px 8px 20px #1A54A029;
    border: 2px solid #0F5CC1 !important;
    border-radius: 20px;
    opacity: 1;
    font-size: 13px;
    font-weight: 500;
    margin-top: -2rem;
}

    .cancel-btn-modal:hover {
        background: #0F5CC1 0% 0% no-repeat padding-box !important;
        color: white !important;
    }


.alert-danger {
    color: #721c24;
    background-color: #FEF1F2;
    border-color: #E25A67;
    font-size: 14px;
}




.popup-table-row {
    border: 0px !important;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.reject-thead {
    color: #767676;
    column-width: 110px !important;
    font-weight: 500;
}

.modal-content {
    border-radius: 1.3rem;
}

.success-modal {
    max-width: 30% !important;
}

.success-heading {
    color: black;
}

.success-subheading {
    color: #767676;
    font-size: 14px;
    font-weight: 500;
}

.ok-width {
    width: 33%;
    height: 40px
}

.verfied-alert {
    margin-left: 5px;
    width: 70%;
}


.text-link {
    color: #0F5CC1 !important;
    font-size: 13px;
    text-decoration: underline !important;
    cursor: pointer;
}


.add-new {
    margin-left: 22rem;
    font-weight: 500;
}

.candidate-link {
    border: 1px solid #dee2e6;
    background-color: #fbfcfc;
    margin-left: .5rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.add-new-area {
    margin-left: 23.5rem;
    font-weight: 500;
}

.save-btn-nominated {
    background: #0F5CC1 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 8px 20px #1a54a029;
    border-radius: 24px;
    opacity: 1;
    font-size: 14px !important;
    width: 120px;
    height: 40px;
}

.candidate-info {
    font-size: 17px;
    font-weight: 600;
    color: #1E1E1E !important;
}

thead tr th {
    text-align: right;
    column-width: 250px !important;
}

.thank-you {
    max-width: 50%;
    /* padding: 8rem 0rem; */
    z-index: 9;
    width: 612px;
    height: 374px;
}

.thankyou-btn {
    border-radius: 25px;
    z-index: 1;
    font-size: 16px;
    padding: .75rem 3rem;
    box-shadow: 0px 8px 20px #19a29c40;
    opacity: 1;
    background-color: #36B5B7 !important;
    color: white !important;
    text-transform: uppercase;
}



/**Nominated*/

.tab-border {
    border: 1px solid #E4E6EA !important;
}

/*login*/
/*Mobile Screens*/
@media only screen and (max-width:768px) {
    .login-card {
        min-height: 14rem;
        transform: none;
        box-shadow: none;
        margin-left: 0;
        max-width: 100%;
    }

    .login-col {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #edecec;
    }


    .instruction_row {
        margin-top: 1rem;
        margin-bottom: -23rem;
        width: 100%;
    }

    .footer-area {
        background: #F0EDEA;
        height: 425px;
    }

    footer-area:before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom right, transparent 50%,#F0EDEA 50%);
    }


    .login-instruction-ul {
        list-style: none;
        font-size: 13px;
        color: black;
        margin-top: -12px;
    }
}

/*@media only screen and (max-width:769px) and (max-height:1024) {
     .instruction_row {
        margin-top: 7rem;
        margin-bottom: -11rem;
    }

    .footer-area {
        background: #F0EDEA;
        height: 200px;
        position: relative;
        z-index: -9;
    }

    footer-area:before {
        content: "";
        position: absolute;
        top: -100px;
        height: 100px;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom right, transparent 50%,#F0EDEA 50%);
    }
}*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

    .instruction_row {
        margin-top: 7rem;
        margin-bottom: -8rem;
        /*  margin: 0;
        position: absolute;
        top: calc(50% - 180px);
        width: 90%;
        top: 35%;*/
    }

    .footer-area {
        background: #F0EDEA;
        height: 270px;
        position: relative;
        z-index: -9;
    }

        .footer-area:before {
            content: "";
            position: absolute;
            top: -80px;
            height: 80px;
            left: 0;
            right: 0;
            background: linear-gradient(to bottom right, transparent 50%,#F0EDEA 50%);
        }
}


@media only screen and (max-width:992px) {
    .login-card {
        min-height: 22rem;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        box-shadow: none;
    }

    /* .instruction_row {
        margin-top: 7rem;
        margin-bottom: -11rem;
    }

    .footer-area {
        background: #F0EDEA;
        height: 200px;
        position: relative;
        z-index: -9;
    }

    footer-area:before {
        content: "";
        position: absolute
        top: -100px;
        height: 100px;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom right, transparent 50%,#F0EDEA 50%);
    }*/


}

@media only screen and (max-width:1200) {
    .login-card {
        min-height: 28rem;
    }
}

@media only screen and (min-width:1100px) {
    .nav-link {
        padding: 1rem !important
    }
}

#gridDistrict {
    max-width: initial !important
}

.simple-form__form-group--labelError {
    color: #f41e2d;
    font-size: 12px;
    margin-bottom: 0
}

.simple-form__form-group--inputError {
    border: 1px solid #f41e2d !important;
    margin-bottom: 5px !important
}

.loaderBg {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('ClientAssets/Defaults/preloader.gif') 50% 50% no-repeat;
}

body.loading .loaderBg {
    overflow: hidden;
}

body.loading .loaderBg {
    display: block;
}


.reject-table {
}

.radio-reject {
    width: 18px;
    height: 18px;
}

.reject-label {
    margin-left: 1rem;
    margin-top: 3px;
}


.reject-table-head {
    border-bottom: 1px solid #dee2e6;
}

.reject-thead {
    text-align: left !important;
}
/**Reports*/
.report-box {
    box-shadow: 0px 2px 4px #bacccc2c;
    width: 100%;
    padding: 0;
}

.border-1 {
    border: 1px solid #D8DEE3;
}

.reports-checkbox {
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.reports-checkbox-text {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 500;
}

.profile-tab {
    /*width: 74rem;*/
}

.final-tab {
    /*width: 74rem;*/
}

.alert-width {
    width: 30%;
}

.member-list {
    margin-left: 8rem;
}

.save-btn-report {
    background: #0F5CC1 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 8px 20px #1a54a029;
    border-radius: 24px;
    opacity: 1;
    font-size: 14px !important;
    width: 175px;
    height: 40px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #acb3b3;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 16px;
}


.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.candidate-link-demand {
    border: 1px solid #dee2e6;
    overflow: hidden;
    background-color: #fbfcfc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.alert-success {
    background-color: rgb(232,250,229);
    border-color: #c3e6cb;
    font-size: 13px;
}

.report-link {
    font-size: 14px;
    font-weight: 600;
}

.link-color {
    color: #1E1E1E;
}


.thead-primary {
    background-color: #0F5CC1;
    color: white;
    font-size: 14px;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #dbe4f0d7;
}

/*offical Ballot*/
/**official Ballot*/
.offical-text {
    color: #1E1E1E;
}



.btn-offical-ballot {
    border: 2px solid #36B5B7;
    padding: .5rem 2rem;
    font-size: 14px;
    border-radius: 9px !important;
    font-weight: 600;
}

#downloadMembers:hover {
    text-decoration: underline;
}

#downloadMembers {
    font-size: 18px;
    font-weight: 600;
}

#docDesign:hover {
    text-decoration: underline;
}

#docDesign {
    font-size: 18px;
    font-weight: 600;
}

.btn-ballot-confirm {
    border: 2px solid #36B5B7;
    padding: .5rem 2rem;
    font-size: 14px;
    border-radius: 9px !important;
    font-weight: 600;
}

.radio_btn {
    width: 18px;
    height: 18px;
}

.header-margin {
    margin-top: 2rem;
}






.card-heading {
    font-size: 14px;
    color: #1E1E1E;
    font-weight: 600;
}

.trusetee {
    font-size: 13px;
    color: #717171;
    font-weight: 400;
}

.vote {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: -0.25rem;
    color: #1E1E1E;
    word-break: break-word;
}

.btn-link {
    color: #0056b3 !important;
    font-size: 12px;
    display: inline;
    cursor: pointer
}

.mobile-link, .ipad-link {
    display: none;
}

.card-subtitle-bio {
    margin-top: -13px !important;
}

.alert-row {
    width: 80%;
}

.btn-area,
.alert-primary {
    z-index: 1;
}

.jumbotron-ballot {
    padding: 1rem;
    border-radius: .3rem;
    z-index: 9;
}

.ballot-width {
    max-width: 90%
}

.ballot-text {
    font-size: 13px;
    color: #717171 !important;
    font-weight: 400;
}





.modal-body-text {
    font-size: 13px;
    color: #36B5B7;
}

.horizontal-instruction {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid #36B5B7;
}

.horizontal-ballot {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid #E5E5E5;
}

.alert-primary hr {
    border-top-color: #EAEAEA;
}


.prev_btn {
    width: 204px;
    height: 48px;
    border: 2px solid var(--SecondaryColor);
    border-radius: 24px;
    opacity: 1;
    color: #36B5B7 !important;
    text-transform: uppercase;
}

.cont_btn {
    width: 204px;
    height: 48px;
    background: #36B5B7 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 8px 20px var(--SecondaryColorLight); */
    border-radius: 24px;
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
}

    .cont_btn:hover {
        color: #FFFFFF;
    }

.prev_btn:hover {
    color: #FFFFFF;
}


.annual-textbox {
    border: 1px solid #DCE4EA !important;
    border-radius: 5px;
    opacity: 1;
    height: 2.5rem;
    padding: 5px;
}


.bg-button {
    background-color: transparent;
}


/*.iframe-details
{
    width:466px;
    height:500px;
}*/

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 400px;
    border: none;
}

/***Ballot Confirmation */

.horizontal-confirm {
    display: inline-block;
    width: 100px;
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 3px solid #36B5B7;
}


.checkbox-below-text {
    font-size: 12px;
}



.ballot-text {
    font-size: 13px;
    color: #1E1E1E;
}

.btn-area,
.alert-primary {
    z-index: 1;
}

.modal-title {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 600;
}

.offical-text {
    color: #1E1E1E;
    color: #1E1E1E;
    font-size: 18px;
    font-weight: 600;
}

.card-header-offical {
    padding: 0.75rem .25rem;
}


.list-official {
    padding: 0.75rem .35rem;
    min-height:90px;
}








.progress-row {
    width: 50%;
}




.mobile-icon {
    display: none;
}


.header-heading {
    color: #EF7723;
    font-size: 17px;
    font-weight: 600;
    margin-top: 32px;
}

.login-instruction-list {
    font-size: 14px;
    font-weight: 500;
}

    .login-instruction-list::before {
        content: "\2022";
        color: #E3823D;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -33px;
        font-size: 29px;
        position: relative;
        top: 7px;
    }



.text-11 {
    font-size: 11px
}

.text-14 {
    font-size: 14px
}

.bg-alert-container {
    background-color: #e6f2f2;
}

.dummy-img {
    width: 60px;
    height: 60px;
    object-fit: cover
}

td .dummy-img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover
}

/* pretty radio */
label > input[type="radio"] {
    display: none;
}

    label > input[type="radio"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 22px;
        height: 22px;
        margin-right: 0.3rem;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.1rem;
        border-color: gray;
    }

    label > input[type="radio"]:checked + * {
        /*  color: var(--SecondaryColor);*/
    }

        label > input[type="radio"]:checked + *::before {
            background: radial-gradient(#36B5B7 0%, #36B5B7 42%, transparent 42%, transparent);
            border-color: teal;
        }

    label > input[type="radio"] + * {
        display: inline-block;
        /*  padding: 0.5rem 1rem;*/
    }


/**Checkbox*/
.checkbox {
    display: grid;
    grid-template-columns: min-content auto;
    /*  grid-gap: 0.5em;*/
    font-size: 22px;
    color: #A3AAAA;
}

.checkbox--disabled {
    color: var(--disabled);
}

.checkbox__control {
    display: inline-grid;
    width: 20px;
    height: 20px;
    border-radius: 0.25em;
    border: 0.1em solid currentColor;
}

    .checkbox__control svg {
        transition: transform 0.1s ease-in 25ms;
        transform: scale(0);
        transform-origin: bottom left;
    }

.checkbox__input {
    display: grid;
    grid-template-areas: "checkbox";
}

    .checkbox__input > * {
        grid-area: checkbox;
    }

    .checkbox__input input {
        opacity: 0;
        width: 1em;
        height: 1em;
    }

        .checkbox__input input:focus + .checkbox__control {
            /*   box-shadow: 0 0 0 0.05em var(--SecondaryColor), 0 0 0.15em 0.1em var(--SecondaryColor);*/
        }

        .checkbox__input input:checked + .checkbox__control svg {
            transform: scale(1);
        }


.modal-dialog {
    width: 100%;
    max-width: 60%;
}

.client-modal, .reject-modal {
    max-width: 38% !important;
}


.write-ballot {
    max-width: 30%;
}




.checkbox-text {
    display: none;
    font-size: 10px;
    font-weight: 500;
    /* position: absolute;*/
    top: 60px;
    right: 65px;
    color: var(--SecondaryColor);
}

.checkbox-text2 {
    display: none;
    font-size: 10px;
    font-weight: 500;
    /*position: absolute;*/
    top: 60px;
    right: 10px;
    color: var(--SecondaryColor);
}

/*.dx-popup-bottom.dx-toolbar{
    padding-top: 0 !important
}*/
.dx-button-has-text .dx-button-content {
    padding: 4px 18px 4px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    margin-top: -15px
}



.radio-allign {
    margin-left: 1rem;
}

.radio-allign-no {
    margin-left: 1rem;
}

.first-checkbox {
    margin-left: 36px;
}

.second-checkbox {
    margin-right: 7px;
}

.yellowBackground {
    background-color: var(--SecondaryColorLight);
}

#dvMain .form-group {
    margin-bottom: 5px;
}

.save-btn:active {
    color: #fff;
    background-color: #0062cc !important;
    border-color: #005cbf !important;
}

.dx-popup-title {
    min-height: 40px
}

.save-btn:active, .back-btn:active {
    color: #fff !important;
    background-color: #0062cc !important;
    border-color: #005cbf !important;
}

tbody
.dx-row:nth-child(even) {
    background-color: #f5f5f5
}

.text-12 {
    font-size: 12px !important
}

tbody
.dx-row td {
    vertical-align: middle !important
}

.for-link,
.for-mobile-link,
.ipad-link1 {
    color: #0056b3 !important
}

.action-text
.dx-datagrid-headers .dx-command-edit.dx-command-edit-with-icons.dx-cell-focus-disabled::after {
    content: 'Action';
    color: white;
}

.action-text
.dx-link {
    color: #777 !important;
    padding: 6px !important;
    border: 1px solid #ccc !important;
    height: auto !important;
    width: auto !important;
    border-radius: 4px;
}

    .action-text
    .dx-link:hover {
        background-color: #eee !important;
    }

.disable-click {
    pointer-events: none;
}

div [disabled], .disabled {
    background-color: #e9ecef !important;
    border-color: #999 !important;
    color: #222 !important;
}

.admin-heading {
    font-size: 1.25rem;
    color: #1E1E1E;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

#overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.highlight-text {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: linear-gradient(to right, #ff5000 10%, #ff9000 50%, #57d75b 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    display: inline-block;
}

.fixed-add-button-dx-table .dx-toolbar-after {
    top: -40px !important;
}


@keyframes textclip {
    to {
        background-position: -200% center;
    }
}

div#div_VotingDate {
    font-size: 13px;
    color: #20437e;
    text-transform: uppercase;
    font-weight: 600;
}

#div_VotingDate
.label-text {
    font-size: 13px
}

.fixed-add-button-dx-table .dx-toolbar-after {
    top: -40px !important;
}

@media (min-width:768px) and (max-width:1024px) {
    .reject-container {
        width: 96%
    }

    .alert-row {
        width: 100%
    }
}

/*RESPONSIVE*/

@media(max-width:460px) {
    .btn-area {
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: space-evenly;
    }
}

@media(max-width:767px) {
    .checkbox-below-text {
        text-align: left !important;
        margin-top: 10px;
    }

    .thank-you-content {
        font-size: 14px;
        font-weight: 600;
        color: #717171;
        padding: 0 10px 15px;
    }

    .ballot-text br {
        display: none
    }

    .thank-you {
        max-width: 90%;
    }
}

.BiographyNotAvailable {
    font-size: 12px;
    margin-top: 4px;
}

select {
    font-size: 13px !important;
    color: #888 !important;
}

.LiDisabled {
    pointer-events: none; /*This makes it not clickable */
    opacity: 0.6; /*This grays it out to look disabled*/
}
.LetterTemplate .font-weight-bold {
    font-weight: 500 !important;
}
#letterTemplateStatus {
    position: absolute;
    bottom: 10px;
}
.uploadCreateCommon{
    padding-bottom:10px;
}
.checkbox-text-client {
    margin-bottom: 0;
}
.pDetailCommon .form-radio-space{
    min-width:25%;
}
.clientInfoDiv{
    display:flex;
}
.clientInfoDiv .cCommonDiv{
    flex:1
}
.border-bottom-1:after {
    content: '';
    border-bottom: 1px solid #d7dbe1;
    width:100%;
    display:inline-block;
}