@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

span.logo {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
}

header .logo {
    background: #a7966e !important;
}

#notificationMenu .menu>li>a {
    text-wrap: wrap;
}

.shiny-notification-success {
    color: #318f35;
    background-color: #d9f7e2;
    border: 1px solid #a1ff8d;
}
.checked-time {
    font-size: 12px;
    font-weight: normal;
}

.skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a {
    border-left: 2px solid #a7966e;
    background: #2b2b30;
}

aside#sidebarCollapsed, aside#subsidebarCollapsed {
    background: #39393b;
}

header .navbar-static-top {
    background: #39393b;
}

.skin-blue .main-header {
    background: #beae88;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.content-wrapper {
    background: #fafafa;
}

.box {
    border-top-color: #a7966e;
}

.skin-blue .sidebar a {
    color: #d1d1d1;
}

thead {
    background: #525254;
    border-color: #525254;
}

a.sidebar-toggle  {
    color: #d1d1d1 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: #cebd93;
    color: white !important;
}

#shiny-tab-records .row {
    margin-left: 0px;
    margin-right: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: uppercase;}

label {
    font-weight: 400;
}

input[type="search"] {
    border: 1px solid #ececec;
}

table.dataTable tbody tr.odd {
    background: #eeeeee;
}

a:active, a:focus, a:hover {}

i.glyphicon.glyphicon-log-in {}

a:active, a:focus, a:hover {
    color: #c7bca4;
}

a {
    color: #dddddd;
}

table#DataTables_Table_0 {
    border: 1px solid #39393b;
    background: white;
}

tfoot {
    background: #eeeeee;
    border: 0px;
}

h4 {
    text-transform: none;
}

h6 {
    text-transform: none;
    font-size: 18px;
    font-weight: 300;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background: #a7966e !important;
    color: white !important;
    border: 1px solid #a7966e !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #525254;
    border-color: #525254 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
   
}

.content {
    padding: 0px 0px 0px 15px;
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    background: #a7966e;
    border: none;
}

div#shiny-tab-payments .tabbable .nav-tabs {
    background: #fafafa;
}

.nav-tabs li a {
    border-radius: 0px;
    border: none;
    background: #525254;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fafafa;
    text-wrap-mode: nowrap;
}

nav.navbar.navbar-static-top {
    background: #39393b !important;
}

.nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover {
    background: #a7966e;
    color: white;
}

.alone-btn {
  margin-top:25px;
}
.btn-default {
    background: #525254;
    border-radius: 0px;
    border-color: #525254;
}

.btn-default:hover {
    background: #a7966e;
    color: white;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover {
    background: #a7966e;
    color: white;
}
.shiny-input-panel {
    background: none;
    border: none;
    padding: 20px;
}

button.btn.btn-default:focus {
    background: #a7966e;
    color: white;
    border-color: #a7966e;
}

a#countyModal > i{
    color: #a7966e;
}
a#countyModal > i:hover{
    color: #39393b;
}

#processRecordInputs > .well > .row > p > a {
    color: #a7966e !important;
    font-weight: 400;
    text-decoration: underline;

   
}

#processRecordInputs .well {
    background: none;
    max-width: 1200px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    border: none !important;
}

.propDetails {
    background: #fafafa;
    border: 2px solid #e9e9e9;
    padding: 20px;
    margin-bottom: 10px;
}

.modal-dialog.modal-xl {
    background: white;
}

#shiny-tab-dashboard .modal-content {}

body.skin-blue {
    padding-right: 0px;
    overflow: hidden !important;
}

.propDetails a {
    color: #a7966e !important;
    font-weight: 400;
    text-decoration: underline;
}

.modal-title a {
    color: #a7966e !important;
    font-weight: 600;
    text-decoration: underline;
}

.mondal-title h3 {
    display: inline-block !important;
}

.hitModal .modal-content {
    max-width: 1200px;
    background: white;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 0px;
}

.hitModal {
    background: #fafafa !important;
    margin-left: auto;
    margin-top: 50px;
    width: calc(100% - 231px);
    height: 94vh;
    padding-top: 20px;
    /* min-height: 94vh; */
    overflow-y: auto;
    margin-right: 0;
}

