:root{
    --green: #1c8249;
    --green-dark: #1a623a;
    --yellow: #fad514;
    --red: #ec202a;
    --blue: #0482ee;
    --lighter: rgba(255,255,255,.05);
    --lightest: rgba(255,255,255,.5);
    --darker: rgba(0,0,0,.05);
    --white: #fff;
    --black:#000;
    --grey: #F8F9FA;
        --dark-grey: #efefef;
}

html, body{
    /*overflow-x: hidden;*/
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  font-family: Arial, sans-serif;
}
body:not(.modal-open){
  padding-right: 0px !important;
}
*{
  letter-spacing: -0.3px !important;
}

.green {
    color: var(--green)!important;
}

.green-dark {
    color: var(--green-dark)!important;
}

.yellow {
    color: var(--yellow) !important;
}

.red {
    color: var(--red) !important;
}

.white {
    color: var(--white) !important;
}

.bg-green {
    background: var(--green) !important;
}

.bg-green-dark {
    background: var(--green-dark) !important;
}

.bg-yellow {
    background: var(--yellow) !important;
}

.bg-red {
    background: var(--red) !important;
}

.bg-blue {
    background: var(--blue) !important;
}

.bg-lighter {
    background: var(--lighter);
}

.bg-lightest {
    background: var(--lightest);
}

.bg-darker {
    background: var(--darker);
}

.bg-grey{
    background: var(--grey);
}

a {
    text-decoration: none; 
    color: inherit;
}
a:hover{
    color: inherit;
    opacity: .9;
}
a:active{
    scale: .99;
}
.dropdown-item:active{
    color: inherit;
    background: inherit;
    opacity: .7;
}
.dropdown-toggle:after { content: none }

.btn-white{background-color:var(--white);color: var(--black)}.btn-white:hover{color: var(--black)}
.btn-white-duotone{background-color:var(--white);color: var(--black)} .btn-white-duotone i{color:var(--green)}.btn-white-duotone:hover{color: var(--black)}
.btn-light{background-color:var(--grey);color: var(--black)}.btn-light:hover{color: var(--black)}
.btn-green{background-color:var(--green);color:var(--white)}.btn-green:hover{color:var(--white)}
.btn-green-dark{background-color:var(--green-dark);color:var(--white)}.btn-green:hover{color:var(--white)}
.btn-yellow{background-color:var(--yellow); color: var(--black)}.btn-yellow:hover{background-color:var(--yellow);color: var(--black);opacity: 0.9;}
.btn-red{background-color:var(--red);color: var(--white)}.btn-red:hover{background-color:var(--red);color: var(--white);opacity: 0.9;}


.rounded{
    border-radius: 10px !important;
}

/* Lines */
.assuria-line{
    height: 3px;
}

/* Header */
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
}
.header::before {
  content: "";
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
}
.header-location-flag{
    width: 18px;
    height: 14px;
}
.sub-navigation>a, .sub-navigation button{
    font-size: .9rem;
}
.navigation>a{
    font-size: .95rem;
}
.myassuria-portal-a, .ai-a{
    height: 34px;
}
.ai-b-text{
    height: 24px;
    line-height: 24px;
    font-size: .9rem;
}
.ai-a-text{
    height: 24px;
    line-height: 24px;
    font-size: .6rem;
}
.header-content{
    position: relative;
    z-index: 51;
}
.logo{
    height: 70px;
    padding: 0 15px;
    border-radius: 0 0 10px 10px;
}
.logo>img{
    height: 50px;
}

/* Navigation */
.nav-menu button{
    background: transparent;
}
.nav-menu .dropdown-menu::before{
    content: "";
    display: block;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -11px;
    right: 10px;
    position: absolute;
}
.nav-menu .dropdown-menu{
    min-width: 325px;
    margin-right: -5px !important;
    border-radius: 10px;
    border-width: 0;
    border-color: #efefef;
    box-shadow: 0 0 50px rgba(0,0,0,.3);
}
.nav-menu .dropdown-menu a{
    border-radius: 10px;
}

.chat-block{

}

/* Footer */
.footer-slogan{
    height: 35px;
}
.footer-logo{
    height: 40px;
}
.footer-end{
    border-top-color: rgba(0,0,0,.2) !important;
}

