/* CSS Document */

body { 
padding:0px; margin:0px; 
font-family: 'Open Sans', Arial, sans-serif;
}

body.loginhome { background:#f4f4f4; }
body.accountpages { background:#363838 !important; }

/* reset */
h1, h2, h3, h4, h5, h6, ul, li, p { margin:0px; padding:0px; }
#header {
	height: 135px;
	position: fixed;
	background: url("/images/bg.png") repeat-x;
top:0px;
width:100%;
z-index:100;
border-bottom:solid 1px #efefef;
}

a { color:#0fa1c5; text-decoration:none; }
a:hover { color:#0a7a96; }
.container { position:relative; width:1240px; margin:0 auto; }
#header #logo {
	position: relative;
	top: 55px;
	left: 0px;
	width: 310px;
}
#header #logo em {
color:#a8a7a7;
font-weight:normal;
font-family: 'Open Sans', Arial, sans-serif;
font-size:11px;
display:block;
position:absolute;
right: -6px;
text-transform:uppercase;
font-style:normal;
}
#header ul#sub {
list-style: none;
position:absolute;
right:0px;
top:-17px;
display:block;
}
#header ul#sub li {
	height: 36px;
	float: left;
	padding: 32px 20px 0px 20px;
border-left: solid 1px #bdebfa;
color:white;
}
#header ul#sub li.last {
border-right: solid 1px #bdebfa;
}
#header ul#sub li:hover { background:#079fc5; }
#header ul#sub li a {
	color: white;
	text-decoration: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
}

#header ul#main {
	list-style: none;
	position: absolute;
	top: 80px;
float:right;
	right: 0px;
display:block;

}
#header ul#main li {
	float: left;
	padding: 24px 5px 0 5px;
	margin: 0 10px;
}
#header ul#main li a {
	text-decoration: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #616a6c;
	font-weight: bold;
	padding: 7px 0 7px 0;
}
#header ul#main li a:hover,  ul#main li a.active {
	border-bottom: solid 3px #25a3cc;
color:#000 !important;
}

#content { min-height:400px; position:absolute; top:136px; width:100%; padding:30px 0; }