body.sidebar-collapse .hitModal {
    background: #fafafa !important;
    margin-left: auto;
    margin-top: 50px;
    width: calc(100%);
    height: 94vh;
    padding-top: 20px;
    /* min-height: 94vh; */
    overflow-y: auto;
    margin-right: 0;
}

.modal-dialog.modal-xl.hitModal {
    padding: 20px;
}
.hitModal .modal-title h3 {
    margin-top: 5px;
}
.hitModal .modal-header {
    text-align: center;
}

div#processFIPSHeader {
    text-align: center;
    margin-top: 10px;
}

h4.modal-title {
    text-align: center;
}

.modal-header {
    border-bottom: 1px solid #d6d6d6;
}

div#shiny-modal {
    overflow: hidden;
}

div#processRecordInputs {
    padding: 20px;
}

button#processRecordSaveNext {
    background: #a7966e;
    border-color: #a7966e;
    margin-right: auto;
}

button#processRecordSaveExit {
    background: #a7966e;
    border-color: #a7966e;
}

.hit-info p {
    background: #fafafa;
    border-bottom: 1px solid #d2d2d2;
}

.hit-info {
    background: #fafafa;
    padding: 10px;
    margin-bottom: 20px;
}

.salesModal .modal-content {
    max-width: 1200px;
    background: white;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 0px;
}

.salesModal {
    background: #fafafa !important;
    margin-left: 231px;
    margin-top: 50px;
    width: calc(100% - 231px - max(20%, 250px));
    padding-top: 20px;
    /* min-height: 94vh; */
    overflow-y: auto;
    margin-right: 0;
}

body.sidebar-collapse .salesModal {
    margin-left: 0px;
    width: calc(100% - max(20%, 250px));
}

.modal-dialog.modal-lg.salesModal {
    padding: 20px;
}
.salesModal .modal-title h3 {
    margin-top: 5px;
}
.salesModal .modal-header {
    text-align: center;
}
.mobilehide {
    min-height: 100%;
    min-width: 100%;
    background: #fafafa;
    display: none;
    position: absolute;
    z-index: 6666;
}

.mobilehide h2 {
    text-transform: none;
    font-size: 22px;
    margin-top: 0px;
}

.mobalert {
    max-width: 600px;
    margin: auto;
    text-align: center;
    background: white;
    padding: 50px;
    margin-top: 5vh;
    box-shadow: 0px 12px 24px rgb(0 0 0 / 12%);
}
@media (max-width: 768px){
.mobilehide {
    display: block !important;
}
}

.login .modal-body {
    text-align: center;
    box-shadow: 0px 12px 24px #0000002b;
    padding: 0px;
}

.login .modal-content, .login .modal-body {
    padding-top: 0px;
}

.login .modal-body > .row {
    background: #a7966e;
    color: white;
}
.login .well{
    background: none !important;
    border:none !important;
    max-width: 80%;
    margin: auto;
    padding-bottom: 0px;
}

.login h1 {
    font-weight: 700;
    margin-top: 10px;
    font-size: 26px;
}

.login .modal-dialog {
    width: 400px;
    margin-top: 60px;
}

button#Login {
    text-transform: uppercase;
    width: 260px;
    margin-bottom: 20px;
}

.timeout .modal-body {
    text-align: center;
    box-shadow: 0px 12px 24px #0000002b;
    padding: 0px;
}

.timeout .modal-content, .timeout .modal-body {
    padding-top: 0px;
}

.timeout .modal-body > .row {
    background: #a7966e;
    color: white;
}
.timeout .well{
    background: none !important;
    border:none !important;
    max-width: 80%;
    margin: auto;
    padding-bottom: 0px;
}

.timeout h1 {
    font-weight: 700;
    margin-top: 10px;
    font-size: 26px;
}

.timeout h6 {
    text-align: center;
}
.timeout .modal-dialog {
    width: 400px;
    margin-top: 60px;
}

.timeout .well button {
    text-transform: uppercase;
    margin: 20px 10px;
}