.nav-tabs > li > a {
    background-color: #666666;
    border: 0px solid black;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active a:focus
{
    color: #333;
    background-color: #eee;    
}

.navbar-inverse {
    background-color: #111;
    border-color: #111;
  
    box-shadow: 0px 2px 5px 0px #31FFFF;
}

.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>li.active, .top-nav>.open>a:focus
{
    background-color: #31b0d5;
}
  

.article_border_nolimit
{
    min-height: 430px; 
    margin-top: 20px; 
    margin-bottom: 20px; 
    padding: 20px; 
    background-color: #030609; 
    border: 1px solid #1F2734;
    border-radius: 15px; 
}

.editor_border
{
    border: 1px dashed #31FFFF;    
}

.article_border_nolimit *, .seamless *
{
    background-color: transparent !important;
}

.modal-body
{
    background-color: #030609; 
    border: 5px solid #15ECE5;
    box-shadow: 0px 0px 10px 0px #15ECE5;        
}

p, li, ul, span
{
    color: #C5D3E7 !important;    
}

h2
{
    color: white !important;
}

a, a:hover
{
    color: #31FFFF;
    text-decoration: none;
}

.article_border
{
    min-height: 450px;
    max-height: 450px; 
    overflow: hidden; 
    margin: 20px; 
    padding: 20px; 
    background-color: #030609; 
    border: 1px solid #15ECE5;

    box-shadow: 2px 2px 10px 0px #15ECE5, 5px 5px 0px 0px #5FB8FF;    
}

pre
{
    margin-left: 20px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.2);
}

pre, code, pre code
{
    color: #31FFFF;
}

b, strong
{
    color: #31FFFF;
    font-weight: 600;
}

hr
{
    border-top: 1px solid #5FB8FF;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    background-color: transparent;
    color: #19c900;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    border: 1px solid white;
    border-radius: 8px; 
    background-color: transparent;
}

.pagination > li > a, .pagination > li > span
{
    background-color: transparent;
    border: 0px solid black;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus
{
    background-color: transparent;
}

.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #666;
}

.btn-black:hover {
    border-color: #666;
    background-color: #333;
}

.alert-info
{
    background-color: #0F1724;
    border: 2px solid #5FB8FF;
    color: #5FB8FF;
}

.alert-warning
{
    background-color: #0F1724;
    border: 2px solid #ff6e16;
    color: #ff6e16;
}

.alert-danger
{
    background-color: #0F1724;
    border: 2px solid #c90019;
    color: #c90019;
}


.alert-success
{
    background-color: #0F1724;
    border: 2px solid #139600;
    color: #139600;
}


.panel-danger
{
    border: 0px solid black;
}

.panel-info
{
    border: 0px solid black;
}

.panel-black
{
    border: 0px solid black;
}

.panel-warning
{
    border: 0px solid black;
}

.panel-primary
{
    border: 0px solid black;
}

.panel-success
{
    border: 0px solid black;
}

.panel
{
    background-color: #0F1724;
    border: 1px solid #333;
}

.form-control
{
    background-color: #0F1724;
    border: 1px solid #5FB8FF;
    color: #31FFFF;
}

.panel-danger > .panel-heading  {
    background-color: #c90019;
    border: 0px solid #ec151c;
    box-shadow: 0px 0px 0px 0px #222;
}

.panel-info > .panel-heading  {
    background-color: #007ec9;
    border: 0px solid #007ec9;
    box-shadow: 0px 0px 10px 0px #222;
}

.panel-black > .panel-heading  {
    background-color: #000;
    border: 0px solid #222;
    box-shadow: 0px 0px 10px 0px #222;    
}

.panel-default > .panel-heading  {
    background-color: #333;
    color: white;
    border: 0px solid #222;
    box-shadow: 0px 0px 10px 0px #222;    
}


.btn-danger {
    color: #fff;
    background-color: #c90019;
    border-color: #000;
}

.btn-danger:hover {
    border-color: #000;
    background-color: #ff1633;
}

.btn-success {
    color: #fff;
    background-color: #139600;
    border-color: #000;
}

.btn-success:hover {
    border-color: #000;
    background-color: #19c900;
}

.btn-warning {
    color: #fff;
    background-color: #ff6e16;
    border-color: #000;
}

.btn-warning:hover {
    border-color: #000;
    background-color: #ff7e30;
}


.btn-primary {
    color: #fff;
    background-color: #6e16ff;
    border-color: #000;
}

.btn-primary:hover {
    border-color: #000;
    background-color: #7e30ff;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #030609;
}

.table-hover > tbody > tr:hover {
    background-color: #000000;
}

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td 
{
    border: 1px solid #1F2734;
    box-shadow: 0px 0px 5px 0px #0F1724;        
    color: #C5D3E7;
}


.label-default {
    background-color: #777;
    color: #000 !important;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #5e5e5e;
  }
  .label-primary {
    color: white !important;
    background-color: #6e16ff;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #7e30ff;
  }
  .label-success {
    background-color: #5cb85c;
    color: white !important;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #449d44;
  }
  .label-info {
    color: #000;
    color: white !important;
    background-color: #007ec9;
}
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #31b0d5;
  }
  .label-warning {
    color: #000;
    background-color: #ec971f;
    color: white !important;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #ec971f;
  }
  .label-danger {
    color: #000;
    background-color: #c90019;
    color: white !important;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #ff1633;
  }

.article_border:hover
{
    box-shadow: 2px 2px 25px 0px #15ECE5, 5px 5px 0px 0px #5FB8FF;    
}

div.mce-fullscreen {
    z-index: 1050;
}

.searchbox
{
    background-color: #27A1CA;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); 
    padding: 20px;
    border-radius: 12px; 
    margin: 20px;    
}

.css-button {
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #dcdcdc;
	color: #666666;
	background: linear-gradient(180deg, #000000 5%, #060606 100%);
	box-shadow: 0px 10px 14px -7px #000000;
	font-family: Arial;
	cursor: pointer;
	text-align: center;
	user-select: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.css-button:hover {
    background: linear-gradient(180deg, #262626 5%, #000000 100%);
    text-decoration: none;
}
.css-button:active {
	position: relative;
	top: 1px;
}
.css-button > span {
	display: block;
}
.css-button-icon {
	padding: 10px 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
}
.css-button-text {
	padding: 10px 10px;
}

pre 
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.chart_shadow_running
{
	-webkit-box-shadow: 0px 0px 3px 3px rgba(53,158,0,1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(53,158,0,1);
	box-shadow: 0px 0px 3px 3px rgba(53,158,0,1);
}

.chart_shadow_nodata
{
	-webkit-box-shadow: 0px 0px 3px 3px rgba(156,0,0,1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(156,0,0,1);
	box-shadow: 0px 0px 3px 3px rgba(156,0,0,1);
}

.chart_shadow_pending
{
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,114,156,1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,114,156,1);
	box-shadow: 0px 0px 3px 3px rgba(0,114,156,1);
}

.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #E3E3E3; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 28px; padding: 0; line-height: 24px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #FFFFFF; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #FFFFFF; color: #666666;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 36px; margin: 0px;
    background: #A1A1A1;
    position: absolute; top: 0; bottom: 0;
    right: 24px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #27A1CA; 
}


.button-checkbox {
    text-align: left;
    margin-bottom: 10px;
}

.button-checkbox:before {
    font-family: FontAwesome;
    content: "\f096";
    width: 16px;
    display: inline-block;
}
.button-checkbox.active:before {
    content: "\f046";
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
}