html {
   overflow-y: scroll; /*mho --> damit der Scrollbar IMMER eingeblendet ist! damit hüpft der Screen nicht, wenn eine SEite länger ist under Scollbar dynamisch eingeblendet wirD!!*/
}
input[type=radio] {    width: 30px;    height: 30px;}

.mho{display:none;}  /*default hidden for toggle!!*/


.right /* test rechtsbündig */
{
  float: right;
}
.adresse{
  font-size:11pt
}

.border-SBApackBasic{
  border-color: #B40B00;
}
.border-SBApackAdvanced{
  border-color: #820b00;
}
.border-SBApackPro{
  border-color: #500b00;
}

.btn-SBApackBasic {
    color: #fff!important;font-weight: bold;
    background-color: #b40b00;

}
.btn-SBApackBasic:hover, .btn-sbaBasic:focus, .btn-sbaBasic:active, .btn-sbaBasic.active, .open>.dropdown-toggle.btn-sbaBasic {
    color: #fff;
    background-color: #c6cace;
    border-color: #23272B; /*set the color you want here*/
}

.btn-SBApackAdvanced {
    color: #fff!important;font-weight: bold;
    background-color: #820b00;

}
.btn-SBApackAdvanced:hover, .btn-sbaAdvanced:focus, .btn-sbaAdvanced:active, .btn-sbaAdvanced.active, .open>.dropdown-toggle.btn-sbaAdvanced {
    color: #fff;
    background-color: #c6cace;
    border-color: #285e8e; /*set the color you want here*/
}
.btn-SBApackPro {
    color: #fff!important;font-weight: bold;
    background-color: #500b00
}
.btn-SBApackPro:hover, .btn-sbaPro:focus, .btn-sbaPro:active, .btn-sbaPro.active, .open>.dropdown-toggle.btn-sbaPro {
    color: #fff;
    background-color: #c6cace;
    border-color: #23272B; /*set the color you want here*/
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(123, 37, 48, 0.5);
}

/* The switch - the box around the slider */
.switch {
 position: relative;
 display: inline-block;
 width: 56px;
 height: 26px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* CHECKBOX Slider mho 20180829 */
.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #7B2530;
 -webkit-transition: .4s;
 transition: .4s;
}

/* scrollable div für alle Browser! */
.scrollableDiv
{
  height : 70vh;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.scrollableDiv::-webkit-scrollbar {
  display: none;
}
/* scrollable div für alle Browser! */

.slider:before {
 position: absolute;
 content: "";
 height: 18px;
 width: 18px;
 left: 5px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}

input:checked + .slider {
 background-color: #1E7E34;
}

input:focus + .slider {
 box-shadow: 0 0 1px #1E7E34;
}

input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
 border-radius: 4px;
}

.slider.round:before {
 border-radius: 50%;
}
/*
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}
*/

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}


/*### MENU FARBEN ### */

body {
 padding-top: 10px;
 overflow-x:hidden;
}
.nav {
 background-color: white;
}
.navbar {
 background-color: white;
}

.form-group {
 margin-bottom: 5px;
}
/* ### ENDE MENU FARBEN ENDE ### */


/* ### NAVIGATION ### */

.navbar-brand {
 height: 94px;
 padding: 0px 0px;
}
.nav li a {
 height: 39px;
 line-height: 39px;
 text-align: left;
 vertical-align: middle;
}
.nav .top-navigation-head {
 height: 94px;
 line-height: 94px;
 min-width: 150px;
 text-align: left;
 vertical-align: middle;
}
.dropdown-menu {
 min-width: 180px;
}
.dropdown-menu.columns-2 {
 min-width: 400px;
}
.dropdown-menu.columns-3 {
 min-width: 600px;
}
.multi-column-dropdown {
 list-style: none;
}
.multi-column-dropdown li a {
 display: block;
 clear: both;
 line-height: 38px;
 height: 38px;
 color: #333;
 text-align: left;
 vertical-align: middle;
}

/* ### ENDE NAVIGATION ENDE ### */


/* NAVIGATION AB 1000PX verkleinern */

@media (max-width: 1000px) {
 .nav li a {
	 min-width: 80px;
 }
 .dropdown-menu {
	 min-width: 150px;
 }
 .nav .top-navigation-head {
	 height: 34px;
	 line-height: 34px;
	 min-width: 150px;
	 text-align: left;
	 vertical-align: middle;
 }
}


