/**
    Global css spreadsheet
*/

@font-face {
                    font-family: "Montserrat-Bold" ;
                    src: url(".././assets/fonts/Montserrat-Bold.ttf");
                  }
@font-face {
                    font-family: "Montserrat-Regular" ;
                    src: url(".././assets/fonts/Montserrat-Regular.ttf");
                  }
@font-face {
                    font-family: "NeueHaasUnicaPro-Bold7877d7d309" ;
                    src: url(".././assets/fonts/NeueHaasUnicaPro-Bold7877d7d309.otf");
                  }
@font-face {
                    font-family: "NeueHaasUnicaPro-Light630bfc0c92" ;
                    src: url(".././assets/fonts/NeueHaasUnicaPro-Light630bfc0c92.otf");
                  }
@font-face {
                    font-family: "NeueHaasUnicaPro-LightItc777339738" ;
                    src: url(".././assets/fonts/NeueHaasUnicaPro-LightItc777339738.otf");
                  }

/* Primary elements */

/* TODO try to eliminate some data tags by injecting styles in HTML tags */

body {
    background-color: rgba(255, 255, 255, 1);
    font-family: Montserrat-Regular !important;
    font-size: 16px !important;
    color: #fffdfd !important;
    position: relative;
}

body , #main-content{
    min-height: 100vh !important;
    width: 100% !important;
}

#main-content {
    overflow:  hidden auto !important;
    display: block !important;
}

#main-content > div {
    overflow:  unset !important;
}

div[data-background]{
    background-image: url("../assets/images/logo.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: -10;
    opacity: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1024px) {
    div[data-background]{
        background-image: url("../assets/images/RF2019kiminelle39von404c7cb1fb5d.jpg") !important;
    }
}

#browser-unsupported {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute; 
    left: 0px; 
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
  
#browser-unsupported-text {
    color: #ffffff;
    text-align: center;
    width: 80%;
    font-weight: bold;
    font-size: 26px;
}

img[data-logo] {
    content: url("../assets/images/ewz_Logo_RGB_Negativ_340pxf03370ac3f.png") !important;
    display: unset !important;
}

/*p[data-text] {
    font-family: Montserrat-Regular !important;
    font-size: 16px !important;
    color: #fffdfd !important;
}*/

h1[data-text]{
    font-family: Montserrat-Regular !important;
    font-size: 40px !important;
}

h2[data-text] {
    font-family: Montserrat-Bold !important;
    font-size: 30px !important;
}

h3[data-text] {
    font-family: Montserrat-Bold !important;
    font-size: 26px !important;
}

#swal2-title {
    color: black !important;
    text-shadow: none !important;
}

a, .custom-control-label {
    cursor: pointer;
}

/* HIDE FORM INPUTS - JS SCRIPT WILL DISPLAY THEM  */
form input {
    display: none !important
}

form label {
    display: none !important
}

/* add primary color to input placeholders */
input::placeholder {
    color: #fffdfd !important;
    opacity: 1;
}


/*  */

[data-color-primary][data-color-background-color] {
    background-color: #009844 !important;
}

[data-color-primary][data-color-border-color] {
    border-color: #009844 !important;
}

[data-color-text-primary][data-color-border-color] {
    border-color: #fffdfd !important;
}

[data-color-primary][data-color-color] {
    color: #009844 !important;
}

[data-color-secondary][data-color-background-color] {
    background-color: #005124 !important;
}

[data-color-secondary][data-color-border-color] {
    border-color: #005124 !important;
}

[data-color-text-secondary][data-color-border-color] {
    border-color: rgba(255, 255, 255, 1) !important;
}

[data-color-secondary][data-color-color] {
    color: #005124 !important;
}

/* Pseudo elements */

[data-color-primary-before][data-color-background-color-before]::before {
    background-color: #009844 !important;
}

[data-color-primary-before][data-color-border-color-before]::before {
    border-color: #009844 !important;
}

[data-color-primary-text-before][data-color-border-color-before]::before {
    border-color: #fffdfd !important;
}

[data-color-primary-before][data-color-color-before]::before {
    color: #009844 !important;
}

[data-color-secondary-before][data-color-background-color-before]::before {
    background-color: #005124 !important;
}

[data-color-secondary-before][data-color-border-color-before]::before {
    border-color: #005124 !important;
}

[data-color-secondary-text-before][data-color-border-color-before]::before {
    border-color: rgba(255, 255, 255, 1) !important;
}

[data-color-secondary-before][data-color-color-before]::before {
    color: #005124 !important;
}

