html {
  height:100%;
  overflow:auto;
}
body { 
	background-color:#3e3e3e;
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  background-size: 50px 50px; 
  background-position: top left;
  background-attachment: fixed;
  color: #f5f5f5;
  margin: 0px;
  padding-top: 0px;
	padding-bottom:10px;
  height:100%;
}
#screen-container {
  min-height:100%;
}
pre {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	margin:0px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
h2 {
  font-size: 21px !important;
  color: #ffff00;
}
a {
  color: #ffff00;
}
a:hover {
	text-decoration:none;
  color: #eec300;
}
a:focus, a:active {
  outline:0;
}
a:hover, a:focus {
  text-decoration: none;
  color: #ffff00;
}
#tos-link {
  color: #fff;
  text-decoration: underline;
}
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;  
}
.navbar-default .navbar-nav > li > a {
  color: #c2c2c2 !important;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
}
.navbar-default {
  background-color: #3e3e3e !important;
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  background-size: 50px 50px; 
  background-position: top left;
  border: 0px;
  border-bottom: 0px !important;
}
.navbar {
    border-radius: 0px !important;
    margin-bottom:50px;
}
.navbar-brand {
  padding-top:10px;
}
#navbar-logo {
    width:140px;
    height:35px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top:18px;
  }
}
.form-control {
  background-color: #636b70 !important;
  border:1px solid #353535;
  color: #f5f5f5;
}
.container:first {
  margin-top:50px;
}

.panel {
  border: 1px solid #353535;
  background-color: #4c4c4c;
}
.panel-heading header {
  font-size: 18px;
  font-weight: 200;
  display:inline;

}
.panel-heading, .panel-body, .panel-footer {
  background-color: #4c4c4c !important;
  border: 1px solid #353535 !important;

}

.panel-content {
  border: 1px solid #353535;
  border-radius: 0px;
}

.panel-tabs {
    border-top: 0px;
}

.panel-content .panel-heading {
  border-top:0px !important;
  border-left:0px !important;
  border-right:0px !important;
}

.panel-content .panel-footer {
  border:0px !important;
}

.panel > .panel-footer,
.panel > .panel-heading,
.panel > .panel-body {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

/* Remove box-shadow from nested .panel sections */
.panel .panel > .panel-footer,
.panel .panel > .panel-heading,
.panel .panel > .panel-body {
  box-shadow: none;
}

footer{ 
  position:relative; 
  bottom:0; 
  width:100%; 
  height:40px; 
  margin-top:-30px;
  padding:10px;
  background:#353535;
}

.modal-content, .modal-header, .modal-body, .modal-footer { 
  background-color: rgba(76, 76, 76, 100);
}
.modal-header {
  border-bottom: 1px solid #353535;
  border-top-left-radius: 25px !important;
  border-top-right-radius: 25px !important;
}
.modal-footer {
  border-top: 1px solid #353535;
  border-bottom-left-radius: 25px !important;
  border-bottom-right-radius: 25px !important;

}
.modal{
    z-index:2002;
}
.modal-open .container-fluid, .modal-open  .container, .modal-open  .content-container, .modal-open .nav-side-menu {
    -webkit-filter: blur(3px);
}
.modal-large {
  width:60% !important;
}
.error-input {
  border:1px solid #f20020;
}

.content-container {
  padding-top:100px;
	margin-left:50px;
	margin-right:50px;
}

.btn-default {
  background-color: #4c4c4c;
  color:#f5f5f5;
  border-color:#f5f5f5;
}
.btn-default[disabled] {
  background-color: #4c4c4c;
}

textarea {
    resize:none;
}

.top-margin {
	margin-top:20px;
}
.pointer-hover:hover {
	cursor:pointer;
}

.popover-container {
	font-size: 14px;
}

.hidden {
	display:none;
}

.nav-tabs {
  border-bottom:1px solid #353535;
}
.nav-tabs a {
  color:#c2c2c2;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #4c4c4c;
  border: 1px solid #353535;
  color:#fff;
  border-bottom:1px solid #4c4c4c;
}
.nav-tabs > li > a:hover {
  background-color: #6d6d6d;
  border:1px solid #464646;
}
.table th {
  background-color: #6d6d6d;
}

#text-header {
  color:#ffff00;
  font-size:18px;
}

.pagination > li > a, .pagination > li > span {
  background-color: #4c4c4c;
  border: 1px solid #dddddd;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #dddddd;
  border-color: #dddddd;
  color: #4c4c4c;
}

/* Additional Classes */

.pointer-hover:hover {
    cursor:pointer;
}

.cursor-hover:hover {
    cursor:default;
}


.invisible-option {
    visibility:hidden;
}
.invisible {
    display:none;
}
.cache {
    display:none;
}

.message-exists {
  color: #ffff00;
}
.label {
  padding-left:2px;
  color: #fff;
}
#message-container:hover .label, #message-container:hover .message-exists {
  color: #fff !important;
}
.header-row {
  margin-top:15px;
}
.radio, .checkbox {
  min-height: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color:#3e3e3e;
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  background-size: 50px 50px; 
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  color: #fff !important;
}
.dropdown-menu {
  background-color: #3e3e3e;
}
.dropdown-menu > li > a {
  color: #c2c2c2 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #3e3e3e;
  color:#fff !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
  color: #ffff00 !important;
  background-color: #3e3e3e;
}
.dropdown-menu > .active > a:hover {
  color: #fff;
  background-color: #3e3e3e;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #3e3e3e;
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  background-size: 50px 50px; 
  color: #ffff00 !important;
}
.navbar-default  .navbar-nav > .active > a:hover {
  background-color: #3e3e3e;
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  background-size: 50px 50px; 
  color: #fff !important;
}
#table-content {
  margin-top:20px;
}
.setting-line {
    padding:1px;
}
.setting-field {
    height:30px;
    width:200px;
}
.setting-label, .setting-options { 
    line-height:2.3em;
}
.form-control:focus {
  border-color: #ffff00;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 0, 0.6);
}