1KA_F2F/resources/sass/admin_new/components/popup/popup.scss

@mixin popup_general() {
    /*max-height: 90vh;
    overflow-y: scroll;*/
    max-width: 90vw;

    padding: 20px;

    /*font-size: 13px;
    line-height: 20px;*/

    background-color: white;
    border-left: 6px $blue solid !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);

    .popup_close{
        position: absolute !important;
        top: 20px;
        right: 20px;
        z-index: 9999;

        font-size: 32px !important;
        line-height: 25px;
        color: $gray;

        &:hover{
            color: $blue;
        }

        a{
            color: $gray;
            
            &:hover{
                color: $blue;
            }
        }
    }

    h2,
    .divPopUp_top{
        max-width: 95%;
        margin-top: 0px;
        margin-bottom: 20px;

        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: $black;
    }

    p{
        line-height: 20px;
    }


    /*&.popup_violet{
        border-left: 6px $violet solid !important;

        div.buttonwrapper a {
            background-color: $violet;
            border: 1px $violet solid;
    
            &:hover{
                background-color: $violet_light;
                border: 1px $violet_light solid;
            }
        }
        div.buttonwrapper a.ovalbutton_gray{
            color: $violet !important;
            background-color: white !important;
    
            &:hover{
                color: white !important;
                background-color: $violet !important;
            }
        }
    }

    &.popup_orange{
        border-left: 6px $orange solid !important;

        div.buttonwrapper a {
            background-color: $orange;
            border: 1px $orange solid;
    
            &:hover{
                background-color: $orange_lighten;
                border: 1px $orange_lighten solid;
            }
        }
        div.buttonwrapper a.ovalbutton_gray{
            color: $orange !important;
            background-color: white !important;
    
            &:hover{
                color: white !important;
                background-color: $orange !important;
            }
        }
    } 

    &.popup_red{
        border-left: 6px $red solid !important;

        div.buttonwrapper a {
            background-color: $red;
            border: 1px $red solid;
    
            &:hover{
                background-color: $red_lighten;
                border: 1px $red_lighten solid;
            }
        }
        div.buttonwrapper a.ovalbutton_gray{
            color: $red !important;
            background-color: white !important;
    
            &:hover{
                color: white !important;
                background-color: $red !important;
            }
        }
    } */
}