/*#region Global*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 14px;
    line-height: normal;
}

:root {
    --main-dark-blue: #001635;
}

/*add font*/
@font-face {
    font-family: 'CooperHewitt-Light';
    src: url('../Fonts/CooperHewitt/CooperHewitt-Light.woff') format('opentype');
}

@font-face {
    font-family: 'CooperHewitt-Book';
    src: url('../Fonts/CooperHewitt/CooperHewitt-Book.woff') format('opentype');
}

@font-face {
    font-family: 'CooperHewitt-Bold';
    src: url('../Fonts/CooperHewitt/CooperHewitt-Bold.woff') format('opentype');
}

@font-face {
    font-family: 'CREDC___';
    src: url('../fonts/CreditCard/CREDC___.otf') format('opentype');
}

.credit-card-font {
    font-family: 'CREDC___';
}


.CooperHewitt-Light {
    font-family: 'CooperHewitt-Light';
}

.CooperHewitt-Book {
    font-family: 'CooperHewitt-Book';
}

.CooperHewitt-Bold {
    font-family: 'CooperHewitt-Bold';
}

h1 {
    font-family: 'CooperHewitt-Bold';
    font-size: 50px;
    color: black;
}

h2 {
    font-family: 'CooperHewitt-Bold';
    color: black;
}

h3 {
    font-family: 'CooperHewitt-Bold';
    color: black;
}

h4 {
    font-family: 'CooperHewitt-Bold';
    color: black;
}

h5 {
    font-family: 'CooperHewitt-Bold';
    color: black;
}

h6 {
    font-family: 'CooperHewitt-Bold';
    color: black;
}

b {
    font-family: 'CooperHewitt-Bold';
    font-size: 14px;
    color: black;
    font-weight: 100 !important;
}

strong {
    font-weight: 100 !important;
    font-family: 'CooperHewitt-Bold';
}

.gap-20px {
    gap: 20px;
}

.gap-10px {
    gap: 10px;
}

.gap-5px {
    gap: 5px;
}


span, a {
    font-family: 'CooperHewitt-Book';
    font-size: 14px;
    color: black;
}

span.search-result {
    color: #f09147;
}

span.search-result:hover {
    font-weight: 900;
    text-decoration: underline;
}

p {
    font-family: 'CooperHewitt-Book';
    font-size: 14px;
    color: black;
}

li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: black;
}

.fs-15 {
    font-size: 15px !important;
}


html,
body {
    min-height: 100%;
}

body {
    overflow-x: hidden !important;
}


/* SM 576 */


@media(min-width:540px) and (max-width:720px) {
    h1 {
        font-size: 28px;
    }

    .text-card-title {}

    .modal-close {
        position: absolute;
        right: -4%;
        top: 2%;
        margin-top: -36px;
        background-color: #ffffff !important;
        padding: 5px;
    }

    .close-size {
        width: 35px;
        height: 35px;
    }
}

/* md 567 768 */
@media(min-width:720px) and (max-width:960px) {
    h1 {
        font-size: 48px;
    }

    .text-card-title {
        font-size: 18px;
    }
}

/* lg 768 992 */

@media(min-width:960px) and (max-width:1140px) {
    h1 {
        font-size: 48px;
    }

    .text-card-title {
        font-size: 18px;
    }
}

.container-custom {}

@media(min-width:1900px) {
    .container-custom {
        max-width: 1600px !important;
    }

    .col-ex-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .col-ex-6 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .col-ex-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .col-ex-8 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
}

@media(min-width:2500px) {
    .container-custom {
        max-width: 2200px !important;
    }
}


/*#endregion Global*/

/*#region Hover Navebar*/
.snip1168 * {
    box-sizing: border-box;
}

.snip1168 li {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.snip1168 a.horizon-line {
    padding: 0.5em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
}

.snip1168 a.horizon-line:before,
.snip1168 a.horizon-line:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1168 a.horizon-line:before {
    top: 0;
    display: block;
    height: 2px;
    width: 0%;
    content: "";
    background-color: #f36823;
}

.snip1168 a.horizon-line:after {
    left: 0;
    top: 0;
    padding: 0.5em 0;
    position: absolute;
    content: attr(data-hover);
    color: #ffffff;
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden;
}

.snip1168 a.horizon-line:hover:before,
.snip1168 .current a:before {
    opacity: 1;
    width: 15px;
}

.snip1168 a.horizon-line:hover:after,
.snip1168 .current a:after {
    max-width: 15px;
}

.text-orange {
    color: #f36823 !important;
}

.text-midninght {
    color: var(--main-dark-blue) !important;
}

/*  .text-midninght:hover {
        color: #427aad !important;
    }*/

.text-skyblue {
    color: #f6fafd !important;
}

.text-sunset {
    color: #f09147 !important;
}

.text-sunset-link {
    color: #f09147 !important;
    transition-duration: 0.4s;
}

.text-sunset-link:hover {
    color: #28364c !important;
}

.white-arrow {
    color: white !important;
}

.white-arrow:hover {
    color: #f09147 !important;
}

.text-green {
    color: #28364C;
}

/*#endregion Hover Navebar*/

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    transform: scale(1);
}

/* GENERAL STYLES */

