@font-face {
    font-family: 'HankenSans';
    src: url('fonts/HankenSans-Regular.woff2') format('woff2'), url('fonts/HankenSans-Regular.woff') format('woff');
}


@font-face {
    font-family: 'HankenSans-black';
    src: url('fonts/HankenSans-Black.eot') format('embedded-opentype'), url('fonts/HankenSans-Black.woff2') format('woff2'), url('fonts/HankenSans-Black.woff') format('woff');
}

@font-face {
    font-family: 'HankenSans-Medium';
    src: url('fonts/HankenSans-Medium.eot') format('embedded-opentype'), url('fonts/HankenSans-Medium.woff2') format('woff2'), url('fonts/HankenSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Okomito-Black';
    src: url('fonts/Okomito-Black.eot') format('embedded-opentype'), url('fonts/Okomito-Black.woff2') format('woff2'),url('fonts/Okomito-Black.woff') format('woff');
}

@font-face {
    font-family: 'HankenSans-Bold';
    src: url('fonts/HankenSans-Bold.eot') format('embedded-opentype'), url('fonts/HankenSans-Bold.woff2') format('woff2'),url('fonts/HankenSans-Bold.woff') format('woff');
}


/*Boot strap media queries*/
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*vars don't work in IE 11*/
:root {
    --black: #232930;
    --hoverover-green: #0bb375;
    --accent-green: #009a62;
    --black-72: rgba(35,41,48, 0.72);
}

* {
    box-sizing: border-box;
    font-family: HankenSans;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

body {
    background-color: #f5f6f5;
    font-family: HankenSans;
}

.navbar-brand {
    font-size: 36px;
    font-family: HankenSans-Medium;
    color: #232930;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: #039a62 !important;
}

.navbar {
    margin: 12px 0 24px 0;
}

.navbar-nav {
    font-size: 24px;
}

li.nav-item > a.nav-link {
    font-family: HankenSans-Medium;
    font-size: 24px;
    color: #232930 !important;
}

    li.nav-item > a.nav-link:hover {
        color: #009a62 !important;
    }

.navbar {
    padding: 0px;
}

nav.navbar ul.navbar-nav > li.active {
    color: #009a62;
}

.nav-tabs {
    border-bottom: solid 0.5px rgba(0, 148, 98, 0.22)
}

    .nav-tabs .nav-link {
        font-size: 20px;
        color: rgba(35,41,48, 0.72);
    }

        .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
            color: #009a62;
            border-color: white white #009a62;
            border-bottom-width: 2px;
        }
        .nav-tabs .nav-link.active {
            font-weight: 500;
        }

.section {
    background-color: white;
    margin-bottom: 24px;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.gain-green {
    color: #039a62;
}

.accent-green {
    color: #009a62;
    font-size: 16px;
    font-weight: 500
}


.loss-red {
    color: #fe4645;
}


overflow {
    flex-wrap: nowrap;
    overflow: scroll;
}

.polka-dots {
    background-image: url('/Content/images/dots.svg');
    background-repeat: no-repeat;
    height: 123px;
    font-family: Okomito-Black;
    font-size: 30px;
}

    .polka-dots > div {
        width: 297px;
        line-height: .93;
    }

/*Sticky*/
.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0rem;
    z-index: 1;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: -1rem;
}

/*JQuery css, monor fixes*/
.ui-widget-overlay {
    background: #000000;
    opacity: .75;
}

.table-hover {
    cursor: pointer;
}

.table th {
    border-top: 0px solid #e0e0e0;
    font-size: 14px;
    color: rgba(35,41,48, 0.72);
    font-weight: normal;
    padding-bottom: 10px !important;
    position: relative;
}

.table th:focus {
    outline:none !important;
}


/*make datatables sort icons match padding-bottom*/
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 8px !important;
    position: absolute !important;
}

.btn.btn-primary {
    background-color: #009a62;
    font-size: 16px;
    font-weight: 600;
    color: white;
}


.btn-primary-solid {
    width: 500px;
    color: #009a62;
    font-size: 16px;
    font-weight: 600;
    font-family: HankenSans-Medium;
}


.btn-primary-outline {
    font-size: 16px;
    font-family: HankenSans-Medium;
    border-color: #009a62;
    background-color: transparent;
    border-width: 1px;
    border-radius: 4px;
    color: #009a62;
}

    .btn-primary-outline:hover {
        background-color: #E9f6f2;
        color: #009a62;
    }

.btn-faux-delete {
    max-width: 75px;
    color: red;
    background-color: white;
    font-size: 16px;
}



.btn-faux:hover {
    cursor: pointer;
    color: #009a62;
    font-weight: 600;
}

.no-wrap {
    white-space: nowrap;
}

.nav-arrow:hover {
    cursor: pointer;
}

nav .nav-item:hover {
    cursor: pointer;
}



[type='search'].form-control.form-control-sm {
    background-color: transparent;
}


/*Hide modal dialog*/

.no-show > .ui-dialog-titlebar {
    display: none;
}

.input-group-prepend > .input-group-text {
    min-width: 43px;
}

.spacer5 {
    height: 10px;
}
/*jquery Styling*/

span.ui-slider-handle.ui-corner-all.ui-state-default {
    background-color: #67ddb5;
    border-radius: 50%;
}

.asofdate {
    font-size: 12px;
    color: rgba(35, 41, 48, 0.72);
    height: 14px;
}

.c_tooltip {
    position: relative;
    display: inline-block;
}

    .c_tooltip:hover {
        cursor: pointer;
    }

.c_tooltiptext {
    visibility: hidden;
    padding: 5px;
    position: relative;
}

.c_tooltip:hover .c_tooltiptext {
    visibility: visible;
    cursor: pointer;
    z-index: 1;
    background-color: #73777B;
    position: relative;
    background-color: rgb(220,220,220);
    border-radius: 5px;
    font-size: 12px;
}

.caption-3 {
    font-size: 12px;
    color: rgba(35,41,48, 0.72);
}

.caption-2 {
    font-size: 14px;
    color: rgba(35,41,48, 0.72);
}

.caption-1 {
    font-size: 16px;
    color: rgba(35,41,48, 0.72);
}

h2 {
    font-family: HankenSans-Medium;
    font-size: 36px;
    font-weight: 500;
    color: #232930;
}

h3 {
    font-family: HankenSans-Medium;
    font-size: 30px;
    font-weight: 500;
    color: #232930;
}

h4 {
    font-family: HankenSans-Medium;
    font-size: 24px;
    font-weight: 500;
    color: #232930;
}

h6 {
    font-family: HankenSans-Medium;
    font-size: 16px;
    font-weight: 500;
    color: #232930;
}

p1 {
    font-family: HankenSans;
    font-size: 16px;
    color: #232930;
}

.btn-text {
    color: #009a62;
    background: transparent;
    font-family: HankenSans-Medium;
}

    .btn-text:hover {
        color: #0bb375;
    }


ul.pagination > li.page-item.active > a {
    background-color: #009a62;
}

/*table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting::after {
   position:absolute;
   bottom: 8px !important;
}*/
.replacement-opt {
line-height: 40px;

}

.btn:hover {
    background: #f5f5f5 !important;
}