/*
Fix: Open modal is shifting fixed navbar to the right
https://github.com/twbs/bootstrap/issues/14040
*/
body.modal-open{
    width:100%!important;
    padding-right:0!important;
    overflow-y:scroll!important;
    position:fixed!important;
}
.findbox-login-logo{
	background: rgba(0, 0, 0, 0) url("../images/login_logo.png") no-repeat scroll center center;
	height: 50px;
	margin-bottom: 20px;
}

.big-container {
	position: relative;
}


.footer  {
	right: 20px;
}

/* Rounded Helper */
.rnd3 {
	border-radius: 3px;
}
.rnd4 {
	border-radius: 4px;
}
/* /rounded helper*/

/* Max height helpers */
.max-height-150 { max-height: 150px; }
.max-height-200 { max-height: 200px; }
.max-height-250 { max-height: 250px; }
.max-height-300 { max-height: 300px; }
.max-height-350 { max-height: 350px; }
.max-height-400 { max-height: 400px; }
.max-height-450 { max-height: 450px; }
.max-height-500 { max-height: 500px; }
/* /max height helpers */

/* Background colors */
.background-success {
	background: #4caf50;
}
.background-danger {
	background: #f44336;
}
/* /background colors*/

/* Auto scrollable-auto */
.pre-scrollable-auto {
	overflow-y: auto;
}
/* /auto scrollable-auto */

/**/
.background-bullets {
	background: rgba(0, 0, 0, 0) url("../images/backgrounds/bullets.png") no-repeat scroll center center / contain;
	min-height: 100px;
}
/**/

.hover-background-opacity:hover {
	transition: opacity .5s ease;
	opacity: 0.9;
}



/* Rounded Div */
.make-circle{
	border-radius: 100%;
}
.circle-singleline {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 3em;
    line-height: 150px;
    text-align: center;
	margin: 0 auto;
	color: #fff;
}
/* /rounded div */

/* Vertical center */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/* /vertical center */

/* Col colors */
.col-orange {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
}
.col-blue {
	background-color: #29b6f6;
	border-color: #29b6f6;
	color: #fff;
}
.col-yellow {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff;
}
.col-teal {
    background-color: #26a69a;
    border-color: #26a69a;
    color: #fff;
}
.col-pink {
    background-color: #ec407a;
    border-color: #ec407a;
    color: #fff;
}


/* /col colors */

/* Padding right 0px */
.pr-0 {
	padding-right: 0px;
}

/* Padding bottom 0px */
.pb-0 {
	padding-bottom: 0px;
}

/* Padding top 0px */
.pt-0 {
	padding-top: 0px;
}

/* Padding bottom 0px important */
.pb-5i {
	padding-bottom: 5px !important;
}

/* Padding top 0px important */
.pt-5i {
	padding-top: 5px !important;
}

/* Margin bottom 0px */
.mb-0 {
	margin-bottom: 0px;
}

/* Margin top 0px */
.mt-0 {
	margin-top: 0px;
}

/* Very big font size*/
.font-size-10em {
	font-size: 10em;
}

/* Navbar background color
.navbar-inverse {
	background-color: rgb(38,165,154);
}*/

/* Custom Navbar Settings */
.navbar-brand {
	line-height: 25px;
	padding: 10px 20px;
}
.navbar-brand > img {
    height: 25px;
    margin-top: 0;
}
.navbar {
    border-width: 0 0 1px 0;
}
.navbar-header {
	background-color: #26A59A
}
.navbar-collapse {
	background-color: #FFF;
}
.navbar-inverse {
	border-bottom-color: rgba(0, 0, 0, 0.2);
	background-color: #FFF;
}

.sidebar {
	background-color: #FFF;
	color: #333;
}
.sidebar:not(.sidebar-default) .media .text-muted, .sidebar:not(.sidebar-default) .media .media-annotation {
    color: #999;
}
.navigation .navigation-header,
.navigation .navigation-header a {
	color: #333;
}
.navigation li a {
	color: #333;
}
.navigation > li ul {
	background-color: rgba(0, 0, 0, 0.08);
}
.navbar-inverse .navbar-nav > li > a {
	color: #333;
}
.navbar-inverse .navbar-nav > li > a.white{
	color: #FFF;
}

#page-title {
	color: #333;
	font-size: 1.3em;
	padding: 8px 0px 8px 20px;
}

/* Navbar Active Colors */
.navigation > li > ul li.active > a, .navigation > li > ul li.active > a:hover, .navigation > li > ul li.active > a:focus {
	background-color: #5FC3BA;
}

.navigation > li > ul li.active > ul li.active a {
	background-color: #8ED2CC;
}
.navigation li a:hover {
	background-color: #8ED2CC;
	color: #333;
}

/* Small Navbar Settings */
.sidebar-xs .sidebar-main .navigation-main > li > ul {
	background-color: #F5F5F5;
}

/* Slidebar settings */
.sb-slidebar {
	background-color: #26A59A; /* Default Slidebars background colour, overwrite this with your own css. */
}
#sb-site, .sb-site-container {
	background-color: #F5F5F5; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}
