/*Fonts*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot') format('embedded-opentype'), url(../fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url(../fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-bold.woff') format('woff');
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.eot');
    src: url('../fonts/Georgia.woff2') format('woff2'), url('../fonts/Georgia.woff') format('woff'), url('../fonts/Georgia.ttf') format('truetype'), url('../fonts/Georgia.svg#Georgia') format('svg'), url('../fonts/Georgia.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Georgia-Italic';
    src: url('../fonts/GeorgiaItalic.eot');
    src: url('../fonts/GeorgiaItalic.woff2') format('woff2'), url('../fonts/GeorgiaItalic.woff') format('woff'), url('../fonts/GeorgiaItalic.ttf') format('truetype'), url('../fonts/GeorgiaItalic.svg#GeorgiaItalic') format('svg'), url('../fonts/GeorgiaItalic.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Georgia-Bold';
    src: url('../fonts/GeorgiaBold.eot');
    src: url('../fonts/GeorgiaBold.woff2') format('woff2'), url('../fonts/GeorgiaBold.woff') format('woff'), url('../fonts/GeorgiaBold.ttf') format('truetype'), url('../fonts/GeorgiaBold.svg#GeorgiaBold') format('svg'), url('../fonts/GeorgiaBold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
/*For different browser*/
@-moz-document url-prefix() { /*FireFox*/
    select.form-control {
        padding-left: 0.5rem;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { /*Chrome*/
    select.form-control {
        padding-left: 0.5rem;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
    select.form-control {
        padding-left: 0.625rem;
    }

    .checkbox, .radio {
        display: inline-block;
    }
}


html {
    position: relative;
    height: 100%;
    min-height: 100%;
}

body {
    color: #60605B;
    background-color: #f2f2f2;
    font-family: OpenSans;
}

    body > main {
        padding-top: 4rem;
    }

    body main > .container,
    body main > .container-fluid {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

/*Global*/
h1 {
    font-size: 30px !important;
    font-family: Georgia;
}

h2 {
    font-size: 24px !important;
}

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 12px !important;
}

ol, ul {
    list-style: none;
}

a {
    cursor: pointer;
    outline: 0 !important;
    text-decoration: none;
}

textarea {
    min-height: 100px;
    resize: vertical;
}

/*Global Classes*/
.pointer {
    cursor: pointer;
}

.text-pre {
    white-space: pre;
}

.hover-link {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: inherit;
}

.lomb-background {
    background-color: #b2c8e3 !important;
}

.select-container {
    position: relative;
}

    .select-container:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        pointer-events: none;
    }

    .select-container:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: 14px;
        right: .6em;
        border-top: 8px solid black;
        opacity: 0.5;
    }

    .select-container > select {
        padding-right: 20px;
    }

    .select-container > select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .select-container > select::-ms-expand {
            display: none;
        }

/*Remove round corners*/
.btn, .panel, .input-group-addon, .form-control, .form-check-input[type=checkbox],
.pagination > li > a, .dropdown-menu, .alert, .tt-menu, .bootstrap-tagsinput,
.swal2-modal, .swal2-modal button, .popover, .progress,
.daterangepicker {
    border-radius: 0px !important;
    outline: none !important;
}

    /*Remove box shadow color when focused*/
    .form-control:focus,
    .form-check-input:focus,
    .btn:focus {
        box-shadow: none !important;
    }

/*Buttons*/
.btn {
    transition: background-color .2s;
    font-family: Montserrat;
}

    .btn:disabled {
        cursor: not-allowed;
        pointer-events: all;
    }

.btn-lg {
    min-width: 150px;
}

.btn-primary {
    background-color: #0F2136;
    border-color: #0F2136;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #103866 !important;
    border-color: #103866 !important;
}

.btn-accent {
    background-color: #495F53;
    border-color: #495F53;
    color: white;
}

.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active {
    background-color: #6D7F75 !important;
    border-color: #6D7F75 !important;
    color: white;
}



.btn-grey {
    color: #fff;
    background-color: #a8a8a8;
    border-color: #ccc;
}

    .btn-grey[disabled] {
        background-color: #a8a8a8 !important;
    }

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active {
        color: #fff;
        background-color: black;
    }

.btn-lomb {
    background-color: #b2c8e3;
}

    .btn-lomb[disabled] {
        background-color: #b2c8e3 !important;
    }

    .btn-lomb:hover,
    .btn-lomb:focus,
    .btn-lomb:active {
        color: inherit;
        background-color: #103766;
    }

    .btn-lomb.light {
        background-color: #FFF;
    }

        .btn-lomb.light[disabled] {
            background-color: #FFF !important;
        }

        .btn-lomb.light:hover,
        .btn-lomb.light:focus,
        .btn-lomb.light:active {
            background-color: #F4FAD4;
        }

    .btn-lomb.dark {
        color: #FFF;
        background-color: #5F605B;
    }

        .btn-lomb.dark:hover,
        .btn-lomb.dark:focus,
        .btn-lomb.dark:active {
            color: #5F605B;
            background-color: #E7E7E7;
        }

/*Footer*/
footer {
    color: #FFF;
    background-color: #0f2136;
    position: relative;
    z-index: 1000;
}

    footer > .container {
        text-align: center;
        padding: 0.75rem 1rem;
    }

        footer > .container > * {
            color: inherit;
            font-size: 1rem;
            margin: 0.25rem 1rem;
            white-space: nowrap;
        }

    footer a:hover,
    footer a:focus {
        color: #b2c8e3;
        text-decoration: none;
    }


/*Custom checkbox/radio */
.check-container,
.radio-container {
    position: relative;
    padding-left: 2.25rem;
    min-height: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .check-container.disabled,
    .radio-container.disabled {
    }

    .check-container input,
    .radio-container input {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
    }

    .check-container .checkmark,
    .radio-container .radiomark {
        position: absolute;
        top: 0;
        left: 0;
        height: 1.5rem;
        width: 1.5rem;
        background-color: #E5E9ED;
    }

    .radio-container .radiomark {
        border-radius: 50%;
    }

    .check-container:not(.disabled):hover input ~ .checkmark,
    .check-container:not(.disabled) input:focus ~ .checkmark,
    .radio-container:not(.disabled):hover input ~ .radiomark,
    .radio-container:not(.disabled) input:focus ~ .radiomark {
        background-color: #ccc;
    }

    .check-container input:checked ~ .checkmark,
    .radio-container input:checked ~ .radiomark {
        background-color: #b2c8e3;
    }

        .check-container input:checked ~ .checkmark:after,
        .radio-container input:checked ~ .radiomark:after,
        .radio-container.radio-inline ~ .field-validation-error {
            display: block;
        }

    .check-container .checkmark:after,
    .radio-container .radiomark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check-container .checkmark:after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 2px;
        margin: auto;
        width: 5px;
        height: 10px;
        border: solid #60605B;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .check-container label.error,
    .radio-container label.error {
        display: none !important;
    }

    .radio-container .radiomark:after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #60605B;
    }

/*Table*/
.table > thead > tr > th {
    border-top: none;
}

table > thead > tr > th .sorting {
    background-image: url(../icons/sort_default.png);
}

table > thead > tr > th .sorting_desc {
    background-image: url(../icons/sort_desc.png);
}

table > thead > tr > th .sorting_asc {
    background-image: url(../icons/sort_asc.png);
    background-position-y: -2px;
}

table > thead .sorting,
table > thead .sorting_desc,
table > thead .sorting_asc {
    background-repeat: no-repeat;
    background-position: right -5px;
    padding-right: 15px
}
/*Form container*/
.form-container {
    margin: auto;
    max-width: 600px;
}

.form-container-sm {
    max-width: 450px;
}

.form-container-md {
    max-width: 500px;
}

.form-container > form {
    background-color: #FFF;
    padding: 2.25rem;
}

    .form-container > form > .form-title {
        margin-top: 0;
        text-align: center;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        font-family: OpenSans-Bold;
        text-transform: uppercase;
    }

form .form-group,
form .check-container,
form #btnSubmit,
form #recaptcha {
    margin-bottom: 1.5rem;
}

