:root {
   --primary: #cb8c3d;
   --primary-dark: #af7732;
   --primary-darkest: #936227;
   --secondary: #aaaaaa;
   --secondary-light: #f9f9f9;
   --white: #fff;
   --footer: #353e5f
}

body {
   font-family: 'Open Sans';
}

table th {
   color: #242e4a;
   font-size: 16px;
   font-family: 'Open Sans Condensed';
}

table tfoot th {
   border-bottom: 0;
}

.vertical-wrapper {
   transform: translate(-50%, -75%);
}

.bg-footer {
   background-image: -webkit-gradient(linear, left top, left bottom,from(#404a6d), color-stop(100%, #252d4a));
   line-height: 26px;
   font-size: 10pt;
}

.bg-footer a {
   color: var(--primary);
}

.bg-footer a:hover {
   color: var(--primary-dark);
}

#loginp .card .btn, #check2fap .card .btn, #set2fap form .btn, #primoaccessop .card .btn {
   font-size: 18px;
   max-height: none;
}

input[type="text"].form-control, input[type="password"].form-control {
   height: 40px;
}

.navbar-brand .logo {
   width: 220px;
   margin-top: 20px;
   margin-bottom: 14px;
}

.navbar-dark .navbar-nav .nav-link {
   color: #242e4a;
   font-size: 18px;
   padding: 5px 20px 5px 8px;
   font-family: 'Open Sans Condensed';
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
   color: var(--primary)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color: var(--primary-darkest)
}

.dropdown-menu[data-bs-popper] {
   border: 0;
   -webkit-box-shadow: 0px 1px 2px 0px #666666;
   box-shadow: 0px 1px 2px 0px #666666;
   background-color: #f6f6f6;
   margin-top: 31px;
}

.dropdown-item {
   font-family: 'Open Sans Condensed';
   font-size: 16px;
   text-transform: uppercase;
}

.dropdown-item:focus, .dropdown-item:hover {
   background-color: #242e4a;
}

.bottom-separator {
   background-color: rgba(0, 0, 0, 0);
   background-repeat: no-repeat;
   background-image: url(/img/views/feeonly_046/shadow.png);
   background-size: cover;
   background-position: center top;
   width: 100%;
   height: 100%;
   opacity: 1;
   visibility: inherit;
   height: 50px;
}

.card-title {
   font-family: 'Open Sans Condensed';
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 0.7px;
}

.btn:not(.btn-sm) {
   min-height: 40px;
}

.border-secondary {
   border-color: var(--secondary) !important;
}

.btn-outline-secondary:hover {
   background-color: var(--primary) !important;
}

.btn-outline-secondary:active {
   background-color: var(--primary-dark);
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
   background-image: -webkit-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -moz-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -ms-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cb8c3d), to(#cb8c3d));
   background-image: -webkit-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -o-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: linear-gradient(top, #cb8c3d, #cb8c3d);
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
   background-image: -webkit-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -moz-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -ms-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cb8c3d), to(#cb8c3d));
   background-image: -webkit-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: -o-linear-gradient(top, #cb8c3d, #cb8c3d);
   background-image: linear-gradient(top, #cb8c3d, #cb8c3d);
}

.datepicker {
   min-width: 13.1rem;
}

.table>:not(:last-child)>:last-child>* {
   border-bottom-color: #cb8c3d;
}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cb8c3d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23cb8c3d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}