/* Dark Theme CSS */
/****** AAA Compliance Theme Dark CSS Start *******/

.theme-dark #darkWrapBg {
    background-color: #434343 !important;
    margin: 1rem 0rem 0rem 0rem;
    padding: 0rem 1rem 1rem;
}
.theme-dark,
body.theme-dark {
    background: #000 !important;
    color: #ffffff !important;
}
.theme-dark .text-dark {
    color: #ffffff !important;
}
.theme-dark .fa-info-circle,
.theme-dark .fa-exclamation-circle {
    color: #fff;
}
.theme-dark #divEnrBanner {
    background: #000;
}
.theme-dark .main-heading-primary-election-title {
    color: #fff;
}

/**************** Global Color Contrast Changes Start ***************/
.theme-dark .table {
    background: #000 !important;
}
.theme-dark h3.dark-contrast,
.theme-dark .contrast-container {
    background: #000 !important;
}
.theme-dark .banner-container {
    background: none !important;
}
.theme-dark #loadingDiv {
    background: #000;
    opacity: 0.8;
}
.theme-dark .cstm_socialButtons .cstm_btn-facebook,
.theme-dark .cstm_socialButtons .cstm_btn-google-plus,
.theme-dark .cstm_socialButtons .cstm_btn-twitter,
.theme-dark .cstm_socialButtons .cstm_btn-linkedin {
    background: #004269;
}
.theme-dark .cstm_socialButtons .cstm_btn-linkedin {
    padding: 6px 9px;
}

/******************* Global Color Contrast Changes End ******************/

/****** textual colors ******/
.theme-dark .text-lg,
.theme-dark p,
.theme-dark h2,
.theme-dark legend,
.theme-dark label,
.theme-dark span,
.theme-dark div.container.text-grey,
.theme-dark .text-md,
.theme-dark .fa-print,
.theme-dark .link-yellow:hover,
.theme-dark .txt-yellow,
.theme-dark .sortButton {
    color: #ffffff !important;
}

    .theme-dark span > .fa-check {
        color: #000;
    }
.theme-dark table.bg-highlight tbody td {
    background-color: #434343 !important;
    color: #fff !important;
    margin: -1px;
    padding: 0.5rem;
}

/******** Button CSS ********/

