:root {
    --white: #fff;
    --deepwhite: #f9f9f9;
    --black: #0a1a1a;
    --redawesome: #d40000;
    --deepred: #7a0204;
    --red: #8c0108;
    --lightred: #ad060e;
    --deepgray: #252525;
    --gray: #2d2d2d;
    --lightgray: #edf1f2;
    --green: #27ae61;
    --blue: #1b95e0;
    --yellow: #fcde00;
}

; html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: 'Open Sans', sans-serif;
    background-color: #ffffff;
    font-size: 16px;
    color:#464646;
    height: 100%;
}

p{
    margin: 0;
    font-size: 14px !important;
}
span {
    font-size: 14px;
}
a{
    font-size: 14px !important;
    color: #464646;
    text-decoration:none !important;
}
.box-header {
    height: 120px;
    background-color: #000 !important;
    color: #fff;
    padding-left: 5.5rem!important;
    padding-right: 5.5rem!important;
    width: 100%;
    float: left;
}
.body-content {
    width: 100%;
    float: left;
    /*min-height: 790px;*/
}
.nav-right {
    float: left;
    margin: 0 !important;
}


.nav-info {
    float: left;
    margin-top: 7px;
    margin-right: 15px;
}
.logo-wrap {
    display: flex;
    align-items: center;
}
.logo {
    width: 100px;
    height: 100px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.logo img {
    height: auto;
    width: 100%;
}
.logo-brand{
    color:#a8c02b;
    margin-bottom: 0;
}
.text-white{
    color:#ffffff;
}
.text-center {
    text-align: center!important;
}
.btn-outline-inverse {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.btn-outline-inverse:hover,
.btn-outline-inverse:focus{
    border: 1px solid #a8c02b;
    color: #a8c02b;
}
.btn-green {
    color: #fff;
    background-color: #a8c02b;
    border-color: #a8c02b;
}
.btn-green:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(211, 253, 0, 0.25);
}

.form-signin {
    max-width: 330px;
    width: 330px;
    padding: 15px;
    margin: 150px  auto 0;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #e8e8e8;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(199, 199, 197, 0.25);
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
 

.footer {
    width: 100%;
    float: left;
    color: #ffffff;
    left: 0;
    padding: 20px 30px;
    margin: 0 auto;
    right: 0;
    background: #000;
    font-size: 14px;
}

/* nav */
.nav-tabs-custom {
    float: left;
    width: 100%;
    flex-wrap: inherit;
    border-bottom: 5px solid #a8c238;
}

.nav-tabs-custom .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
}

.nav-tabs-custom .nav-item .nav-link {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    min-height: 45px;
    background-color: #ededed;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    border: 1px solid rgba(0, 0, 0, 0.050980392156862744);
    font-weight: 700;
    border-bottom: 0;
    cursor: pointer;
}

.nav-tabs-custom .nav-item .nav-link.active {
    background-color: #a8c238;
    color: #fff;
    cursor: default;
}

.nav-tabs-custom .nav-item .nav-link:hover, .nav-tabs-custom .nav-item .nav-link:focus {
    color: #a8c238;
}

.nav-tabs-custom .nav-item .nav-link.active:hover, .nav-tabs-custom .nav-item .nav-link.active:focus {
    color: #ffffff;
}

.display-wrapper {
    width: 100%;
    float: left;
    padding: 25px 0;
}

.display-title {
    font-size: 18px;
    font-weight: 800;
    min-height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    border-left: 3px solid #a8c238;
    padding-left: 10px;
}

.col-form-label {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}

.custom-select {
    border-color: #a8c238;
    font-size: 12px;
    min-height: 40px;
}

.custom-select:focus {
    border-color: #e8e8e8;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(210, 210, 210, 0.5);
}

.form-control-custom {
    border-color: #a8c238;
    font-size: 12px;
    min-height: 40px;
}

.form-info {
    position: relative;
    padding: 15px 15px 15px 25px;
    background-color: #f1f7cc;
    border-radius: 6px;
}

.form-control-custom:focus {
    color: #495057;
    background-color: #fff;
    border-color: #e8e8e8;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(237, 237, 237);
}


.has-error .help-block{
    display: block;
    color: #dc1d0f;
}

.has-error .custom-select {
    border-color: #e01506;
}

.has-error .form-control-date {
    border-color: #e01506;
}

.has-error .form-control-custom {
    border-color: #e01506;
}

.help-block {
    display: none;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px;
}

.text-block{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 14px;
}
.text-red {
    color: #dc1d0f;
}



.table.table-custom {
    margin: 30px 0;
}

.table.table-custom thead th {
    background-color: #464646;
    color: #fff;
    font-size: 14px;
}

.table.table-custom tbody th, 
.table.table-custom tbody td {
    font-size: 12px;
    padding: .75rem .35rem;
}


.pagination {
    padding: 0 15px;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(154, 154, 154, 0.25);
}

.page-link {
    color: #6c757c;
    font-size: 12px;
    padding: .7rem .95rem;
}

.form-control-date,
.input-daterange-timepicker,
.input-daterange-datepicker {
    border-color: #a8c238;
    font-size: 12px;
    min-height: 40px;
    padding: .375rem .25rem;
}

.form-control-date:focus,
.input-daterange-timepicker:focus,
.input-daterange-datepicker:focus {
    border-color: #d5d6d6;
    box-shadow: 0 0 0 0.2rem rgba(175, 176, 177, 0.25);
}



/*== date picker == */

.datepicker {
    border-radius: .25rem;
    direction: ltr;
}

.datepicker.datepicker-dropdown {
    width: 295px;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

.datepicker-rtl.dropdown-menu {
    left: auto;
}

.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 20px 22px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-top: 7px solid white;
    border-bottom: 0;
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.datepicker table {
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.datepicker table tr td {
    border-radius: 50%;
}

.datepicker table tr th {
    font-weight: 500;
    border-radius: .25rem;
}

.datepicker table tr td,
.datepicker table tr th {
    font-size: .875rem;
    width: 36px;
    height: 36px;
    transition: all .15s ease;
    text-align: center;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #adb5bd;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    cursor: pointer;
    background: white;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: default;
    color: #dee2e6;
    background: none;
}

.datepicker table tr td.highlighted {
    border-radius: 0;
}

.datepicker table tr td.highlighted.focused {
    background: #ad060e;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    color: #ced4da;
    background: #ad060e;
}

.datepicker table tr td.today {
    background: white;
}

.datepicker table tr td.today.focused {
    background: white;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    color: #8898aa;
    background: white;
}

.datepicker table tr td.range {
    color: #fff;
    border-radius: 0;
    background: #a8c238;
}

.datepicker table tr td.range.focused {
    background: #a8c238;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range.day.disabled:hover {
    color: #a8c238;
    background: #a8c238;
}

.datepicker table tr td.range.highlighted.focused {
    background: #cbd3da;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    color: #dee2e6;
    background: #e9ecef;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    color: #fff;
    background: #a8c238;
}

.datepicker table tr td.day.range-start {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.datepicker table tr td.day.range-end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.datepicker table tr td.day.range-start.range-end {
    border-radius: 50%;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.day.range:hover {
    color: #fff;
    background: #a8c238;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #fff;
    background: #a8c238;
    box-shadow: none;
}

.datepicker table tr td span {
    line-height: 54px;
    display: block;
    float: left;
    width: 23%;
    height: 54px;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #e9ecef;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    cursor: default;
    color: #dee2e6;
    background: none;
}

.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 {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #8898aa;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #e9ecef;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
    visibility: hidden;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #a8c238;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #a8c238 !important;
    background-color: #a8c238;
    background-image: -moz-linear-gradient(top,#a8c238,#a8c238);
    background-image: -ms-linear-gradient(top,#a8c238,#a8c238);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#a8c238),to(#a8c238));
    background-image: -webkit-linear-gradient(top,#a8c238,#a8c238);
    background-image: -o-linear-gradient(top,#a8c238,#a8c238);
    background-image: linear-gradient(top,#a8c238,#a7c139);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8c238', endColorstr='#a8c238', GradientType=0);
    border-color: #a8c238 #a8c238 #a9c138;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.datepicker table tr td.highlight {
    background-color: #a8c238 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.datepicker table tr td.active.highlight {
    background-color: #ad060e !important;
}

.datepicker table tr td.today {
    background-color: #fdf59a;
}