.sb-right {
	box-shadow: -5px 0px 5px 0px #cfcfcf;
}
.sb-right div.panel {
	background-color: transparent;
	border-radius: 0;
	border: 0px;
	color: #FFF;
	box-shadow: 0 0px 0px;
	margin-bottom: 0;
}
.sb-right div.panel .panel-heading {
	border-bottom: 1px solid #FFF;
}
.sb-right div.panel .panel-body .table > thead > tr > th,
.sb-right div.panel .panel-body .table > tbody > tr > th,
.sb-right div.panel .panel-body .table > tfoot > tr > th,
.sb-right div.panel .panel-body .table > thead > tr > td,
.sb-right div.panel .panel-body .table > tfoot > tr > td,
.sb-right div.panel .panel-body .table > tbody > tr > td{
	line-height: 15px;
	padding: 2px 5px;
}

/* Cursors */
.cursor-pointer {
	cursor: pointer;
}
.cursor-default {
	cursor: default;
}

/* Line Height */
.lh-35 {
	line-height: 35px;
}

/* Text Align Center */
.ta-center {
	text-align: center;
}

/* Text Align Right */
.ta-right {
	text-align: right;
}

/* Color Orange */
.color-orange {
	color: orange;
}
/* Dashboard v1 Artikel, Devices, Labelmatch boxes */
.total-box-text {
	position: absolute;
	bottom: 0px;
	right: 10px;
	float:right;
	font-size: 3em;
}

.total-box-text.color-teal {
	color: rgb(147,211,205);
}

.total-box-text.color-pink {
	color: rgb(246,160,189);
}

.total-box-text.color-blue {
	color: rgb(106,204,249);
}

.total-box-text.font-size-2-5em {
	font-size: 2.5em;
}
/* /dashboard v1 Artikel, Devices, Labelmatch boxes */

/* Box Status Table */
.box-status > thead > tr > th,
.box-status > tbody > tr > th,
.box-status > tfoot > tr > th,
.box-status > thead > tr > td,
.box-status > tbody > tr > td,
.box-status > tfoot > tr > td {
	padding: 12px 10px;
}

/* Decrease column paddings */
.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_asc_disabled,
.dataTable thead .sorting_desc_disabled {
	padding-left: 0px;
	text-align: center;
}

/* Datatables processing */
.dataTables_processing {
	background: rgba(0, 0, 0, 0) repeating-linear-gradient(-55deg, #fff, #fff 10px, #F5F5F5 10px, #F5F5F5 20px) repeat scroll 0 0;
	height: 60px;
	z-index: 100;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

/* 100% Width Helper */
.width-100-100 {
	width: 100%;
}

/* Show horizontal scrollbar when needed */
.overflow-x-auto {
	overflow-x: auto;
}

/* Fix Datatable Action Menu */
.first-action-menu {
	top: 100% !important;
	bottom: auto !important;
}

/* Servicemonitor border */
.navbar-border {
	border: 1px solid red;
}

/* START - Same height cols */
.vertical-align-bottom {
	vertical-align: bottom;
}

.vertical-align-top {
	vertical-align: top;
}

.same-height-row {
    display: table;
	width: 100%;
}

.same-height-row .same-height-col {
    float: none;
    display: table-cell;
}
/* END - Same height cols */

/* START - Template Designer Preview Switch */
.nav-tabs.nav-tabs-top > li.active.btc-black > a, .nav-tabs.nav-tabs-top > li.active.btc-black > a:hover, .nav-tabs.nav-tabs-top > li.active.btc-black > a:focus {
	border-top-color: #000;
}

.nav-tabs.nav-tabs-top > li.active.btc-red > a, .nav-tabs.nav-tabs-top > li.active.btc-red > a:hover, .nav-tabs.nav-tabs-top > li.active.btc-red > a:focus {
	border-top-color: #ff0000;
}
/* END - Template Designer Preview Switch */

.display-inline {
	display: inline !important;
}

.rssi_container {
    width:35px;
    height:27px;
    overflow:hidden;
    position: relative;
}

.rssi_image_0 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.rssi_image_1 {
  position: absolute;
  top: 0px;
  left: -42px;
}

.rssi_image_2 {
  position: absolute;
  top: 0px;
  left: -84px;
}
.rssi_image_3 {
  position: absolute;
  top: 0px;
  left: -126px;
}

.height-46 {
	height: 46px;
}

/* Start - Fix navbar menu elements icon-text margins */
.navigation li a > i {
	width: 20px;
}

.sidebar-xs  .navigation li a > i {
	width: auto;
}
/* End - Fix navbar menu elements icon-text margins */

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}

.has-error .select2-selection {
    border: 1px solid #d84315!important;
    border-radius: 4px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.pb-5-row-border-bottom:after {
  content: "";
  display: block;
  border-bottom: 1px solid #E5E5E5;
  margin: 0 10px;
  padding-bottom: 5px;
}

.dropdown-menu > li > a {
    white-space: normal;
}

.panel-group-expert {

}

.panel-group-expert > .panel {
	background-color: transparent;
	border-width: 0px 0px 1px;
	box-shadow: none;
}

.panel-group-expert > .panel > .panel-heading {
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #888;
}

.panel-group-expert > .panel > .panel-heading > .panel-title {

}

.panel-group-expert > .panel > .panel-collapse > .panel-body {
	padding-left: 0px;
	padding-right: 0px;
}

.panel-group-expert .panel-title > a.collapsed::before {
	font-family: "icomoon";
	content: "";
}

.panel-group-expert .panel-title > a::before {
	font-family: "icomoon";
	content: "";	
}

.fixed-table-width thead tr th {
	min-width: 125px;
}

.cursor-initial {
	cursor: initial;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.row.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.row.equal .panel.panel-flat {
    height: calc(100% - 20px);
}

.dropdown-menu-white-space-nowrap > li > a {
    white-space: nowrap !important;
}