.jquery-msgbox
{
  background:url(images/background.png) repeat-x left bottom;
  padding-bottom:55px;
  font-style:normal;
}

.jquery-msgbox-wrapper {
    padding: 20px 20px 2rem 6rem;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    max-height: inherit;
    min-height: inherit !important;
    font-weight: 600;
    /*text-align:center*/
}

.jquery-msgbox-buttons
{
  padding:15px 0px;
  text-align:center;
  position:absolute;
  bottom:0;
  right:1rem;
  display:flex;
}
    .jquery-msgbox-buttons button:first-child{
        margin-left:0 !important;
    }
    .jquery-msgbox-buttons button,
    .jquery-msgbox-buttons input {
        margin-left: 10px;
        min-width: 85px;
        padding: 5px 14px 5px;
        height: 30px;
        cursor: pointer;
        border: 1px solid #ADADAD;
        background: #E1E1E1;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height:100%;
    }
        .jquery-msgbox-buttons button:hover {
            background: #E5F1FB;
            border-color: #0078D7;
        }

        .jquery-msgbox-inputs {
            margin-top: 4px;
        }

.jquery-msgbox-inputs input
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:95%;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(images/alert.png) no-repeat 20px 5px;
}

.jquery-msgbox-info
{
  background: url(images/info.png) no-repeat 20px 5px;
}

.jquery-msgbox-error
{
  background: url(images/error.png) no-repeat 20px 5px;
}

.jquery-msgbox-prompt
{
  background: url(images/question.png) no-repeat 20px 5px;
}

.jquery-msgbox-confirm {
    background: url(images/confirm.png) no-repeat 20px 5px;
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    .jquery-msgbox {
        width: 350px !important;
        left: 2rem !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
    .jquery-msgbox {
        width: auto !important;
        left: auto !important;
        margin:1rem
    }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
    
}