.balance .form-wrap.dateSelect{width:205px;float:right}
.balance .form-wrap.dateSelect input.form-control{margin:0;width:195px;float:right;text-align:center}
#graphDisplayEarnings{font-family:'Lato', sans-serif !important}
#graphDisplayEarnings .dg{height:300px;border:1px solid #ccc;position:relative;margin-bottom:6px}
#graphDisplayEarnings .graphError{position:absolute;top:50%;margin-top:-25px;text-align:center;font-weight:bold;width:100%}
#graphDisplayEarnings #graphType{float:left;width:250px;line-height:normal;margin-bottom:3px;color:#555}
#graphDisplayEarnings #graphPeriod{float:right;width:200px;line-height:normal;margin-bottom:3px;color:#555}
.google-visualization-table{display:block !important}
.google-visualization-table-table{border:1px solid #ddd !important;width:100%}
.google-visualization-table-table tr{cursor:pointer}
.google-visualization-table-table .google-visualization-table-th{background:#c0c5ce;padding:18px 10px;border:0;border-bottom:3px solid #75a642;font-size:16px;background-image: none !important}
.google-visualization-table-table tr td{border-collapse:collapse;border-spacing:0;border:0;border-right:1px dashed #ddd !important;border-bottom:1px solid #ddd !important;padding:15px 10px;color:#666;font-size:15px}
.google-visualization-table-table .google-visualization-table-sortind{color:#000}
.google-visualization-table-tr-odd td,.google-visualization-table-tr-odd{background:#eee!important}
.google-visualization-table-tr-odd:hover td,.google-visualization-table-tr-odd:hover {background:#e7e9f9!important}
.google-visualization-table-tr-sel, .google-visualization-table-tr-sel td, .google-visualization-table-tr-sel-nonstrict{background:#dde!important}
.google-visualization-table-tr-head .gradient, .google-visualization-table-tr-head-nonstrict .gradient{ background:#75a54b!important;color:#fff!important;font-size:14px;font-weight:normal; }
.google-visualization-table-page-numbers .page-number.current{background:#dfd!important}
#graphDisplayEarnings .dt .statsHead td{background:#c0c5ce;color:#000;padding:18px 10px;font-size:16px;border:0 !important;border-bottom:solid 3px #75a642 !important;font-weight:bold}
.transactions .claim{background:#e3edd9;font-weight:bold;color:#000}
.transactions .claim td{color:#333}
.transactions #descript a{color:#333}
.transactions #descript > a{font-weight:bold;display:block;margin:0 0 3px}
.transactions #descript a:hover {color:#666}
.transactions #descript span{font-size:12px}
.green-box sub,.green-box sub a{font-size:11px;color:#eee}
.cash-out span {float:left;font-size:90px}
.cash-out a {float:right;display:block;background:#000;width:280px;padding:20px 0;margin-top:10px;text-align:center;color:#fff;font-family:'Lato', sans-serif;font-weight:300;font-size:40px;text-transform:uppercase}
.cash-out a:hover {background:#9bcc72;color:#000}
/*--- file upload ulternative ----*/ .upload-file {outline:none;cursor:pointer;height:44px;margin-bottom:10px}
.upload-file::-webkit-file-upload-button {visibility:hidden}
.upload-file::before { content:'Select Files'; font-family:'Lato', sans-serif; font-weight:300; width:166px; text-align:center; display:inline-block; background:#b4c1aa; border:1px solid #999; padding:10px 20px; outline:none; white-space:nowrap; -webkit-user-select:none; cursor:pointer; color:#fff; font-size:20px; }
.upload-file:hover::before {background:#333}
.upload-file:active::before {background:#333}
#editThumbWrapper a { position:relative; text-align:center; display: block; background:#fff; overflow: hidden; height:200px}
#editThumbWrapper a img { width:100%; }
#editThumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; opacity: 0; }
.rejected-video-ex { float: right; margin-bottom: 10px; position: relative; }
.rejected-video-sign p {display: none; padding: 15px; background: #fff; border: solid 1px #a24545; font-size: 14px; color: #444; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); position: absolute; bottom: 30px; right: 0; max-width: 336px; text-align: center; min-width: 200px; }
.rejected-video-sign:hover p { display: block; }
.rejected-video-sign i {font-size: 14px; color: #444; font-style: normal; background: url('/National_Library/20170827070107oe_/https://rumble.com/i/rejected-icon.png') no-repeat left; padding-left: 25px; height: 23px; line-height: 23px; display: block; }
@media only screen and (min-width :319px) and (max-width :1280px) {
.balance .cash-out span {font-size:60px}
.cash-out a {font-size:30px;width:220px}
}
@media only screen and (min-width :319px) and (max-width :580px) {
.cash-out {padding:30px 20px;height:auto}
.balance .cash-out span {float:none;text-align:center;padding-bottom:20px}
.cash-out a {margin:0 auto;float:none}
}
@media only screen and (min-width :319px) and (max-width :520px) {
#graphDisplayEarnings #graphType{float:none;width:100%;margin-top:5px}
#graphDisplayEarnings #graphPeriod{float:none;width:100%}
.table-grid td#date{white-space:nowrap}
.table-grid td{font-size:13px}
.google-visualization-table-table tr td{font-size:13px}
.google-visualization-table-table .google-visualization-table-th{font-size:13px}
}
@media only screen and (min-width :319px) and (max-width :400px) {
.page-limited{padding:0 10px 10px}
.balance .form-wrap.dateSelect{width:60%;margin:-8px 0 0}
.balance .form-wrap.dateSelect input.form-control{float:none;width:97.6%}
}

