/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
/*------------- layout -------------------------*/
body{background-color:#d4d4d4; background-image:url(../images/BG.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top; font-size:0.8em; margin:0px; padding:0px;}
a{text-decoration:none; font-weight:bold; color:#386eb0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
a:hover{color:#0099FF;}
:focus{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
table tr td{vertical-align:middle; overflow:hidden;}
body .center{text-align:center !important;}
.view{font-size:15px; padding:10px 20px; color:#fff !important; background:#386eb0; border-radius:4px; margin-top:15px; float:left}
.view:hover{background:#5993d9;}
.mrg-10{margin-top:15px;}
.mrgl{margin-left:115px;}
.mrgt-15{margin-top:15px;}
.mrgtb-15{margin-bottom:15px; margin-top:15px;}
.mrgb-15{margin-bottom:15px;}
.mrgb-0{margin-bottom:0px !important;}
.row{margin:0 -15px;}
.full-width{width:100%;}
.col-box1{width:100%;}
.form-input{padding:0 15px; float:left; width:50%;}
.form-input input{width:100%;}
.form-input select{width:100%;}
.store-form{width:40%; float:left; padding:0 15px;}
.store-submit{width:10%; float:left; padding:0 15px;}
.store-form select{width:100%;}
.store-form input{width:100%;}
.date-form{width:24.93%; float:left; padding:0 15px;}
.date-form input{width:100%;}
.date-form select{width:100%;}
input.checkbox{width:auto;}
.checkbox{width:20%; float:left;}
input[type="text"]{color:#666;}
#chooseDateForm td{color:#626262; padding:0 0 10px}
.form-group{margin:10px 0}
.form-group label{margin-right:15px; width:inherit !important; text-transform:inherit !important; float:left; display:block;}
#add_content_div label{padding-top:10px; max-width:100px; float:left; height:43px;}
#add_content_div .form-input label{float:none; height:inherit; padding:0px;}
.form-group .fileUpload.update_btn{display:inline-block;}
html .cke_skin_kama,
html.cke_skin_kama_container{display:inline-block;}
table.table_sorter tr td:last-child{text-align:left;}
html body .padd .header{padding-left:0px;}
html body .padd td{padding:5px;}
html .form-group label{line-height:25px;}
.left .checkbox{float:none;}
.tabel-scroll{max-height:600px; overflow:auto;}
.form-list span{line-height:33px;}
.button_cell{border-right:1px solid #CCC !important;}
#bpr_news_table td b{color:#333 !important; font-weight:bold}
.bpr_news strong{font-weight:bold; font-size:14px;}
.active{background-color:#d90000; color:#fff;}
.total_list{text-align:center !important;}
.setting img{margin-top:15px;}
.table1 tr td{border-left:solid 1px #ccc!important; border-top:solid 1px #ccc!important; padding:10px;}
.table1 .right-border{border-right:solid 1px #ccc!important;}
.table1 .bottom-border{border-bottom:solid 1px #ccc!important;}
.table1 p{line-height:25px;}
.table1 a{padding-bottom:10px; color:red; display:table-footer-group; font-weight:bold;}
.table1 b{line-height:17px;}
/* ===== Artist Home left section - widgets ================================================== */
#left_containter .twitter-left,
#left_containter .facebook-middle,
#left_containter .facebook-right{margin-top:15px; float:left; border:solid 1px #ccc;}
img{border:none;}
/*#body_containter{
	width:1000px; 
	background-color:#ffffff; 
	margin:0 auto; 
	background:url(../images/body-bg.jpg) repeat-y;
}*/

/*#left_containter{
	width:180px;
	float:left;
	padding:10px 10px 10px 10px;
	position:relative;
}*/

/*#right_container{
	width:780px;
	float:left;
	padding:10px 10px 20px 10px;
	position:relative;
	min-height:600px;
}*/
#content_left{float:left; width:250px; margin-right:10px; overflow:hidden;}
#content_right{width:495px; float:left;}
.content strong{padding:5px 0; display:block;}
.content p{padding:5px 0; line-height:20px; text-transform:none;}
.clear_containter{clear:both;}
#index_container{width:1000px; background-color:#ffffff; margin:0 auto;}
/*#header{
	margin-top:0px;
	width:1000px; 
}*/
/*#welcom_section{
	text-align:right;
	padding:5px;
	background-color:#999999;
	color:#333;
}*/
/*#top_banner img{
	height:200px;
	width:1000px;
}*/
#footer{background-color:#ebebeb; color:#333; padding:41px 5px 18px 5px; text-align:right; width:100%; float:left; margin-top:15px;}
.float_left{float:left;}
.float_right{float:right;}
/*-------------------------------------------------*/
.header_content{background-color:#333333; padding:5px 5px 5px 10px; color:#FFFFFF; margin-bottom:10px;}
.top_content{background-color:#386eb0; padding:10px; color:#FFFFFF; text-align:left; font-weight:bold; font-size:18px; clear:both; width:100%; line-height:22px;}
.top_content .artist_name,
.header_content .artist_name{color:#0CF;}
#page_list{padding:4px 5px 4px 5px; text-align:center; color:#FFFFFF; font-weight:bold; vertical-align:middle; background-color:#386eb0; border:#386eb0 1px solid; font-size:14px; float:left; width:100%;}
#page_list a{font-size:13px; margin-right:4px; color:#fff; text-align:center; border-radius:3px;}
#page_list a:hover{color:#ccc;}
#pw_issued{font-weight:bold;}
.page_nav{padding:0px 10px 0px 0px; font-size:14px;}
.tip_top{border-top:2px solid #e1dfdf; float:right; padding:10px 0 10px 0; text-align:right; width:100%; margin-top:10px;}
.tip_top a{color:#fff;}
.tip_top a:hover{color:#fff;}
.tip_text{background-color:#333333; padding:5px 15px !important; line-height:20px; color:#CCCCCC;}
.content{/*padding:10px;*/
	/*border:1px solid #999999;*/
margin-bottom:10px; width:100%; float:left; color:#626262; font-size:13px;}
.form-left{width:49%; float:left;}
.form-right{width:49%; float:right;}
.content .form-left input{width:100%;}
.form-group label{width:100px !important; line-height:normal !important;}
.content label{width:100%; line-height:35px; text-transform:uppercase;}
.content .top-part{width:50%;}
.content .top-part input{width:100%;}
.content .content-box{width:19%; height:142px; float:left; text-align:center; border:1px solid #e1dfdf; position:relative; margin-right:9px; margin-bottom:9px;}
.content .content-box:hover{border:1px solid #386eb0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow:0px 0px 10px 0px rgba(158,155,158,1); -moz-box-shadow:0px 0px 10px 0px rgba(158,155,158,1); box-shadow:0px 0px 10px 0px rgba(158,155,158,1);}
.content .last-box{margin-right:0px; float:right;}
.content .content-box span{text-align:center; width:100%; float:left; position:absolute; bottom:0px; right:0px; padding:10px 0; background:#e1dfdf; color:#393939; font-size:14px;}
.content .content-box2{width:31.73%;}
.content .content-box3{width:48.5%;}
.contact h4{font-size:18px; padding:5px 0;}
.contact p{line-height:22px; padding:0px 0 10px 0;}
.contact a{color:#386eb0;}
.content b{font-weight:bold; line-height:30px; text-transform:uppercase;}
.header{color:#FFFFFF; font-weight:bold;}
.form-div .form-input{float:none;}
.form-div1 hr{margin-bottom:5px; margin-top:25px;}
/*------------ index ------------*/
#tip_content1,
#tip_content{padding:5px 10px 5px 10px; background-color:#CCCCCC; color:#000000; border:solid 5px #333333;}
#tip_content1 ul,
#tip_content ul{padding:0px 10px 0px 15px;}
#button{background:url(../images/submit-btn.jpg); height:39px; width:108px; display:block; margin:10px 0px 10px 0px; border:none;}
.alert_text,
.text_alert{color:#FF0000; padding:5px; margin-top:10px; float:left; width:100%;}
#login_form{margin:0 auto; width:800px;}
#login_note{border-top:2px solid #333333; margin:20px 0px 5px 0px; padding:2px;}
.note{text-align:right; padding:5px 0; color:#386eb0; font-weight:bold;}
/*------------- admin--------------*/
#action_result{color:#FF0000;}
a.menu_left{margin:10px 0px 10px 0px;}
.menu_span{text-align:center; display:block; height:20px; width:150px;}
.admin_left span{color:#FFFFFF; text-align:center; width:150px; height:20px; display:block; background:url(../images/console-btn.jpg) no-repeat; margin-bottom:5px; font-weight:bold; padding:5px 0px 5px 0px;}
.admin_left span:hover{color:#FF0000;}
.admin_left:visited{color:#FFFFFF;}
.admin_left:hover{color:#FF0000;}
.inner_content{/*padding:10px 10px 10px 10px;*/
margin-bottom:0px;}
.inner_content table{}
.inner_content table tr td{}
.banner_setting{width:100%; margin-top:14px;}
#detail_table .name_cell{width:100px;}
#detail_table td.first_cell{}
#detail_table td.total_list{width:100px;}
.artist_name{font-size:14px; font-weight:bold;}
.select_box{width:100%;}
.chart_div{text-align:center;}
#user_table tr td{text-align:left;}
.slogan{float:left; color:#333; font-weight:bold;}
.welcome_name{color:#333; font-weight:bold;}
.track_img{width:50px; height:50px;}
#code_box{background-color:#000000; color:#00CCFF;}
#country_chart,
#chart_graph{padding-left:0px;}
.edit_div{text-align:right; margin:10px 0px 0px 0px;}
.but_img{vertical-align:middle;}
.but_logout{vertical-align:middle;}
.compatible_text{font-size:10px; color:#333333;}
.panel{float:left;}
#panel_left{margin-right:10px; width:59.6%;}
#panel_right{width:39%; float:right;}
#news_edit{width:530px;}
#news_tips{width:200px; border:#666666 1px solid; margin-left:10px; padding:5px;}
#news_content{text-align:left;}
#news_content p{margin-top:0; padding-top:0;}
#news_table td{border:none;}
#news_list_div,
#gigs_list_div{/*max-height:800px;*/ max-height:auto;}
#gigs_list_div .tabel-scroll table.table_sorter{border-bottom: 1px solid #ccc;}
#news_list_div table.table_sorter tr td:last-child{text-align:left;}
.excel{margin-top:10px; display:block;}
#agreement_list_div{border:#666666 1px solid; width:100%;}
#popup_body{background-color:#FFFFFF;}
#track_list_div a{line-height:33px;}
#feature_but{margin:5px 80px 0px 5px;}
#bluepie_but{margin:5px 25px 0px 5px;}
#edit_toggle_button,
#add_toggle_button{float:right; color:#fff; font-size:15px;}
#total_table{background-color:#f2f2f2; font-weight:bold;}
#total_table tr td{width:100px;}
.balance{color:#386eb0; font-weight:bold;}
.grand_total{color:#0000FF; font-size:14px;}
.free_total{color:#666666; font-size:14px;}
#bpr_news_table{width:100%;}
#bpr_news_table td{padding:10px; border:none; color:#333; line-height:24px; text-align:center; border-bottom:solid 1px #ccc;}
#bpr_news_table .bpr_news{padding-left:10px;}
#bpr_news_table tr td.bpr_news{text-align:left;}
#detail_table tr td.total_cell,
#newsletter_table tr td.total_cell,
#history_table tr td.total_cell{text-align:right; background-color:#BFE6EE; font-size:14px; font-weight:bold;}
#label_detail_table tr td{text-align:left;}
#summary_table{width:100%;}
#summary_table tr td{font-size:12px;}
.table_sorter a{color:red;}
.table_sorter tr td.total_list #detail_table tr td.total_list,
#newsletter_table tr td.total_list,
#history_table tr td.total_list,
#summary_table tr td.total_list,
.table_sorter tr td.total_list{text-align:right;}
#detail_table .total_list{text-align:center;}
#detail_table tr td.number_cell,
#newsletter_table tr td.number_cell,
#history_table tr td.number_cell{text-align:left; font-size:14px; font-weight:bold; color:#0000FF; padding-left:10px; background-color:#BFE6EE;}
#newsletter_table tr td.first_cell,
#user_table tr td.first_cell,
#last_update tr td.first_cell,
#news_table tr td.first_cell,
#summary_table tr td.first_cell,
#history_table tr td.first_cell,
#log_table tr td.first_cell{text-align:left; word-break:break-all;}
#history_table tr td,
#history_table tr th{width:100px;}
#summary_table tr td{width:150px;}
.select_option{margin-right:20px;}
.thumb_img{width:150px; height:150px;}
.feature_image{width:150px;}
table tr td.loading_cell{border-left:none; vertical-align:middle;}
table tr td.ingest_cell{border-left:none; border-right:none; vertical-align:top; text-align:left;}
table tr td.button_cell{border-right:none; vertical-align:top;}
#newsletter_table tr td.mid_cell{vertical-align:middle;}
.ingest_button{}
#map_but{text-align:right;}
#artist_summary{margin-right:10px;}
.team_img{width:80px;}
.artist_info{padding:10px; background-color:#E4E4E4; border:1px solid #666; color:#000;}
#question_table tr td{width:50%; padding-left:10px; padding-bottom:5px;}
#question_table tr td textarea,
#music_licensing tr td textarea{height:50px; width:300px;}
.align_right{text-align:right; padding:2px 10px 2px 30px;}
.align_right a{color:#ff0000;}
.float_right{float:left;}
.news_title{font-weight:bold; color:#31558F;}
td.result-cell{font-weight:bold;}
.red-bold{font-weight:bold; color:#F00;}
.last_news_image{width:100px; padding:10px;}
.news_date{color:#666}
.edit_image{max-width:200px;}
.small_icon{height:16px; width:16px;}
.tabel-scroll a{color:#386eb0; font-weight:bold;}
#tab_container a{color:#386eb0; font-weight:bold;}
.amount input{width:98%;}
.content a{color:#386eb0;}
img.film_img{width:150px;}
.film_detail{width:200px;}
.small-dropbox{width:160px;}
td.total_list{text-align:right;}
td.first_cell img{vertical-align:middle;}
/* ===== RESET ================================================== */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
button,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}
blockquote,
q{quotes:none;}
blockquote:before,
q:before{content:''; content:none;}
blockquote:after,
q:after{content:''; content:none;}
ins{text-decoration:none;}
abbr[title],
dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0; color:#000; margin-bottom:1px;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input,
select{vertical-align:middle; border:1px solid #e1dfdf; height:35px; border-radius:0px; padding-left:10px; color:#999; display:inline-block;}
input,
textarea:focus{border:1px solid #ccc;}
textarea{border:1px solid #e1dfdf; height:80px; border-radius:0px; padding:10px; color:#999; resize:nowrap; width:100%;}
.form-group textarea{width:auto;}
.radio{display:inline-block; margin:0px 0; padding:0 15px;}
.radio span{line-height:40px; padding:0 5px;}
.radio .ra-box{display:flex; float:left;}
ol,
ul,
li{list-style:none;}
.btn{background:#386eb0; color:#fff; cursor:pointer; border:0; padding:0px 15px; border-radius:3px;}
.btn:hover{background:#5993d9; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; cursor:pointer;}
.ingest_button{background:#386eb0; color:#fff; cursor:pointer; border:0; padding:0px 15px; border-radius:3px;}
.ingest_button:hover{background:#5993d9; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; cursor:pointer;}
#mapping_report p{padding-bottom:10px;}
.ingest_cell{border-right:1px solid #ccc !important;}
input.btn{width:auto; margin-right:10px;}
/* will be red only in google chrome */
#test1{color:green;}
#newsletter_table .hide{display:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.upload{padding:6px 8px;}
}
.fileUpload input{width:auto; cursor:pointer;}
.upload input{z-index:-1; top:35px; position:relative; left:-80px; width:auto; background:#ccc; padding:5px 0 0 0px; border-radius:4px;}
.js .inputfile{width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1;}
.inputfile + label{max-width:105px; font-size:1.25rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; display:inline-block; overflow:hidden; padding:0.625rem 1.25rem;}
.no-js .inputfile + label{display:none;}
.inputfile:focus + label,
.inputfile.has-focus + label{outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
.inputfile + label *{}
.inputfile + label svg{width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-0.25em; /* 4px */
margin-right:0.25em;/* 4px */
}
/* style 1 */

.inputfile-1 + label{color:#f1e5e6; background-color:#386eb0;}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover{background-color:#386eb0;}
/* style 2 */

.inputfile-2 + label{color:#d3394c; border:2px solid currentColor;}
.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover{color:#722040;}
/* style 3 */

.inputfile-3 + label{color:#d3394c;}
.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover{color:#722040;}
/* style 4 */

.inputfile-4 + label{color:#d3394c;}
.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover{color:#722040;}
.inputfile-4 + label figure{width:100px; height:100px; border-radius:50%; background-color:#386eb0; display:block; padding:20px; margin:0 auto 10px;}
.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure{background-color:#386eb0;}
.inputfile-4 + label svg{width:100%; height:100%; fill:#f1e5e6;}
/* style 5 */

.inputfile-5 + label{color:#d3394c;}
.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover{color:#722040;}
.inputfile-5 + label figure{width:100px; height:135px; background-color:#d3394c; display:block; position:relative; padding:30px; margin:0 auto 10px;}
.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure{background-color:#722040;}
.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after{width:0; height:0; content:''; position:absolute; top:0; right:0;}
.inputfile-5 + label figure::before{border-top:20px solid #dfc8ca; border-left:20px solid transparent;}
.inputfile-5 + label figure::after{border-bottom:20px solid #722040; border-right:20px solid transparent;}
.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after{border-bottom-color:#d3394c;}
.inputfile-5 + label svg{width:100%; height:100%; fill:#f1e5e6;}
/* style 6 */

.inputfile-6 + label{color:#d3394c;}
.inputfile-6 + label{padding:0;}
.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover{}
.inputfile-6 + label span,
.inputfile-6 + label strong{padding:0.624rem 1.25rem;/* 10px 20px */
}
.inputfile-6 + label span{width:200px; min-height:2em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:top;}
.inputfile-6 + label strong{height:100%; width:104px; text-align:center; border-top-left-radius:4px; border-bottom-left-radius:4px; color:#fff; background-color:#386eb0; display:inline-block; font-size:13px; text-transform:none;}
.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong{background-color:#386eb0;}
 @media screen and (max-width:50em) {
.inputfile-6 + label strong{display:block;}
}
/* ===== GLOBAL ================================================== */
@font-face{font-family:'univers_45_lightregular'; src:url('../fonts/univers-45-light-1361510630-webfont.eot'); src:url('../fonts/univers-45-light-1361510630-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/univers-45-light-1361510630-webfont.woff2') format('woff2'),  url('../fonts/univers-45-light-1361510630-webfont.woff') format('woff'),  url('../fonts/univers-45-light-1361510630-webfont.ttf') format('truetype'),  url('../fonts/univers-45-light-1361510630-webfont.svg#univers_45_lightregular') format('svg'); font-weight:normal; font-style:normal;}
body{font-family:'Roboto', sans-serif; font-size:13px; color:#000;}
:focus{outline:0 none;}
:focus,
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:normal;}
::-webkit-input-placeholder {
color:#999;
}
:-moz-placeholder {
color:#999;
} /* Firefox 18- */
::-moz-placeholder {
color:#999;
} /* Firefox 19+ */
:-ms-input-placeholder {
color:#999;
}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after,
:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
.wrapper{}
.container{width:100%; max-width:1204px; margin:0 auto; display:block;}
@media (max-width:1200px) {
.container{padding-right:15px; padding-left:15px;}
.content .last-box{float:inherit; margin-right:9px;}
#middle_containter{padding:0 15px;}
.setting img{width:100%;}
}
/* ===== Header ================================================== */
#top_banner{position:relative; margin-bottom:15px; background:url(../images/banner-new.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:209px;}
#top_banner img{height:auto; width:100%; display:none;}
#header{margin-top:0px; width:100%; float:left;}
#welcom_section{text-align:right; background-color:#ffffff; color:#0b1012; font-size:13px; line-height:40px;}
#welcom_section{text-transform: capitalize;}
#welcom_section img{margin-top:-2px;}
#welcom_section .but_logout{height:16px; width:16px; vertical-align:middle; margin-left:5px;}
#welcom_section .welcome_name{color:#0b1012; font-weight:bold; margin-right:5px; font-size:14px;}
#welcom_section img.date{vertical-align:middle;}
#welcom_section span.date-info{margin:0 5px 0 5px;}
#welcom_section img.user-admin{vertical-align:middle; height:15px; width:15px; margin-right:5px;}
#header .logo{width:auto; float:left; background:#fff; border-bottom-right-radius:10px; border-bottom-left-radius:10px; position:absolute; top:30px; padding:15px; z-index:999}
#header .logo img{width:97%; display:block;}
.name-text{font-weight:bold; font-size:14px;}

.pagination_search{float:right}
.pagination_search input[type="text"]{height:24px; width:35px; padding:0 2px;}
.pagination_search input[type="submit"]{height:24px; cursor:pointer; color:#000; font-size:11px; width:auto; padding:2px 5px; margin:0; background:#ebebeb; border:0}
.pagination_search input[type="submit"]:hover{background:#797979; color:#FFF}

 @media(max-width:515px) {
#welcom_section{width:100%; float:left; text-align:center; line-height:32px; position:relative; z-index:999;}
.content .content-box{width:47%}
.content .content-box3{width:47%}
.form-input{width:100%;}
.store-form{width:100%;}
#add_content_div label{padding-bottom:10px;}
.date-form{width:inherit;}
.tabs-nav li{width:100%;}
.tabs-nav a,
.tabs-nav a span{padding:5px !important;}
}
/* ===== Wrapper Midel Container ================================================== */
#middle_containter{max-width:1204px; margin:0 auto;}
#middle_containter .title{background:linear-gradient(70deg, #386eb0 15%, transparent 0); min-height:52px; width:100%; float:left; border-bottom:2px solid #386eb0; margin:20px 0;}
#middle_containter .title h2{display:flex; align-items:center; min-height:52px; color:#fff; padding-left:20px; font-size:22px; font-weight:bold;}
/* Left Content */
#left_containter{width:30.83%; float:left; margin-right:2.25%; position:relative;}
ul.menu ul{list-style-type:none; margin:0; padding:0; width:100%;}
#left_containter .content-title{background:#386eb0; color:#fff; padding:10px 0 10px 20px;}
#left_containter .content-title h3{font-size:18px;}
#left_containter .left-content{background:#f2f2f2; padding:20px;}
#left_containter .left-content ul.menu li{margin:0; border-bottom:1px solid #e2e2e2; position:relative}
#left_containter .left-content ul.menu li a span:after{content:""; background:url(../images/left-arrow.png); background-repeat:no-repeat; position:absolute; right:5%; width:14px; height:16px; float:left;}
#left_containter .left-content ul.menu li a:hover span:after,
#left_containter .left-content ul.menu li.active a span:after{content:""; background:url(../images/up-arrow.png); background-repeat:no-repeat; position:absolute; right:6%; width:14px; height:16px; float:left; cursor:pointer; top:12px;}
#left_containter .left-content ul.menu li a{color:#3a3a3a; padding:10px 20px; font-size:15px; background-color:transparent;}
#left_containter .left-content ul.menu li.active{ background:none;}
#left_containter .left-content ul.menu li a:hover,
#left_containter .left-content ul.menu > li.active > a{background-color:#797979; color:#fff;}
#left_containter .left-content ul.menu li a span{float:right;}
#left_containter .left-content ul.menu li ul{list-style-type:none; margin:0; padding:0 25px; ; width:100%; display:none;}
#left_containter .left-content ul.menu li ul li{border:none;}
#left_containter .left-content ul.menu li ul li a{font-size:13px; font-weight:300; padding:5px 0; background:url(../images/right-arrow-subchild.png) no-repeat 5px 9px; color:#4f4f4f; padding-left:20px;}
#left_containter .left-content ul.menu li ul li a:hover,
#left_containter .left-content ul.menu li ul li.active a{color:#FFF; border:none; background:#797979 url(../images/right-arrow-subchild-act.png) no-repeat 12px 9px; padding-left:25px;}
@media(max-width:820px) {
#left_containter .left-content{padding:0 10px;}
#left_containter .left-content ul.menu li a{padding:10px 15px; font-size:13px;}
#left_containter .left-content ul.menu li ul{padding:0;}
#right_container{width:100% !important;}
#left_containter{width:100% !important;}
.title{background-color:#386eb0 !important}
.left-content{margin-bottom:15px;}
}
 @media(max-width:768px) {
/*table.table_sorter{width:200px;height:400px;overflow:scroll;}*/
.top-part{width:100% !important;}
.col-box1{width:100%;}
#welcom_section{text-align:center;}
}
 @media(max-width:710px) {
#left_containter{width:100%;}
.tabel-scroll{max-height:700px; overflow:scroll; clear:both;}
.mrgl{margin-left:0px;}
body .checkbox input{width:100%;}
.form-group textarea{width:100%;}
.form-group select{width:100%;}
.form-group input{width:100%;}
.form-group .btn{width:100px;}
.update_btn .btn{width:auto;}
.fileUpload.update_btn .btn{width:auto;}
#add_content_div label{height:inherit; padding-top:0px;}
.form-group input.checkbox{width:auto !important;}
}
@media(max-width:1100px) {
.content .content-box{width:31%}
#panel_left{width:100%;}
#panel_right{width:100%;}
}
@media(max-width:440px) {
.content .content-box{width:100%}
#chooseDateForm td{width:100%; float:left; line-height:30px;}
}
@media(max-width:1024px) {
.col-box{width:100%;}
.col-box2{width:100%;}
.col-box3{width:100%;}
.col-box4{width:100%;}
}
/* Right Content */
#right_container{width:66.92%; float:left; position:relative;}
#right_container .title{background:linear-gradient(70deg, #386eb0 28.6%, transparent 0); min-height:39px; width:100%; float:left; border-bottom:2px solid #386eb0; margin-bottom:20px; margin-top:0px; padding:0px; font-family:'Roboto', sans-serif;}
#right_container .title h2{display:flex; align-items:center; min-height:39px; color:#fff; padding-left:20px; font-size:18px;}
#right_container .title1{background:linear-gradient(70deg, #386eb0 55%, transparent 0)}
#right_container .title2{background:linear-gradient(70deg, #386eb0 33%, transparent 0)}
#right_container .title02{background:linear-gradient(70deg, #386eb0 80%, transparent 0)}
#right_container .title3{background:linear-gradient(70deg, #386eb0 82%, transparent 0)}
#right_container .title4{background:linear-gradient(70deg, #386eb0 75%, transparent 0)}
#right_container .title5{background:linear-gradient(70deg, #386eb0 44%, transparent 0)}
#right_container .title6{background:linear-gradient(70deg, #386eb0 82%, transparent 0)}
#right_container .title7{background:linear-gradient(70deg, #386eb0 80%, transparent 0)}
#right_container .title8{background:linear-gradient(70deg, #386eb0 22%, transparent 0)}
.custom-file-upload-hidden{display:none; visibility:hidden; position:absolute; left:-9999px;}
.custom-file-upload{display:block; width:auto; font-size:16px; margin-top:30px;}
.custom-file-upload label{display:block; margin-bottom:5px;}
.file-upload-wrapper{position:relative; margin-bottom:5px;}
.file-upload-input{width:300px; color:#fff; font-size:16px; padding:11px 17px; border:none; background-color:#c0392b; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in; float:left;/* IE 9 Fix */
}
.file-upload-input:hover,
.file-upload-input:focus{background-color:#ab3326; outline:none;}
.file-upload-button{cursor:pointer; display:inline-block; color:#fff; font-size:16px; text-transform:uppercase; padding:11px 20px; border:none; margin-left:-1px; background-color:#962d22; float:left; /* IE 9 Fix */
-moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.file-upload-button:hover{background-color:#6d2018;}
/* ===== artist Home page > bluepie records news ================================================== */
#right_container .top_content{margin:0 0 10px 0; width:100%; float:left}
#right_container .mrgt-15{margin-top:0px;}
.content .content_table{padding:10px 0; display:block;}
.content .content_table tr{border-bottom:dashed 1px #ccc;}
.content .content_table tr td{vertical-align:top; line-height:18px; padding-top:15px;}
.content .content_table tr td .last_news_image{padding:0 10px 0 0;}
.content .content_table td a{font-size:14px; font-weight:500; padding:0px 0 8px 0; display:block; line-height:18px;}
.content .content_table td .news_date{padding:0 0 8px 0; display:block;}
.content .content_table td a.more-button{font-size:13px; text-align:right;}
.content .content_table td a.more-button:hover{color:#ec1116;}
.content .tabel-scroll{overflow:hidden; max-height: none; float:left; width:100%; margin-bottom:10px;}
/* ===== Admin Edit Link ================================================== */
.edit-table  form{margin-bottom:25px; float:left; width:100%;}
/* scrollup */
.scrollup{width:50px; height:50px; display:block; margin:-35px auto 0; background:url(../images/bottom-arrow.png) no-repeat center center}
/*#detail_table td.total_list,
#newsletter_table td.total_list,
#summary_table td.total_list,
#history_table td.total_list,*/
#bpr_news_table td{text-align:left !important; border-right:1px solid #ccc;}
#bpr_news_table tr td img.track_img{max-width:100%; height:auto;}
#bpr_news_table tr td:first-child{width:100px;}
#news_table td.right-border:last-child,
#news_table td.first_cell{border-bottom:solid 1px #ccc}
.tabel-scroll #newsletter_table tr th.header:nth-child(8){width:80px;}
.ta_left{text-align:left !important}
.ta_right{text-align:right !important}
.ta_center{text-align:center !important}

.uni_items {margin-bottom: 10px; width: 100%; float: left;}
.all_sales {border: 1px solid #ccc; display: block; float: left; padding: 7px 1px 2px; width: 390px; text-align:center;}
.all_sales span{left: 5px; position: relative; top: -18px; font-size:18px;}