/* ### Tabellen INPUT Layout ### */
.tableStundensaetze td {
  text-align: left;
  font-size: 9pt;
  padding: 0px 10px 10px 10px;
  font-weight: normal;
}
.table tr th {
  text-align: left;
  font-size: 9pt !important;
}
.table-bordered {
  text-align: left;
  font-size: 9pt !important;
	border-spacing: 30px 0;
}
.table-bordered td{
	padding: 10px 0;
}

.table tbody tr td, .table tbody tr th{
 border-top-style: none;
 border-top-width: none;
}
.table tbody tr td{
 margin: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
}
.table tbody tr td{
vertical-align: middle;
}
.table tbody tr td label{
 margin-bottom: 0px;

}
.table tr.border_bottom td {
  border-bottom:1pt solid black;
}
.table tr.header_border_bottom td {
  border-bottom:2pt solid black;
}



/* ### Tabellen Klassen "tablefooter" abweichend vom default (gleich darüber!)*/
 .tablefooter {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: normal;
   text-align:left;
   margin: 0px;
   padding-left: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   vertical-align: bottom;
   font-weight: medium;
   border-top:0pt solid black;
   color: #8e92a2;
}
.tablefooter thead th td {
    background-color: #FFFFFF;
    text-align: left;
    border: 0mm solid #000000;
    font-variant: small-caps;
}
.tablefooter td.company {
  text-align:right;
  font-size: 13pt;
  vertical-align: top;
  font-weight: bold;
}

.PackageContent {
    display: flex;
    justify-content: space-between;
}
.packageTitle {
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
}
.packagePrice {
  text-align:right;
  align:right;
  font-size: 9pt;
  font-weight: bold;
}
.starterPackageDescription {
  text-align: left;
  font-size: 15;
  padding: 0px 10px 0px 15px;
  font-weight: normal;
}
.starterPackageDescription p {
  margin-bottom: 8pt
}

.packageDescription {
  text-align: left;
  font-size: 9pt;
  padding: 0px 10px 0px 15px;
  font-weight: normal;
}
.packageDescription p {
  margin-bottom: 6pt
}

table.leftAlign10px {
  padding: 0px 10px 0px 30px;

}

.pageCount{
  text-align:right;
  align:right;
  font-size: 8pt;
  font-weight: bold;
  color: #21313A;
}


/* ### ENDE ###  Tabellen INPUT Layout ### ENDE ### */

/* ### TUS List Styles ### */
.RedBackground{
 background-color:rgb(255, 213, 213);
}



/* Glyphicon Colors */
.stateOK {
 font-size: 1.2em;
 color: rgb(11, 230, 46);
}

.state1 {
 font-size: 1.2em;
 color: rgb(255, 200, 0);
}

.state2 {
 font-size: 1.2em;
 color: rgb(255, 130, 0);
}

.state3{
 font-size: 1.2em;
 color: rgb(255, 69, 0);
}
.state4{
 font-size: 1.2em;
 color: rgb(255, 0, 0);
}

.stateNONE{
 font-size: 1.2em;
 color: rgb(0, 0, 0);
}


/* Input Border for wrong input */
.input_missing{
 border-color:#ad3333;
}
.list-group-item
{
 overflow:hidden;
 position: relative;
 display: block;
 padding: 2px 15px;
 margin-bottom: -1px;
 background-color: #fff;
 border: 1px solid #ddd;
}

/* Change-Style für Angluar ngAnimate-Modul! zb. animateDashboardItems.js */
.change-add
{
			transition: all 0.1s;
	 -webkit-transition: all 0.1s ease-in-out;
}
.change-remove
{
			transition: all 0.8s;
	 -webkit-transition: all 0.8s ease-in-out;
}
.change
{
	 background-color: red!important;
	 transform: scale(1.5);
}
/*OVERLAY Images bei TNA-Device-States-Anzeige: LAN OK/NOK - bei NOK wird ein Overlay mit X gemacht! */
.icon-warn{
 background-color:yellow;
}
#ZeitVon, #ZeitBis {
	 width: 20%;
	 float: left;
}

.inner-addon {
	 position: relative;
}

/* style icon */
.inner-addon .glyphicon {
 position: absolute;
 padding: 5px;
 pointer-events: none;
}