body{background-color: #1e2129;color: #8e95a5;}
header.none, header{position: inherit;background-color: transparent;-webkit-box-shadow: 0 14px 27px #16181e;
-khtml-box-shadow: 0 14px 27px #16181e;
-moz-box-shadow: 0 14px 27px #16181e;
-ms-box-shadow: 0 14px 27px #16181e;
-o-box-shadow: 0 14px 27px #16181e;
box-shadow: 0 14px 27px #16181e;}
.logo.ads-evt{width: 140px;margin: 10px 0;}
.footer img{width: 155px;}
#footer {color: #a1a1a1;}
footer .sitename{font-weight: 500;color: #a1a1a1;}
footer .heading, .notify a, h2, .ui-menu-item .info .meta span, .col2 .tooltip .title, .col2 .tooltip a, .breadcrumb, .col3-l .detail-r .title, .col3-l .detail-r .meta a, .col3-l .detail-r .more a, .col3-l .server .more, .col4 table a:hover {color: #00acc1;}
.col2 .eps, .col2 .tooltip .inner span:nth-of-type(2), .col2 .tooltip .watch-now, .player .big-player > i, .col3-btn, .col3-l .server .choose-this-server.current, .pagination li.selected a, .pagination li a:hover, .col4 .letter li a.select, .page-not-found .line3, .col3-l .server ul li.selected, .col3-l .server ul li:hover{background-color: #00acc1 !important;}
.col2 .suggestion a.selected{background-color: #00acc1;}
article.col1{background-color: #2f3441;border-color: #2f3441;color: #b9bdc7;}
header ul li{padding: 7px 12px;}
#menu a{color: #8e95a5;}
#search form{border: 1px solid #424754;}
#search input[type="text"]{color: #8e95a5;}
#search button{color: #646b7f;}
#menu a:hover{border-bottom: solid 1px #00acc1 !important;}
.col2 .quanlity{background: #fed700;color: #222;font-weight: 500;}
.col1{background-color: #2f3441;color: #b9bdc7;}
.col1 .symbol{background-color: #4d4d4d;color: #fff;border-color: #4d4d4d;}
.border{border-color: #4d4d4d;}
span.error, .alert-danger {color: red;}
.sub-user{position: relative;}
.user-menu{background-color: #343946;border-radius: 4px;padding: 8px 10px;}
.dropdown-menu{display: none;position: absolute;right: 15px;top: 40px;background-color: #fff !important;border-radius: 4px;padding: 5px 0;min-width: 160px;}
.dropdown-menu > li{float: left;width: 100%;padding: 0;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: 400 !important;line-height: 1.42857;color: #333 !important;white-space: nowrap;}
.dropdown-menu .divider {height: 1px;margin: 8px 0;overflow: hidden;background-color: #e5e5e5;}
#menu .dropdown-menu > li > a:hover{border: 0 !important;background-color: #f5f5f5;}
.mask {width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 998;position: fixed;top: 0;display: none;}
.login-popup {position: fixed;background: #fff;max-width: 430px;width: 100%;z-index: 9999;padding: 0 30px 20px 30px;left: 0;right: 0;top: 50px;margin: auto;display: none;color: #eee;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);border: 1px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;}
.form-login h1{font-size:18px;text-align:center;margin:10px;color:#00acc1;text-transform:uppercase}
.btn-facebook{background:#3b5998}
.btn-google{background:#dd4b39}
.btn-facebook span{background-color:#2f477a}
.btn-facebook img,.btn-google img{height:17px}
.btn-google span{background-color:#b13c2e}
.btn-facebook,.btn-google{display:inline-block;width:100%;margin:12px 0;position:relative;color:#FFF;font-size:14px}
.btn-facebook:hover,.btn-google:hover{color:#fff}
.btn-facebook span,.btn-google span{display:inline-block;width:40px;padding:10px 0;text-align:center;margin-right:10px}
.form-login{width:430px;max-width:100% !important;margin:auto;padding:10px 30px 20px;min-height:300px;background:#fff;color:#333;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;margin-top: 20px;}
.form-login.change{background-color:transparent;-webkit-box-shadow:0 0 0 rgba(0,0,0,.5);box-shadow:0 0 0 rgba(0,0,0,.5);border:0;border-radius:0}
.form-login input:not([type="checkbox"]){width:calc(100% - 50px);-webkit-appearance:none;appearance:none;height:40px;margin:3px 0;font-size:14px;padding:0;color:#333;background-color:#fff;border: 0;background-color: transparent;}
.form-login .row{background: #f6f6f6;margin: 20px 0;position: relative;}
.btn-google span{background: #b13c2e url('../images/google.png') no-repeat center center;padding-left: 5px;background-size: 20px auto;}
.form-login .rows{color: #8e95a5;}
.form-login .row i{margin: 0 15px;color: #ccc;font-size: 15px;width: 18px;}
span.error{position: absolute;left: 0;bottom: -20px;font-size: 12px;}
.form-login.auth input:not([type="checkbox"]){padding:0 10px}
.form-login button{width:100%;padding:15px 10px;text-align:center;border:none;-webkit-border-radius:0;-webkit-appearance:none;cursor:pointer;background:#00acc1;border:none;color:#fff!important;border-radius:3px;margin: 15px 0;text-transform: uppercase;}
.form-login button:hover{background-color: #009eb2}
.link-forget, .link-sign{color: #00acc1;}
.link-sign{float: right;}
.login-popup .form-login{width: 100%;padding: 0;box-shadow: 0 0 0 #fff;border: 0;}
.favorites.active{color: #00acc1}
#favorite-message{position: fixed;right: 20px;top: 20px;background-color: #ffeaa8;border: solid 1px #ffc237;border-radius: 4px;padding: 15px;z-index: 99999;}
.CapiTnv {margin-left: 0;margin-bottom: 10px;list-style-type: none;display: table;width: 100%;text-align: center;}
.CapiTnv > li {display: table-cell;vertical-align: top;font-weight: 700;text-transform: uppercase;}
.CapiTnv > li.active > a {background-color: #000;box-shadow: inset 0 2px 0 #00acc1;color: #fff;}
.CapiTnv > li:first-child > a {border-radius: 3px 0 0 3px;}
.CapiTnv > li:last-child > a {border-radius: 0 3px 3px 0;}
.CapiTnv > li > a {color: rgba(255,255,255,.55);display: block;background-color: #333;line-height: 25px;padding: 10px 5px;}
.CapiTnv > li > a span {vertical-align: top;font-size: 12px;}
.cssload span, .cssload span::before, .cssload span::after{border: 2px solid #00acc1;}
.alert-success{color: red;}
.col4 table span{color: #222 !important;background: #fed700 !important}
.col4 table tr:nth-of-type(2n) {background: #242832;}

@media only screen and (min-width: 1080px) and (max-width: 1299px) {
    #search{width: inherit; margin-top: 20px;margin-left: 10px;}
    #search input[type="text"] {width: 230px}
    .right {float: right;}
}
@media only screen and (max-width: 487px) {
    .login-popup{width: 300px;padding: 20px;}
 }
 @media only screen and (max-width: 359px) {
    .login-popup{width: 260px;padding: 10px;}
 }