/*div.click_close pre {
	margin-left: 20px;
	margin-right: 20px;
}*/

div.click_close span  {
	margin-left: 20px;
	margin-right: 20px;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dialogWithDropShadow {
         -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
         -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}

.offscreen{
    position: absolute;
    left: -5000px;
}

.jqueryslidemenu{
}
.jqueryslidemenu ul li a{
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}

.jqueryslidemenu ul li a:hover{
}

/* Bootgrid styles */
.progress {
	margin-bottom: 0px !important;
	height: 4px !important;
}

.progress-bar {
	text-align: center;
	color: #000000 !important;
    font-size: 85% !important;
}

body {
    background-size: contain !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

ol#select_hours {
    list-style-type: none !important;
}

#select_hours li {
	float:left;
	height:32px;
	width:32px;
	margin:2px;
	padding:0em;
/*	padding:0.4em; */
	font-size:1.4em;
	border:1px solid #888;
	text-align: center;
}

#select_hours .ui-selected {
	background: #9f9;
}

#select_hours .ui-selecting {
	background: #ccc;
}


.idcolumn
{
    width: 140px;
}

.idcolumn2
{
    width: 90px;
}

.session-time-column
{
	text-align: center !important;
	width: 90px;
}

.right-col
{
	text-align: right !important;
	width: 80px;
}

.center-col
{
	text-align: center !important;
	width: 80px;
}

.sumcolumn
{
    width: 80px;
}
.datetimecolumn
{
    width: 200px;
}
.tridcolumn
{
    width: 200px;
}


/* Custom styles for bootgrid parser */
.greenBg {
    background: green;
}

.redBg {
    background: red;
}

.bgshadow {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;

}

div.search_short {
	width: 100px !important;
}
table.bgshadow {
    border-spacing: 4px;
    border-collapse: separate;
}

table.bgshadow td {
    padding: 6px;
}

#lower_right {
    width: 300px; height: 120px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background-repeat: no-repeat;
    /* Logo in screen corner */
//    background-image: url("/img/login_logo.jpg");
}

/* Simple table styles */
table.simple a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}
table.simple a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:none;
}
table.simple a:active,
table.simple a:hover {
    color: #bd5a35;
    text-decoration:underline;
}
table.simple {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin:0px;
/*    margin:20px; */
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
table.simple th {
    padding:1px 3px 1px 3px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.simple th:first-child {
    text-align: left;
    padding-left:20px;
}
table.simple tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.simple tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table.simple tr {
    text-align: center;
    padding-left:20px;
}
table.simple td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table.simple td {
    padding:4px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.simple tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.simple tr:last-child td {
    border-bottom:0;
}
table.simple tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table.simple tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table.simple tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
.fa-pencil:before {
	content: "";
}

.mobile_menu {
  list-style: none;
  line-height: 42px;
  margin: auto;
  padding-left: 0;
  width: 17em;
}

.mobile_menu a {
  background: url(../img/icons.png) no-repeat left top;
  color: #ddd;
  text-decoration: none;
/*  text-transform: uppercase; */
  display: block;
  padding-left: 3em;
  width: 100%;
}

.mobile_menu a:hover {
  margin-left: 1em;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.mobile_menu li {
  box-shadow: 3px 0 rgba(52,152,219,.2) inset;
  margin-bottom: 5px;
  padding-left: .5em;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#mobile-nav {
    background: url(../img/menu-icon.png);
    cursor: pointer;
    left: 1em;
    height: 30px;
    position: absolute;
    top: 1em;
    width: 30px;
    z-index: 30;
}

nav {
  background: rgba(128,128,128,1);
  padding-right: 0em;
  position: absolute;
  left: -18em;
  top: 0;
  padding-top: 5em;
  box-sizing: border-box;
  z-index: 20;
  height: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

nav.active { left: 0; }

div#over img {
    border: 0;
    width: auto;
    height: 100%;
    max-width: 960px;
    max-height: 960px;
}

a.no_padding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.table-minimal {
	font-size: 0.7em !important;
}

.table-minimal-plus {
	font-size: 1em !important;
}

div.form_group {
	width: auto !important;
}

div#traffic_summary {
	display: inline;
}

div#session_stats_total, div#hour_stats_total {
	background: #d0d0d0 !important;
}

.table-minimal>tbody>tr>td {
	padding: 1px !important;
}
.table-minimal-plus>tbody>tr>td {
	padding: 1px !important;
}

div.padding-left-1 {
	padding-left: 50px;
}

div.padding-top-1 {
	padding-top: 2px;
}

.iframe_cover {
    position:absolute; 
    top:0; 
    left:0; 
    width:100% !important; 
    height:100% !important;
    border:0;
    background: #ffffffe0;
}

.iframe_cover_mypanel {
/*    position:absolute;  */
    top:0; 
    left:0; 
    width:100% !important; 
/*    height:100% !important; */
    height:500px !important;
    border:0;
    background: #ffffffe0;
}

.iframe_cover_mypanel_speedtest {
    top:0; 
    left:0; 
    width:100% !important; 
    height:500px !important;
    border:0;
    background: #ffffffe0;
}


#popup,#popup2,.bMulti{
    background-color: #000;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    /*color: #2B91AF;*/
color:#111;
    display: none;
    min-width: 450px;
/*    padding: 25px; */
}
#popup .logo{
    color:#2B91AF;
    font: bold 325% 'Petrona',sans;
}

#popup,.bMulti{
    min-height: 250px;	
}

#popup2 iframe {
    background: url('loader.gif') center center no-repeat;
    min-height: 240px;
    min-width: 450px;
}
.loading {
    background: url('loader.gif') center center no-repeat;
}

.bMulti p{
    font: 500% 'Petrona',sans-serif;
    padding: 45px 0 0;
    text-align: center;
}
.bMulti a{left: 175px;
    position: absolute;
    top: 175px;
}
.lt-ie9 .bModal{
    background-color:#000;
}

.button.b-close, .button.bClose{
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}