/*
  Used colors
*/
:root {
    --light-green: rgba(149, 236, 48, 1);
    --dark-green: rgba(0, 218, 152, 1);
    --turquoise: rgba(129, 229, 210, 1);
    --color-nav-hover: #0bd596;
    --red: rgba(255, 114, 86, 1);
    --btn-color: rgba(11, 213, 150, 1);
    --btn-grey: #606060;
    --btn-grey-hover: #00000033;
    --btn-red-background: #FF725617;
    --btn-red-border: #FF7256;
    --btn-gri-background: #61CE70;
    --btn-gri-gradient-1: rgba(149, 236, 48, 0.2);
    --btn-gri-gradient-2: rgba(0, 218, 152, 0.2);
    --btn-gri-gradient-3: rgba(129, 229, 210, 0.2);
    --btn-gri-gradient-4: rgba(149, 236, 48, 0.5);
    --btn-gri-gradient-5: rgba(0, 218, 152, 0.5);
    --btn-gri-gradient-6: rgba(129, 229, 210, 0.5);
    --error-background: rgba(237, 76, 76, 0.41);
    --footer-background: #252525;
}

/*
  Copied of Griesser-page
*/

@import url("https://p.typekit.net/p.css?s=1&k=jtl1epy&ht=tk&f=24539.24540.24543.24544&a=5056969&app=typekit&e=css");

@font-face {
    font-family: "sofia-pro";
    src: url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "sofia-pro";
    src: url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "sofia-pro";
    src: url("https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "sofia-pro";
    src: url("https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300
}


html,
body {
    font-family: "sofia-pro";
}




.nav-space-between {
    justify-content: space-between;
}


.form-control {
    margin: 10px !important;
    margin-left: 0px !important;
}

.navbar {
    border-image-slice: 1;
    border-image-source: linear-gradient( 90deg,#95ec30 0%,#00da98 65%,#81e5d2 100%);
    border-bottom: 15px solid !important;
}

    .navbar a:hover {
        color: var(--color-nav-hover) !important;
    }

    .navbar li {
    
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1em;
    }

    main {
        background-color: #fff;
        padding: 4%;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 8%);
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 8%);
    }

.footerflex{
    justify-content: space-between;
    display: flex;
    align-items:center ;
}
body {
    background-color: #f8f9fa;
}

header{
    background-color : white;
}

footer{
    background-color: white;
}

td > div {
    max-height: 5em;
    overflow: hidden;

}

.btn-gri-add {
    transition: .2s opacity;
    background-image: linear-gradient( 90deg,var(--light-green) 0,var(--dark-green) 60%,var(--turquoise) 100%);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius: 15px;
    padding: 15px 25px;
    color: white;
}
.btn-gri-add:hover {
    color: white;
}

@media (max-width: 992px){
    .hideSmallScreen{
        display:none;
    }
}