.theme-dark .btn-default,
.theme-dark .btn-link {
    /*background: #282828 !important;*/
    background: #434343 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
.theme-dark .btn-regular {
    background: #282828 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
.theme-dark .btn-group .btn-regular {
    border-left-width: 1px;
}
.theme-dark .btn-dark.active {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #fff;
}
.theme-dark .btn-light:disabled{
    color:#fff;
    border:1px solid #fff;
    cursor:not-allowed;
}
.theme-dark .btn-outline {
    /*background: #767676 !important;*/
    background: #434343 !important;
    color:#fff;
    font-size: 1rem;
    border: 1px solid #fff;
}
.theme-dark .standard-btn-yellow {
    /*background: #6B4B00 !important;
    color: #fff;*/
    background: #FFBA1A !important;
    color: #000 !important;
}
.theme-dark .standard-btn-darkblue,
.theme-dark .standard-btn-yellow {
    border: 1px solid #fff !important;
}
.theme-dark .btn-primary-md {
    font-size: 1rem !important;
    height: auto;
}
.theme-dark .btn-primary-lg {
    width: auto !important;
    background: #004979 !important;
    border: 1px solid #fff !important;
}
button.btn-demo:focus,
button.btn-rep:focus,
button.btn-ref:focus {
    outline: 3px dotted #4d90fe;
}
.theme-dark button.btn-demo:focus,
.theme-dark button.btn-rep:focus,
.theme-dark button.btn-ref:focus {
    outline: 3px dotted #fff !important;
}

/******** Input Text CSS ********/
.theme-dark .form-control,
.theme-dark .form-control:disabled {
    border-color: #fff !important;
    color: #ffffff !important;
}
.theme-dark input[type="text"].form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.theme-dark input[type="text"].form-control::-moz-placeholder {
  color: #ffffff;
}
.theme-dark input[type="text"].form-control:-ms-input-placeholder {
  color: #ffffff;
}
.theme-dark .form-control:focus {
    border-bottom: 3px solid #fff;
}
.theme-dark .floating-label > label {
    color: #fff !important;
}
.theme-dark input.form-control[placeholder=""] {
    color: #fff !important;
}


/****** Dropdown CSS *******/
.theme-dark select.form-control {
    padding: 0.2rem 0.5rem;
    -webkit-appearance: none;
}
.theme-dark select.form-control option {
    background-color: #434343;
}
.theme-dark select.form-control:not([multiple]):not([size]), 
.theme-dark .custom-select {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23ffffff" fill-opacity="1" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
}


/**** Table CSS******/
.theme-dark .table {
    border: 0px !important;
}
.theme-dark .table th, 
.theme-dark .table td {
    padding-left: 15px !important;
}
.theme-dark .table thead tr th {
    background: #383838;
    color: #fff !important;
    border: 0px;
    border-top: 1px solid #fff !important;
}
.theme-dark .table tbody tr td {
    border: 0px;
}
.theme-dark .table tbody tr:nth-child(odd) td {
    background: #494949;
    color: #FFF;
}
.theme-dark .table tbody tr:nth-child(even) td {
    background: #383838;
    color: #FFF;
}
.theme-dark .table tbody tr:last-child td {
    border-bottom: 1px solid #fff;
}


/****** Global Utility CSS *******/
.theme-dark .text-danger {
    color: #ffffff;
}
.theme-dark .small,
.theme-dark small {
    color: #ffffff;
    display: inline-block;
    padding: 0.2rem 1rem;
    outline: 1px solid #fff;
    border-color: #cc0000 !important;
    border-left: 15px solid #cc0000;    
}
.theme-dark .infoText {
    outline: none !important;
    border-left: 0px !important;
}
.theme-dark small,
.theme-dark .text-lg-02 {
    color: #ffffff !important;
}
.theme-dark a:active, 
.theme-dark a:focus {
    color: #fff !important;
    outline: 2px dotted #fff !important;
}

/****** Header CSS *******/
.theme-dark .header {
    background: #000;
}


/**** Sub Header CSS *****/
.theme-dark .sub-header {
    background: #434343;
    color: #ffffff;
}
.theme-dark .sub-header .nav-center,
.theme-dark .sub-header h1 {
    color: #ffffff !important;
}
.theme-dark .sub-header ul.subHeader-links a > .nav-icons {
    color: #ffffff !important;
}
.theme-dark .nav-left {
    border-left: 2px solid #ffffff !important;
    border-left: 0px;
}


/*** Banner Section CSS ***/
.theme-dark .banner-container .election-button {
    background: #000 !important;    
}
.theme-dark .banner-container .election-button:focus {
    outline: 3px dotted #fff;
}
.theme-dark .direction {
    background: #434343 !important;
    color: #fff !important;
}
.theme-dark .section2 {
    background: #000 !important;
}
.theme-dark .section-bg {
    background: #282828 !important;
}
.theme-dark .banner-tile ul li {
    background: #000 !important;
}
.theme-dark .banner-tile ul li:hover {
    background: #434343 !important;
}



/** Left Carousel CSS **/
.theme-dark .slider-control,
.theme-dark .carousel,
.theme-dark .carousel-item,
.theme-dark .slider-02 .carousel-control-prev, 
.theme-dark .slider-02 .carousel-control-next {
    background: #434343;
    color: #fff;
}
.theme-dark .slider-02 .carousel-inner {
    box-shadow: none;
}
.theme-dark .link-xs, 
.theme-dark .link-sm, 
.theme-dark .link-md,
.theme-dark .main-heading-primary,
.theme-dark .carousel-control-next:focus, 
.theme-dark .carousel-control-prev:focus {
    color: #fff;
}
.theme-dark .process-way .owl-nav a.owl-prev, 
.theme-dark .process-way .owl-nav a.owl-next {
    color: #fff !important;
}
.theme-dark .carousel-control-next:focus, 
.theme-dark .carousel-control-prev:focus {
    outline: #ffffff 2px dotted !important;
}
.theme-dark .carousel-indicators {
    background: #282828;
    left: 12px;
    right: 12px;
}
.theme-dark .slider-02 .carousel-control-prev .fa-chevron-left, 
.theme-dark .slider-02 .carousel-control-next .fa-chevron-right {
    color: #fff !important;
}
.theme-dark .processway-box div {
    color: #fff;
}

.theme-dark .slide-link {
    padding-left: 0px !important;
}
.theme-dark .slide-link .link-sm, 
.theme-dark .slide-link .link-sm:hover, 
.theme-dark .slide-link .link-sm:focus {
    color: #FFFFFF !important;
}
.theme-dark .slide-link a.active {
    padding: 1rem 0rem !important;
    border-bottom: 3px solid #fff;
}

/**** Carousel Right Content CSS ****/
.theme-dark .main-heading-dark,
.theme-dark .subText,
.theme-dark .text-slid-grid, 
.theme-dark .text-slid-text-grid, 
.theme-dark .textheaderVoter, 
.theme-dark .heading5, 
.theme-dark .error-icon, 
.theme-dark .nav-icons {
    color: #fff !important;
}


/***** Tabs Design CSS ******/

.theme-dark .classic-tabs .active {
    border-bottom: 4px solid #fff !important;
}

/******** Modal CSS ********/

.theme-dark .modal-content {
    background: #434343 !important;
    /*border: 2px solid #cea936;*/
    color: #fff;
}
.theme-dark .close, 
.theme-dark .nav-icons {
    cursor: pointer;
    color: #fff !important;
}
.theme-dark .popup-title {
    color: #fff;
}
.theme-dark .swal-modal {
    background-color: #434343 !important;
}
.theme-dark .swal-text {
    color: #fff !important;
}

/*** Sweet Alert Modal ***/
.theme-dark .swal-modal .swal-button--confirm {
    color: #000 !important;
    background: #FFBA1A !important;
    border: 1px solid #fff !important;
    box-shadow: none;
}

/**** Footer CSS ****/
.theme-dark footer {
    background: #282828 !important;
    padding-top: 0px;
    padding-bottom: 0px;
}
.theme-dark footer .access-wrap {
    background: #434343;
    padding-top: 68px;
}
.theme-dark footer .info-wrap {
    padding-top: 68px;
}
/*.theme-dark footer .footer-bottom {
    background: #000;
}*/

/******* Help Page Custom Table CSS Start ******/

table.helpTable {
    border: 1px solid grey;
}
.theme-dark a.link,
.theme-dark .helpTable tbody tr td a {
    text-decoration: underline;
}
.theme-dark table.helpTable {
    border: 0px !important;
}
.theme-dark table.helpTable th, 
.theme-dark table.helpTable td {
    /*padding-left: 15px !important;*/
    height: 2.5rem;
    padding-top: 10px;
    padding-bottom: 10px;
}
.theme-dark table.helpTable thead tr th,
.theme-dark table.helpTable thead tr td {
    background: #383838 !important;
    color: #fff !important;
    border: 0px;
    border-top: 1px solid #fff !important;
}
.theme-dark table.helpTable tbody tr td {
    border: 0px;
}
.theme-dark table.helpTable tbody tr:nth-child(odd) td {
    background: #494949;
    color: #FFF;
}
.theme-dark table.helpTable tbody tr:nth-child(even) td {
    background: #383838;
    color: #FFF;
}
.theme-dark table.helpTable tbody tr:last-child td {
    border-bottom: 1px solid #fff;
}

/******* Help Page Custom Table CSS End ******/



/******************************* MVP Flow CSS ***************************/
.theme-dark .card.wrap {
    box-shadow: none;
}
.theme-dark .mvp-carousel,
.theme-dark .mvp-carousel .carousel-item,
.theme-dark .mvp-carousel .carousel-control-prev, 
.theme-dark .mvp-carousel .carousel-control-next {
    background: #000 !important;
}

.theme-dark .light-bg {
    background: #000 !important;
}
.theme-dark .box-bg-light {
    background: #434343;
}
.theme-dark .heading-secondary,
.theme-dark .accordian-header a,
.theme-dark .acc-footer a,
.theme-dark a, .theme-dark .text-grey,
.theme-dark ul li {
    color: #fff !important;
}

/****** MVP Theme Dark CSS Start ********/

.theme-dark .mvp-carousel .carousel-indicators {
    background: #282828;
    left: 12px;
    right: 12px;
    margin-left: -12px !important;
}
.theme-dark .carousel-indicators a {
    padding: 1rem 0rem !important;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.theme-dark .mvp-carousel .carousel-indicators a.active {
    padding: 1rem 0rem !important;
    border-bottom: 3px solid #fff;
}
.theme-dark .mvp-carousel .slide-link-lg {
    padding-left: 0rem !important;
}
/******* MVP Theme Dark CSS End ********/


/**** MVP Navigation CSS *****/
.theme-dark .nav-side-menu,
.theme-dark .sub-header-blue,
.theme-dark .outer-box,
.theme-dark .nav-side-menu ul .sub-menu li, 
.theme-dark .nav-side-menu li .sub-menu li {
    background: #434343 !important;
}

/**** Footer CSS *****/
.theme-dark .footer-container {
    background: #434343 !important;
    color: #fff !important;
    z-index: 150;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.theme-dark .footer-container h4 {
    text-transform: uppercase;
}

/**** Input Components CSS *****/
.theme-dark .floating-label.is-focused > label {
    color: #fff !important;
}

/**** Text Component CSS *****/
.theme-dark .textsmall {
    font-size: 0.875rem;
    font-weight: normal;
}
.theme-dark #dataDisclaimerText small {
    padding: 0rem !important;
    display: inline !important;
}
.theme-dark .text-lightGrey {
    color: #fff;
}


/**** Button CSS *****/
.theme-dark .btn-link,
.theme-dark .btn-primary-md,
.theme-dark .btn-secondary-md {
    border: 1px solid #fff !important;
    height: auto;
}
.theme-dark .btn-secondary-md {

    color: #000 !important;
    background: #FFBA1A !important;
    box-shadow: none;
}
.theme-dark .btn-primary-white {
    background: #282828 !important;
    color: #fff !important;
    font-weight: bold;
    height: auto;
    border: 1px solid #fff;
}
.theme-dark .btn:focus, 
.theme-dark .close:focus {
    outline: 3px dotted #fff !important;
}
.theme-dark .btn-disable[disabled] {
    background: #434343 !important;
    color: #fff !important;
}
#menu-content li a,
.theme-dark #menu-content li a {
    display: block;
}
.theme-dark hr {
    border-top: 1px solid #fff;
}
.theme-dark .pagination {
    padding: 0.625rem 0rem;
}
.theme-dark .page-link-num.active,
.theme-dark .page-item .page-link:hover,
.theme-dark .page-item .page-link:active {
    background-color: #FFFFFF !important;
    color: #000 !important;
}
.theme-dark .card.menu-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.theme-dark .app-box {
    background: #000;
}
.theme-dark .tooltip-header {
    color: white;
}
/****** AAA Compliance Theme Dark CSS Start *******/


/******* Responsive CSS Start *********/


/*** OLVR CSS ***/
@media (max-width: 1919px) {
    .theme-dark .slide-link {
        padding-left: 0px !important;
        margin-bottom: -50px !important;
    }
}
@media all and (max-width:1279px) {
    .app-box {
        padding: 30px 15px !important;
    }
}
@media all and (max-width: 959.98px) {
    .theme-dark .carousel-indicators {
        left: 8px;
        right: 8px;
    }
    .theme-dark .mvp-carousel .carousel-indicators {
        margin-right: -12px !important;
    }
    .theme-dark .mvp-carousel .slide-link-lg {
        margin-bottom: -62px !important;
    }
    .theme-dark footer .access-wrap {
        padding-top: 15px;
    }
    .access-wrap {
        padding-top: 15px;
    }
}


/******* Responsive CSS End *********/

.theme-dark .expansion-panel-toggler:hover,
.theme-dark .expansion-panel-toggler:active,
.theme-dark .expansion-panel-toggler:focus {
    background: #434343;
}