input, select, textarea{font-family:'Roboto',Helvetica,Arial,sans-serif;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 1px solid #c7c7c7;
    color: #333333;
    font-size: 15px;
    padding: 5px 5px;
    text-indent: 6px;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear;
    -moz-transition: border .25s linear, color .25s linear;
    -o-transition: border .25s linear, color .25s linear;
    transition: border .25s linear, color .25s linear;
    -webkit-backface-visibility: hidden;
}
.btn{border: none; margin-bottom: 10px;  background: #2582be;  color: #ffffff; padding: 9px 12px 7px 12px;  text-decoration: none;  text-shadow: none;  -webkit-border-radius: 3px;  -moz-border-radius:3px;  border-radius: 3px;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-transition: 0.25s;  -moz-transition: 0.25s;  -o-transition: 0.25s;  transition: 0.25s;  -webkit-backface-visibility: hidden;}
.btn:hover,.btn:focus,.btn-group:focus .btn.dropdown-toggle {  background-color: #3590cb;  color: #ffffff;  outline: none;  -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
.btn:active {background-color: #1770a9; color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn.disabled,.btn[disabled] { background-color: #bdc3c7; color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7;  filter: alpha(opacity=70);}
.box_lightbox .row-lb {height: 50px; margin-top: 10px;}

.box_lightbox .row-lb label {
    float: left;
    width: 150px;
    text-align: left;
    margin-left: 0px;
    line-height: 32px;
}

.trans {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
}

.mbottom10 {margin-bottom: 10px;}
.margin_top_15 {margin-top: 15px;}
.playing_video {background:#000;}
.hide {display: none !important;}

.boxshowcase{opacity: 1; visibility: visible; display: block;
             -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
             -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
             transition: opacity 0.2s linear, visibility 0.2s linear;}

.hideShowCase {
    visibility: hidden !important; opacity: 0 !important;  z-index: 1;     
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear, height 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear, height 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear, height 0.2s linear;    
}
.hideShowCaseNoneHeight {
    visibility: hidden !important; opacity: 0 !important;  z-index: 1; height: 0 !important;
    padding: 0 !important; margin: 0 !important; overflow: hidden;
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;    
}


.btn_more_chart:hover #top20_box_more, #box_user_login:hover #user_control,#box_filter:hover #sub_filter, #idMyPlaylist:hover #nnhaccuatui {opacity: 1 !important; visibility: visible !important; display: block !important;}
.full_bglightbox{background:url(../../images/transparent.png); position: absolute; width:100%; height:100%; z-index:1000}
.show-lightbox{width:550px;margin:0 auto; padding:0px; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear;  -o-transition: border .25s linear, color .25s linear;  transition: border .25s linear, color .25s linear;}
.show-lightbox .wpage_lightbox{width:550px; height:auto; z-index:1001; background:#FFFFFF; position:absolute; z-index:1001}
.show-lightbox .title_lightbox{ float:left; width:530px; padding:5px 10px; background:#2582be; font-size:18px; color:#FFFFFF;  }
.show-lightbox .title_lightbox label{ float:left;}
.show-lightbox .content-lightbox{float:left; width:470px; padding:15px 40px 15px 40px; height:auto;}
.show-lightbox .content-lightbox .note_lightbox a.lnk-download,a.lnk-download:hover{color:#fff; font-weight:bold; height:20px; padding:3px 10px; text-decoration: none !important}
.show-lightbox.w400px{width:400px;}
.btn-primary.cancel{ background:#bdc3c7}
.show-lightbox.w400px{width:450px;}
.show-lightbox.w400px .wpage_lightbox{width:450px;}
.show-lightbox.w400px .title_lightbox{ width:430px; float:left}
.show-lightbox.w400px .content-lightbox{width:370px;}
a.light_close{width:12px; height:12px; display:block;background: url(../../images/icon-repeat.png) -4px -761px no-repeat; margin:2px 0px 0px 0px; float:right; padding:5px;}
a.light_close:hover{background:#5dade2 url(../../images/icon-repeat.png)  -4px -761px no-repeat; }

.show-lightbox input{ height:22px; float:left; cursor:pointer}
.show-lightbox textarea{ float:left; width:353px; height:100px;}
.show-lightbox input.combobox{box-shadow:none;width:328px;padding-right:30px; height:22px;margin-bottom:0;position:relative;}
.show-lightbox .content-lightbox .fun_login{border-top:0px; float:left; width:490px;  color:#333333;}
.show-lightbox .content-lightbox .fun_login .pdform{ float:left; width:400px; font-size:13px; padding:3px 0px;}
.show-lightbox .content-lightbox .fun_login .pdform .box_more_option{float:left; width:370px;line-height:40px; height:40px; padding:5px 0px 10px 0px;}
.show-lightbox .content-lightbox .fun_login .pdform .box_more_option input{float:left; margin:2px 4px 0px 0px;}
.show-lightbox .content-lightbox .fun_login .pdform .box_more_option span{float:left; margin-right:5px; font-size:12px; line-height:24px;}
.show-lightbox .content-lightbox .fun_login .pdform .box_more_option .lost{ background:none;font-weight:normal; font-size:14px;line-height:24px;margin:5px 0px 0 0; height:24px; float:left;width: 50px;}
.show-lightbox .content-lightbox .fun_login .pdform .btn.btn_login_submit{float:right; font-size:15px; width:100px; text-align:center; height:36px; line-height:36px; margin:0px 0px 5px 0; padding:0px 20px;}
.show-lightbox .content-lightbox .fun_login .lb{ float:left; width:370px; font-size:13px; margin-bottom:3px}
.show-lightbox .content-lightbox .fun_login .row{ float:left; width:370px; font-size:13px; margin-bottom:10px}
.show-lightbox .content-lightbox .fun_login .input_data{height:22px; float:left; padding:3px 5px; line-height:25px}
.show-lightbox .content-lightbox .fun_login .input_data.input_link1{width:358px; float:left; font-size:12px}
.show-lightbox .content-lightbox .fun_login .box_more_login{float:left; width:350px; background:#e5e5e5; padding:6px 10px 4px 10px; margin:0px 0px; height:28px; line-height:28px; }
.show-lightbox .content-lightbox .fun_login .box_more_login label{float:left;}
.show-lightbox .content-lightbox .fun_login .box_more_login a{width:24px; height:24px !important; float:left; margin-left:5px !important; line-height:28px !important; text-align: left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_facebook{background:#2f4b93}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_facebook:hover{background:#415c9d}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_facebook:active{background:#264186}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_facebook span{width:16px; height:16px; background:url(../../images/icon.png) -40px -76px no-repeat;  margin:4px 9px 0px 4px; float:left}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_google{background:#c43a30}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_google:hover{background:#d24a40}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_google:active{background:#b52b21}
.show-lightbox .content-lightbox .fun_login .box_more_login a.login_google span{width:16px; height:16px; background:url(../../images/icon.png) -59px -76px no-repeat;  margin:4px 9px 0px 5px; float:left}
.show-lightbox .content-lightbox .fun_login .box_not_user{float:left; width:358px; padding:0px 0px; text-align: left; height:34px; line-height:34px; }
.show-lightbox .content-lightbox .fun_login .box_not_user a{float: none !important; background:none !important; line-height:34px !important; padding:0px; margin:0px;}

#htmlLoginForm {position: fixed; left: 0; top: 0; z-index: 1000000;}
.box_lightbox{width:550px; padding:0px; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear;  -o-transition: border .25s linear, color .25s linear;  transition: border .25s linear, color .25s linear;
              position: fixed; left: 50%; margin-left: -275px; z-index: 1001; top: 40px;
}
.box_lightbox .wpage_lightbox{width:550px; height:auto; background:#FFFFFF; position:absolute; z-index:1001}
.box_lightbox .title_lightbox{ float:left; width:530px; padding:10px 10px 10px 10px; background:#2582be; font-size:18px; color:#FFFFFF;  }
.box_lightbox .title_lightbox label{ float:left;}
.box_lightbox .content-lightbox{float:left; width:470px; padding:15px 40px 15px 40px; height:auto; line-height: 24px;}
.box_lightbox .content-lightbox .note_lightbox a.lnk-download,a.lnk-download:hover{color:#fff; font-weight:bold; height:20px; padding:3px 10px; text-decoration: none !important}
.box_lightbox.w400px{width:450px; margin-left: -225px;}
.btn-primary.cancel{ background:#bdc3c7}
.box_lightbox.w400px{width:450px;}
.box_lightbox.w400px .wpage_lightbox{width:450px;}
.box_lightbox.w400px .title_lightbox{ width:430px; float:left}
.box_lightbox.w400px .content-lightbox{width:370px;}
a.light_close{width:12px; height:12px; display:block;background: url(../../images/icon-repeat.png) -4px -761px no-repeat; margin:-2px -5px 1px 0px; float:right; padding:5px;}
a.light_close:hover{background:#5dade2 url(../../images/icon-repeat.png)  -4px -761px no-repeat; }
.box_lightbox input{ height:22px; float:left; cursor:pointer}
.box_lightbox textarea{ float:left; width:353px; height:100px;}
.box_lightbox input.combobox{box-shadow:none;width:328px;padding-right:30px; height:22px;margin-bottom:0;background:url(../../images/icon-cursor.png) #ffffff no-repeat 330px -405px;position:relative;}
.box_lightbox .content-lightbox .fun_login{border-top:0px; float:left; width:490px;  color:#333333;}
.box_lightbox .content-lightbox .fun_login .pdform{ float:left; width:400px; font-size:13px; padding:3px 0px;}
.box_lightbox .content-lightbox .fun_login .pdform .box_more_option{float:left; width:370px;line-height:40px; height:40px; padding:5px 0px 10px 0px;}
.box_lightbox .content-lightbox .fun_login .pdform .box_more_option input{float:left; margin:2px 4px 0px 0px;}
.box_lightbox .content-lightbox .fun_login .pdform .box_more_option span{float:left; margin-right:5px; font-size:14px; line-height:24px; margin:5px 0px 0 0;}
.box_lightbox .content-lightbox .fun_login .pdform .box_more_option .lost{ background:none;font-weight:normal; font-size:14px;line-height:24px;margin:5px 0px 0 2px; height:24px; float:left; width: 40px;}
.box_lightbox .content-lightbox .fun_login .pdform .btn.btn_login_submit{float:right; font-size:15px; width:100px; text-align:center; height:36px; line-height:36px; margin:0px 0px 5px 0; padding:0px 20px;
                                                                         border: none;
                                                                         background: #2582be;
                                                                         color: #ffffff;
                                                                         text-decoration: none;
                                                                         text-shadow: none;
                                                                         -webkit-border-radius: 3px;
                                                                         -moz-border-radius: 3px;
                                                                         border-radius: 3px;
                                                                         -webkit-box-shadow: none;
                                                                         -moz-box-shadow: none;
                                                                         box-shadow: none;
                                                                         -webkit-transition: 0.25s;
                                                                         -moz-transition: 0.25s;
                                                                         -o-transition: 0.25s;
                                                                         transition: 0.25s;
                                                                         -webkit-backface-visibility: hidden;
}
.box_lightbox .content-lightbox .fun_login .lb{ float:left; width:370px; font-size:13px; text-align: left;}
.box_lightbox .content-lightbox .fun_login .row{ float:left; width:370px; font-size:13px; margin-bottom:10px}
.box_lightbox .content-lightbox .fun_login .input_data{height:22px; float:left; padding:3px 5px; line-height:25px}
.box_lightbox .content-lightbox .fun_login .input_data.input_link1{width:358px; float:left; font-size:12px}
.box_lightbox .content-lightbox .fun_login .box_more_login{float:left; width:350px; background:#e5e5e5; padding:6px 10px 4px 10px; margin:0px 0px; height:28px; line-height:28px; }
.box_lightbox .content-lightbox .fun_login .box_more_login label{float:left;}
.box_lightbox .content-lightbox .fun_login .box_more_login a{width:24px; height:24px !important; float:left; margin-left:5px !important; line-height:28px !important; text-align: left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold; width: 10px;}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_facebook{background:#2f4b93; padding: 0 15px 0 3px;}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_facebook:hover{background:#415c9d}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_facebook:active{background:#264186}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_facebook span{width:16px; height:16px; background:url(../../images/icon.png) -40px -76px no-repeat; margin:4px 9px 0px 4px; float:left}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_google{background:#c43a30; padding: 0 15px 0 3px;}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_google:hover{background:#d24a40}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_google:active{background:#b52b21}
.box_lightbox .content-lightbox .fun_login .box_more_login a.login_google span{width:16px; height:16px; background:url(../../images/icon.png) -59px -76px no-repeat; margin:4px 9px 0px 5px; float:left}
.box_lightbox .content-lightbox .fun_login .box_not_user{float:left; width:358px; padding:0px 0px; text-align: left; height:34px; line-height:34px; }
.box_lightbox .content-lightbox .fun_login .box_not_user a{float: none !important; background:none !important; line-height:34px !important; padding:0px; margin:0px;}

.renameInput {
    width: 135px;
    height: 11px;
    padding: 5px 0;
    float: left;
    margin-top: -3px;
}

.btnRename {
    width: 27px;
    float: left;
    height: 23px;
    border: 1px solid #c7c7c7;
    color: #333333;
    font-size: 12px;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear;
    -moz-transition: border .25s linear, color .25s linear;
    -o-transition: border .25s linear, color .25s linear;
    transition: border .25s linear, color .25s linear;
    -webkit-backface-visibility: hidden;
    margin-top: -3px;
}

.leftbar-video {margin: 0px 0px 0 10px;}
.leftbar-video li .info_data {width: 167px;}
.leftbar-video li .box_absolute_video {}

.hideAlways {display: none !important;}

.box_report_error{float:left; padding: 10px; width: 818px; border: #e3e3e3 solid 1px; margin-bottom: 8px; margin-top: 10px;}
.box_report_error p{ margin-bottom:10px; font-size:18px; width:100%; float:left;}
.box_report_error span{float:left; width:840px; line-height:30px; padding:0px 0;  font-size:14px; padding:5px 0 !important}
.box_report_error label{margin:0 0 0 5px}
.box_report_error .input_error{width:820px; float:left}
.box_report_error .btn_submit_error{float:left; padding:8px 12px; margin-top:5px; font-size:14px}
.box_report_error textarea {width: 798px !important; border: #e3e3e3 solid 1px;}
.alert{float:left; width:100%; padding:20px 0px 15px 0px;margin:5px 0}
.alert .content_alert{float:left; width:450px; line-height:18px; font-size:15px; color:#ffffff}
.alert.success{ background:#41cc76; border-top:#2882bc solid 0px;}
.alert.success span.icon{ width:16px; height:16px; display:block; background: url(../../images/icon.png) -217px -40px no-repeat; margin:2px 10px 5px 15px; float:left}
.alert.error{ background:#e64e4e; border-top:#bb2727 solid 0px;}
.alert.error span.icon{ width:16px; height:16px; display:block; background: url(../../images/icon.png) -233px -40px no-repeat; margin:2px 10px 5px 15px; float:left}
.alert.warning{background:#f29526; border-top:#2882bc solid 0px;}
.alert.warning span.icon{ width:16px; height:16px; display:block; background: url(../../images/icon.png) -249px -40px no-repeat; margin:2px 10px 5px 15px; float:left}
.alert.infomation { background:#329ed9; border-top:#2882bc solid 0px;}
.alert.infomation span.icon{ width:16px; height:16px; display:block; background: url(../../images/icon.png) -265px -40px no-repeat; margin:2px 10px 5px 15px; float:left}