/* custom template */
html, body {
   height: 100%;
   font-family:verdana,arial,sans-serif;
   color:#555555;
}
a.white {color: #fff;}
a.white:active,a.white:hover {
	color: #eee;
	text-decoration: underline;
} 
.table>tbody+tbody {
	border: 0px;
}
.h {display:none}
.alert-info {
    background-color: #23b7e5;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}
.alert-success {
    background-color: #27c24c;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}
.alert-warning {
    background-color: #ff902b;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}
.alert-danger {
    background-color: #f05050;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border: 0;
	padding: 4px;
	cursor: pointer;
}

.table>tbody>tr>td>.tf, .table>tbody>tr>th>.tf {
	margin: 0;
}

.tab-content {
    padding: 10px 20px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #dde6e9;
}
.nav-tabs>li>a {
    font-weight: 700;
    color: #515253;
    background-color: #edf1f2;
    margin: 0;
    border: 1px solid #dde6e9;
    border-radius: 0;
    padding: 10px 20px;
}
td.vtop {
	vertical-align: top !important;
}

.caption {
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #f4f4f4; 
	font-weight: 600;
	width: 320px; 
	border-radius: 4px 5px 0 0;
	margin-left: 10px;
	padding: 8px 15px 5px;
	
}
div#show_param_change {
	position: absolute;
	bottom: 14px; 
    right: 50px;
    color: white;
	z-index: 9999999;
}
div#search_results {
	position: absolute;
	left: 20px;
	display: none;
	background-color: #fffed8;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
}
table {
	font-size: 12px;
}
table td {
	vertical-align: middle;
}
tr.head {
	background-color: #ccc;
}
.tf {
	font-size: 12px;
	color: #444;
	padding: 4px;
	background-color: #fefefe;
	margin: 2px;
	border: 1px solid #ccc;
	min-width: 150px;
	border-radius: 3px;
}

.tf:focus,.tf:hover {
	border: 1px solid #ffc6a8;
	background-color: #ffe6db;
	
}
input[type="checkbox"].tf {
	min-width: 16px;
}
.box-container {
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: white;
	border-left-width: 8px;
	border-left-color: #cacaca;
	padding: 12px;
	
}
.sround {
	border-radius: 3px;
}
.p {
	padding: 3px;
}
.p2 {
	padding: 5px;
}
.p3 {
	padding: 10px;
}

.bg-white {
	background-color: #fff;
}
.nav {
   font-family:Arial,sans-serif;
   font-size:13px;
}

a {
  color:#222222;
}

a:hover {
  text-decoration:none;
}

hr {
  border-color:#dedede;
}
.navbar-right {
	margin-right: 0px;
}

.wrapper, .row {
   height: 100%;
   margin-left:0;
   margin-right:0;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    *zoom:1;
}

.column .padding {
    padding: 20px;
}

.full{
	padding-top:60px;
}

.box {
  	bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#444444;
  /*
    background-image:url('/assets/example/bg_suburb.jpg');
    background-size:cover;
    background-attachment:fixed;
  */
}

.divider {
	margin-top:32px;
}

.navbar-blue {
    border-width:0;
	background-color:#555555;
    color:#ffffff;
    font-family:arial,sans-serif;
    top:0;
    position:fixed;
    width:inherit;
}

.navbar-blue li > a,.navbar-toggle  {
   color:#efefef;
}

.navbar-blue .dropdown-menu li a {color:#2A4888;}
.navbar-blue .dropdown-menu li > a {padding-left:30px;}

.navbar-blue li>a:hover, 
.navbar-blue li>a:focus,
.navbar-blue .open, 
.navbar-blue .open>a, 
.navbar-blue .open>a:hover, 
.navbar-blue .open>a:focus {
   background-color:#88432a;
   color:#fff;
}

#main {
   background-color:#e9eaed;
   padding-left:0;
   padding-right:0;
}
#main .img-circle {
   margin-top:18px;
   height:70px;
   width:70px;
}

#sidebar {
    padding:0px;
	padding-top:15px;
}

#sidebar, #sidebar a, #sidebar-footer a {
    color:#ffffff;
    background-color:transparent;
	text-shadow:0 0 2px #000000;
    padding-left:5px;
}
#sidebar .nav li>a:hover, #sidebar .nav li.active {
    background-color:#393939;
}

.logo {
  display:block;
  padding:3px;
  background-color:#fff;
  color:#a23e17;
  height:28px;
  width:28px;
  margin:9px;
  margin-right:2px;
  margin-left:15px;
  font-size:20px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  text-shadow:0 0 1px;
  border-radius:2px;
}
#sidebar-footer {
  background-color:#444;
  position:absolute;
  bottom:5px;
  padding:5px;
}
#footer {
  margin-bottom:20px;
}

/* bootstrap overrides */

h1,h2,h3 {
   font-weight:800;
}

.navbar-toggle, .close {
	outline:0;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus  {
	background-color:#3B5999;
    color:#fffffe;
}
.btn-default {
    color:#666666;
    text-shadow:0 0 1px rgba(0,0,0,.3);
}
.form-control {
	
}

.panel textarea, .well textarea, textarea.form-control
{
   resize: none;
}
  
.badge{
   color:#3B5999;
   background-color:#fff;
}
.badge:hover, .badge-inverse{
   background-color:#666;
   color:#fff;
}
    
.jumbotron {
  background-color:transparent;
}
.label-default {
  background-color:#dddddd;
}
.page-header {
  margin-top: 55px;
  padding-top: 9px;
  border-top:1px solid #eeeeee;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
}

.panel-default .panel-heading {
  background-color:#f9fafb;
  color:#555555;
}

.col-sm-9.full {
    width: 100%;
}

.modal-header, .modal-footer {
	background-color:#f2f2f2;
    font-weight:800;
    font-size:12px;
}

.modal-footer i, .well i {
    font-size:20px;
    color:#c0c0c0;
}

.modal-body {
	padding:0px;
}

.modal-body textarea.form-control
{
   resize: none;
   border:0;
   box-shadow:0 0 0;
}

small.text-muted {
  font-family:courier,courier-new,monospace;
}

/* adjust the contents on smaller devices */
@media (max-width: 768px) {

  .column .padding {
    padding: 7px;
  }

  .full{
	padding-top:20px;
  }

  .navbar-blue {
	background-color:#555;
    top:0;
    width:100%;
    position:relative;
  }

}


/*
 * off canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active {
    left: 33%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -33%;
    position: absolute;
    top: 0;
    width: 33%;
    margin-left: 5px;
  }

  #sidebar, #sidebar a, #sidebar-footer a {
    padding-left:3px;
  }
}

/* signin style */
body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  font-size: 12px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}