.example-modal .modal { position: relative; top: auto; width:100%; bottom: auto; right: auto; left: auto; display: block; z-index: 1; } .example-modal .modal { background: transparent!important; } .modal-dialog { } .modal-dialog { width:100%; } .modal-body { min-height:100px; } .tab11 { font-size:16px; } .impay { font-size:16px;  -webkit-filter:opacity(.75); } .mon { color: #CCCCCC; } .merchat{ font-size:20px;  } .balance { display: inline-block; min-height: 46px; padding-top: 12px; font-size: 16px; color: #ffdf95; background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909); background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;  border-radius: 20px; padding-right: 20px; padding-left: 20px; border: 2px solid #833517; -webkit-box-shadow: 0 1px 0 3px rgba(0,0,0,.3); box-shadow: 0 1px 0 3px rgba(0,0,0,.3); line-height: 100%; transition: all ease 750ms; } .balance1 { cursor:pointer; display: inline-block; min-height: 36px; padding-top: 8px; font-size: 15px; color: #1a5684; min-width:270px;
font-weight: 900;text-align: center;text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; background-image: linear-gradient(to bottom, #866432 0%, #ecd59b 35%, #fcf5e1 50%, #ffe49e 65%, #876431 100%); border-radius: 20px; padding-right: 20px; padding-left: 20px; border: 2px solid #833517; -webkit-box-shadow: 0 1px 0 3px rgba(0,0,0,.3); box-shadow: 0 1px 0 3px rgba(0,0,0,.3); line-height: 100%; transition: all ease 850ms; } 

.impayMIN { border: 2px solid #833517; border-radius: 5px; -webkit-box-shadow: 0 1px 0 3px rgba(0,0,0,.3); box-shadow: 0 1px 0 3px rgba(0,0,0,.3); margin-top:10px; transition: all ease 750ms; } .impayCOM { display:block; min-height: 22px; width: 400px; margin-top:10px; font-size: 14px; color: #ffdf95; background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909); background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;  padding: 5px; border: 2px solid #833517; -webkit-box-shadow: 0 1px 0 3px rgba(0,0,0,.3); box-shadow: 0 1px 0 3px rgba(0,0,0,.3); line-height: 100%; } .impayForm { display:none; min-height: 48px; width: 400px; margin-top:10px; padding: 5px; font-size: 14px; color: #ffdf95; background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909); background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;  padding-right: 20px; padding-left: 20px; border: 2px solid #833517; -webkit-box-shadow: 0 1px 0 3px rgba(0,0,0,.3); box-shadow: 0 1px 0 3px rgba(0,0,0,.3); line-height: 100%; } .input-group__wrapper:before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 40px; height: 100%; background-position: 100% 0; } #viv { display:block; min-height: 30px; } @media (max-width: 730px) and (min-width: 435px) { .tab11 { font-size:11px; } .balance { font-size: 14px; }   .impayCOM { width: 100%; margin-top:10px; font-size: 12px; padding: 5px;    } .impayForm { width: 100%; font-size: 12px; margin-top:20px; } } @media (max-width:435px) { .tab11 { font-size:8px; position:relative; width:100%; left:-2%; } .balance { font-size: 14px; }   .impayCOM { width: 100%; margin-top:10px; font-size: 12px; padding: 5px;    } .impayForm { width: 100%; font-size: 12px; margin-top:20px; } } .Bekcontainer   { background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909); background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;  } .ball_title_txt {font-size:1.3em; display:block; cursor:pointer;}  .ball_title_txt::before{content:attr(data-value);position: relative;background:transparent linear-gradient(to bottom, #757575 0%, #fff 50%, #8c8c8c 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none;font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent;right:0} #sign { display:block; margin-bottom:5px;}  .impay { position:relative; cursor:pointer; width:100px; } .impay:hover { top:-2px; } .impay:active { top:2px; } .v222 { font-size:20px; } @media (max-width: 730px) and (min-width: 435px) { .impay {width:75px; } .v1 { width:80%; font-size:12px; } .v2 { width:60%; font-size:10px; position:relative; top:-20px; } .v222 { font-size:16px; } } @media (max-width:435px) { .impay {width:75px; } .v1 { width:80%; font-size:12px; } .v222 { font-size:14px; } }