* {
	margin:0;
	padding:0;
    font-family: Verdana, arial;
}

body{
	font-size:12px;
	line-height:1.5em;
	background:#ddd;
	color:#000;
}
input, textarea{
	font-size:1em;
}
h1{
	font-size: 1.5em;
	margin: 10px 0;
	color:#642;
}
h2{
	font-size: 1.25em;
	margin: 10px 0;
	color:#642;
}
h3{
	font-size: 1em;
	margin: 10px 0;
	color:#642;
}
h1 a, h2 a, h3 a{
	color:#642;
}
a{
	color:#642;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
strong{
	font-weight:bold;
}
ul{
	padding-left:30px;
}
li{
}
ol{
	padding-left:30px;
}
table{
	margin: 10px 0;
	border-collapse:collapse;
}
fieldset table{
	margin: 0;
}
th{
	font-size:1em;
	padding:2px;
	background:#333;
	color:#fff;
	text-align:center;
}
th:last-child{

}
td{
	font-size:1em;
	padding:2px;
	background:transparent;
}
tr.even td{
	background:#eee;
}
td:last-child{

}
fieldset{
	margin:10px 0;
	padding:10px 4px;
	border:1px solid #642;
}
legend{
	background:#fee;
	padding:4px 10px;
	border:1px solid #333;
}
img{
	border:none;
	margin:0;
	vertical-align:text-bottom;
}
pre{
	font-family: monospace;
}
p{
	margin:10px 0;
}
input[type=button],
input[type=submit],
input[type=reset]{
	padding:2px 8px;
	text-decoration:none;
	border:1px solid #48c;
	background:#fafaff;
	color:#29c;
	line-height:24px;
	cursor:pointer;
	margin-right:10px;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover{
	border-color:#642;
	background:#fefeff;
}
input[type=text],
input[type=password]{
	border:1px solid #642;
	padding:2px 4px;
}
input[type=checkbox]{
	vertical-align:text-bottom;
}
select{
	border:1px solid #642;
    font-size:12px;
    padding:2px 1px;
}
textarea{
	border:1px solid #642;
}
label{
	clear:left;
}
code{
    font-family: monospace;
    font-size: 14px;
}

#debug{
	margin:0;
	padding:0;
	background:#fee;
	text-align:left;
	height:50px;
	overflow:scroll;
}
.debug_open{
	height:400px;
	overflow:auto;
	overflow:scroll;
}
.debug_closed{
	height:200px;
	overflow:hidden !important;
}

/**
 * Various
 */

.clear_both{clear:both;}
.alignC{text-align:center;}
.alignC table{margin:0 auto;}
.alignR{text-align:right;}
.alignL{text-align:left;}

.valignT{vertical-align:top;}

.floatL{float:left;}
.floatR{float:right;}

.width50{width:54px; box-sizing: border-box;}
.width100{width:110px; box-sizing: border-box;}
.width150{width:160px; box-sizing: border-box;}
.width200{width:210px; box-sizing: border-box;}
.width250{width:260px; box-sizing: border-box;}
.width300{width:310px; box-sizing: border-box;}
.width350{width:360px; box-sizing: border-box;}
.width400{width:410px; box-sizing: border-box;}
.full_width{width:100%;}
table.full_width{
	width:100%;
}

/**
 * Trails
 */

.trail{
	margin:0;
	height:25px;
	text-align:left;
	margin: 0 0 10px 0;
}
.trail ul{
	padding:0 0 0 0;
	margin:0;
}
.trail ul li{
	display:block;
	float:left;
	height:16px;
	line-height:16px;
	margin-right:5px;
}
.trail ul li a{
	display:block;
	padding:4px 10px;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
}
.trail ul li a:hover{
	text-decoration:none;
	background:#eee;
	border-color:#000;
}

/**
 * Controls
 */

.controls{
	padding:4px 0;
	margin:0;
	height:28px;
}
.controls li{
	display:block;
	float:left;
	margin-right:10px;
}
.controls li a{
	display:block;
	padding:2px 8px;
	text-decoration:none;
	border:1px solid #48c;
	background:#fafaff;
	color:#29c;
	line-height:24px;
}
.controls li a:hover{
	text-decoration:none;
	border-color:#642;
	background:#fefeff;
}

.controls li a.red         {background:#f99;}
.controls li a.red:hover   {background:#f66;}
.controls li a.green       {background:#bfb;}
.controls li a.green:hover {background:#9f9;}
.controls li a.orange      {background:#fea;}
.controls li a.orange:hover{background:#fc8;}
.controls li a.yellow      {background:#ffa;}
.controls li a.yellow:hover{background:#ff9;}
.controls li a.blue        {background:#ddf;}
.controls li a.blue:hover  {background:#bbf;}

/**
 * Pages
 */

.pages{
	text-align:center;
	line-height:20px;
	padding:15px 0;
}
.pages a{
	padding:4px 6px;
	margin:0 4px;
	border:1px solid #aaf;
}
.pages a:hover{
	border:1px solid #039;
	text-decoration:none;
}
.pages span.current_page{
	padding:4px 6px;
	margin:0 4px;
	border:2px solid #039;
	background:#fee;
	font-weight:bold;
}
.quick_jump{
	display:block;
	float:right;
}

/**
 * Special
 */

.tooltip_div{
	background:#fff;
	padding:6px;
	/*width:300px;*/
	font-size:10px;
	border:2px solid #000;
}
.tooltip_div td{
	font-size:10px;
}
.tooltip_div_2{
	background:#fff;
	padding:6px;
	/*width:150px;*/
	font-size:10px;
	border:2px solid #000;
}

.with_border td{
	border:1px solid #333;
}
.with_border th{
	border:1px solid #333;
}
.without_border td{
	border:none;
}

td.icon_holder{
	width:50px;
	text-align:center;
}

/**
 * Forms
 */

fieldset span.std{
	display:block;
	float:left;
	padding:2px;
}

table.form_layout td,
table.form_layout th{
	vertical-align:top;
	line-height: 20px;
}

tr.table_odd td{
	background:#fee;
}
tr.table_hovered td{
	background:#efe;
}
tr.table_selected td{
	background:#fdd;
}

.striped tr:nth-child(2n+1){
    background:#fee;
}

/**
 * Monitor
 */

.monitor_table{
	width:100%;
	border-collapse:collapse;
}
.monitor_table td.button_holder{
	width:60px;
	padding:2px;
	margin:0;
}
.monitor_table input[type=button]{
	padding:2px 4px;
	margin:0;
	width:60px;
	color:#000;
	border:1px solid #000;
}
.monitor_table input.red         {background:#f99;}
.monitor_table input.red:hover   {background:#f66;}
.monitor_table input.green       {background:#bfb;}
.monitor_table input.green:hover {background:#9f9;}
.monitor_table input.orange      {background:#fea;}
.monitor_table input.orange:hover{background:#fc8;}
.monitor_table input.yellow      {background:#ffa;}
.monitor_table input.yellow:hover{background:#ff9;}
.monitor_table input.blue        {background:#ddf;}
.monitor_table input.blue:hover  {background:#bbf;}

/**
 * Reports
 */

.reports_table{
	width:100%;
	border-collapse:collapse;
}
.reports_table tr{
	border-bottom:1px solid #fff;
}
.reports_table tr.red		{background:#fcc;}
.reports_table tr.green		{background:#cfc;}
.reports_table tr.yellow	{background:#ffc;}

/**
 * Colors
 */

.red		{background:#fcc}
.green		{background:#cfc}
.blue		{background:#ccf}
.gray		{background:#ddd}
.yellow		{background:#ffc}

.accepted   {background:#ffc}
.delivered  {background:#cfc}
.seen       {background:#a5ffa5}
.expired    {background:#fcc}
.other 		{background: #f99}
.user_blocked       {background:#ccf}
.not_viber_user     {background:#ddf}
.no_suitable_device {background:#ccf}
.receiver_untrusted {background:#f66}
.receiver_check_failed {background:#f66}
.insufficient_balance {background:#f88}
.destination_not_allowed {background:#fcf}
.destination_invalid {background:#faf}
.rejected {background:#bff}
.pending    {background:#ffc}
.unknown_subscriber {background:#eea}
.not_delivered {background:#fbb}

/**
 * Full reports
 */

.full_reports{
	width:100%;
}
.full_reports th{
	height:auto;
}
.full_reports td{

}

.full_reports td.red		{background:#fcc;}
.full_reports td.green		{background:#cfc;}
.full_reports td.yellow 	{background:#ffc;}

table.full_reports_inner{
	width:100%;
	text-align:center;
}
table.full_reports_inner td{
	border:none;
}

/**
 * Routing Table
 */

.routing_table td{
	border:1px solid #666;
}
.routing_table td table td{
	border:none;
}

/**
 * Info Table
 */

.info_table{
    border: 1px solid #999;
}

.info_table th, .info_table td{
    border: 1px solid #999;
    padding: 2px 8px;
}

.info_table td {
    padding-right: 32px;
}

/**
 * Vertical Menu
 */

.vertical_menu{
	margin:0 0 5px 0;
}
.vertical_menu ul{
	margin:5px;
	padding:0;
	list-style-type: none;
}
.vertical_menu ul li{
	border:1px solid #000;
	margin:0 0 5px 0;
}
.vertical_menu ul li a{
	display:block;
	padding:2px 10px;
	background:#000;
	color:#fff;
}
.vertical_menu ul li a:hover{
	text-decoration:none;
}
.vertical_menu ul li ul{
	margin:0;
}
.vertical_menu ul li ul li{
	border:0;
	margin:0;
}
.vertical_menu ul li ul li a{
	display:block;
	padding:2px 10px;
	background:#fee;
	color:#000;
}
.vertical_menu ul li ul li a:hover{
	text-decoration:none;
	background:#fff;
}

.vertical_menu ul li ul li ul li{
	margin-left:10px;
}

/**
 * Generic
 */

.address_book_members td{
	border:1px solid #ccc;
	width:20%;
	vertical-align:top;
	padding:4px;
}

.yellow_b{
	background:#ffc;
}
.red_b{
	background:#fcc;
}

/**
 * Specific
 */

.relevant_sms{
	display:block;
	height:200px;
	overflow:scroll;
}

.div_closed{
	display:none;
	visibility: hidden;
}

/**
 * Routing
 */

.monitor .red {background:#fcc;}
.monitor .green {background:#cfc;}
.monitor .blue {background:#ffc;}

/**
 * Routes
 */

.pad_more td{
	padding:4px;
}

.routes_table{
	margin:0 0 10px 0;
}
.routes_table td{
	padding:4px;
}

/**
 * Alerts
 */

.success{
	margin:10px 0;
	padding:10px;
	border:4px solid #dfd;
	background: #efe;
}

.failure,
.error{
	margin:10px 0;
	padding:10px;
	border:4px solid #fdd;
	background: #fee;
}

.notice{
	margin:10px 0;
	padding:10px;
	border:4px solid #ffc;
	background: #ffe;
}

.pool_remaining{
    background: #eee;
    padding: 4px;
}
.pool_remaining .num{
    font-size: 28px;
    line-height: 32px;
}

.pointer{
    cursor: pointer;
}

.viber_logo{
    width: 65px;
    height: 65px;
}

.provider_direct{
    font-weight: bold;
    color: #090;
    cursor: pointer;
}
.provider_messaggio{
    font-weight: bold;
    color: #a33;
    cursor: pointer;
}
<<<<<<< Updated upstream

/**
 * Channel Status
 */

.channel_status_table{
	width: 100%;
    border-collapse: collapse;
}

.channel_status_table tr {
    border: 1px solid #333;
    border-width: 0 1px 0 1px;
}
.channel_status_table td {
	border:1px solid #999;
    position: relative;
}

.channel_status_column {
	width: 124px !important;
	max-width: 124px;
	overflow: hidden;
}

.percent_bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    border-right: 1px solid #aaa;
}

.left_text {
    position: relative;
    z-index: 10;
    margin-left: 4px;
}

.right_text {
    position: absolute;
    right: 6px;
    z-index: 10;
    top: 2px;
}

.channel_bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #e0e0ff;
    z-index: 5;
    border-right: 1px solid #aaa;
}

.provider_gms {
    font-weight: bold;
    color: #00f;
    cursor: pointer;
}

.total {
    background: #e6e6e6;
    border: 1px solid #333;
    border-width: 1px 0 1px 0;
}

.report_table td{
    border: 1px solid #999;
}

.stat_column {
    width: 9%;
}