form > .button-container {
    margin-top: 1.5rem;
}

form .form-label {
    font-weight: bold;
}

form label.error {
    color: #dc3545;
}

.form-check > .form-check-label,
.form-check > .form-check-input {
    cursor: pointer;
    accent-color: #103866;
}


/*Term - Cookie - Privacy*/
#term-container,
#cookie-container,
#privacy-container,
#contact-container {
    padding: 2.25rem;
    background-color: white;
}

.term-header {
    padding-bottom: 1rem;
}

.term-heading {
    font-size: larger;
    font-weight: bold;
    padding: 0.75rem 0px;
}

.term-content {
    padding-bottom: 1.25rem;
    text-align: justify;
}

.terms-of-use-list {
    list-style: decimal;
}

.terms-of-use-list > li {
    margin-bottom: 0.5rem;
}

ul.dotted {
    margin-left: 1.25rem;
    padding-left: 0;
}

    ul.dotted li,
    ul.dotted li {
        list-style-type: none;
    }

        ul.dotted li span {
            padding-left: 10px;
        }

        ul.dotted li:before {
            content: '\2022';
            margin-left: -1.25rem;
            margin-right: 1rem;
        }

#cookie-container ul.dotted,
#privacy-container ul.dotted {
    margin-left: 45px;
}

/*Typesahead*/
.twitter-typeahead {
    width: 100%;
}

.bootstrap-tagsinput > .twitter-typeahead {
    width: auto;
}

.tt-input::-ms-clear {
    display: none;
}

.tt-empty-message {
    padding: .25rem 1rem;
    white-space: nowrap;
}

/*International Telephone Input*/
.iti {
    width: 100%;
    display: block;
}

/*bootstrap-tagsinput*/
.bootstrap-tagsinput {
    width: 100%;
    padding: .375rem .75rem !important;
    line-height: 1.5rem !important;
}

    .bootstrap-tagsinput .tag {
        color: white;
        background-color: #CCBA7A;
        padding: .3rem .5rem .3rem;
        font-size: small;
        white-space: nowrap;
        border-radius: .25rem;
    }

        .bootstrap-tagsinput .tag [data-role="remove"]:hover {
            box-shadow: none;
        }

/*TagsInput*/
.tagsinput-container {
    display: inline-block;
    margin-right: 10px;
    width: 600px;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    max-height: 220px;
    overflow-y: auto;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
}

    .tt-suggestion:hover, .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

/*Dropdown-Submenu*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        width: 100%;
        margin-top: -6px;
    }

    .dropdown-submenu .dropdown-menu-right {
        left: -100%;
    }

/*Bootstrap Datetimepicker Fix*/
.bootstrap-datetimepicker-widget {
    font-size: 14px;
}

    .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
    .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > th,
    .bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td,
    .bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > th,
    .bootstrap-datetimepicker-widget .table-condensed > thead > tr > td,
    .bootstrap-datetimepicker-widget .table-condensed > thead > tr > th {
        padding: 5px;
    }
    
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #495F53 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #495F53 !important;
    border-color: #495F53 !important;
}

.fund-link {
    color: #495F53 !important;
}