body {
	padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

body.black_background {
	background: black;
}

body.black_background .page-header {
	border-bottom: 0;
}

body.black_background .page-header  h1 {
	color: #888;
}

.navbar-fixed-top {
	position: fixed;
	margin: 0;
}
.navbar-fixed-top .navbar-inner {
	padding-left: 0;
	padding-right: 0;
}
.sidebar-nav .btn {
	margin: 5px 0;
	min-width: 100px;
}
.navbar .nav .divider {
	height: 1px;
	overflow: hidden;
	background-color: #444;
}

#main-container {
	padding-left: 20px;
	padding-right: 20px;
}

#main-content {
	display: table;
	width: 100%;
}

#sidebar-container {
	display: table-cell;
	vertical-align: top;
	width: 1px;
	white-space: nowrap;
}

#page-container {
	display: table-cell;
	vertical-align: top;
}

.powered {
	display: inline-block;
	white-space: nowrap;
}

.page-header {
	display: table;
	width: 100%;
}
.header-label {
	display: table-cell;
}
.header-accessories {
	display: table-cell;
	white-space: nowrap;
	text-align: right;
}
.header-accessories .btn-group {
	display: inline-block;
	vertical-align: bottom;
}

table {
  background-color: white;
}
.tab-content {
	display: block;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.tab-content.well {
	padding-top: 19px;
}
.nav-tabs {
	position: relative;
	top: 1px;
	margin-left: 10px;
	margin-bottom: 0;
	border: 0;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.nav-tabs > li > a, .nav-tabs > li > a:hover {
	padding: 8px 8px;
}

/** Rtl language Style */
.rtl{
	direction:rtl;
}
.rtl body,.rtl p,.rtl input,.rtl button,.rtl select,.rtl textarea,.rtl .jqplot-target{
	font-family:sans-serif;
}
.rtl .navbar .brand{
	float:right;
}
.rtl .navbar .nav{
	float:right;
}
.rtl .navbar .nav.pull-right{
	float:left;
}
.rtl .pull-right{
	float:left;
}
.rtl .pull-left{
	float:right;
}
.rtl .navbar .nav>li{
	float:right;
}
.rtl .header-accessories{
	text-align:left;
}
.rtl .form-horizontal .control-label{
	float:right;
}
.rtl .btn-group .btn{
	float:right;
}
.rtl .nav-tabs>li,.rtl .nav-pills>li{
	float:right;
}
.rtl .form-horizontal .controls{
	margin-right:190px;
}
.rtl .radio input[type="radio"],
.rtl .checkbox input[type="checkbox"]{
	float:right;
	margin-right:-18px;
}
.rtl .radio,
.rtl .checkbox{
	padding-right:18px;
}
.rtl .entity{
	text-align: right;
	margin-left:20px;
	margin-right:0;
}
.rtl .btn-group .btn:last-child{
	margin-left:0;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topright:0;
	border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
	border-bottom-right-radius:0;
}
.rtl .btn-group .btn:first-child{
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	border-bottom-left-radius:0;
}
.rtl .table th, .rtl .table td {
	text-align:right;
}
.rtl .dropdown-menu{
	right:0;
	left:inherit;
}

/* Tables */
.align-middle {
	vertical-align: middle;
}
.tight {
	width: 10px;
	white-space: nowrap;
}
.nowrap {
	white-space: nowrap;
}

.table-body {
	display: table;
	width: 100%;
}
.table-row {
	display: table-row
}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
.table-cell-title {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
}
.table-cell-title .label {
	position: relative;
	top: -2px;
}

.table-separator {
	margin: 4px 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #FFF;
}

td.cell-center {
	text-align: center;
}

@media (max-width: 767px) {
	.table-cell .title, .table-cell-title .title {
		font-size: 1.1em;
		font-weight: bold;
	}
}
.table-cell-details {
	display: table-cell;
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
}

/* Form */
legend {
	margin-top: 0px;
	margin-bottom: 0px;
}
.form-horizontal .control-label {
	width: 180px;
}
.form-horizontal .controls {
	margin-left: 190px;
}
.form-horizontal .form-actions {
	padding-left: 190px;
	margin-bottom: 0;
}
.form-horizontal label {
	font-weight: bold;
}
.help-block {
	font-style: italic;
	color: #666;
}

/* Status page */

h2 {
	font-size: 16px;
	line-height: 12px;
}

h2 small {
	font-size: 18px;
}


.offline, .online {
	display: inline-block;
	width: 100%;
	max-width: 370px;
}
.entity {
	text-align: center;
	padding: 20px 0;
	box-shadow: 0px 0px 5px #666;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}
.entity h2 {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 14px;
}
.entity p {
	margin: 0;
	padding: 0;
}
.offline .entity {
	background: #a00000;
	color: #f7cece;
	border: 2px solid #f7cece;
}
.offline .entity.warning {
	background: #FAA732;
	color: #F3F3B1;
	border: 2px solid #F3F3B1;
}
.online .entity {
	background: #53a000;
	color: #d8f7ce;
	border: 2px solid #d8f7ce;
}
.entity-container table td {
	padding: 6px 8px;
	vertical-align: middle;
}
.row-offline, .row-online {
	cursor: pointer;
}
.row-offline td, .row-offline tr:hover td {
	background: #a00000 !important;
	color: #f7cece;
}
.row-offline td.warning, .row-offline tr:hover tr.warning {
	background: #FAA732 !important;
	color: #F3F3B1;
}
.row-online td, .row-online tr:hover td {
	background: #53a000 !important;
	color: #d8f7ce;
}
.entity-container .server-name {
	display: inline-block;
	font-size: 1.15em;
	line-height: 18px;
	font-weight: bold;
	white-space: nowrap;
}

.visible-small {
	display: none;
}

td.visible-desktop, th.visible-desktop,
td.hidden-phone, th.hidden-phone,
td.hidden-tablet, th.hidden-tablet {
	display: table-cell;
}

span.visible-desktop, span.visible-desktop,
span.hidden-phone, span.hidden-phone,
span.hidden-tablet, span.hidden-tablet {
	display: inline-block;
}

span.visible-phone, span.visible-phone,
span.visible-tablet, span.visible-tablet,
span.hidden-desktop, span.hidden-desktop {
	display: none;
}

@media (min-width: 980px) {
	.hidden-desktop {
		display: none !important;
	}
}
@media (max-width: 979px) {
	#sidebar-container {
		display: table-row;
	}
	#page-container {
		display: table-row;
	}
	.sidebar-nav .nav-list {
		padding: 0;
	}
	.sidebar-nav li.nav-header {
		display: none;
	}
	.sidebar-nav li {
		float: left;
		margin-right: 15px;
	}
	.navbar .brand {
		margin-left: -10px;
	}
	.visible-desktop {
		display: none !important;
	}
	.tab-content.well {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 767px) {
	td.visible-phone, th.visible-phone,
	td.hidden-desktop, th.hidden-desktop {
		display: table-cell;
	}
	span.visible-phone, span.visible-phone,
	span.hidden-desktop, span.hidden-desktop {
		display: inline-block;
	}
	td.hidden-phone, th.hidden-phone,
	td.visible-desktop, th.visible-desktop {
		display: none;
	}
	span.hidden-phone, span.hidden-phone,
	span.visible-desktop, span.visible-desktop {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	td.visible-tablet, th.visible-tablet,
	td.hidden-desktop, th.hidden-desktop {
		display: table-cell;
	}
	span.visible-tablet, span.visible-tablet,
	span.hidden-desktop, span.hidden-desktop {
		display: inline-block;
	}
	td.hidden-tablet, th.hidden-tablet,
	td.visible-desktop, th.visible-desktop {
		display: none;
	}
	span.hidden-tablet, span.hidden-tablet,
	span.visible-desktop, span.visible-desktop {
		display: none;
	}
}
@media (max-width: 479px) {
	#main-container, .container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.form-horizontal .controls {
		margin-left: 0px;
	}
	.form-horizontal .form-actions {
		padding-left: 10px;
		text-align: center;
	}

	.entity-container {
		text-align: center;
	}
	.entity {
		margin: 0 10px 20px 10px;
	}
	.hidden-small {
		display: none !important;
	}
	.action-small {
		text-align: center !important;
		background-color: white;
	}
	.visible-small {
		display: block;
	}
	td.visible-small {
		display: table-cell;
	}
}

body.install{
    padding-top:20px;
}
.install_header h2 {
	line-height: 100px;
}
.install_header img {
	height: 100px;
}

.label-status-on, .label-status-off, .label-status-warning {
	vertical-align: baseline;
}
.label-status-on {
    background-color: #468847;
}
.label-status-off,
.label-error {
   background-color: #B94A48;
}
.label-status-warning {
   background-color: #FAA732;
}
.label a{
    color:#FFF;
    text-decoration:none;
}
.footer{
    margin-top:20px;
    border-top:1px solid #EEEEEE;
    padding-top:10px;
}
.footer a{
    font-weight:bold;
}
div.tabbable ul.nav-tabs li{
    font-weight:bold;
}
legend{
    border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
	margin-bottom: 10px;
}
.form-actions {
    background-color: transparent;
}

.form-signin {
	max-width: 390px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 0;
	padding: 7px 9px;
}

.dropdown-menu span {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}

.login100-form-btn {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.2;
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	width: 100%;
	height: 50px;
	background-color: #57b846;
	border-radius: 25px;
	box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
	-moz-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
	-webkit-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
	-o-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
	-ms-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border: none;
}

.login100-form-btn:hover {
	background-color: #333333;
	box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
	-webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
	-o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
	-ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
}

.login-more li::before {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #cccccc;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.m-b-8 {
	margin-bottom: 8px;
}

.login-more li {
	position: relative;
	padding-left: 16px;
}

.p-t-190 {
	padding-top: 90px;
	margin: 0px;
	list-style-type: none;
}

.txt1 {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #999999;
	line-height: 1.5;
}

.txt2 {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #57b846;
	line-height: 1.5;
}

.txt2:hover {
	text-decoration: none;
	color: #333333;
}

.form-signin-heading {
	display: block;
	font-family: 'Orbitron', sans-serif;
	font-size: 29px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 40px;
}

.img-logo-login {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 90px;
}

.img-logo-login img {
	width: 100%;
}

.form-signin input:focus:required:invalid:focus, .form-signin textarea:focus:required:invalid:focus, .form-signin select:focus:required:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

.navbar .brand {
	float: left;
	display: block;
	padding: 11px 20px 12px;
	margin-left: -20px;
	font-size: 14px;
	font-weight: 200;
	line-height: 1;
	color: #ffffff;
	letter-spacing: 2px;
}



.form-signin {
  width: 390px;
  margin: 45px auto;
}

.form-signin hr.sep {
  background: #2196F3;
  box-shadow: none;
  border: none;
  height: 2px;
  width: 25%;
  margin: 0px auto 45px auto;
}
.form-signinform .emoji {
  font-size: 1.2em;
}

.form-signin .group {
  position: relative;
  margin: 45px 0;
}

.form-signin textarea {
  resize: none;
}

.form-signin input, textarea {
	background: none;
	color: #c6c6c6;
	font-size: 18px;
	padding: 10px 10px 10px 5px !important;
	display: block;
	width: 380px;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid #c6c6c6!important;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	cursor: pointer;
}
.form-signin input:focus, .form-signin textarea:focus {
	outline: none;
	
}
.form-signin input:focus ~ label, .form-signin input:valid ~ label,
.form-signin textarea:focus ~ label,
.form-signin textarea:valid ~ label {
  top: -14px;
  font-size: 12px;
  color: #2196F3;
}
.form-signin input:focus ~ .bar:before,
.form-signin textarea:focus ~ .bar:before {
  width: 400px;
}

.form-signin input[type="password"] {
  letter-spacing: 0.3em;
}

.form-signin label {
  color: #c6c6c6;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 300ms ease all;
}

.bar {
  position: relative;
  display: block;
  width: 400px;
}
.bar:before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #2196F3;
  transition: 300ms ease all;
  left: 0%;
}


.page-header h1 {
	display: none;
}


















#flashmessage {
	max-width: 350px;
	margin: auto;
	margin-bottom: 18px;
}

.oce-first{
	background-color:#eee;
}

/* Bootstrap 2.3.2 added icons */
.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

/* personal added icons */
.icon-chart {
  background-position: 0px -168px;
}

.icon-mobile {
  background-position: -24px -168px;
}

.icon-admin {
  background-position: -48px -168px;
}

.icon-pushover {
  background-position: -72px -168px;
}

.icon-telegram {
  background-position: -96px -168px;
}