.modal {
    padding:15px;
    line-height:22px;
}
p.modalheading {
    font-size:24px;
    font-weight:bold;
    color:#A67EAC;
    margin-bottom:0px;
}
.modalinput {
    font-size: 14px;
    padding: 6px 12px;
    height: 20px;
    width:200px;
    color: #865E8C;
    border: 1px solid #A67EAC;
    border-radius: 4px;
}
.modalbutton {
    height: 34px;
    width: 90px;
    border-radius: 5px;
    border:0px;
    margin: 10px 0px 10px 0px;
    color: #fff;
    padding: 0px 10px 0px 10px;
    font-size: 18px !important;
    background-color: #865E8C;
    cursor: pointer;
}
.modalbutton:hover {
    background-color:#A67EAC;
}
.submitbutton:hover {
    background:#dd6F00;
    border:1px solid #dd6F00;
    border-radius:5px;
}
.submitbutton {
    height:35px;
    width:90px;
    border:1px solid #562E5C;
    border-radius:5px;
    margin: 10px 0px 10px 0px;
    color:#fff;
    padding:0px 10px 0px 10px;
    font-size: 18px !important;
    background: #562E5C;
    cursor:pointer;
}

.ui-dialog {
    top:200px !IMPORTANT;
}


button.nextMsg {
    right: 0%;
    position: absolute;
}
#modalout{
    position: relative;
}
#modalout.modal {
    /*min-height: auto;
    transform: translateY(25%);
    max-width: 700px !important;*/
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -30%); 
    background: white; 
    padding: 20px; 
    border: 1px solid #aaa; 
    box-shadow: 0 0 10px rgba(0,0,0,0.3); 
    z-index: 10000 !important;
    /* the below three lines of css makes modal auto width and height for min and max width*/
    max-width: 800px !important;
    min-width: 300px;
    width: auto;
}
.modallook {
    overflow-y: auto;
    margin-bottom: 25px;
}
#modalout.modal  iframe {
    min-height: 350px;

}
.modal_btn_wrapper {
    POSITION: absolute;
    WIDTH: 95%;
    HEIGHT: AUTO;
    bottom: 10px; 
}

button.showModalMsg.prev-btn {
    left: 0; 
}
button.showModalMsg.next-btn {
    margin-right: 0; 
    float: right;
}
select#users {
    height: 100% !important;
}
.blocker{
    z-index: 10000 !important;
}
.modalbtn {
    height:35px;
    width:90px;
    border:1px solid #3F4967;
    border-radius:5px;
    margin: 10px 0px 10px 0px;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size: 16px !important;
    background: #3F4967;
    cursor:pointer;
}
.modalbtn:hover {
    background:#9EA9CD;
    border:1px solid #9EA9CD;
    border-radius:5px;
    color: #fff;
}
.updatebtn{
    height:35px;
    width:90px;
    border:1px solid #3F4967;
    border-radius:5px;
    margin: 10px 0px 10px 0px;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size: 16px !important;
    background: #3F4967;
    cursor:pointer;
}
.updatebtn:hover {
    background:#9EA9CD;
    border:1px solid #9EA9CD;
    border-radius:5px;
    color: #fff;
}