/******   Dark Mode   *******/
:root {
    --msi-navy-blue: #1B365D;
    --msi-techy-teal: #6F9BA4;
    --msi-green-apple: #A4D65E;
    --msi-builder-white: #FFFFFF;
    --msi-accent-coastal-mist: #BBDDE6;
    --msi-accent-keller-kiwi: #C2E189;
    --msi-accent-premium-black: #373A36;
    --msi-accent-future-fog: #54585A;
}
body.dark-theme {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #121212;
}

.dark-theme .well
 {
    background-color: #181818;
    color: #c1c1c1;
    border: none;
}

.dark-theme .panel-default {
    border: solid thin #353535;
}
.dark-theme h3,
.dark-theme h1{
    color: #c1c1c1;
}

.dark-theme #headingOne {
    background-color: #181818;
    color: #c1c1c1;
    border: none;
}


/*nav side bar*/

.dark-theme .btn-default {
    background-color: #222222;
    color: #c1c1c1;
    border: solid thin #353535;
}

    .dark-theme .btn-default:focus,
    .dark-theme .btn-default.focus {
        background-color: #222222;
        color: #c1c1c1;
        border: solid thin #353535;
    }

    .dark-theme .btn-default:hover {
        background-color: #1e1e1e;
        color: #c1c1c1;
        border: solid thin #353535;
    }

    .dark-theme .open > .dropdown-toggle.btn-default {
        background-color: #222222;
        color: #c1c1c1;
        border: solid thin #353535;
    }


.dark-theme .btn-default,
.dark-theme .dropdown-menu {
    background-color: #222222;
    color: #c1c1c1;
}

.dark-theme .dropdown-menu > li > a {
    color: #c1c1c1;
}


    .dark-theme .dropdown-menu > li > a:hover {
        background-color: #1e1e1e;
    }


/*form on homepage "policy search"*/

.dark-theme .required-group {
    background-color: #222222;
    border: solid thin #353535;
    color: #c1c1c1;
}

.dark-theme .form-signin-heading {
    color: #c1c1c1;
}

/* footer */

.dark-theme .footer {
    background-color: #222222;
}

.dark-theme .input-group-addon {
    background-color: #1d1d1d;
    border: solid thin #353535;
}

.dark-theme .modal-dialog modal-lg,
.dark-theme .modal-header,
.dark-theme .modal-body,
.dark-theme .modal-content {
    background-color: #181818;
    color: #c1c1c1;
    border-bottom: 1px solid #353535;
}

.dark-theme .modal-footer {
    border-top: 1px solid #353535;
}

/*prevents autofill from changing background color of form fields*/
.dark-theme input:-webkit-autofill,
.dark-theme textarea:-webkit-autofill,
.dark-theme select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #222222 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 600000s 0s, color 600000s 0s;
}


.dark-theme .has-success,
.dark-theme .form-control {
    border-color: #353535;
}

.dark-theme .form-control {
    /*background-color: #141414;*/
    background-color: #222222;
    border: solid thin #303030;
    color: #c1c1c1;
}

    .dark-theme .form-control[readonly] {
        background-color: #141414;
        border: solid thin #212121;
    }

.dark-theme .alert,
.dark-theme .alert-info,
.dark-theme .alert-danger {
    background-color: #4a2d2d;
    border: solid thin #353535;
    color: #c1c1c1;
}

.dark-theme .dropdown-menu,
.dark-theme a {
    color: #c1c1c1;
}

.dark-theme #countyCodeList,
.dark-theme #cityList,
.dark-theme #zipCodeList {
    background-color: #141414;
}
.dark-theme .panel-heading {
    background-color: #222222;
    border: solid thin #353535;
    color: #c1c1c1;
}


.dark-theme .divider {
    background-color: #353535;
}

.dark-theme hr {
    border: 1px solid #353535;
}

.dark-theme .progress {
    background-color: #181818;
}


.dark-theme .panel-body {
    background-color: #121212;
    border-top: none !important;
    color: #c1c1c1;
}

.dark-theme .mimic-hyperlink-text {
    color: #1818b5;
}

/* Dark Theme buttons */

.dark-theme .btn-primary {
    background-color: #2b5275;
    border-color: #2b5275;
    color: #e0e0e0;
}

    .dark-theme .btn-primary:hover {
        background-color: #203d57;
        border-color: #203d57;
    }

.dark-theme .btn-info {
    background-color: #3d8499;
    border-color: #3d8499;
    color: #e0e0e0;
}

    .dark-theme .btn-info:hover {
        background-color: #2a5c6a;
        border-color: #2a5c6a;
    }

.dark-theme .btn-warning {
        background-color: #b58541;
        border-color: #b58541;
        color: #e0e0e0;
    }
    .dark-theme .btn-warning:hover {
        background-color: #a36e24;
        border-color: #a36e24;
    }
.dark-theme .btn-danger {
    background-color: #a6312d;
    border-color: #a6312d;
    color: #e0e0e0;
}


.dark-theme .btn-success {
    background-color: #2d612d;
    border-color: #2d612d;
    color: #e0e0e0;
}

    .dark-theme .btn-danger:hover {
        background-color: #7a2522;
        border-color: #7a2522;
    }

.dark-theme .close {
    color: #c1c1c1;
}

        /* dark mode toggle btn */
.dark-theme .btn-toggle {
    background-color: #222222;
    border: solid thin #353535;
    color: #c1c1c1;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    cursor: pointer;
    padding: 3px 20px;
}
    .dark-theme .btn-toggle:hover {
        background-color: #1e1e1e;
    }

        /* cancel buttons */

.dark-theme .btn-cancel {
    background-color: #393939;
    border: solid thin #393939;
    color: #c1c1c1;
}

/* Data Tables */

.dark theme table.dataTable,
.dark-theme table.dataTable th,
.dark-theme table.dataTable td {
    background-color: #222222;
    border: solid thin #353535;
    color: #c1c1c1;
}
.dark-theme .dataTables_wrapper .dataTables_filter input {
    border: solid thin #353535;
}

.dark-theme .dataTables_wrapper .dataTables_length select {
    border: solid thin #353535;
}

.dark-theme td {
    background-color: #222222;
    border-top: solid thin #353535;
}

.dark-theme .dataTables_wrapper .dataTables_length,
.dark-theme .dataTables_wrapper .dataTables_filter,
.dark-theme .dataTables_wrapper .dataTables_info,
.dark-theme .dataTables_wrapper .dataTables_processing,
.dark-theme .dataTables_wrapper .dataTables_paginate {
    color: #c1c1c1;
}


.dark-theme .table > tbody > tr > td {
    border-top: solid thin #353535;
}

.dark-theme .table-striped tbody tr.highlight td {
    background-color: #1e1e1e;
}

.dark-theme .table {
    border: none;
}

.dark-theme .table-hover tbody tr:hover td,
.dark theme .table-hover tbody tr:hover th {
    background-color: #1e1e1e;
}

/* calendars */

.dark-theme .glyphicon-calendar {
    color: #c1c1c1;
}

.dark-theme .bootstrap-datetimepicker-widget table td.day:hover,
.dark-theme .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-theme .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-theme .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #1e1e1e;
}

.dark-theme .datepicker th:hover {
    background-color: #1e1e1e;
}

.dark-theme .bootstrap-datetimepicker-widget tr.month:hover {
    background-color: #1e1e1e;
}