/*
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 : June 14, 2021, 11:00:33 AM
    Author     : Prerana
*/
.simple-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
    -webkit-transition: opacity 1ms .25s, -webkit-transform .25s;
    transition: opacity 1ms .25s, -webkit-transform .25s;
    -o-transition: transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s, -webkit-transform .25s;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.simple-dialog.active {
    height: 100%;
    opacity: 1;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.simple-dialog a:hover {
    cursor: pointer;
}

.simple-dialog-content, .simple-confirm-alert-content, .simple-confirm-content, .simple-mandatory-content, .simple-message-content {
    background-color: #fff;
    width: 280px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    box-sizing: border-box;
    /*padding: 15px;*/
    border-radius: 12px;
}

.simple-dialog-header, .simple-confirm-alert-header, .simple-confirm-header, .simple-mandatory-header, .simple-message-header
{
    padding: 0 15px 15px 15px;
    position: relative;
    text-align: center;
    top: -20px;
}
.simple-dialog-footer, .simple-confirm-alert-footer, .simple-confirm-footer, .simple-mandatory-footer, .simple-message-footer
{
    padding: 0 15px 0px 15px;
    position: relative;
    text-align: center;
    top: -10px; /* not showing space at last for alerts (ok btn and cancel btn)*/
    background-color: #fff;
    bottom: 0;
    padding-bottom: 10px;
}
.simple-dialog-body, .simple-confirm-alert-body, .simple-confirm-body, .simple-mandatory-body, .simple-message-body
{
    padding: 0 15px;
    position: relative;
    top: -18px;
    max-height: 240px;
    overflow: auto;
}

.simple-dialog-header .title {
    margin: 0;
    padding: 0;
    color: #ff7c80;
    font-weight: 600;
}
.simple-confirm-alert-header .title
{
    margin: 0;
    padding: 0;
    color: #71af3b;
    font-weight: 600;
}
.simple-confirm-header .title
{
    margin: 0;
    padding: 0;
    color: #59bced;
    font-weight: 600;
}
.simple-mandatory-header .title
{
    margin: 0;
    padding: 0;
    color: #f1ce07;
    font-weight: 600;
}
.simple-message-header .title{
    margin: 0;
    padding: 0;
    color: #59bced;
    font-weight: 600;
}
 a.simple-dialog-button, a.simple-confirm-button, a.simple-confirm-alert-button,  a.simple-mandatory-button, a.simple-message-button
{
    display: block;
    margin: 15px auto;
    position: relative;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 0;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: #ff7c80;
    width: auto;
    color: #fff !important;
    border-radius: 5px;
}

.accept, .cancel
{
    width: 30%;
}

 a.simple-confirm-button.accept,.delnot {
    background-color: #59bced !important;
    width: 35% !important;
}
a.simple-confirm-button.cancel {
    width: 35% !important;
    background-color: #fff;
    border: 1px solid #ff6b87;
    color: #ff6b87 !important;
}
a.simple-confirm-alert-button
{
    background-color: #71af3b !important;
}
a.simple-mandatory-button
{
    background-color: #f1ce07;
}
a.simple-message-button
{
     background-color: #59bced;
}
.simple-confirm-alert-body p,
.simple-confirm-body p,
.simple-dialog-body p,
.simple-mandatory-body p,
.simple-message-body p
{
    color: #888;
    font-size: 13px !important;
    word-break: break-word;
}
.wrong-img, .right-img
{
    width: 100px; m  m
    height: 100px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: -49px;
}
.wrong-img img, .right-img img
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.simple-confirm-body p
{
    color: #888;
    font-size: 13px !important;
    margin: 0px;
    padding: 0px;0
}
.simple-confirm-footer.clearfix
{
    position: relative;
    padding: 0 15px 15px !important;
    display: flex;
}