.pagination {
    padding: 30px 0;
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pagination a {
    display: inline-block;
    padding: 10px 18px;
    color: #222;
}

/* ONE */

.p1 a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

.p1 a.is-active {
    color: #cbaa86;
}

linecardtitle {
    border-top: 1px solid red;
    width: 50px;
}


/*#region SIDEBAR STYLE*/
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    /*        background: #6d7fcc;*/
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    /*        background: #6d7fcc;*/
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    /*padding-left: 30px !important;*/
    /*background: #6d7fcc;*/
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/*#endregion SIDEBAR STYLE */

/*#region Tooltip White Color*/
.tooltip-arrow,
.red-tooltip+.tooltip>.tooltip-inner {
    background-color: #f00;
}

/*#endregion Tooltip White Color*/

/*#region Drop Down Login*/
.login {
    margin-bottom: 5px;
}

.dropdown-menu {
    width: 300px !important;
}

.up-arrow {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid white;
}

/*#endregion Drop Down Login*/

/*#region About Page*/
.line-service-card {
    height: 5px;
    width: 45px;
    /*background-color: #cbaa86;*/
    background-color: #f09147;
    margin-bottom: 10px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*team card line*/
.line-team-card {
    height: 5px;
    width: 30px;
    /* background-color: #cbaa86;*/
    background-color: #f09147;
    margin-bottom: 10px;
}

/*#endregion About Page*/

/*#region Card Hover*/
.card-hover {
    transition: all 0.2s ease;
    cursor: pointer
}

.card-hover:hover {
    background-color: white;
    /* transform: scale(1.1);*/
    box-shadow: 1px 8px 20px grey;
    -webkit-transition: box-shadow .6s ease-in;
}

/*#endregion Card Hover*/

/*#region Line Cookiepolicy*/
.line-cookiepolicy {
    height: 2px;
    width: 50px;
    background-color: #f15c24;
    margin-bottom: 15px;
}

/*#endregion Line Cookiepolicy*/

/*#region  Hover Text Fonde*/
.hover-text-fonde {
    color: white;
}

.hover-text-fonde:hover {
    color: #f86c24;
}

/*#endregion Hover Text Fonde*/

/*#region Cheackbox Custom*/
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
    top: 0rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control-label {
    /*  padding-top: 13px;
    padding-left: 6px;*/
    padding: 0px;
}


.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
    top: 0rem;
    width: 1.85rem;
    height: 1.85rem;
}

.checkbox-xl .custom-control-label {
    padding-top: 23px;
    padding-left: 10px;
}

/*#endregion Cheackbox Custom*/


.fonde-orange-button {
    background-color: #f36823;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .fonde-orange-button:hover {
        background-color: #d5510f;
    }


/*#region Hover change Imgae*/
.hoverimg {
    position: relative;
    display: inline-block;
}

.hoverimg:hover {
    text-decoration: none;
}

.hoverimg span {
    color: white;
    text-decoration: none;
}

.hoverimg .text-hover-green {
    color: black;
    text-decoration: none;
}

.hoverimg span:hover {
    color: #f86c24;
}

.hoverimg .img-top {
    display: none;
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;
}

.hoverimg:hover img:nth-child(1) {
    display: none;
}

.hoverimg:hover .img-top {
    display: inline;
    text-decoration: none;
    cursor: pointer;
}

.hoverimg:hover span {
    color: #f86c24;
}

.hoverimg:hover .text-hover-green {
    color: #1a4f2c;
}

.content-4-line {
    width: 100%;
    margin: 0 0 1em 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*#endregion Hover change Imgae*/
/*#region Hover Button Dropdown Login*/
.btn-login {
    transition-duration: 0.4s;
    background-color: #001635 !important;
}

.btn-login :hover {
    background-color: #f36823;
}

.btn-green {
    transition-duration: 0.4s;
    background-color: #1a4f2c !important;
}

.btn-green :hover {
    background-color: white;
}

.btn-green span:hover {
    color: black !important;
}

.btn-success {
    transition-duration: 0.4s;
    color: white !important;
    background-color: #1a4f2c !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: black !important;
    background-color: white !important;
}

/*#endregion Hover Button Dropdown Login*/

/*#region SweetAlert2 Button*/
.swal-button {
    /* background: linear-gradient(180deg, #FE8727 0%, #F15D22 100%)!important;*/
    transition-duration: 0.4s;
    background-color: #001635;
    border: 1px solid #ADADAD;
    box-sizing: border-box;
}

.swal-button:hover {
    background-color: #f36823 !important;
}

/*#endregion */

/*#region ReDesign Modal */
.modal-close {
    position: absolute;
    right: -4%;
    top: 2%;
    margin-top: -36px;
    background-color: #ffffff !important;
    appearance: unset !important;
    -webkit-appearance: unset !important;
    border-radius: 50%;
    padding: 10px;
}

.modal-close:hover {
    background-color: #f8f9fa !important
}

.modal-close:active {
    background-color: #f8f9fa !important
}

.close-size {
    width: 45px;
    height: 45px;
}

/*#endregion */




.pointer {
    cursor: pointer;
    text-decoration: none;
}

.bg-deepblue {
    background-color: var(--main-dark-blue) !important;
    /*background: var(--main-dark-blue);*/
    /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, var(--main-dark-blue), #01122A, #010E22);*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, var(--main-dark-blue), #01122A, #010E22);*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-skyblue {
    background-color: #073475 !important;
    /*background: #073475;*/
    /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #073475, #062E69, #05295D);*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #073475, #062E69, #05295D);*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.orange-link {
    color: #f36823;
}

.orange-link:hover {
    color: #f36823;
    background-color: transparent;
    text-decoration: underline;
}

.btn-military-green {
    transition-duration: 0.4s;
    background-color: #1a4f2c !important;
    color: white !important;
    transition: 0.3s;
}

.btn-military-green:hover {
    background-color: #477256 !important;
}

.btn-military-green:active {
    background-color: #477256 !important;
}

.btn-beige {
    transition-duration: 0.4s;
    background-color: #cbaa86 !important;
    color: white !important;
    transition: 0.3s;
}

.btn-beige:hover {
    background-color: #A1886A !important;
    color: white !important;
}

.btn-beige:active {
    background-color: white !important;
    color: black !important;
}

.btn-log-ind {
    background-color: #001635 !important;
    color: white !important;
    transition: 0.4s;
}

.btn-log-ind:hover {
    color: white !important;
    background-color: #f36823 !important;
}

.btn-log-ind:active {
    color: white !important;
    background-color: #f36823 !important;
}


.btn-sand {
    color: white !important;
    background-color: #cbab85 !important;
    transition-duration: 0.4s;
    /*    border: 2px solid #A1886A !important;*/
}

.btn-sand:hover {
    color: white !important;
    /* background-color: #A1886A !important;*/
    background-color: #f36823 !important;
}

.btn-sunset {
    color: white !important;
    background-color: #f68232 !important;
    transition-duration: 0.4s;
}

.btn-sunset:hover {
    color: white !important;
    background-color: #28364c !important;
}

.btn-deepblue {
    color: white;
    /* background-color: var(--main-dark-blue) !important;*/
    background-color: #0c203b !important;
    /*border: 2px solid #758091 !important;*/
    transition-duration: 0.4s;
}

.btn-deepblue:hover {
    color: white !important;
    background-color: #758091 !important;
}


.btn-skyblue {
    color: white !important;
    background-color: #36ade7 !important;
    border: 2px solid #1f74d0 !important;
    transition-duration: 0.4s;
}

.btn-skyblue:hover {
    color: white !important;
    background-color: #1f74d0 !important;
}

.icon-size-AI {
    width: 30px;
    height: 18px;
}

.icon-size-25 {
    width: 25px;
    height: 25px;
}

.icon-size-22 {
    width: 22px !important;
    height: 22px !important;
}

.icon-size-20 {
    width: 20px;
    height: 20px;
}

.icon-size-18 {
    width: 18px;
    height: 18px;
}



/* label button in form controls*/

.label-buttom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0 !important;
}



/*#region Min Profil*/
.movesection-submitprofile {}

/*Large devices*/
@media(min-width:992px) and (max-width: 1199px) {
    .movesection-submitprofile {
        position: relative;
        top: -55vh;
    }
}

/*Extra large devices */
@media(min-width:1200px) and (max-width: 1700px) {
    .movesection-submitprofile {
        position: relative;
        top: -50vh;
    }
}

@media(min-width:1700px) {
    .movesection-submitprofile {
        position: relative;
        top: -40vh;
    }
}

/*#endregion Min Profil*/

/*#region Card Section Sky Blue*/
.h4-header-card {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bg-card-skyblue {
    background-color: #f6fafd !important;
}

.hr-line-card {
    border-top: 2px solid #c9d9e6 !important;
}

.h-111 {
    height: 111px;
}

.p-3half {
    padding: 1.25rem;
}

.pt-3half {
    padding-top: 1.25rem;
}

.pb-3half {
    padding-bottom: 1.25rem;
}

.pr-3half {
    padding-right: 1.25rem;
}

.pl-3half {
    padding-left: 1.25rem;
}

.px-3half {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.py-3half {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

.bg-darkblue {
    /*    background-color: var(--main-dark-blue) !important;*/
    background: var(--main-dark-blue);
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, var(--main-dark-blue), #01122A, #010E22);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, var(--main-dark-blue), #01122A, #010E22);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn-blue {
    color: white !important;
    background-color: #041B3B !important;
    transition-duration: 0.4s;
}

.btn-blue:hover {
    color: white !important;
    background-color: #f68232 !important;
}

/*#endregion Card Section Sky Blue*/

/*#region Home Page*/
.carousel-indicators li.li-sunset {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: #f09147 !important;
}

.carousel-indicators li.li-midnight {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: var(--main-dark-blue) !important;
}



.carousel-indicators-midninght {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}


.text-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    /*  position: absolute;*/
    /* max-width: 269px;*/
    /*bottom: 20%;*/
}

.text-ellipsis-1 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
    /*  position: absolute;*/
    /* max-width: 269px;*/
    /*bottom: 20%;*/
}

.text-ellipsis-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
    /*position: absolute;*/
    /* max-width: 269px;*/
}

.text-ellipsis-3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
    /*  position: absolute;*/
    /*   max-width: 269px;*/
    /*bottom: 20%;*/
}

.img-card-responesive {
    display: block;
    max-height: 294px;
    max-width: 351px;
    width: 100%;
    height: auto;
}

.card-body-fonde {
    height: 160px;
    max-height: 160px;
}

.card-hyheder {
    max-width: 306px;
    width: 100%;
}


.img-card-hyheder {
    max-height: 150px;
    max-width: 306px;
    width: 100%;
    height: 150px;
}

.h-card {
    height: 454.21px;
}

.customer-icon {
    /*    height: 70px !important;
    width: 20% !important;*/
    width: 150px !important;
    height: 150px !important;
}


/*#endregion Home Page*/

/*#region mine-fonde.aspx (FondeMyList) */
.fonde-list {
    border: 1px solid #d8d4d5;
    /* box-shadow: 0px 0px 20px #e9e9e9;*/
    font-size: 12px;
}

.fonde-list .sub-table {
    margin: 0px;
    width: 100%;
    background-color: #FFF;
}

.fonde-list .sub-table tr:first-child td {
    border-top: none;
}

.fonde-list th {
    background-color: #f7f7f7;
    border-bottom: none !important;
    font-size: 11px !important;
}

/*
    .fonde-list div {
        padding: 3px 0 0 0 !important;
    }*/