/* Hero */
.hero-container {
    height: 650px;
}
.hero-modal {
    position: absolute;
    bottom: 75px;
    left: 0;
}
/*.banner-item{
    background-size: cover;
    background-position: center;
}*/
.banner-item::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0));
}

/* Content */
.content {
    z-index: 5;
    margin-top: -75px;
}
.claim-item{
    min-height: 110px;
    position: relative;
}
.ass-texture{
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: .25;
}

p a, .editor-content li a{color:var(--green)}

/* Insurance items hero */
.insurance-arrow {
    width: 30px;
    height: 30px;
}
.insurance-options {
    max-width: 375px;
    /* max-width: 425px; */
}

/* Portal */
.myassuria-portal{
    flex: 1;
}
.myassuria-portal-image{
    width: 250px;
    height: 200px;
}

/* Ad-space */
.ad-space {
    overflow: hidden;
    min-height: 250px;
    background-size: cover;
    background-position: center;
}
.ad-space::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}

.topButton {font-size:1rem!important;}
.topButton i{font-size:0.7rem;}
.topButton .insurance-arrow{width:20px;height:20px;}
.contactBtn i{font-size:0.9rem;}
.btn-light.contactBtn i{color:var(--green);}

.insuranceList a .iconBg i{color:var(--white)}
.insuranceList a .iconBg, .directRegelenBtn .iconBg{width:43px!important;text-align:center;}
.directRegelenBtn .iconBg i{}
.umbraco-forms-form input.text{width:100%!important;}
.umbraco-forms-form textarea{width:100%!important;max-width:100%!important;}

.prsnOverviewCalcProperty small{font-size:0.7em;font-weight:normal!important;}

 .form-switch .form-check-input {
     background-color:var(--gray);
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba%0, 0, 0, 1%29'/></svg>");
  }
  
  /*.form-switch .form-check-input:focus {
     border-color:var(--grey);
  }*/
  
 .form-check-input:checked {background-color: var(--green); border-color: var(--green);}
 .form-check-input:focus {box-shadow: 0 0 0 .25rem rgba(28,130,73,.25)}
 
 table.dataTable thead tr th {
    background-color: var(--green) !important; color:var(--white);
}
 table.dataTable tbody tr td{background-color:var(--dark-grey)!important;}
    table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
    table.dataTable tbody tr td:last-child, table.dataTable thead tr th:last-child {
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }
    table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
        box-shadow: none !important
    }
table.dataTable tbody tr {
    border-bottom: 7px solid var(--white);
    border-top: 7px solid var(--white)
}
.claimToggle{ background-color: var(--red);color:var(--white)}
.claimToggle.active{ background-color: var(--white)!important;color:var(--red)}

#carouselLatestNews .carousel-indicators button{background-color:var(--green)!important;}

.btn-secondary.btn-ribbon {
    font-size: 12px !important;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    right: -44px;
    top: 45%;
    z-index: 99;
    box-shadow: none;
    padding: 6px 16px;
}
.btn-secondary.btn-ribbon {
    color: #0e0e0e;
    background-color: #fcd851;
    background-image: linear-gradient(-180deg, #fbd20c 0, #d0b42d 100%);
    box-shadow: 0 2px 0 0 #836c00;
}
    .btn-secondary.btn-ribbon svg {
        width: 20px;
    }
    
/* currency column: fixed width, right-aligned */
.calc-curr{
  display:inline-block;
  width:3.5ch;            /* fits SRD/USD/EUR */
  text-align:right;
  margin-right:.4rem;
}

/* amount column: right align numbers with tabular digits */
.calc-amt{
  display:inline-block;
  min-width:8ch;
  text-align:right;
  font-variant-numeric: tabular-nums; /* or font-feature-settings:'tnum' 1; */
}

/* when it's plain text (no currency), span behaves like a text cell */
.calc-amt.is-text{
  min-width:0;
  text-align:left;        /* change to right if you prefer */
}
    
@media (min-width: 768px) {
    .btn-secondary.btn-ribbon {
        font-size: 15px !important;
        right: -57px;
        padding: 10px 24px;
    }
}

.contenttabel td {
    border-bottom: 1px solid #e8e8e8;padding: 10.66667px 0;
}