 /* FOR DESKTOP VIEW */
@media only screen and (min-width: 801px) {
    .popup_message {
        width: 375px !important;
    }

}

/* FOR TABLET VIEW */
@media only screen and (max-width: 800px) {
    .popup_message {
        width: 375px !important;
    }
}

/* FOR MOBILE VIEW */
@media only screen and (max-width: 425px) {
    .popup_message {
        width: 306px !important;
    }
}
.popup_panel {
text-align: center;
}
.popup_cancel_blue {
/* background: #7bc6ff; */
background: var(--primary) !important;
}

.popup_cancel {

height: 28px;
width: 100px;
color: #fff;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-weight: bold;
outline: none;
border: none;
margin-left: 4px;
margin-right: 4px;
}
.popup_ok_blue {
/* background: #7bc6ff; */
background: var(--primary) !important;
}

.popup_ok 
{

height: 28px;
width: 100px;
color: #fff;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-weight: bold;
outline: none;
border: none;
margin-left: 4px;
margin-right: 4px;
}
.popup_content_img 
{
    margin: 0;
    font-size: 40px;
    color: #fc6565;
    text-align: center;
    cursor: pointer;  /*changes made by Mahesh Saggam on 17-JUNE-2020 [to show summary on click of error image]*/
}
.popup_content_error 
{
    padding: 12px 0 !important;
    margin: 0;
}
::ng-deep .mat-dialog-container
{
    padding: 0 !important;
}

.popup_title 
{
font-size: 14px;
font-weight: bold !important;
font-style: normal;
text-align: center;
line-height: 1.75em;
color: black;
border-bottom: solid 1px #d9d9d9;
cursor: default;
padding: 0px !important;
margin-bottom:8px;

}
.success-box
{
    color: #3fa75f !important;
}
.popup_title_inner_div
{
    padding-bottom: 8px !important;
}

.bb-confirm-msg
{
    margin: 0px 10px 0px 10px !important;
}