.fonde-list botton {
    margin: 3px 5px 3px;
    font-size: 11px;
}

.fonde-list .sublist {
    display: none;
    transition: transform 0.2s ease !important;
    -webkit-transition: transform 0.2s ease !important;
    -moz-transition: transform 0.2s ease !important;
    -o-transition: transform 0.2s ease !important;
    -ms-transition: transform 0.2s ease !important;
    color: #f35c25;
}

.fonde-list tr[id^=main-list] td {
    padding: 12px 8px 0px 8px !important;
    border-top: 1px solid #ddd;
}

.fonde-list .subtd {
    padding: 0px !important;
    border-top: none;
}

.fonde-list .sublist td {
    padding: 0px 4px !important;
}

.fonde-list .sub-table td {
    padding: 10px 4px 10px 8px !important;
}

.fonde-list td {
    /*      padding: 12px 8px 0px 8px !important; */
    line-height: 20px !important;
}

.fonde-list .tab {
    padding: 8px 8px 0px 8px !important;
}

.fonde-list button {
    margin-bottom: 0px !important;
    margin: 0;
    font-size: 11px !important;
}

.fonde-list .bordertab a {
    /* color: #f35c25 !important;*/
    color: #cbaa86 !important;
}

.fonde-list .bordertab {
    border-radius: 2px 2px 0;
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    top: 1px !important;
    box-shadow: 0px -1px 8px #CCC;
    background-color: #FFF;
    cursor: pointer;
}

.fonde-list .listtab a {
    color: #7d7d7d;
}

.fonde-list input[type=checkbox]:checked {
    background-color: red;
}

.fonde-list .listtab {
    text-align: center;
    position: relative;
    width: 1.55rem;
    height: 32px;
    top: 0px;
    cursor: pointer;
    padding: 4px !important;
}

.expIcon {
    display: block;
    transform: rotate(0deg);
    transition: transform 0.3s ease !important;
    -webkit-transition: transform 0.3s ease !important;
    -moz-transition: transform 0.3s ease !important;
    -o-transition: transform 0.3s ease !important;
    -ms-transition: transform 0.3s ease !important;
}

.expIcon_ro {
    transform: rotate(90deg) !important;
    transition: transform 0.3s ease !important;
    -webkit-transition: transform 0.3s ease !important;
    -moz-transition: transform 0.3s ease !important;
    -o-transition: transform 0.3s ease !important;
    -ms-transition: transform 0.3s ease !important;
}

.btn-orange {
    background-color: #f46b1a;
    color: #fff;
    border-color: #db5d11;
    transition-duration: 0.4s;
}

.btn-orange:hover {
    background-color: #c94c04 !important;
    color: #fff !important;
}

.btn-blue {
    color: white !important;
    background-color: #041B3B !important;
    transition-duration: 0.4s;
}

.btn-blue:hover {
    color: white !important;
    background-color: #f68232 !important;
}

.text-fondename {
    color: #1a4f2c !important;
}


.fjern-link {
    color: #e43434 !important;
    cursor: pointer;
}

.pdf-link {
    color: #20a8f0 !important;
    cursor: pointer !important;
}

.web-link {
    color: #2aa7b1 !important;
    cursor: pointer;
}

.note-link {
    color: #85cfcc !important;
    cursor: pointer;
}

.register-link {
    color: #28bf85 !important;
    cursor: pointer;
}


.hidden {
    display: none !important;
}

.loading-save-fund {
    padding-left: 40px;
    background: url(/html/prpgerssmyfonde.svg) no-repeat;
    display: inline-block;
    background-position: left;
}

.border-table {
    border-color: #d9dada !important;
}

.checkbox-lg .custom-control2-label::before,
.checkbox-lg .custom-control2-label::after {
    top: 0rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control2-label {
    /*  padding-top: 13px;
    padding-left: 6px;*/
    padding: 0px;
}


.checkbox-xl .custom-control2-label::before,
.checkbox-xl .custom-control2-label::after {
    top: 0rem;
    width: 1.85rem;
    height: 1.85rem;
}

.checkbox-xl .custom-control2-label {
    padding-top: 23px;
    padding-left: 10px;
}

.margin-left-45 {
    margin-left: 45px;
}

/*#endregion mine-fonde.aspx*/

/*#region Top_Bar_Register*/
.unactive-header {
    color: #8b8b8b !important;
}

.bg-unactive-header {
    background-color: #fefefe !important;
}

.linetopbarpayment {
    border-left: 3px solid #dddddd !important;
    border-right: 3px solid #dddddd !important;
}

.bg-sandrock {
    color: #ccad89;
}

.register-title {}

.progress-title {}

@media only screen and (max-width: 768px) {
    .register-title {
        font-size: 22px;
    }

    .progress-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 576px) {
    .register-title {
        font-size: 28px;
    }

    .progress-title {
        font-size: 18px;
    }
}

/*#endregion Top_Bar_Register*/

/*#region _FondeMenu_RD */
.border-bottom-custom {
    border-bottom: 2px solid #031e45;
}

.border-custom {
    border: 1px solid #031e45 !important;
}


.rotate {
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .5s linear;
    color: white;
}

.rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*color: #cbab85 !important;*/
    color: #f09147 !important;
}


.rotate1 {
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .5s linear;
    color: white !important;
}

.rotate1.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*color: #cbab85 !important;*/
    color: #f09147 !important;
}

.rotate2 {
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .5s linear;
    color: white !important;
}

.rotate2.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*color: #cbab85 !important;*/
    color: #f09147 !important;
}

.rotate3 {
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .5s linear;
    color: white !important;
}

.rotate3.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*color: #cbab85 !important;*/
    color: #f09147 !important;
}


a[aria-expanded="true"] {
    background-color: none;
}


ul.sunset-menu li.limenu {
    color: white !important;
}

ul.sunset-menu li.limenu:before {
    color: red !important;
    display: none;
}

ul.sunset-menu li.limenu:hover {
    list-style: none;
    position: relative;
}

ul.sunset-menu li.limenu:hover:before {
    display: inline-block;
}




.hover-fonde-menu {
    background-color: #032048;
}

.w-185 {
    width: 185px !important;
}

.month-select {
    border-color: #032048;
}

.month-select:hover {
    background-color: #032048;
}

.w-25px {
    width: 25px;
}

.ml-25px {
    margin-left: 25px;
}

.menu-hover {}

.menu-hover:hover {
    background-color: #032048;
    border-radius: 50rem;
}

.menu-hover-active {
    background-color: #032048;
    border-radius: 50rem;
}


ul li.li-menu-active::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    color: #f09147;
}

ul li.li-menu:hover::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    color: #f09147;
}






/*#endregion _FondeMenu_RD */

/*#region SubscriptionIndex */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    /*  background: linear-gradient(to right, var(--main-dark-blue), #01122A, #010E22);*/
    background: linear-gradient(to right, #F09147, #f3a76b);
}

