:root {
    --brand-color: #013755;
}

.navbar {
    background-color: var(--brand-color);
}

.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

/* this is needed to make the content max-viewed with footer */
@media (min-width: 576px) {
    .min-vh-87 {
        min-height: 91vh;
    }
}
@media (max-width: 576px) {
    .min-vh-87 {
        min-height: 91vh;
    }
}

/*
* Custom styles for the form associated with the form fieldset component
*/
form fieldset fieldset{
  border:1px solid #f0f3eb
}
form fieldset fieldset fieldset {
    border:0;
}
form fieldset fieldset label span  {
    display:none
}
form fieldset:first-of-type fieldset:first-of-type fieldset:first-of-type span:first-of-type  {
    background-color: #f0f3eb;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 0 0 0 0.15px #3b4069;   
    display: block;
}

form fieldset:last-of-type fieldset:last-of-type fieldset:last-of-type button:last-of-type,
form fieldset:last-of-type fieldset:last-of-type fieldset:last-of-type input[type="checkbox"]:last-of-type   {  
    display: none;
}

form fieldset legend {
border:0;
margin:0;
}
/* radio and checkbox */
form fieldset .col-radio-checkbox legend {
   font-size: medium;
   text-align: left;
   display: flex;
   margin-left: 1em;
   width: auto;
   background-color: var(--bs-tertiary-bg);
  border-right: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
   margin:0;
   padding: 10px;
   
}

form fieldset .col-radio-checkbox fieldset {
    display: flex;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    flex-direction: row;
    align-items: center;
}

/* primary genre - event */
form fieldset>.primarygenre span  {
    background-color: #f0f3eb;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 0 0 0 0.15px #3b4069;
    display: block;
}
form .primarygenre  {
    border:1px solid #f0f3eb;
}
/* primary genre - event */

/* card index.. kan slettes etterpå*/
.card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}






.w-80 {
   width: 80px!important;
   height: 80px!important;
}

.w-100 {
    width: 100px!important;
    height: 100px!important;
 }



.avatar {
   position: relative;
   line-height: 1;
   border-radius: 500px;
   white-space: nowrap;
   font-weight: 700;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   box-shadow: 0 5px 10px 0 rgba(50, 50, 50, .15);
}

.avatar img {
   border-radius: inherit;
   width: 100%
}

.gd-primary {
   color: #fff;
   border: none;
   background: #013755;
}

.modal-body > form > .dam_upload:has(label)
{
   padding-left: 1rem;
   padding-right: 1rem;
   padding-bottom: 1rem;
   border-bottom: 1px solid #16151524;
   margin-bottom: 1rem;
}

.modal-body > form > .dam_upload > label {
	display: block;
	font: 1.15rem / 1.5 sans-serif;
	font-weight: lighter;
}


/* For most modern browsers (Chrome, Firefox, Opera, Safari 10.1+) */
.form-control::placeholder, .jalla {
  color: #959595; /* Replace with your desired color */
  opacity: 1; /* Firefox adds a lower opacity by default, so set to 1 */
}

/* For Internet Explorer 10-11 */
.form-control:-ms-input-placeholder {
   color: #959595; /* Replace with your desired color */
}

/* For Microsoft Edge */
.form-control::-ms-input-placeholder{
   color: #959595; /* Replace with your desired color */
}