@import "custom.less";

.blocker {
    background-color: rgba(0,0,0,0);
}

.modal .progressImg {
    display: flex;
    background-image: url("../img/progressbar.gif") no-repeat;
    width: 217px; /* Width of new image */
    height: 54px; /* Height of new image */
    padding: 0px;
}
img.modal {
    max-width: 100% !important;
    padding: 0 !important;
}

.modal .progressImgBar {
    display: flex;
    width: 217px; /* Width of new image */
    height: 54px; /* Height of new image */
    padding: 0px;
}
.modal .progressImgSpin {
    display: none;
    width: 50px; /* Width of new image */
    height: 50px; /* Height of new image */
    padding: 0px;
}

@media screen and (max-width: 768px) {
    .blocker {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 1;
        padding: 20px;
        box-sizing: border-box;
        /* background-color: #000; */
        /* background-color: rgba(0,0,0,0.75);*/
        /* background-color: rgba(0,0,0,0); */
        text-align: center;
    }

    .modal {
        /*display:none;*/
        vertical-align: middle;
        position: relative;
        z-index: 2;
        max-width: 500px;
        box-sizing: border-box;
        width: 90%;
        background: #fff;
        padding: 15px 30px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        /* -webkit-box-shadow: 0 0 10px #000; 
        -moz-box-shadow: 0 0 10px #000;
        -o-box-shadow: 0 0 10px #000;
        -ms-box-shadow: 0 0 10px #000;
         box-shadow: 0 0 10px #000; */
        -webkit-box-shadow: 0 0 0px #000;
        -moz-box-shadow: 0 0 0px #000;
        -o-box-shadow: 0 0 0px #000;
        -ms-box-shadow: 0 0 0px #000;
        box-shadow: 0 0 0px #000;
        text-align: left;
    }

    .modal .progressImg {
        display: flex;
        background-image: url("../img/progress-spinner.gif") no-repeat;
        width: 50px; /* Width of new image */
        height: 50px; /* Height of new image */
        padding: 0px;
    }

    .modal .progressImgBar {
        display: none;
        width: 217px; /* Width of new image */
        height: 54px; /* Height of new image */
        padding: 0px;
    }
    .modal .progressImgSpin {
        display: flex;
        width: 50px; /* Width of new image */
        height: 50px; /* Height of new image */
        padding: 0px;
    }
}
#main #mobile-menu a.nav-wiretransfer {
	background-size: 30px 30px;
	background-image: url(../img/icon-wiretransfer.svg);
}