/*  ~UIWeb/Modals.css

     Modal pattern styles.

    Index:
        Base
        Danger Modal
        Success Modal
        Warning Modal


 */


/********************************
    Base
 ********************************/

.modal .modal-header {
    background-color: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: none;
}

.modal .modal-footer {
    border-top: none;
}

.modal-body .img-thumbnail {
    width: 4em;
    height: auto;
    margin-right: .5em;
    padding: 0;
    border: 1px solid #ccc;
}

.modal-body .img-responsive {
    margin-right: .5em;
}

.modal .jzb-has-error {
    border: none;
    border-bottom: 1px solid #e1ddca;
    border-top: 1px solid #e1ddca;
}

    .modal .jzb-has-error span {
        vertical-align: middle;
    }

#CommonInformationModalContent .jzb-clean-ul-with-margin {
    background: none;
}

.modal-input {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-height: 27px;
}

    .modal-input.wide {
        width: 100%;
    }

/************************************
    Danger Modal
 ************************************/
.jzb-modal-danger {
    background-color: #f2dede;
}

.jzb-modal-danger .modal-header {
    background-color: none;
    background: #f2dede;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    border-top: .4em solid #c62d24;
}

.jzb-modal-danger .modal-header h4.modal-title {
    color: #a94442;
}

.jzb-modal-danger .modal-footer {
    border-top: none;
    background-color: #f2dede;
}

.jzb-modal-danger .modal-header {
    background-color: none;
    background: #f2dede;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    border-top: .4em solid #c62d24;
}

.jzb-modal-danger .modal-header h4.modal-title {
    color: #a94442;
}

.jzb-modal-danger .modal-footer {
    border-top: none;
    background-color: #f2dede;
}


.alert h4.modal-title {
    padding: 0 0 0 .4em;
}



/************************************
    Success Modal
 ************************************/
.jzb-modal-success {
    background-color: #dff0d8;
}

.jzb-modal-success .modal-header {
    background-color: none;
    background: #dff0d8;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    border-top: .4em solid #4d8d2d;
}

    .jzb-modal-success .modal-header h4.modal-title {
        color: #3c763d;
    }

.jzb-modal-success .modal-footer {
    border-top: none;
    background: #dff0d8;
}



/************************************
    Warning Modal
 ************************************/
.jzb-modal-warning {
    background-color: #fcf8e3;
}

.jzb-modal-warning .modal-header {
    background: #fcf8e3;
    background-color: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    border-top: .4em solid #d88900;
}

    .jzb-modal-warning .modal-header h4.modal-title {
        color: #8a6d3b;
    }

.jzb-modal-warning .modal-footer {
    border-top: none;
    background: #fcf8e3;
}

.jzb-modal-warning .modal-body {
    color: #8a6d3b;
}