[data-color-primary-after][data-color-background-color-after]::after {
    background-color: #009844 !important;
}

[data-color-primary-after][data-color-border-color-after]::after {
    border-color: #009844 !important;
}

[data-color-primary-after][data-color-color-after]::after {
    color: #009844 !important;
}

[data-color-secondary-after][data-color-background-color-after]::after {
    background-color: #005124 !important;
}

[data-color-secondary-after][data-color-border-color-after]::after {
    border-color: #005124 !important;
}

[data-color-secondary-after][data-color-color-after]::after {
    color: #005124 !important;
}

.custom-checkbox .custom-control-input:checked~[data-color-primary-checkbox]::after {
    background-color: #009844 !important;
}

.custom-checkbox .custom-control-input:checked~[data-color-secondary-checkbox]::after {
    background-color: #005124 !important;
}

.custom-checkbox .custom-control-input:checked~[data-color-primary-text-checkbox]::after {
    background-color: #fffdfd !important;
}

.custom-checkbox .custom-control-input:checked~[data-color-secondary-text-checkbox]::after {
    background-color: rgba(255, 255, 255, 1) !important;
}

.custom-checkbox .custom-control-input:checked~[data-color-primary-text-checkbox-checkmark]::after {
    border-color: #fffdfd !important;
}
.custom-checkbox .custom-control-input:checked~[data-color-secondary-text-checkbox-checkmark]::after {
    border-color: rgba(255, 255, 255, 1) !important;
}

/* Text elements */

[data-text] {
    font-family: Montserrat-Regular !important;
    font-size: 16px !important;
    color: #fffdfd !important;
}

[data-text-menu] {
    transition: ease 0.3s !important;
    font-family: Montserrat-Bold !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

[data-text-menu]:hover {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 0.45 !important;
    text-decoration: none !important;
}

[data-color-text-primary] {
    color: #fffdfd !important;
}

[data-color-text-secondary] {
    color: rgba(255, 255, 255, 1) !important;
}

[data-color-link-primary] {
    transition: ease 0.3s !important;
    color: #fffdfd !important;
    opacity: 1 !important;
}

[data-color-link-primary]:hover {
    color: #fffdfd !important;
    opacity: 0.45 !important;
    text-decoration: none !important;
}

[data-color-link-secondary] {
    transition: ease 0.3s !important;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

[data-color-link-secondary]:hover {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 0.45 !important;
    text-decoration: none !important;
}

[data-color-social-primary] {
    transition: ease 0.3s !important;
    background-color: #fffdfd !important;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

[data-color-social-primary]:hover {
    background-color: #fffdfd !important;
    opacity: 0.45 !important;
}

[data-color-social-secondary] {
    transition: ease 0.3s !important;
    background-color: rgba(255, 255, 255, 1) !important;
    color: #fffdfd !important;
    opacity: 1 !important;
}

[data-color-social-secondary]:hover {
    background-color: rgba(255, 255, 255, 1) !important;
    opacity: 0.45 !important;
}

[data-color-placeholder-primary]::placeholder, [data-color-placeholder-primary]::-ms-input-placeholder {
    color: #fffdfd !important;
    opacity: 1;
}
[data-color-placeholder-primary]::-webkit-input-placeholder {
    color: #fffdfd !important;
}
[data-color-placeholder-secondary]::placeholder {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1;
}
[data-color-placeholder-secondary]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

/* SVG elements */

[data-color-svg-primary] {
    background-color: #fffdfd !important;
}

[data-color-svg-secondary] {
    background-color: rgba(255, 255, 255, 1) !important;
}

/* Button elements */

[data-button] {
    font-family: Montserrat-Regular !important;
    border: solid 1px;
    transition: ease 0.3s;
    opacity: 1;
    border-radius: 15px !important;
            background-color: #005124 !important;
            color: rgba(255, 255, 255, 1) !important;
            border-color: #005124 !important;
            
}

[data-button]:hover {
    opacity: 0.45 !important;
}

[data-button]:disabled {
    opacity: 0.65 !important;
}

[data-button-icon] {
    color: rgba(255, 255, 255, 1) !important;
}

/*[data-button]:hover {
    border-radius: 15px !important;
            background-color: rgba(0, 169, 157, 1) !important;
            color: rgba(255, 255, 255, 1) !important;
            border-color: rgba(0, 169, 157, 1) !important;
            
}*/

@media only screen and (max-width: 768px) {
    .swal-custom-popup{
        width: 80vw !important;
    }
}