#main {
    margin-top: 90px;
}

#msgwrapper {
    position: fixed;
    right: 0;
    top: 100px;
    display: inline-block;
    width: 100%;
    z-index: 9000;
    padding-right: 10px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.table{
	background-color:#222;
	width:100%;
	margin:0px;
}

.nav-item{
	cursor: pointer;
}
.s0 {
    background-color: rgb(255, 47, 30) !important;
    border-color: rgb(220, 141, 122) !important;
}

.s1,
.s2 {
    background-color: rgb(22, 157, 42) !important;
    border-color: rgb(122, 220, 126) !important;
}

.s5 {
    background-color: rgb(243, 165, 18) !important;
    border-color: rgb(252, 228, 189) !important;
}

.s7 {
    background-color: rgb(243, 200, 18) !important;
    border-color: rgb(252, 245, 189) !important;
}

.s8 {
    background-color: rgb(18, 96, 243) !important;
    border-color: rgb(189, 199, 252) !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

.page-item.disabled .page-link {
    background-color: rgb(60, 80, 100);
}

.page-item.active .page-link {
    background-color: #375a7f;
}

.page-item .page-link {
    background-color: #335476;
}

#dienstblattForm,
#bereitschaftForm {
    display: none;
}

#userTable {
    white-space: nowrap;
}
.item_box{
	display:table-cell;
	background-repeat: no-repeat, repeat;
	
	background-size: 70px 70px;
	background-color: #fff;
	color: #000;
	 background-position: center; 
	min-width:100px;
	min-height:100px;
	height:100px;
	width:100px;
	border: 1px solid black;
	margin:2px;
	padding:3px;
	text-align:center;
	vertical-align:bottom;
}
.input_item{
	padding: 0px 5px 0px 15px;
    border-style: none;
    border-color: transparent;
    background-color: transparent;
	background-size: 50px 50px;
	text-align:center;
	font-weight: bold;
    font-size:20px;
	width:70px;
}
.trage{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Trage.png");
}
.verband{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Verband.png");
}
.wundauflage{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/SterileAuflage.png");
}
.teddy {	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/DrTeddy.png");
}.drteddy {	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/DrTeddy.png");
}
.vomex{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Vomex.png");
}
.ambutatset{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/AmputatSet.png");
}
.sauerstoff{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Sauerstoffflasche.png");
}
.rebel_koffer{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/REBEL_Koffer.png");
}
.nahtmaterial{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/nahtmaterial.png");
}
.antibiotika{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/antibiotika.png");
}
.gips{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Gips.png");
}
.heparin{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Heparin.png");
}
.defibrilator{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Defibrillator.png");
}
.medickit{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/first-aid-kit.png");
}
.repairkit{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/toolbox.png");
}
.rezepte{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/invoice.png");
}
.werkzeugkoffer{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Werkzeugkasten.png");
}
.mobileslicht{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/MobilesLicht.png");
}
.pfeilabsperrung{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Pfeilabsperrung.png");
}
.blokade{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/Blockade.png");
}
.water{	
	background-image: url("https://lsmc-gvmp.de/dev/dienstblatt/img/items/DiamondWater.png");
}


.fz_card{
	float:left; 
	margin: 5px; 
	width:100%;
}
.carousel-item {
	width:100%;
	padding: 0px 30px 0px 30px;
}
.selectpicker {
	background-color: #fff;
}

.card-info {
	height: 400px;
	max-height: 400px;
	font-size: 16px;
	max-width:600px;
	overflow: hidden;	
}

.div_kh_info{
	width: 500px;
	margin: 0 auto !important;
}

::-webkit-scrollbar {
    display: none;
}

.modal, .form-group {
    scrollbar-width: none;
}

@media (min-width: 576px){
	.container{max-width:550px}
	.fz_card{width:540px}
	.card-info {max-width:550px; height: 250px;}
	.navbar-top{position:fixed; top:0; width:100%; z-index:999;}
	.div_kh_info{width: 540px;}
}
@media (min-width: 768px){
	.container{max-width:720px}
	.fz_card{width:335px}
	.card-info {max-width:550px; height: 250px;}
	.div_kh_info{width: 720px;}
}
@media (min-width: 992px){
	.container{max-width:960px}
	.fz_card{width:300px}
	.card-info {max-width:550px; height: 300px;}
	.div_kh_info{width: 755px;}	
}
@media (min-width: 1200px){
	.container{max-width:1140px}
	.fz_card{width: 360px}
	.card-info {max-width:600px; height: 250px;}
	.div_kh_info{width: 530px;}
}
@media (min-width: 1600px){
	.container{max-width:1540px}
	.fz_card{width:292px}	
	.card-info {max-width:700px;  height: 200px;}
	.div_kh_info{width: 700px;}
}
@media (min-width: 1900px){
	.container{max-width:1840px}
	.fz_card{width:290px}
	.card-info {max-width:800px;}
	.div_kh_info{width: 800px;}
}