#myProgress {width: 100%!important; background-color: white; position: fixed; top: 0; width: 100%!important; left: 0; z-index: 99999; display: none; } #myBar {width: 10px!important; height: 5px; background-color: #0173d5; } #validator{width: 100%!important; } #validator-results{width: 50%!important; float: left; } #validator-itens{background: #171717; padding: 10px 10px 0px 5px; min-height: 70px; border-radius: 5px; width: 100%!important; float: left; } #validator-color{background: #171717; padding: 5px 10px 0px 5px; border-radius: 5px; width: 100%!important; float: left; } #validator-number{background: #171717; padding: 5px 10px 0px 5px; border-radius: 5px; width: 100%!important; float: left; } .item-color{} #validator-content .double-single{width: auto!important; } #validator-content .reverse .double-item{transform: rotatey(180deg)!important; } #validator .item-color{width: 100%!important; } #validator-content .double-single:hover{transition: 0.3s; opacity: 0.7; } #validator-itens .entry{margin-top: 10px!important; } #validator-itens{margin-bottom: 20px; width: 100%!important; min-width: 100px!important; background: #171717!important; border-radius: 4px; } #validator-content .double-single{background: #171717!important; } #validator-content .entry{padding: 1px !important; width: 40px !important!important; height: 40px !important; margin: 3px; } #validator-content .sm-box .zero-img{padding: 1px !important; scale: 0.8; } #validator-content .sm-box{width: 40px!important; height: 40px; } #validator-content .sm-box .number{width: 30px!important; height: 30px; } #validator{width: 100%!important; float: left; } #validator-content{width: 50%!important; float: left; min-height: 70px; } #validator-number .delete-roll{display: none; } #validator-color .delete-roll{display: none; } #validator-content .delete-roll{background: #c9212d; width: 20px!important; height: 20px; padding: 0; text-align: center; font-size: 9pt; color: white; border-radius: 100%; position: absolute; top: -12px; left: 10px; z-index: 999; cursor: pointer; border: 1px solid white; } #validator .item-number{margin-top: 20px; position: relative; float: left; } #validator .number{transform: rotatey(0)!important; } .validator-gales .sub{width: 50px!important; float: left; height: 40px; font-size: 20pt; text-align: center; cursor: pointer; border-radius: 5px; } .validator-gales input{width: 50px!important; height: 40px; text-align: center; border-radius: 5px; color: white; } .validator-gales .sum {width: 50px!important; float: left; height: 40px; font-size: 20pt; text-align: center; cursor: pointer; border-radius: 5px; } .validator-gales .sub:hover{opacity: 0.8; transition: 0.3s; } .validator-gales .sum:hover{opacity: 0.8; transition: 0.3s; } .validator-gales{margin-bottom: 20px; width: 100%!important; height: 40px; min-width: 100px!important; background: #171717!important; border-radius: 4px; } #validator-content .content-win{margin-top: 20px; } .content-gale{width: 30%!important; float: left; } .content-win{width: 70%!important; float: left; } .validator-gales select{margin-bottom: 20px; width: 100%!important; height: 100%; min-width: 100px!important; background: #171717!important; border-radius: 4px; color: white; border: 0; outline: 0; } #validator-results{width: 50%!important; float: left; padding-left: 30px; } #validator-results .results-content{margin-bottom: 20px; width: 100%!important; height: 40px; min-width: 100px!important; background: #171717!important; border-radius: 4px; } #validator-results .title{width: 50%!important; float: left; height: 40px; font-size: 12pt; text-align: left; cursor: pointer; border-radius: 5px; padding: 8px; } #validator-results .results{width: 50%!important; float: left; height: 40px; font-size: 12pt; text-align: left; cursor: pointer; border-radius: 5px; } #validator-results .validator-gales input{min-width: 50px!important; height: 40px; text-align: center; border-radius: 5px; color: white; padding: 8px; float: right; margin-left: 10px; } #validator-results .validator-gales .totals{width: 60px!important; } #validator-results .validator-gales .percent{width: 100px!important; } #validator-results .validator-gales .totals{width: 50px!important; } #validator-results .validator-gales .totals-white{width: 50px!important; background: white; color: black; } #validator-results .content-gale{width: 100%!important; } .validator-badge.active.padrao{display: block; position: absolute; transform: rotateY(180deg); top: -5px; font-size: 9px; background: #055bbb; color: white; width: 42px!important; text-align: center; border-radius: 4px 4px 0px 0px; } .validator-badge.active.gale{display: block; position: absolute; transform: rotateY(180deg); top: -4px; font-size: 9px; background: gray; color: white; width: 42px!important; text-align: center; border-radius: 4px 4px 0px 0px; } .validator-badge.active.win{display: block; position: absolute; transform: rotateY(180deg); top: -4px; font-size: 9px; background: green; color: white; width: 42px!important; text-align: center; border-radius: 4px 4px 0px 0px; } .validator-badge.active.loss{display: block; position: absolute; transform: rotateY(180deg); top: -4px; font-size: 9px; background: gold; color: black; width: 42px!important; text-align: center; border-radius: 4px 4px 0px 0px; } .validator-badge{display: none; } .validator_on .item_roll{padding-top: 10px; } #validator{margin-bottom: 20px; } @media only screen and (max-width:48em) {#validator-content{width: 100%!important}#validator-results{width: 100%!important;padding-left: 0!important;}}