.popin {
    position         : relative;
    margin           : 40px auto;
    background-color : #ffffff;
    width            : 650px;
    max-width        : 100%;
    border           : 3px solid #5c2684;
    border-radius    : 5px;
}
.popin.small-popin {
    width: 320px;
}

.popin.adaptive-popin {
    width     : auto;
}

.popin .row {
    margin-bottom : 0;
}

.popin .popin-content,
.popin .popin-footer {
    padding-bottom : 20px;
    padding-top    : 20px;
}

.popin .popin-header + .popin-content {
    padding-top : 0;
}

.popin-footer, .container.popin-footer {
    text-align                 : center;
    background-color           : #e8dbec;
    border-radius              : 0;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
}

.popin .popin-content div:last-child > p {
    margin-bottom : 0;
}

.validate-btn {
    color            : #3c763d;
    background-color : #dff0d8;
    border-color     : #b2dba1;
}

.validate-btn:hover,
.validate-btn:focus {
    color            : #dff0d8;
    background-color : #3c763d;
}

.rejected-btn {
    color            : #a94442;
    background-color : #f2dede;
    border-color     : #dca7a7;
}

.rejected-btn:hover,
.rejected-btn:focus {
    color            : #f2dede;
    background-color : #a94442;
}

.validate-btn:before {
    content      : '\f00c';
    font-family  : 'fontawesome';
    margin-right : 5px;
}

.rejected-btn:before {
    content      : '\f00d';
    font-family  : 'fontawesome';
    margin-right : 5px;
}

i.rejected-btn,
i.validate-btn {
    padding-left : 15px !important;
}

i.rejected-btn:before,
i.validate-btn:before {
    position : absolute;
}

i.rejected-btn input,
i.rejected-btn button {
    padding-left : 15px;
}

i.validate-btn input,
i.validate-btn button {
    padding-left : 18px;
}

.mfp-container {
    padding-left                : 16px;
    padding-right               : 16px;
    -webkit-backface-visibility : hidden;
    -webkit-transition          : all 0.3s ease-out;
    -moz-transition             : all 0.3s ease-out;
    -o-transition               : all 0.3s ease-out;
    transition                  : all 0.3s ease-out;
}

.mfp-zoom-in .mfp-content {
    opacity                     : 0;
    -webkit-backface-visibility : hidden;
    -webkit-transition          : all 0.2s ease-in-out;
    -moz-transition             : all 0.2s ease-in-out;
    -o-transition               : all 0.2s ease-in-out;
    transition                  : all 0.2s ease-in-out;
    transition                  : all 0.2s ease-in-out;
    transform                   : scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity                     : 0;
    -webkit-backface-visibility : hidden;
    -webkit-transition          : all 0.3s ease-out;
    -moz-transition             : all 0.3s ease-out;
    -o-transition               : all 0.3s ease-out;
    transition                  : all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-content {
    opacity   : 1;
    transform : scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity : 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-content {
    transform : scale(0.8);
    opacity   : 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity : 0;
}

.mfp-close, button.mfp-close {
    top              : -15px;
    right            : -15px;
    width            : 36px;
    height           : 36px;
    border-radius    : 50%;
    background-color : #fff;
    border           : solid 2px #5c2684;
    font-size        : 30px;
    line-height      : 27px;
    vertical-align   : middle;
    transition       : color ease 0.5s;
    opacity          : 1;
}

.mfp-close, .mfp-close-btn-in .mfp-close {
    color : #bbb;
}

.mfp-close:hover, .mfp-close-btn-in .mfp-close:hover {
    color : #777;
}

.mfp-close:active {
    top         : -14px;
    font-size   : 32px;
    padding-top : 3px;
}

@media screen and (max-width : 767px) {
    .popin .popin-content p {
        text-align    : center;
        margin-bottom : 0;
    }

    .popin .popin-content div {
        margin-bottom : 10px;
    }

    .popin .popin-content div:last-child {
        margin-bottom : 0;
    }
}