#content table.records th { text-align:left; border-bottom:solid 2px black; font-size:14px; padding:10px; }
#content table.records td { text-align:left; border-bottom:solid 1px #ccc; font-size:12px; padding:10px; color:#999; }
#content table.records td.rowtitle { font-size:15px; color:black; }
.button_add { border:0; background:#60d122; color:white; cursor:pointer; text-decoration:none; padding:5px 15px; font-size:13px; margin:2px 4px; } 
.button_add:hover { border:0; background:#3e9d0a; color:white; }
.button_more { border:0; background:#0fa1c5; color:white; cursor:pointer; text-decoration:none; padding:5px 15px; font-size:13px; margin:2px 4px; } 
.button_more:hover { border:0; background:#02647B; color:white; }
.button_save, .button_save_main, .button_save_ip { border:0; background:#60d122; color:white; cursor:pointer; text-decoration:none; padding:10px 35px; display:block; width:100px; text-align:center; font-size:18px; margin:12px 4px; cursor:pointer; } 
.button_save:hover, .button_save_main:hover, .button_save_ip:hover { border:0; background:#3e9d0a; color:white; }
.button_edit { border:0; background:#60d122; color:white; cursor:pointer; text-decoration:none; padding:5px 15px; font-size:13px; margin:2px 4px; } 
.button_edit:hover { border:0; background:#3e9d0a; color:white; }
.button_delete { border:0; background:#f74d6d; color:white; cursor:pointer; text-decoration:none; padding:5px 15px; font-size:13px; margin:2px 4px; } 
.button_delete:hover { border:0; background:#dc1b3f; color:white;  }
.button_clear { margin:0; padding-left:.75em; padding-right:.75em; }
.button_add, .button_more, .button_save, .button_save_main, .button_save_ip,
.button_edit, .button_delete, .button_clear { display:inline-block; }
.greenon { color:#60d122; }
.redon { color:#f74d6d; }
.saved { display:block; background:#47bb28; padding:15px;  color:#FFF; }
.savederror { display:block; background:#ca0d27; padding:15px;  color:#FFF; }

.f1 label { display:block; text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 0 5px 0; }
.f1 input:not([type=radio]) { display:block; width:800px; font-size:16px; padding:15px; margin:0 0 20px 0; border:solid 4px #e0dfdf; background:#fbfafa; }
.f1 select { display:block; width:500px; font-size:16px; padding:15px; margin:0 0 20px 0; border:solid 4px #e0dfdf; background:#fbfafa; height:55px; }
.f1 textarea { display:block; width:800px; font-size:14px; padding:15px; margin:0 0 20px 0; border:solid 4px #e0dfdf; background:#fbfafa; }
.selectwithadd span.button_add { position:absolute; left:520px; top: 24px; padding:16px 25px 16px 20px; cursor:pointer; background:#969796;  }
.selectwithadd span.button_add:hover { background:#3e9d0a; color:white; }
.selectwithadd { position:relative; }

#tool-tip { background:#43575b; color:white; font-size:14px; padding: 30px; width:240px; position:absolute; display:none; }

.account-tabs { padding:30px 0 30px 15px; }
#tabs-main { border-bottom:solid 1px #d0e9ed; position:relative; height:60px; background:#f5f7f7; }
#tabs-main ul { list-style:none; position:absolute; margin:0 0 0 14px;}
#tabs-main ul li { float:left; background:#d0e9ed; padding:14px 35px; margin:15px 4px 0 0px; cursor:pointer; text-transform:uppercase; font-size:14px; height:18px; }
#tabs-main ul li:hover, #tabs-main ul li.active {  background:#FFF; }

.flyTable { width:100%; margin:20px 0; }
.flyTable th { text-align:left; border-bottom:solid 2px; padding:2px; font-size:12px; text-align:left; }
.flyTable td { text-align:left; border-bottom:solid 1px #e0e0e1;  padding:4px; }
#prodgrow { background:#fafcc8 !important; }

#modelsearch { padding:10px;  border:solid 4px #e0dfdf; background:#fbfafa; width: 300px;}
input#accounturl { width:300px; display:inline; padding:7px; }
.accountnote { font-size:13px; background:#fafcc8; width:550px; padding:20px; margin:0 0 20px 0; }
dl.accountnote>dd { margin-left:0; margin-bottom:.25em; }
.sendemail { background:#678b90; font-size:11px; color:white; padding:3px 5px; cursor:pointer; white-space:nowrap; }
.sendemailtemp { background:#678b90; font-size:11px; color:white; padding:1px 5px; cursor:pointer; }

#logbox { width:400px; border:solid 4px #efefef; padding:50px; margin: 100px auto 5px auto; color: #626667; background:#FFF; }
#logbox #logo { display:block; margin:0 40px 20px 40px; }
#logbox #logo em { display:block; font-size: 12px; color: #626667; text-align:right; margin:0 5px 0 0; }
#logbox input { width:360px; font-size:16px; padding:15px; border:solid 4px #e0dfdf; background:#fbfafa; }
#logbox .bluebutton { cursor:pointer; width:170px; display:block; margin: 0 0 15px 0; border:0px; background:#00ccff; color:white; }
#logbox .bluebutton:hover { background:#06acd5;  }
#catadd { background:#e4e4e4; padding:20px; margin:0 0 20px 0; width:750px; position:relative; display:none; }
#catadd input#cataddval { width:500px; }
#catadd span.cancel { cursor:pointer; position:absolute; top:20px; right:30px; }
#produceradd { background:#e4e4e4; padding:20px; margin:0 0 20px 0; width:750px; position:relative; display:none; }
#produceradd input#produceraddval { width:500px; }
#produceradd span.cancel { cursor:pointer; position:absolute; top:20px; right:30px; }

.smallnote { color:#666; font-size:13px; margin:0 0 5px 0; display:block; }
#top-bar { height:40px;  position:absolute; width:100%; }
.continue { width:200px; }

h3.dashtitle { color:#666; margin:0 0 20px 0; font-weight:normal; }
h3.dashtitle strong { color:black; font-size:20px; }

h4.dashaccount { font-size:30px; background:#f5f6f6; padding:10px 20px; display:block; margin:10px 0; clear:both; }
.logobox img { display:block; float:left; margin:5px 40px 50px 5px; }
.logobox  { font-size:20px; }

#logbox h3 { color:black; margin:0 0 20px 0; }
#minifoot { width:480px; margin: 0px auto; text-align:right;  }
#minifoot a { font-size:12px; }
#minifoot a:hover { text-decoration:underline;  }
#reporttable { width:100%; font-size:14px; text-align:left; }
#reporttable th { border-bottom:solid 2px black; padding:3px; }
#reporttable td { border-bottom:solid 1px #efefef; padding: 3px;}

.fileinput {width:400px;padding:2px;margin:0px 0px 10px 0px;}
.sumviews { color:#963fe1; font-family: Georgia; font-size:26px;}
.sumplays { color:#20B2AA;  font-family: Georgia; font-size:26px; }
div.mostpop { background:#f5edfb; padding:20px; }

h4.myinfo { font-size:30px; }
div.mostpop .flyTable th {  background:#f5edfb; }
div.mostpop .flyTable td {  background:#f5edfb;}

input[type=text][disabled] { background-color: #e0dfdf; color: #888; }

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: #e8f4ff!important; }
table.dataTable tbody tr.selected { background-color: #e8f4ff!important; }
.datepicker { width: 300px!important; }

/*** HELPER CLASES ***/
.pr-0, .px-0, .p-0 { padding-right:0!important; }
.pl-0, .px-0, .p-0 { padding-left:0!important; }
.pt-0, .py-0, .p-0 { padding-top:0!important; }
.pb-0, .py-0, .p-0 { padding-bottom:0!important; }
.pr-1, .px-1, .p-1 { padding-right:0.25em!important; }
.pl-1, .px-1, .p-1 { padding-left:0.25em!important; }
.pt-1, .py-1, .p-1 { padding-top:0.25em!important; }
.pb-1, .py-1, .p-1 { padding-bottom:0.25em!important; }
.mr-0, .mx-0, .m-0 { margin-right:0!important; }
.ml-0, .mx-0, .m-0 { margin-left:0!important; }
.mt-0, .my-0, .m-0 { margin-top:0!important; }
.mb-0, .my-0, .m-0 { margin-bottom:0!important; }
.mr-1, .mx-1, .m-1 { margin-right:0.25em!important; }
.ml-1, .mx-1, .m-1 { margin-left:0.25em!important; }
.mt-1, .my-1, .m-1 { margin-top:0.25em!important; }
.mb-1, .my-1, .m-1 { margin-bottom:0.25em!important; }
.mr-2, .mx-2, .m-2 { margin-right:0.5em!important; }
.ml-2, .mx-2, .m-2 { margin-left:0.5em!important; }
.mt-2, .my-2, .m-2 { margin-top:0.5em!important; }
.mb-2, .my-2, .m-2 { margin-bottom:0.5em!important; }
.mr-3, .mx-3, .m-3 { margin-right:1em!important; }
.ml-3, .mx-3, .m-3 { margin-left:1em!important; }
.mt-3, .my-3, .m-3 { margin-top:1em!important; }
.mb-3, .my-3, .m-3 { margin-bottom:1em!important; }
.ml-auto, .mx-auto { margin-left: auto!important; }
.mr-auto, .mx-auto { margin-right: auto!important; }
.d-inline-block { display:inline-block;  }
.d-flex { display: flex; }
.flex-grow-1 { flex-grow:1 }
.align-items-center { -ms-flex-align: center!important; align-items: center!important; }
.justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
.text-danger { color:red; }
.text-muted { color:#ccc!important; }
.text-secondary { color:#999!important; }
.disabled, [disabled] { color:#ccc!important; cursor: not-allowed!important; }
[nowrap],.nowrap { white-space:nowrap; }
.pull-right { float:right }
.strike { text-decoration: line-through; }