.modal-note {
        position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    display: none;
}
.modal-error {
        position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    display: none;
}
.modal-note .modal-body {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.modal-error .modal-body {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.modal-header {
        background-color: #0070c0;
        color: #fff;
}
.modal-header h3 {
        margin: 0;
        display: inline-block;
        font-size: 20px;
}
.modal-header > div {
        float: right;
}
.modal-header .btn-close {
        position: relative;
        margin-top: 12px;
        cursor: pointer;
}
.modal-header .btn-close:hover span,
.modal-header .btn-close:focus span {
        background-color: #fb6901;
}
.modal-header span {
        background-color: #fff;
        height: 2px;
        width: 20px;
        display: block;
        margin: 0 0 5px;
        position: absolute;
        right: 10px;
}
.modal-header span:first-child {
        transform: rotate(45deg);
}
.modal-header span:last-child {
        transform: rotate(-45deg);
}
.modal-content a {
        padding: 10px 25px;
        display: block;
        width: 200px;
        margin: 0 auto 20px;
}
.modal-content .btn-blue {
        background-color: #41c5f4;
        color: #fff;
}
@media screen and (min-width: 769px) {
        .modal-content a {
                display: inline-block;
                margin: 0;
        }
        .modal-content .btn-blue {
                margin-left: 10px;
        }
}
@media screen and (max-width: 767px) {
        .confirmation-contract > div > div:last-child {
                margin: 10px 0 0 7px;
        }
        .confirmation-contract > div > div {
                display: block;
        }
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-content{
  position:relative;
  background-color:#fff;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,.2);
  border-radius:6px;
  outline:0;
  -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
  box-shadow:0 3px 9px rgba(0,0,0,.5);
}
.modal-content {
        padding: 20px 30px 30px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
}