@media screen and (max-width: 1920px){
    .evoModalBox {width: 40% !important;}
}
@media screen and (max-width: 1440px){
    .evoModalBox {width: 60% !important;}
}
@media screen and (max-width: 1366px){
    .evoModalBox {width: 80% !important;}
}
@media screen and (max-width: 1024px){
    .evoModalBox {width: 90% !important;}
}

.evoModalBox {
    z-index: 1000;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 0.4em;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    width: 40%;

    position:absolute;
    top:20%;
    left:50%;
    transform: translate(-50%, -20%);
    max-height: 80%;
}
.evoModalBox header,
.evoModalBox .evoModalBoxHeader {
    padding: 1.25em 1.5em;

    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;

    color: #fff;
}
.evoModalBox .evoModalBoxBody .evoModalLoader{
    text-align: center;
}
.evoModalBoxBody{
    overflow-y: scroll;
    max-height: 512px;
}
.evoModalBox header h3,
.evoModalBox header h4,
.evoModalBox .evoModalBoxHeader h3,
.evoModalBox .evoModalBoxHeader h4 { margin: 0; }
.evoModalBox .evoModalBoxBody { padding: 2em 1.5em; overflow-y: scroll;}
.evoModalBox footer{
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
}
.evoModalBox .evoModalBoxFooter{

}
#evoModalBoxLoading{
    text-align: center;
    display: none;
}
.evoModalBoxOverlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}
.evoModalBoxClose {
    display:inline-block;
    line-height: 1;
    font-size: 1.2em;
    position: absolute;
    right: 1em;
    text-decoration: none;
    color: #bbb;
    padding: 0.2em;
}
.evoModalBoxClose:hover {
    cursor: pointer;
    color: #fff;
    transition: color 1s ease;
}

.evoModalBox1 > header{
    background-color: rgba(52, 152, 219,80);
    border-bottom: 1px solid rgba(52, 152, 219,80);
}
.evoModalBox2 > header{
    background-color: rgba(0, 0, 0,80);
    border-bottom: 1px solid rgba(0, 0, 0,80);
}
.evoModalBox3 > header{
    background-color: rgba(37, 77, 110,80);
    border-bottom: 1px solid rgba(37, 77, 110,80);
}
.evoModalBox4 > header{
    background-color: rgba(247, 150, 71,80);
    border-bottom: 1px solid rgba(247, 150, 71,80);
}
.evoModalBox5 > header{
    background-color: rgba(182, 52, 52,80);
    border-bottom: 1px solid rgba(182, 52, 52,80);
}
.evoModalBox6 > header{
    background-color: rgb(0,128,0);
    border-bottom: 1px solid rgb(0,128,0);
}
.evoModalBox7 > header{
    background-color: rgb(0, 149, 182);
    border-bottom: 1px solid rgb(0, 149, 182);
}
.evoModalBox8 > header{
    background-color: rgb(48, 214, 200);
    border-bottom: 1px solid rgb(48, 214, 200);
}
.evoModalBox9 > header{
    background-color: rgba(191, 191, 191,80);
    border-bottom: 1px solid rgba(191, 191, 191,80);
}