html { height:100%; }
body { position:absolute; top:0px; bottom:0px; right:0px; left:0px; }
.content { position:absolute; top:46px; bottom:0px; right:0px; left:0px; padding:15px; }
a { color: inherit; }
a:hover, a:visited, a:active, a:focus { color:inherit; text-decoration:none; cursor: pointer; }
a:link {cursor: pointer;}
/* a, a:link {color:#15c;} */
/* a:visited {color:#1a0dab;} */
/* a.Hyperlink, .note-editable a { background: url(https://www.mod5.de/r3/inc/img/p.gif) no-repeat left center; padding-left:12px; color: #0645ad; } */
a.Hyperlink, .note-editable a { color: #0645ad; }
a.Hyperlink:hover, .note-editable a:hover { cursor: pointer; text-decoration:underline; }
.table a:hover { color:green; text-decoration:none; }
.footer .row {margin:0;}
.navbar-fixed-top {border:0px; border-bottom:1px;}
.navbar {min-height:10px; margin-bottom:0px;}
.navbar-toolbar {min-height:10px; margin-bottom:0px;}
.navbar-collapse {
    max-height:95vh !important;
    height:95vh !important;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        margin-left: 40px;
    }
}
#SearchInput:focus {border: 1px solid #3498db; }
.color-line {
    background: #f7f9fa;
    height: 3px;
    background-image: -webkit-linear-gradient(left, #c0392b, #c0392b 25%, #e74c3c 25%, #e74c3c 35%, #e67e22 35%, #e67e22 45%, #ffb606 45%, #ffb606 55%, #62cb31 55%, #62cb31 65%, #3498db 65%, #3498db 75%, #9b59b6 85%, #9b59b6 85%, #34495e 85%, #34495e 100%);
    background-image: -moz-linear-gradient(left, #c0392b, #c0392b 25%, #e74c3c 25%, #e74c3c 35%, #e67e22 35%, #e67e22 45%, #ffb606 45%, #ffb606 55%, #62cb31 55%, #62cb31 65%, #3498db 65%, #3498db 75%, #9b59b6 85%, #9b59b6 85%, #34495e 85%, #34495e 100%);
    background-image: -ms-linear-gradient(left, #c0392b, #c0392b 25%, #e74c3c 25%, #e74c3c 35%, #e67e22 35%, #e67e22 45%, #ffb606 45%, #ffb606 55%, #62cb31 55%, #62cb31 65%, #3498db 65%, #3498db 75%, #9b59b6 85%, #9b59b6 85%, #34495e 85%, #34495e 100%);
    background-image: linear-gradient(to right, #c0392b, #c0392b 25%, #e74c3c 25%, #e74c3c 35%, #e67e22 35%, #e67e22 45%, #ffb606 45%, #ffb606 55%, #62cb31 55%, #62cb31 65%, #3498db 65%, #3498db 75%, #9b59b6 85%, #9b59b6 85%, #34495e 85%, #34495e 100%);
    background-size: 100% 3px;
    background-position: 50% 100%;
    background-repeat: no-repeat
}
.pointer {cursor: pointer;}
.text-warning { color:#fbb450; }
.text-gray { color: gray; }
.text-silver { color: silver; }
.Tile {
	/* border:1px solid #ccc; */
	display: flex;
	flex-flow: column ;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	min-width:150px;
	margin-bottom:10px;
}
.Tile div.TileHeader {
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	flex: 1 1 auto;
	align-self: left;
	color: #ccc;
	background-color: #393832;
	border-radius: 2px;
}
.Tile div.TileMedia {
	padding: 5px;
	flex: 1 1 auto;
	align-self: center;
}
.Tile div.TileBody {
	padding: 5px;
	flex: 1 1 auto;
	align-self: auto;
	min-height: 90px;
	background-color:#efefef;
}
.Tile div.TileBody2 {
	padding: 5px;
	flex: 1 1 auto;
	align-self: auto;
	min-height: 50px;
	background-color:#efefef;
}
.code {
	font-family: "Courier New", Courier, monospace;
}
.karopapier {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHElEQVQYV2NkIA5IMhKnjmFUId6AAgePJDFhCQDDFAEFxaHDgAAAAABJRU5ErkJggg==);
}
label {
	margin-bottom: 0px;
	font-size: 0.80em;
    font-weight: normal;
}
.form-group {
	margin-bottom: 1px;
}
.bootgrid-footer, .bootgrid-header {
	margin: 5px -15px;
}
.actionBar .search {
	float: left;
}
.actionBar .actions {
	float: right;
}
.bootgrid-header .actionBar {
    text-align: left;
}
.form-control {
	border-radius: 0px;
	border: 1px solid #aaa;
    height: 25px;
    padding: 4px 4px;
}
.form-details .form-control {
    background-color: #ffc;
    color: #000;
}
.input-field {
	width:100%; 
	background-color: #ffc; 
	padding: 5px; 
	border: 1px solid #aaa; 
	border-radius:0px;
}
.list-group-item-text {
    color: #555;
}
.modal-full {
    width: 98%;
}
.modal-backdrop {
   background-color: gray;
}
.tab-content>.tab-pane {
    padding-top: 5px;
}
.breadcrumb {
    margin-bottom: 0px;
}
.input-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}
.select2-container--default .select2-selection--multiple {
   border-radius: 0px;
   background-color: #ffc;
   min-height: 25px;
}
.select2-container--default .select2-selection--single {
   border-radius: 0px;
   background-color: #ffc;
   min-height: 25px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #aaa;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 3px;
}
.nav-tabs-google>li>a {
    padding: 6px 4px;
}

.switch {
  position: relative;
  /* display: inline-block; */
  width: 26px;
  height: 13px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .slider {
  background-color: #35aa47;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.form-control[disabled] {
    background-color: #dedede;
    color: gray;
}

.InfoBox 		{ background: #ffffd1; display: block; margin-bottom: 10px; border: 1px dotted #dad700; padding: 10px 10px 10px 80px; }
.OkayBox 		{ background: #F4FFF4; display: block; margin-bottom: 10px; border: 1px dotted #008030; padding: 10px 10px 10px 80px; }
.ErrorBox 		{ background: #F4FFF4; display: block; margin-bottom: 10px; border: 1px dotted red; padding: 10px 10px 10px 80px; }

.input-success {
    background-color: #d4edda;
    color: #000;
}
.input-warning {
    background-color: #ffcc;
    color: #000;
}
.input-danger {
    background-color: #f8d7da;
    color: #000;
}

.highlight { background-color: yellow; }

.wrapper { float: left; clear: left; display: table; table-layout: fixed; }
img.img-responsive { display: table-cell; max-width: 100%; }

.snapper-dropzone{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:80px;margin:5px;padding:8px 12px;text-align:center;
  border:2px dashed rgb(0,135,247);border-radius:5px;background:#f5f9ff;color:#555;font-size:13px;
}
.snapper-dropzone:hover,.snapper-dropzone.dz-drag-hover{background:#e8eeff;border-color:#2a5aa5;}
.snapper-dropzone:focus-within{outline:0;box-shadow:0 0 0 3px rgba(0,135,247,.2);}
.snapper-title{margin:0 0 3px;font-size:13px;color:#555;}
.snapper-dropzone .dz-message{margin:0;font-size:13px;font-weight:500;color:#2a5aa5;}
.snapper-status{margin-top:3px;font-size:11px;color:#555;}

/* Fix Summernote */
.btn-group>.btn-sm.dropdown-toggle { padding: 3px 8px; }

.note-editable p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
  }
.note-editable h1, .note-editable h2 {
    font-family: 'Linux Libertine','Georgia','Times',serif;
    border-bottom: 1px solid #a2a9b1;
}
.note-editable h3, .note-editable h4, .note-editable h5, .note-editable h6  {
    font-weight: bold;
}
.h3, h3 {
    font-size: 20px;
}
.gi-0x5{font-size: 0.5em;}
.gi-0x6{font-size: 0.6em;}
.gi-0x7{font-size: 0.7em;}
.gi-0x8{font-size: 0.8em;}
.gi-1x1{font-size: 1.1em;}
.gi-1x2{font-size: 1.2em;}
.gi-1x5{font-size: 1.5em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
input.parsley-error { background-color: #F2DEDE !important; }

@media print {
@page { size: A4; margin: 10mm 5mm 10mm 15mm; }
.no-print, .no-print * {display: none !important;}
}

.label-primary { background-color: #126c; }
.label-danger { background-color: #cc2a16; }
.label-success { background-color: #18962c; }
.label-warning { background-color: #ed9418; }

.media {
	margin-bottom: 15px;
}
.media .avatar img {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 3px;
	min-width: 36px!important;
	min-height: 36px!important;
}
.media .author {
	font-weight: bold;
	color: #0645ad;
}
.media .media-title {
	font-weight: bold;
}
.media .media-content {

}
.media .time-ago {
	margin-left: 10px;
	font-size: 11px;
	color: #656c7a;
}
.media .footer {
	font-size: 11px;
	color: #656c7a;
}

.bs-callout {
    padding: 5px 10px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-left-width: 5px;
	background-color: #eee;
}
.bs-callout-default {
    border-left-color: #ddd;
}
.bs-callout-primary {
    border-left-color: #126c;
}
.bs-callout-info {
    border-left-color: #d0e3f0;
}
.bs-callout-success {
    border-left-color: #18962c;
}
.bs-callout-warning {
    border-left-color: #ed9418;
}
.bs-callout-danger {
    border-left-color: #cc2a16;
}


.mcard{
	box-shadow: 2px 2px 10px #DADADA;
	margin: 3px;
	padding: 20px 10px;
	background-color: #fff;
	height: 100px;
	border-radius: 2px;
	transition: .2s linear all;
}

.mcard:hover{
	box-shadow: 3px 3px 15px #b3b3b3;
	transition: .1s linear all;
}

.mcard.primary{
	background-color: #337ab7;
	color: #FFF;
}

.mcard.danger{
	background-color: #cc2a16;
	color: #FFF;
}  

.mcard.success{
	background-color: #18942c;
	color: #FFF;
}  

.mcard.info{
	background-color: #26c6da;
	color: #FFF;
}  

.mcard.default{
	background-color: #999;
	color: #000;
}   

.mcard.warning{
	background-color: #ed9418;
	color: #FFF;
}  

.mcard i{
	font-size: 5em;
	opacity: 0.2;
}

.mcard .mname{
	position: absolute;
	right: 35px;
	top: 15px;
	font-size: 24px;
	display: block;
}

.mcard .mtext{
	position: absolute;
	right: 35px;
	top: 50px;
	font-style: italic;
	text-transform: capitalize;
	opacity: 0.5;
	display: block;
	font-size: 14px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#333;
    margin-top:-15px;
    margin-right:-2px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
}
.badge {    
    border-radius: 2px;
}
.badge-success {    
    background-color: green;
}
.badge-warning {    
    background-color: #FAA937;
}
.badge-silver {    
    background-color: silver;
	color: black;
}
.badge-orange {    
    background-color: #FF4F29;
}
.badge-danger {    
    background-color: #C70039;
}
.input-bg-danger {
	background:#ffabab;
}
.row-gray {
	background-color: #ebebeb;
}
.row-danger {
	background-color: #C70039;
}

.m-0 {  margin: 0 !important; }
.mt-0 {  margin-top: 0 !important; }
.mb-0 {  margin-bottom: 0 !important; }
.ml-0 {  margin-left: 0 !important; }
.mr-0 {  margin-right: 0 !important; }
.m-1 {  margin: 1rem !important; }
.mt-1 {  margin-top: 1rem !important; }
.mb-1 {  margin-bottom: 1rem !important; }
.ml-1 {  margin-left: 1rem !important; }
.mr-1 {  margin-right: 1rem !important; }
.m-2 {  margin: 2rem !important; }
.mt-2 {  margin-top: 2rem !important; }
.mb-2 {  margin-bottom: 2rem !important; }
.ml-2 {  margin-left: 2rem !important; }
.mr-2 {  margin-right: 2rem !important; }
.m-3 {  margin: 3rem !important; }
.mt-3 {  margin-top: 3rem !important; }
.mb-3 {  margin-bottom: 3rem !important; }
.ml-3 {  margin-left: 3rem !important; }
.mr-3 {  margin-right: 3rem !important; }
.no-margin { margin:0px !important; }

.p-0 {  padding: 0 !important; }
.pl-0 {  padding-left: 0 !important; }
.pr-0 {  padding-right: 0 !important; }
.p-1 {  padding: 1rem !important; }
.pt-1 {  padding-top: 1rem !important; }
.pb-1 {  padding-bottom: 1rem !important; }
.pl-1 {  padding-left: 1rem !important; }
.pr-1 {  padding-right: 1rem !important; }
.p-2 {  padding: 2rem !important; }
.pt-2 {  padding-top: 2rem !important; }
.pb-2 {  padding-bottom: 2rem !important; }
.pl-2 {  padding-left: 2rem !important; }
.pr-2 {  padding-right: 2rem !important; }
.p-3 {  padding: 3rem !important; }
.pt-3 {  padding-top: 3rem !important; }
.pb-3 {  padding-bottom: 3rem !important; }
.pl-3 {  padding-left: 3rem !important; }
.pr-3 {  padding-right: 3rem !important; }
.no-padding { padding:0px !important; }

.col-3px { padding-left: 3px !important; padding-right: 3px !important; }