input:focus+.slider {
    box-shadow: 0 0 1px #f36823;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.btn-packed-1-mdr {
    background: linear-gradient(to right, #ffe689, #fb9d09);
    display: none;
    content: "";
}

.btn-packed-1-mdr:before {
    color: white !important;
    content: "VÆLG";
    font-family: 'CooperHewitt-Bold';
}

.btn-packed-1-mdr>span {
    color: white !important;
}

.btn-packed-1-mdr:hover {
    background: white;
}

.btn-packed-1-mdr:hover>span {
    color: black !important;
}

.btn-packed-1-mdr:hover:before {
    content: "VÆLG";
    color: black !important;
    font-family: 'CooperHewitt-Bold';
}



.btn-packed-6-mdr {
    /*background: linear-gradient(to right, #2ecf91, #179555);*/
    background: linear-gradient(to right, #89dcbc, #6ecaa3, #54b889, #38a66f, #179455);
    display: none;
    content: "";
}

.btn-packed-6-mdr:before {
    color: white !important;
    content: "VÆLG";
    font-family: 'CooperHewitt-Bold';
}

.btn-packed-6-mdr>span {
    color: white !important;
}

.btn-packed-6-mdr:hover {
    color: black !important;
    background: white;
}

.btn-packed-6-mdr:hover>span {
    color: black !important;
}

.btn-packed-6-mdr:hover:before {
    content: "VÆLG";
    color: black !important;
    font-family: 'CooperHewitt-Bold';
}


.btn-packed-12-mdr {
    background: linear-gradient(to right, #20d3ac, #348ac5);
    display: none;
    content: "";
}

.btn-packed-12-mdr:before {
    color: white !important;
    content: "VÆLG";
    font-family: 'CooperHewitt-Bold';
}

.btn-packed-12-mdr>span {
    color: white !important;
}

.btn-packed-12-mdr:hover {
    background: white;
}

.btn-packed-12-mdr:hover>span {
    color: black !important;
}

.btn-packed-12-mdr:hover:before {
    content: "VÆLG";
    color: black !important;
    font-family: 'CooperHewitt-Bold';
}



.btn-packed-select {
    content: "";
    display: none;
}

.btn-packed-select:before {
    color: black !important;
    background-color: white;
    content: "VALGT";
    font-family: 'CooperHewitt-Bold';
}

.bg-packed-1 {
    background: linear-gradient(to right, #ffe689, #fb9d09);
}

.bg-packed-6 {
    /*background: radial-gradient(#20b575, #1ead6e);*/
    background: linear-gradient(to right, #89dcbc, #6ecaa3, #54b889, #38a66f, #179455);
}

.bg-packed-12 {
    background: linear-gradient(to right, #20d3ac, #348ac5);
}

.h-125px {
    height: 125px;
}

.h-100px {
    height: 100px;
}

.badges-packed-1 {
    background: radial-gradient(#ffb935, #fba91f);
}

.badges-packed-6 {
    background: radial-gradient(#20b575, #1ead6e);
}

.badges-packed-12 {
    background: radial-gradient(#2ca9bc, #2a96b0);
}

.bg-content-renewal {
    background-color: #f9fdff !important;
}

.bg-content-header {
    background-image: linear-gradient(to top, #eceeed, #f0f2f1, #f4f6f5, #f8faf9, #fcfefd) !important;
}

.border-renewal {
    border-color: #cecfd0 !important;
}

/*#endregion SubscriptionIndex */

/*#region Stiky Top Bar  */
#StikyTop {
    transition: all 0.2s ease-out;
    height: 151.8px;
    min-height: 151.8px;
}

.logo-fonde-mobile {
    transition: all 0.2s linear;
    max-width: 230px;
    width: 80%;
}

.sticky-wrapper {
    z-index: 99 !important;
    height: 151.8px;
    min-height: 151.8px;
}


.sticky-wrapper.is-sticky #StikyTop {
    background-color: var(--main-dark-blue);
    z-index: 99 !important;
    height: 120px;
    min-height: 120px;
}

.sticky-wrapper.is-sticky .logo-fonde-mobile {
    width: 80%;
}

.sticky-wrapper.is-sticky .navbar {
    padding: 0px;
}

.sticky-wrapper.is-sticky .text-body {
    color: white !important;
}

@media only screen and (max-width: 992px) {
    .logo-fonde-mobile {
        width: 80%;
    }

    .sticky-wrapper.is-sticky .logo-fonde-mobile {
        width: 80%;
    }

    .sticky-wrapper.is-sticky #StikyTop {
        height: 80px;
    }

    #StikyTop {
        height: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .logo-fonde-mobile {
        width: 65%;
    }

    .sticky-wrapper.is-sticky .logo-fonde-mobile {
        width: 70%;
    }
}

@media only screen and (max-width: 576px) {
    .logo-fonde-mobile {
        width: 50%;
    }

    .sticky-wrapper.is-sticky .logo-fonde-mobile {
        width: 50%;
    }

    .sticky-wrapper.is-sticky #StikyTop {
        height: 65px;
    }

    .content-block h1 {
        font-size: 25px !important;
    }
}

.navbar {
    transition: all 0.2s ease-out;
}

/*#endregion Stiky Top Bar  */

/*#region SearchBarAnimation */
.navbar-nav-right {
    height: 53px;
    align-items: center;
}

.navbar-nav-right .nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar-nav-right .nav-item a {
    background: none;
}

/* Search */
.search-container .search-btn .fas {
    color: #5cbdbb;
}

.search-container {
    height: 100%;
    display: flex;
    justify-content: center;
    aligitems: center;
    cursor: pointer;
}

/* Search Inner */
.search-container .search-container-inner {
    background: none;
    border: none;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 45px;
    /*width: 46px;*/
    font-style: normal;
    border-radius: 30px;
    padding: 0;
}

.search-container .search-container-inner .search-input {
    width: 100%;
    border: none;
    font-style: normal;
    outline: none;
    display: none;
    background-color: transparent;
}

/* Search OPEN */
.search-container .search-container-inner.startSearch {
    width: 250px;
    background: #fff;
    padding: 0 10px 0 25px;
    height: 39px;
    border-radius: 0.25rem !important;
    margin-left: 1px !important;
}

.search-container .search-container-inner.startSearch .search-input {
    display: inline-block;
    text-indent: 3px;
}

.search-container .search-container-inner.startSearch .hoverimg img {
    display: none;
}

.search-container .search-container-inner.startSearch .hoverimg .img-top {
    display: inline-block;
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;
}

/*#endregion SearchBarAnimation */

/*#region Page Loader*/

.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center;
}

.page-loader-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;
    color: #444;
}

.page-loader-wrapper .loader {
    position: relative;
    top: calc(50% - 30px);
}



.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #F44336;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-layer.pl-red {
    border-color: #F44336;
}

.spinner-layer.pl-pink {
    border-color: #E91E63;
}

.spinner-layer.pl-purple {
    border-color: #9C27B0;
}

.spinner-layer.pl-deep-purple {
    border-color: #673AB7;
}

.spinner-layer.pl-indigo {
    border-color: #3F51B5;
}

.spinner-layer.pl-blue {
    border-color: #2196F3;
}

.spinner-layer.pl-light-blue {
    border-color: #03A9F4;
}

.spinner-layer.pl-cyan {
    border-color: #00BCD4;
}

.spinner-layer.pl-teal {
    border-color: #009688;
}

.spinner-layer.pl-green {
    border-color: #4CAF50;
}

.spinner-layer.pl-light-green {
    border-color: #8BC34A;
}

.spinner-layer.pl-lime {
    border-color: #CDDC39;
}

.spinner-layer.pl-yellow {
    border-color: #ffe821;
}

.spinner-layer.pl-amber {
    border-color: #FFC107;
}

.spinner-layer.pl-orange {
    border-color: #FF9800;
}

.spinner-layer.pl-deep-orange {
    border-color: #FF5722;
}

.spinner-layer.pl-brown {
    border-color: #795548;
}

.spinner-layer.pl-grey {
    border-color: #9E9E9E;
}

.spinner-layer.pl-blue-grey {
    border-color: #607D8B;
}

.spinner-layer.pl-black {
    border-color: #000000;
}

.spinner-layer.pl-white {
    border-color: #ffffff;
}

/* Preloaders ================================== */

#floatingCirclesG {
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.97);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}



@keyframes f_fadeG {
    0% {
        background-color: rgba(241, 92, 34, 0.98);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgba(241, 92, 34, 0.98);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgba(241, 92, 34, 0.98);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgba(241, 92, 34, 0.98);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgba(241, 92, 34, 0.98);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

/*-------------------------------------------loadder-------------------------------------------------------------*/


#floatingCirclesG {
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}



@keyframes f_fadeG {
    0% {
        background-color: #087890;
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

/*#endregion Page Loader*/

/*#region OM Page */
.employee-img-size {
    width: 120px;
    height: 120px;
}

.sand-rock-line {}

.bg-section-gradient-white {
    background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}

.fundraiseren-image {
    width: 100%;
    height: auto;
    max-width: 374px;
}

.grant-manager-image {
    width: 100%;
    height: auto;
    max-width: 254px;
}

.DynamicDuo-img {
    max-width: 784px;
    max-height: 876px;
    width: 100%;
    height: auto;
}

/*#endregion OM Page*/

/*#region MultilevelDropdrop */
@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}

/*#endregion MultilevelDropdrop */

/*#region Heroes*/
.hero-area {
    padding: 100px 0 0;
}

.bg-FK {
    background: url('../images/Asset/Home/FundraisingKurser/Fundraising-Kurser-Img.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: auto;
}

.bg-FK .h-content {
    height: 258px !important;
}

.bg-0 {
    background: url(../images/Asset/header/Banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-0 .h-content {
    height: 258px !important;
}

.bg-1 {
    background: url(../images/Asset/header/Banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-1 .h-content {
    /*     height: 258px !important;*/
    height: 218px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bg-2 {
    background: url(../images/Asset/header/Banner_Viden.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-2 .h-content {
    height: 218px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bg-3 {
    background: url(../images/Asset/header/Banner13.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-3 .h-content {
    height: 218px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bg-detail {
    background: url(../images/Asset/header/Banner13.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 350px;
}

.bg-detail .h-content {
    height: 118px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bg-back-to-main {
    background: url(../images/Asset/header/Banner12.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-back-to-main .h-content {
    height: 258px !important;
}

.bg-min-profil {
    background: url(../images/Asset/header/BannerImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom-right-radius: 150px;
    height: 450px;
}

.bg-min-profil .h-content {
    height: 218px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.content-block h1 {
    color: #fff;
    /* font-size: 50px;*/
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
    font-family: 'CooperHewitt-Bold';
}

.content-block p {
    color: #fff;
    /*font-size: 20px;*/
    font-size: 18px;
    font-family: 'CooperHewitt-Book';
}

.content-block a {
    color: #f09147;
    text-decoration: none;
}

.content-block a:hover {
    text-decoration: underline;
    color: #f09147 !important;
}


@media (max-width:768px) {
    .hero-area .content-block {
        padding-bottom: 160px;
        min-height: 400px;
    }

    .hero-area .content-block p,
    .hero-area-2 .content-block p {
        font-size: 17px;
    }

    .hero-area .content-block h1,
    .hero-area-2 .content-block h1 {
        font-size: 25px;
    }

    .navbar-brand {
        width: 50%;
    }

    .hero-area {
        padding: 30px 0 0;
    }

    .bg-1 {
        height: auto;
        padding-bottom: 100px;
    }

    .bg-2 {
        height: auto;
        padding-bottom: 100px;
    }

    .bg-3 {
        height: auto;
        padding-bottom: 100px;
    }

    .bg-back-to-main {
        height: auto;
        padding-bottom: 100px;
    }

    .bg-min-profil {
        height: auto;
        padding-bottom: 100px;
    }

    .hero-area .content-block {
        padding-bottom: 0px;
    }
}

/*#endregion Heroes*/
/*#region Help Page*/
.mask-index-podcast {
    position: absolute;
    bottom: 197px;
    right: 19px;
    background-color: black;
    opacity: .8;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 25px;
}

.mask-index {
    position: absolute;
    bottom: 133px;
    right: 21.5px;
    background-color: black;
    opacity: .8;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 25px;
}

.mask-position {
    bottom: 2px;
    right: 13px;
    position: absolute;
}

.video-frame {
    /*max-width:344px;*/
    width: 100%;
    max-height: 195px;
    height: 195px !important;
}

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

/*#endregion Help Page*/

/*#region FondeTools */
.text-hover-orange {
    color: black;
}

.text-hover-orange:hover {
    color: #f36923;
}

.hearth-inactive {
    /*color: #cbab85;*/
    color: #f09147;
    cursor: pointer;
}

.hearth-active {
    /* color: orangered;*/
    color: red;
    cursor: pointer;
}

.dropdown-submenu {
    position: relative;
}

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

.gem-menu .dropdown-menu {
    width: 150px !important;
}

.fa-18em {
    font-size: 1.8em;
}

.icon-25 {
    width: 25px;
    height: 25px;
}

/*#endregion FondeTools */

/*#region FondeDetail*/
.icon-detail {
    width: 25px;
    height: 30px;
}

/*.content-h2 p:first-of-type {
    font-family: 'CooperHewitt-Light';
}*/

#contentScreen * {
    /*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-size: 13px !important;
}

.content-h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
}

.content-h2>span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
}

.content-h2>p>span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
}



.content-h2>ul {
    margin-left: 35px;
    margin-bottom: 1rem;
    list-style: none;
}

.content-h2 ul>li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    /*width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 6px solid green;*/
    /*background: url(/images/Asset//Fonde-og-puljer/detailed/Seneste/listsSprite_Edit-sunset.png) no-repeat;
        background-position: -2623px 8px;*/

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    list-style-type: none;
}

.content-h2 ul>li::before {
    content: "";
    position: absolute;
    top: calc(19px / 2);
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #F09147;
}

.content-h2>ol {
    margin-left: 35px;
    list-style: none;
}

ol {
    margin-left: 45px;
}

ol li {
    /*it not is circle*/
    /*padding-left: 5px;*/
    margin-bottom: 10px;
}

ol li::marker {
    color: #F09147;
}

/*.content-h2 > ol > li:before {
    content: "\2022 \00A0";*/
/*padding-right: 10px;*/
/*font-size: 1.5em;
    color: #f59f42;
}*/

/*.content-h2 p:last-of-type a::after {
    content: "\f0a9";
    font-family: FontAwesome;
    color: #cbaa86;
    font-size: 1rem;
    padding-left: 4px;
}
*/


.content-h2 a {
    color: #f09147;
    font-weight: 600;
}

.content-h2>div>p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
}

.contact-email-link,
.contact-email-link:hover,
.contact-email-link:visited,
.contact-email-link:active {
    color: #f09147;
}

/*#endregion FondeDetail*/

/*#region ElearningPage*/
.hoverblue {}

.hoverbox:hover .hoverblue {
    background-color: #032048;
    color: white;
}

.hoverbox:hover .hoverbar {
    background-color: #f36823;
}

.bullet-span {
    display: list-item;
}

.rotate {
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .5s linear;
}

.rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #cbab85;
}

.featured-img {
    max-width: 237px !important;
    max-height: 284px !important;
    width: 100% !important;
    height: 283px !important;
    object-fit: cover;
}

.featured-img-329px {
    max-width: 237px !important;
    max-height: 329px !important;
    width: 100% !important;
    height: 329px !important;
    object-fit: cover;
}

.menu-img {
    max-width: 388px !important;
    max-height: 266px !important;
    width: 100% !important;
    height: auto !important;
}

/*#endregion ElearningPage*/




/*#region AdminTool*/
.position-icon-admintools {
    margin-bottom: -29.8px;
    z-index: 999;
}

.edit-icon-admintools {
    color: #cbab85;
}

.edit-icon-admintools:hover {
    color: #f36823;
}

.admin-tool {
    background-color: #414141bf;
    position: fixed;
    z-index: 999999999;
    width: 20%;
    height: 100%;
}

.mobiledevice-hide {
    display: none !important;
}

.switch-custom {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch-custom input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider-custom {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #232526;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #414345, #232526);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #414345, #232526);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-custom:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 1px;
    bottom: 0;
    /* background-color: white;*/
    background: radial-gradient(#ffffff, #e5e5e5, #cccccc);
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider-custom {
    background: #fe8c00;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f83600, #fe8c00);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

input:focus+.slider-custom {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider-custom:before {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px);
}

/* Rounded sliders */
.slider-custom.round {
    border-radius: 34px;
}

.slider-custom.round:before {
    border-radius: 50%;
}




/*#endregion AdminTool*/

/*#region AdminTool test */
.pagecontentmenu {
    display: none;
}

.pagecontentmenu-active {
    display: block !important;
}

.admin-tool-active {
    width: 25% !important;
    background-color: #464646bf;
    height: 100%;
}

.sidenav {
    width: 3%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.3s;
    z-index: 9999;
}

.sidenav h3 {
    padding: 4px 4px 4px 32px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

.sidenav a {
    padding: 4px 4px 4px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.text-menu-admin {
    color: white !important;
}

.text-menu-admin:hover {
    color: #f36823 !important;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/*#endregion  AdminTool test*/


/*#region Abonnementloesninger */
.triangle-down:after {
    content: "";
    width: 300px;
    height: 0px;
    position: relative;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ffffff;
    border-bottom: 10px solid transparent;
    right: 50%;
    bottom: -46px;
}

.position-most-popular {
    position: absolute;
    margin-top: -72px;
}

.hover-white {
    transition-duration: 0.4s;
}

.hover-white:hover {
    background: none #157FCC;
    color: black;
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.bg-gradient-orange {
    background: radial-gradient(#ffb935, #fba91f);
}

.bg-gradient-green {
    background: radial-gradient(#20b575, #1ead6e);
}

.bg-gradient-blue {
    background: radial-gradient(#2ca9bc, #2a96b0);
}

.bg-orange-field {
    background: linear-gradient(to right, #ffe689, #fb9d09);
    border-top-left-radius: 10px;
}

.bg-green-field {
    background: linear-gradient(to right, #2ad090, #1da769);
}

.bg-blue-field {
    background: linear-gradient(to right, #20d3ac, #348ac5);
    border-top-right-radius: 10px;
}

.btn-lg-signer {
    width: 100%;
    display: block;
    max-width: 150px;
    margin: auto;
    height: 50px;
    align-content: center;
}

.btn-lg-signer span {
    font-size: 18px;
}

.bg-btn-1 {
    background-color: white;
    background: linear-gradient(to right, #ffe689, #fb9d09);
}

.bg-btn-1 span {
    color: white !important;
}

.bg-btn-1:hover span {
    color: #fb9d09 !important;
}

.bg-btn-1 a:hover {
    text-decoration: none !important;
}

.bg-btn-1:hover {
    background: white !important;
    border: 2px solid #fb9d09
}

.bg-btn-2 {
    background-color: white;
    background: linear-gradient(to right, #2ad090, #1da769);
}

.bg-btn-2 span {
    color: white !important;
}

.bg-btn-2:hover span {
    color: #1da769 !important;
}

.bg-btn-2 a:hover {
    text-decoration: none !important;
}

.bg-btn-2:hover {
    background: white !important;
    border: 2px solid #1da769
}

.bg-btn-3 {
    background-color: white;
    background: linear-gradient(to right, #20d3ac, #348ac5);
}

.bg-btn-3 span {
    color: white !important;
}

.bg-btn-3:hover span {
    color: #348ac5 !important;
}

.bg-btn-3 a:hover {
    text-decoration: none !important;
}


.bg-btn-3:hover {
    background: white !important;
    border: 2px solid #348ac5
}

.balloon-text {
    position: absolute;
    width: 187px;
    margin-top: -70px;
    left: 0;
    background-color: #348ac5;
    color: #ffffff;
}

.balloon-text h5 {
    color: #ffffff;
}

.balloon-text:after {
    content: '';
    position: absolute;
    top: 98%;
    left: 40%;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-top: solid 15px #348ac5;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}

.check-brown-img {
    height: 126px;
    width: 126px;
}

.text-military-green {
    color: #1a4f2c;
}

/*#endregion abonnementloesninger */

/*#region _UserMenu_RD */
usermenuhover:hover {
    background-color: yellow !important;
}

.is-active-menu {
    background-color: #032048;
}

.ative-triangel {
    color: #cbab85;
}

.w-menu {
    width: 125px;
}

.w-menu:hover .fa-angle-right {
    color: white;
}

.w-menu:hover .fa-angle-right {
    color: #f09147 !important;
}


/*#endregion _UserMenu_RD */

/*#region foundation catagorie index */
.card-row {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    flex-wrap: wrap;
    gap: 20px;
}

.catagorie-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: height 0.3s ease;
}

.catagorie-card-header {
    background-color: #011635;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px
}

.catagorie-card-icon {
    color: #4CAF50;
}

.catagorie-card-icon img{
    width: 30px;
    height: 40px;
}

.catagorie-card-title {
    font-size: 18px;
    font-family: 'CooperHewitt-Book';
    color: #fff;
}

.catagorie-card-detail {
    font-family: 'CooperHewitt-Book';
    font-size: 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    transition-delay: 300ms;
    margin-top: 5px;
    background-color: #f4f4f4;
    color: #212121;
    padding: 0px 10px 0px
}

.catagorie-card:hover .catagorie-card-detail {
    max-height: 150px;
    padding: 0px 10px 10px;
    transition-delay: 100ms;
}

@media (min-width: 768px) {
    .catagorie-card {
        width: calc(50% - 20px);
    }
}

@media (min-width: 1200px) {
    .catagorie-card {
        width: calc(33% - 20px);
    }
}
/*#endregion  foundation catagorie index */

/*#region NewContentPage/Index */

.btn-news {
    transition-duration: 0.4s;
    color: white;
    /* background-color: var(--main-dark-blue) !important;*/
    background-color: #24364e !important;
    /*border: 2px solid #758091 !important;*/
}

.btn-news:hover {
    color: white !important;
    /*  background-color: #f36823 !important;*/
    background-color: #f68232 !important;
}

.img-size-nyheder-hero {
    width: 100%;
    height: 335px;
    max-width: 440px;
}

.img-size-nyheder {
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 150px;
}

.img-size-nyheder-detail {
    width: 100%;
    height: auto;
    max-width: 924px;
    max-height: 483px;
}

@media (min-width: 576px) {
    .left-right-area {
        width: calc((100% - 540px) / 2);
    }

    .mid-area {
        width: 540px;
    }
}


@media (min-width: 768px) {
    .left-right-area {
        width: calc((100% - 720px) / 2);
    }

    .mid-area {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .left-right-area {
        width: calc((100% - 960px) / 2);
    }

    .mid-area {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    .left-right-area {
        width: calc((100% - 1140px) / 2);
    }

    .mid-area {
        width: 1140px;
    }
}

@media(min-width:1900px) {
    .left-right-area {
        width: calc((100% - 1600px) / 2);
    }

    .mid-area {
        width: 1600px;
    }
}

/*#endregion NewContentPage Index*/


/*#region Nyheder/detail*/

.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6 {
    display: block
}

.news-content p {
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
}

    .news-content p a {
        /*font-family: CooperHewitt-Bold;*/ 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #f09147;
    }

.news-content p a:hover {
    /*font-family: CooperHewitt-Bold;*/
    color: #f09147;
    text-decoration: underline;
}

.news-custom-color {
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    /*color: black !important;*/
}

.news-custom-color a {
    text-decoration: none;
}

.news-custom-color a:hover {
    color: black !important;
    text-decoration: underline;
}


.news-content h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    color: black;
}

.news-content h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    color: black;

}
.news-content .next-icon {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzMyA0MzguNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwICAgYy0zOS43ODEsMC03Ni40Nyw5LjgwMS0xMTAuMDYzLDI5LjQwN2MtMzMuNTk1LDE5LjYwNC02MC4xOTIsNDYuMjAxLTc5LjgsNzkuNzk2QzkuODAxLDE0Mi44LDAsMTc5LjQ4OSwwLDIxOS4yNjcgICBjMCwzOS43OCw5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU5Miw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODUsNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTM2MS43MzMsMjMyLjExMWwtMjUuOTc4LDI1Ljk4MWwtMTAzLjM1LDEwMy4zNDkgICBjLTMuNDMzLDMuNDMtNy43MTQsNS4xNDctMTIuODUyLDUuMTQ3Yy01LjEzNywwLTkuNDE5LTEuNzE4LTEyLjg0Ny01LjE0N2wtMjUuOTgxLTI1Ljk4Yy0zLjYxNi0zLjYwNy01LjQyNC03Ljg5OC01LjQyNC0xMi44NDcgICBjMC00Ljk0MiwxLjgwOS05LjIyNyw1LjQyNC0xMi44NDdsNTMuOTYyLTUzLjk1NEg5MS4zNjNjLTQuOTQ4LDAtOS4yMjktMS44MTMtMTIuODQ3LTUuNDI4Yy0zLjYxNS0zLjYxMy01LjQyNC03Ljg5OC01LjQyNC0xMi44NDcgICB2LTM2LjU0N2MwLTQuOTQ4LDEuODA5LTkuMjMxLDUuNDI0LTEyLjg0N2MzLjYxNy0zLjYxNyw3Ljg5OC01LjQyNiwxMi44NDctNS40MjZoMTQzLjMyNWwtNTMuOTYyLTUzLjk1OSAgIGMtMy40MjgtMy40MjgtNS4xNC03LjcwOC01LjE0LTEyLjg0N2MwLTUuMTQxLDEuNzEyLTkuNDIsNS4xNC0xMi44NTFsMjUuOTgxLTI1Ljk4MWMzLjQyNy0zLjQyNSw3LjcxLTUuMTM3LDEyLjg0Ny01LjEzNyAgIGM1LjE0NSwwLDkuNDE5LDEuNzExLDEyLjg1Miw1LjEzN2wxMDMuMzUsMTAzLjM1NmwyNS45NzgsMjUuOTgxYzMuNDMyLDMuNDI3LDUuMTQ0LDcuNzA3LDUuMTQ0LDEyLjg0NyAgIEMzNjYuODc3LDIyNC40MDQsMzY1LjE2NSwyMjguNjg2LDM2MS43MzMsMjMyLjExMXoiIGZpbGw9IiNmMTVjMjIiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.news-content ul {
    margin: 10px 0px 20px 30px;
}

.news-content ul li {
    /*  background: url(/HTML/images/listsSprite.png) no-repeat 0 4px;*/
    /*background: url(/images/Asset//Fonde-og-puljer/detailed/Seneste/listsSprite_Edit-sunset.png) no-repeat;
        background-position: -2623px 8px;*/
    padding-left: 18px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: black;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.LineClampin-3line-w-full {
    width: 100%;
    margin: 0 0 1em 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*.leftbar-stiky {
    left: calc((((100vw - 1140px) / 2)/ 2) - 50px);
    width: 100px;
}*/

@media(min-width:992px) {
    .leftbar-stiky {
        left: calc((((100vw - 960px) / 2)/ 2) - 50px);
        width: 100px;
    }
}

@media(min-width:1200px) {
    .leftbar-stiky {
        left: calc((((100vw - 1140px) / 2)/ 2) - 50px);
        width: 100px;
    }
}

@media(min-width:1900px) {
    .leftbar-stiky {
        left: calc((((100vw - 1600px) / 2)/ 2) - 50px);
        width: 100px;
    }
}

.BoxIcon {
    border: solid 2px #D3D3D3;
    color: #1f282f;
    background-color: #f8f9fa;
}

.BoxIcon:hover {
    border: solid 2px #1f282f;
    background-color: #1f282f;
    color: white;
}

.h-image {
    height: 218px;
}

.h-lastnews {
    height: 150px;
}

@media(min-width:576px) {
    .h-image {
        height: 218px;
    }

    .h-lastnews {
        height: 150px;
    }
}

@media(min-width:768px) {
    .h-image {
        height: 294px;
    }

    .h-lastnews {
        height: 130px;
    }
}

@media(min-width:992px) {
    .h-image {
        height: 237px;
    }

    .h-lastnews {
        height: 80px;
    }
}

@media(min-width:1200px) {
    .h-image {
        height: 288px;
    }

    .h-lastnews {
        height: 100px;
    }
}

@media(min-width:1900px) {
    .h-image {
        height: 418px;
    }

    .h-lastnews {
        height: 150px;
    }
}

/*#endregion Nyheder/detail*/
/*#region ActiveUser*/
.p-0 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
}

.imputbox {
    border-radius: 6px;
    box-shadow: inset 0px 14px 16px #ededed;
    padding: 21px 21px 21px 1rem;
}

/*#endregion ActiveUser*/


/*#region CreditcardIndex*/
.text-cardnumber {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 80px;
    text-shadow: 2px 2px black;
}

.text-expried {
    color: white;
    position: absolute;
    top: 140px;
    text-shadow: 2px 2px black;
}

.text-expried-date {
    color: white;
    position: absolute;
    top: 160px;
    text-shadow: 2px 2px black;
}

.mh-creditcard-section {}

@media(min-height:1600px) {
    .mh-creditcard-section {
        min-height: 675px !important;
    }
}

/*#endregion CreditcardIndex*/


/*#region _Footer_RD*/
.text-footer {
    color: #85878c;
}

.text-footer-hover {
    color: #85878c;
}

.text-footer-hover:hover {
    color: #f09147;
}

a.text-footer-hover:hover,
a.text-footer-hover:hover span.text-footer-hover {
    color: #f09147;
}

.text-footer-header {
    color: #cacbce;
}

.icon-footer- {
    color: #555455;
}

.footer-icon {
    height: 36px;
    width: 36px;
}

/*#endregion _Footer_RD*/

/*#region pagination*/

.text-sand {
    color: #cbab85 !important;
}

.text-silver {
    color: #d0d0d0;
}

.pagination-hover {
    color: black !important;
}

.pagination-hover:hover {
    /*color: #cbab85 !important;*/
    /*  color: #f36823 !important;*/
    color: #f09147 !important;
}

.angle-hover {
    color: #f09147;
    cursor: pointer;
    text-decoration: none;
    transition-duration: 0.4s;
}

.angle-hover:hover {
    color: var(--main-dark-blue);
    cursor: pointer;
    text-decoration: none;
}

/*#endregion pagination*/



/*#region Serch bar*/

.padding-right-serchbar {
    padding-right: 0;
}

.padding-left-serchbar {
    padding-right: 0;
}

@media(min-width:992px) {
    .padding-right-serchbar {
        padding-right: calc((100% - 1140px) / 2 + 15px);
    }

    .padding-left-serchbar {
        padding-left: calc((100% - 1140px) + 30px);
    }
}

@media(min-width:1200px) {

    .padding-right-serchbar {
        padding-right: calc((100% - 1140px) / 2 + 15 px);
    }

    .padding-left-serchbar {
        padding-left: calc((100% - 1140px) + 30 px);
    }
}

@media(min-width:1900px) {
    .padding-right-serchbar {
        padding-right: calc((100% - 1600px) / 2 + 15px);
    }

    .padding-left-serchbar {
        padding-left: calc((100% - 1600px) + 30px);
    }
}

.width-serchbar {}


@media(min-width:576px) {
    .width-serchbar {
        width: 370px !important;
    }
}

@media(min-width:768px) {
    .width-serchbar {
        width: 550px !important;
    }
}

@media(min-width:992px) {
    .width-serchbar {
        width: 790px !important;
    }
}

@media(min-width:1200px) {
    .width-serchbar {
        width: 970px !important;
    }
}

@media(min-width:1900px) {
    .width-serchbar {
        width: 1430px !important;
    }
}

/*#endregion Serch bar*/


/*#region Admin Organisation*/
.width-table {
    width: 100%;
}

@media(min-width:576px) {
    .width-table {
        width: 510px !important;
    }
}

@media(min-width:768px) {
    .width-table {
        width: 690px !important;
    }
}

@media(min-width:992px) {
    .width-table {
        width: 930px !important;
    }
}

@media(min-width:1200px) {
    .width-table {
        width: 1110px !important;
    }
}

@media(min-width:1900px) {
    .width-table {
        width: 1570px !important;
    }
}

/*#endregion Admin Organisation*/

.contact-email-link {
    color: #f09147;
    padding-top: 10px;
    padding-bottom: 10px;
}


.heart-breaker {
    animation: wiggle 2s linear infinite;
}

.heart-breaker.hoverimg img:nth-child(1) {
    display: none !important;
}

.heart-breaker.hoverimg img:nth-child(2) {
    display: inline !important;
}

/* Keyframes */
@keyframes wiggle {

    0%,
    7% {
        transform: rotateZ(0);
    }

    15% {
        transform: rotateZ(-15deg);
    }

    20% {
        transform: rotateZ(10deg);
    }

    25% {
        transform: rotateZ(-10deg);
    }

    30% {
        transform: rotateZ(6deg);
    }

    35% {
        transform: rotateZ(-4deg);
    }

    40%,
    100% {
        transform: rotateZ(0);
    }
}


/*#region Legatartikler ArtiklerList*/
.list-logo {
    min-height: 150px;
    min-width: 238px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*#endregion Legatartikler ArtiklerList*/

/*#region datetime picker section*/
.calendar-icon {
    width: 25px;
    height: 25px;
}

.newicon {
    width: 30px;
    height: 40px;
}

.checkmarkicon {
    width: 30px;
    height: 30px;
}

.parent-icon {
    width: 15px;
    height: 18px;
}

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

.categoryicon {
    max-width: 90px;
    max-height: 120px;
    height: auto;
    width: 100%;
}

/*#endregion datetime picker section*/


.detail-logo {
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.shadow-md {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 0 2px 4px 0 rgb(0 0 0 / 8%);
}

.fonde-card-item {
    height: 155px;
    width: 100%;
    float: left;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 0 2px 4px 0 rgb(0 0 0 / 8%);
    align-items: center;
    display: flex;
    min-height: calc(100% - (1.75rem * 2));
    padding: 0.5rem;
    border-radius: 1px;
}

.fonde-image {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #fff;
}

.image-inside {
    background-size: cover;
    max-height: 150px;
    display: block;
    margin: auto;
    cursor: pointer;
    max-width: 100%
}

.tag-icon {
    height: 18px;
    width: 12px;
}

.nowrap {
    white-space: nowrap;
}

/*new 3 modal css*/

.fs-modal {
    font-size: 22px;
}

/*#region Om Fonde.dk view page*/

.om-overlap {
    z-index: 999;
    margin-top: -100px;
}

.om-textarea {
    width: 75%;
}

@media(min-width:375px)and (max-width:576px) {
    .om-overlap {
        margin-top: 25px;
    }

    .om-textarea {
        width: 100%;
    }
}


/*#endregion Om Fonde.dk view page*/

.h1-head-homepage {
    font-size: 1.8rem !important;
}


.arrow-midnight-icon {
    width: 32px !important;
    height: 58px !important;
}

.arrow-homepage {
    width: 21px !important;
    height: 36px !important;
}

.containertest {
    position: relative;
}

.curtain {
    position: relative;
}

.curtain::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-dark-blue);
    opacity: 0.7;
    transition-duration: 0.4s;
}

.curtain:hover::after {
    background: transparent;
}

.form-control-custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 32px !important;
    padding-left: 5px;
}


/*#region welcom model*/

.btn-outline-darkblue {
    color: var(--main-dark-blue) !important;
    border-color: var(--main-dark-blue) !important;
    border-width: 3px !important;
}

.pad-menu {
    padding-top: 2px;
    padding-bottom: 2px;
}


.btn-outline-skyblue {
    transition-duration: 0.4s;
    color: #33445d !important;
    border-color: #33445d !important;
    border-width: 2px !important;
}

.btn-outline-skyblue:hover {
    color: #c07438 !important;
    border-color: #c07438 !important;
    border-width: 2px !important;
}

.btn-outline-orange {
    color: #f36823 !important;
    border-color: #f36823 !important;
    border-width: 3px !important;
}

.custom-shape-divider-top-1675678791 {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1675678791 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 40px;
}

.custom-shape-divider-top-1675678791 .shape-fill {
    fill: var(--main-dark-blue);
}

/*#endregion welcom model*/

.modal-padding-overlap {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.navbar .navbar-nav .nav-item .nav-link-custom {
    padding: 0 0.5em;
}

.navbar .navbar-nav .nav-item:not(:last-child) .nav-link-custom {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

body.modal-open {
    padding-right: 0 !important;
    /*    overflow: auto;*/
    overflow-x: hidden !important;
    overflow-y: auto !important;
}


.w-text-usermenu {}

@media(max-width:991px) {
    .w-text-usermenu {
        width: 150px;
    }
}

@media(min-width:992px) {
    .width-table {}
}

.bg-customer {
    background-color: #f3f5f7 !important;
}

.bg-light-custom {
    background-color: #dfe0e1 !important;
}

.card-detail {
    height: 350px;
}


@media(min-width:1900px) {
    .card-detail {
        height: 400px;
    }
}

/*#Fundraising-videoguides*/
.podcast-preview {
    width: 100% !important;
    height: 134px !important;
    background-size: 100% 134px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mask-podcast-preview {
    position: absolute;
    bottom: 197px;
    right: 19px;
    background-color: black;
    opacity: .8;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 25px;
}




@media(min-width:1900px) {
    .podcast-preview {
        background-size: 100% 175px;
        width: 100% !important;
        height: 175px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .mask-podcast-preview {
        position: absolute;
        bottom: 156px;
        right: 19px;
        background-color: black;
        opacity: .8;
        color: white;
        font-size: 12px;
        font-weight: bold;
        width: 60px;
        height: 25px;
    }
}

/*#hover autocomplete*/

.search-auto {
    background-color: white;
    color: black;
    /*padding-right: 30px;*/
    display: block;
    padding: 6px 0;
    color: black;
}

.search-auto:hover {
    background-color: #f8f9fa;
    /*padding-right: 30px;*/
    display: block;
    padding: 6px 0;
    color: black;
}

.matched-text {
    /*font-weight: bold;*/
    font-size: 18px !important;
}

.border-search {
    border-radius: 0 0 0.25rem 0.25rem;
    border-top-right-radius: 0 !important;
    padding: 6px 0;
}

/*#endregion welcom model*/

.h-286px {
    height: 286px;
}

.jc-center {
    justify-content: center;
}

.text-overflow-3lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-6lines {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*@media text viden card device*/

@media(max-width:1881px) {
    .title-card {
        font-size: 1.25rem;
    }

    .detail-card {
        font-size: 1rem;
    }

    .mw-video-homepage {
        max-width: 1140px !important
    }

    .image-detail-height {
        max-height: 416px;
    }

    .image-nyheder-height {
        max-height: 90px;
    }
}

@media(min-width:1881px) {
    .title-card {
        font-size: 1.5rem;
    }

    .detail-card {
        font-size: 1.25rem;
    }

    .mw-video-homepage {
        max-width: 1200px !important
    }

    .image-detail-height {
        max-height: 416px;
    }

    .image-nyheder-height {
        max-height: 148px;
    }
}

@media(max-width:992px) {
    .title-card {
        display: block;
        font-size: 1.5rem;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .detail-card {
        font-size: 1.25rem;
    }

    .image-detail-height {
        max-height: 416px;
    }

    .image-nyheder-height {
        max-height: 90px;
    }
}

.pd-bt-1rem {
    padding-bottom: 1rem !important;
}

.afventerdatoDate {
    text-decoration: line-through;
    text-decoration-color: #A6A6A6;
    padding-right: 10px;
    color: #A6A6A6;
}

.detail-textarea {
    width: 100%;
    min-height: 50px;
    resize: none;
    overflow: hidden;
    border: none;
    outline: none;
    padding: 0;
    background-color: #f6fafd;
}

.btn-nolink {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-light-nolink {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.w-33percent {
    width: 33%
}

@media(max-width:992px) {
    .w-33percent {
        width: 100%
    }
}

.w-200px {
    width: 200px;
}

.w-300px {
    width: 300px;
}

.w-400px {
    width: 400px;
}

.w-100px {
    width: 100px
}

.w-50px {
    width: 50px !important
}

.w-40px {
    width: 40px !important
}

.w-30px {
    width: 30px !important
}

.max-w-200px {
    max-width: 200px;
}

.max-w-300px {
    max-width: 300px;
}

.max-w-400px {
    max-width: 400px;
}

.max-w-500px {
    max-width: 500px;
}

.flex-auto {
    flex: auto
}

.h-1px {
    height: 1px
}

.min-w-fit {
    min-width: fit-content;
}

.overflow-x-auto {
    overflow-x: auto;
    max-width: 100vw !important;
}

.hide {
    display: none;
}

.text-color-black90 h1,
.text-color-black90 p,
.text-color-black90 h3 {
    color: #1b1b1b !important;
}


    .border-b-p25 p,
    .border-b-p25 div {
        padding: 25px 0px;
        border-bottom: 2px solid #e8e8e8;
        margin: 0;
    }

.border-b-p25 span {
    font-size: 18px;
    font-family: 'CooperHewitt-Book';
}

.text-sunset {
    color: #fb9d09 !important;
}

.text-greentea {
    color: #1da769 !important;
}

.text-bluesea {
    color: #348ac5 !important;
}

.sunset-blog {
    background-color: #ffffff;
    color: #fb9d09 !important;
    border: 2px solid #fb9d09
}

.sunset-blog h4,
.sunset-blog span {
    color: #fb9d09;
}

.greentea-blog {
    background-color: #ffffff;
    color: #1da769 !important;
    border: 2px solid #1da769
}

.greentea-blog h4,
.greentea-blog span {
    color: #1da769;
}

.bluesea-blog {
    background-color: #ffffff;
    color: #348ac5 !important;
    border: 2px solid #348ac5
}

        .bluesea-blog h4,
        .bluesea-blog span {
            color: #348ac5;
        }


.chip {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 10px;
    background-color: #e0e0e0;
    color: white;
    margin: 5px;
    text-align: center;
    font-weight: bold;
}

    .chip.success {
        background-color: #4CAF50; /* Green */
    }

    .chip.fail {
        background-color: #F44336; /* Red */
    }

    .chip.waiting {
        background-color: #ff9600; /* Yellow */
    }



.view-detail-btn {
    display: inline-block;
    background-color: #ff8a52;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

    .view-detail-btn:hover {
        background-color: #fd590b;
        transform: scale(1.05);
    }