/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/jul/2019, 15:40:20
    Author     : cbrag
*/

.popup_wrapper {
    padding: 12px 15px;
}
.popup_title_wrapper {
    border-bottom: 1px solid #f3b416;
    padding: 0 0 12px;
    margin: 0 0 12px;
}
.popup_title_text {
    font-size: 22px;
    font-weight: 600;
}
.popup_title_icon {
    font-size: 24px;
    color: #f3b416;
    margin: 0 0 0 6px;
}
.popup_subtitle {
    font-weight: 700;
    color: #000;
}
.popup_subtitle_wrapper .popup_text {
    margin: 0 0 25px;
}
.popup_customization_preview_outer_wrapper {
    max-width: 250px;
    max-height: 250px;
    margin: auto;
    position: relative;
}
.popup_customization_preview_middle_wrapper {
    background: rgba(243, 180, 22, .2);
    /* border: 3px dashed #f3b416; */
    margin: auto;
    padding: 6px;
}
.popup_customization_preview_inner_wrapper {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
table.popup_customization_preview_table th, table.popup_customization_preview_table td {
    border: 0;
}
table.popup_customization_preview_table tr:first-child th {
    width: 100%;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}
table.popup_customization_preview_table tr th {
    text-align: center;
    padding: 0;
    vertical-align: middle;
}
.popup_customization_preview_outer_wrapper::after {
    content: "";
    position: absolute;
    width: calc(100% + 16px);
    height: 100%;
    top: 0;
    left: -8px;
    border-top: 2px dashed #f3b416;
    border-bottom: 2px dashed #f3b416;
}
.popup_customization_preview_outer_wrapper::before {
    content: "";
    position: absolute;
    height: calc(100% + 16px);
    width: 100%;
    top: -8px;
    left: 0;
    border-left: 2px dashed #f3b416;
    border-right: 2px dashed #f3b416;
}
.popup_upload_text {
    font-weight: 700;
}
.popup_upload_file_name {
    color: #5CB85C;
}
.popup_upload_container {
    border-bottom: 1px solid #3B3A39;
}
.popup_action_wrapper {
    margin: 24px -8px 0;
}
.popup_action_wrapper .md-button {
    margin: 6px 8px !important;
}
button.subscribe_newsletter_submit[disabled] {
    background: #333;
    color: #fff;
    opacity: .9;
}

md-dialog.danke_popup {
    border-radius: 16px;
}
.popup_image_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
}
.popup_image_wrapper img {
    width: 175px;
    margin: 0 0 -12px 16px;
}



@media screen and (max-width: 599px) {
    .popup_action_wrapper {
        margin: 0 -8px;
    }
}