/* COLORS
Blau #0091fa 0, 145, 250
Rot #fa280a rgba(250, 40, 10, 1.0)
Rot 2 #cd2319 205,35,25
Grau #b4b4b9
* /
/* FONTS */
@font-face {
font-family: 'Gilroy-Medium';
font-style: normal;
font-weight: normal;
src: url("../fonts/GilroyW05-Medium.eot");
src: url("../fonts/GilroyW05-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyW05-Medium.woff2") format("woff2"), url("../fonts/GilroyW05-Medium.woff") format("woff"), url("../fonts/GilroyW05-Medium.ttf") format("truetype")
}
@font-face {
font-family: 'Gilroy-Medium';
font-weight: bold;
src: url("../fonts/GilroyW05-Bold.eot");
src: url("../fonts/GilroyW05-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyW05-Bold.woff2") format("woff2"), url("../fonts/GilroyW05-Bold.woff") format("woff"), url("../fonts/GilroyW05-Bold.ttf") format("truetype")
}
@font-face {
font-family: 'Gilroy-Black';
src: url("../fonts/GilroyW05-Black.eot");
src: url("../fonts/GilroyW05-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyW05-Black.woff2") format("woff2"), url("../fonts/GilroyW05-Black.woff") format("woff"), url("../fonts/GilroyW05-Black.ttf") format("truetype")
}
@font-face {
font-family: 'Gilroy-Bold';
src: url("../fonts/GilroyW05-Bold.eot");
src: url("../fonts/GilroyW05-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyW05-Bold.woff2") format("woff2"), url("../fonts/GilroyW05-Bold.woff") format("woff"), url("../fonts/GilroyW05-Bold.ttf") format("truetype")
}
/* Base */
body {
background : white;
background-image: linear-gradient( to top, rgb(255, 255, 255, 0.5), rgba(255, 255, 255, 0.85) );
background-attachment: fixed;
background-position: bottom center;
background-size : cover;
font-family : "Gilroy-Medium", Arial, sans-serif;
font-size : 16px;
color : #404040;
overflow-x : hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
background : #fa280a;
color : white;
text-shadow : none !important;
}
::selection {
background : #fa280a;
color : white;
text-shadow : none !important;
}
/* HEADER */
.topheader {
background-color: rgba(0, 145, 250, 1);
color : white;
position : fixed;
width : 100%;
z-index : 99;
}
.nav-logo {
float : left;
}
.nav-top ul {
float : right;
list-style-type : none;
padding-top : 15px;
}
.nav-top ul li {
display : inline;
margin : 11px 10px;
}
.nav-top ul li.li-border-bottom {
border-bottom : 1px solid rgba(255, 255, 255, 0.5);
}
.nav-top ul li a {
text-align : center;
padding : 19px 15px;
font-size : 16px;
color : white;
text-decoration : none;
}
.nav-top ul li a .fas, .nav-top ul li a .far {
width : 25px;
}
.nav-top ul li ul li:hover, .nav-top ul li a:hover, .nav-top ul li ul li.active {
background-color: rgba(0, 0, 0, 0.2);
}
.nav-top ul li.active a {
background-color: rgba(0, 0, 0, 0.2);
}
.nav-top ul li ul li a:hover, .nav-top ul li.active ul li a {
background-color: transparent;
}
.nav-top ul li ul {
position : absolute;
float : none;
display : inline-grid;
opacity : 0;
visibility : hidden;
padding : 0;
margin-top : 40px;
margin-left : -50px;
background-color: #0091fa;
transition : ease all 0.2s;
}
.nav-top ul li:hover ul {
opacity : 1;
visibility : visible;
height : auto;
}
.nav-top ul li ul li {
float : none;
text-align : left;
padding : 10px 0;
height : auto;
margin : 0;
}
.nav-top ul li ul li a {
padding : 10px 20px;
width : 100%;
}
.navbar-inverse { background-color: #0091fa; border: 0; z-index : 999; }
.nav-mobile-top {
float : right;
display : none;
width : 100%;
}
.nav-mobile-top ul {
float : none;
list-style-type : none;
padding-top : 15px;
padding-left : 0;
}
.nav-mobile-top ul li {
display : block;
margin : 0 -15px;
background-color: #0091fa;
}
.nav-mobile-top ul li a {
display : inline-block;
text-align : left;
padding : 19px 15px;
color : white;
width : 100%;
text-decoration : none;
}
.nav-mobile-top ul li ul li:hover, .nav-mobile-top ul li.active a, .nav-mobile-top ul li a:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.nav-mobile-top ul li ul {
float : none;
list-style-type : none;
padding-top : 0px;
padding-left : 0px;
margin-left : 10px !important;
}
.nav-mobile-top ul li ul li {
display : block;
background-color: #0091fa;
margin-left : 50px;
}
.navbar-toggle {
border-radius: 0;
display : none;
}
header {
background-color: white;
height : 100px;
border-bottom : 2px solid #b4b4b9;
}
.username {
font-size : 14px;
color : rgba(255, 255, 255, 0.6);
}
#logo {
}
#logo img {
height : 45px;
margin : 5px 0;
}
#logo a {
font-size : 20px;
color : white;
text-decoration : none;
}
#logo_mobil img {
height : 45px;
margin : 5px 0;
}
#logo_mobil a {
font-size : 20px;
color : white;
text-decoration : none;
}
#projectwrapper {
display : inline-block;
position : absolute;
left : 200px;
top : 7px;
height : 42px;
padding : 10px;
}
#projectwrapper a {
color : yellow;
text-decoration : none;
transition : ease all 0.2s;
}
#projectwrapper a:hover {
color : #fa280a;
text-decoration : none;
}
#ticker {
display : inline-block;
position : absolute;
width : 40%;
left : 20%;
top : 7px;
height : 42px;
padding : 10px;
background-color: rgba(0, 0, 0, 0.3);
border-radius : 5px;
}
#ticker marquee {
color : rgba(255, 255, 0, 0.8);
}
.nav-non-mobile ul {
float : right;
padding-left : 0;
padding-top : 15px;
}
.nav-non-mobile li {
display : inline;
float : left;
}
.nav-non-mobile li a {
padding : 15px 15px 15px 15px;
text-align : center;
font-size : 16px;
color : #5f7285;
text-decoration : none;
transition : color 0.2s;
}
.nav-non-mobile li a:hover {
color : #b91946;
}
.nav-mobile ul {
list-style-type : none;
display : block;
padding : 0;
margin : 0;
}
/* Navigation MAIN */
.nav-main ul {
float : right;
padding-left : 0;
padding-top : 35px;
}
.nav-main li {
display : inline;
float : left;
text-align : center;
}
.nav-main li a {
padding : 15px 25px 15px 25px;
text-align : center;
font-size : 20px;
color : black;
text-decoration : none;
transition : color ease 0.2s;
}
.nav-main li a:hover, .nav-main li a.active {
color : #fa280a;
}
/* Navigation MOBILE */
.nav-mobile ul li {
padding : 10px 0 10px 0;
}
.nav-mobile ul li a {
display : table;
margin : 10px 0;
color : white;
}
/* Navigation */
.navbar-toggle {
position: absolute;
right: 9px;
}
.navbar-toggle {
border-color : white !important;
transition : all 0.2s;
}
.navbar-toggle:hover {
border-color : white !important;
background-color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-toggle .icon-bar {
width : 22px;
background-color: white !important;
}
.navbar-toggle:hover .icon-bar {
background-color: white !important;
}
.navbar-collapse {
border: 0;
box-shadow: none;
}
.pad-big { padding-top: 50px; padding-bottom: 50px; }
.pad-top { padding-top: 50px; }
.pad-bottom { padding-bottom: 50px; }
.pad-mid { padding-top: 25px; padding-bottom: 25px; }
.pad-mid-top { padding-top: 25px; }
.pad-mid-bottom { padding-bottom: 25px; }
.pad-small { padding-top: 10px; padding-bottom: 10px; }
.pad-small-top { padding-top: 10px; }
.pad-small-bottom { padding-bottom: 10px; }
.marg-big { margin-top: 50px; margin-bottom: 50px; }
.marg-top { margin-top: 50px; }
.marg-bottom { margin-bottom: 50px; }
.marg-big-left { margin-left: 50px; }
.marg-big-right { margin-right: 50px; }
.marg-mid { margin-top: 25px; margin-bottom: 25px; }
.marg-mid-top { margin-top: 25px; }
.marg-mid-bottom { margin-bottom: 25px; }
.marg-mid-left { margin-left: 25px !important; }
.marg-mid-left-neg { margin-left: -30px !important; }
.marg-mid-right { margin-right: 25px !important; }
.marg-small { margin-top: 10px; margin-bottom: 10px; }
.marg-small-top { margin-top: 10px; }
.marg-small-bottom { margin-bottom: 10px; }
.marg-small-left { margin-left: 10px; }
.marg-small-right { margin-right: 10px; }
.marg-email-top { margin-top: 18px; }
.pad-top-0 { padding-top : 0 !important; }
.marg-no-bottom { margin-bottom: 0 !important; }
.logo {
height: 40px;
padding: 5px;
}
.left { text-align: left !important; }
.right { text-align: right !important; }
.centered {
margin: 0 auto;
display: block;
text-align: center;
}
#content td.td50 { width: 50% !important; }
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.smallheading {
font-weight : 700;
font-size : 12px;
padding : 4px 7px;
}
.smallheading .btn-smallheading {
width : 20px;
height : 20px;
padding : 0px 3px;
margin-top :-4px;
}
.smallheading .btn-smallheading .fas, .smallheading .btn-smallheading .fa {
font-size : 14px;
}
.dispomesse {
background-color: rgba(0,255,0,0.05);
height : 150px;
max-height : 150px;
overflow : hidden;
}
.dispomesse .panel-body {
padding : 5px;
font-size : 12px;
}
.dispomesse .panel-body p {
margin-bottom : 5px;
}
.dispomessevorbei {
background-color: rgba(255,0,0,0.05);
height : 160px;
max-height : 160px;
overflow : hidden;
}
.dispomessevorbei .panel-body {
padding : 5px;
font-size : 12px;
}
.dispomessevorbei .panel-body p {
margin-bottom : 5px;
}
#tooltip {
position : absolute;
background : rgb(0, 0, 0, 0.5);
color : #ffffff;
border-radius : 5px;
padding : 8px;
z-index : 1100;
max-width : 400px;
}
#tooltip.alt-tooltip {
background : #490B22;
}
.modal-header {
background-color: #0091fa;
border-radius : 6px 6px 0 0;
}
.modal-header h4 {
color : white;
}
.modal-dialog {
width : 768px;
}
#modal_infobox {
z-index : 1070;
}
#modal_infobox .modal-body {
overflow : auto;
margin : 15px;
}
#modal_showtext .modal-body {
overflow : scroll;
}
.progress {
height : 25px;
margin-bottom : 0;
}
.progress-nc, .progress-red {
background-color: #fa280a;
color : white;
}
.progress-yellow {
background-color: yellow;
color : white;
}
.progress-green {
background-color: green;
color : white;
}
.progress-grey {
background-color: rgb(245, 245, 245);
color : white;
border-radius : 0;
}
.progress-redtogreen {
background : linear-gradient(90deg, rgba(208,0,0, 0.5) 0%, rgba(255,255,0,1) 50%, rgba(0,160,0, 0.5) 100%);
color : white;
}
.progress-bar-striped {
height : 25px;
padding-top : 2px;
}
/* Content */
a img { border: none; }
p, ul, ol {}
ol li {
margin-bottom:15px;
}
h1, h2, h3, h4, h5, h6 {
color : #404040;
margin-top : 10px;
margin-bottom : 15px;
}
h4 { color: #0091fa; }
.table { margin-bottom: 0; }
.table-responsive { overflow: auto; }
.table-responsive thead th { position: sticky; top: 0; z-index: 1; color: white; background-color: #0091fa; font-size: 14px; }
label.control-label {
margin-top : 5px;
}
.selectedlabel {
margin-top : 10px;
}
table td, label {
color : #404040;
cursor : pointer;
}
table th.sort {
cursor : pointer;
color : white;
}
table th.tdsort {
cursor : pointer;
}
table th.tdsort::after {
content : " \f077";
font-family : "Font Awesome 5 Free";
color : rgba(255, 255, 255, 0.5);
}
table th.tdyellow {
color : rgb(255, 255, 0);
}
table th.tdyellow::after {
content : "";
}
tr.bold td, td.bold, td.bold a, .bold {
font-weight : 700 !important;
}
td.bold::after {
content : " \f06e";
font-family : "Font Awesome 5 Free";
color : rgba(0, 128, 0, 1);
}
label {
margin-top : 4px;
font-size : 16px;
word-wrap : break-word;
hyphens : auto;
}
table h4 {
margin-top : 0;
}
h1 {
font-size : 26px;
font-weight : 700;
color : #0091fa;
}
#diagtext {
font-family : courier;
}
.div_hidden { display: none; }
.btn-primary, a.btn-primary {
background-color: #fa280a;
color : white !important;
border : #fa280a;
padding : 10px 20px;
transition : background-color ease 0.2s, color ease 0.2s;
}
.btn-primary:hover, a.btn-primary:hover {
background-color: #0091fa;
color : white;
background-color: #0091fa;
}
.btn-primary:focus {
background-color: #fa280a;
color : white !important;
border : #fa280a;
}
.btn-primary:disabled {
color : #404040 !important;
background-color: silver;
}
.btn-primary.btn-xs, a.btn-primary.btn-xs {
padding : 5px 10px;
}
.btn-primary.btn-small, a.btn-primary.btn-small {
padding : 2px 7px;
margin-top : 3px;
}
.div-popup {
position : fixed;
padding : 15px;
font-size : 14px !important;
font-family : "Gilroy-Medium", Arial, sans-serif !important;
display : none;
width : 400px;
height : auto;
max-height : 500px;
border-radius : 5px;
border : 1px solid silver;
background-color: rgba(255, 255, 255, 1.0);
box-shadow : 0 5px 10px rgba(0,0,0,.2);
z-index : 1111;
overflow : hidden;
left : 350px;
top : 400px;
}
.popup_montage {
left : calc(100vw / 2 - 100px);
}
.popup .fas {
color : rgba(0, 200, 0, 1.0);
}
.btn-close {
display : none;
position : fixed;
z-index : 10000;
right : 0px;
top : 0px;
cursor : pointer;
}
.btn-close button {
padding : 20px 30px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.5);
}
.uploader {
border : 1px solid #ccc;
border-radius : 4px;
padding : 15px;
}
.btn-primary.btn-upload, a.btn-primary.btn-upload {
padding : 7px 10px 7px;
}
.btn-search {
padding : 6px 10px 8px 10px;
}
.btn-sm {
max-width : 48px !important;
}
.btn-icon {
min-width : 50px !important;
width : 50px !important;
max-width : 50px !important;
padding : 10px 10px 11px 10px;
}
.btn-input {
max-width : 40px !important;
max-height : 34px !important;
}
.btn-input .fas, .btn-input .fa {
min-width : 10px !important;
margin-top : 0px;
margin-left : -7px;
}
.btn-select {
height : 34px;
padding-top : 8px;
margin-top : 9px;
}
.btn-sm .fas {
min-width : 10px !important;
margin-left : -3px;
}
.btn-md {
min-width : 50px;
}
.btn-md .fas {
min-width : 16px !important;
}
.btn-green, a.btn-green {
background-color: rgba(0, 200, 0, 1.0);
color : white !important;
border : rgba(0, 200, 0, 1.0);
}
.btn-green:hover, a.btn-green:hover {
background-color: rgba(0, 100, 0, 1.0);
color : white !important;
border : rgba(0, 100, 0, 1.0);
}
.btn-admin, a.btn-admin {
background-color: rgba(230, 0, 44, 1.0);
color : white !important;
border : rgba(230, 0, 44, 1.0);
}
.btn-admin:hover, a.btn-admin:hover {
background-color: rgba(0, 0, 0, 0.5);
color : white !important;
border : rgba(0, 0, 0, 0.5);
}
button.checked {
}
button.checked::after {
font-family : "Font Awesome 5 Free";
content : "\f00c";
display : inline-block;
-float : right;
vertical-align : middle;
font-weight : 900;
color : rgba(0, 128, 0, 1.0);
font-size : 20px;
padding-left : 30px;
}
.multiselect-native-select button {
background-color: #fa280a !important;
}
.bookmark {
position : absolute;
top : -20px;
left : 22px;
color : yellow;
font-size : 30px;
text-shadow : 0 0 5px rgba(0, 0, 0, 0.8);
cursor : pointer;
}
.full-width {
width : 100%;
}
.flags img {
height : 22px;
}
.flags {
float : right;
}
.loadingbox {
position : fixed;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : 100%;
height : calc(100vh + 100px);
background-color: rgba(0,0,0,0.6);
z-index : 999;
cursor : wait;
}
#closeloadingbox .fa-times {
font-size : 20px;
color : rgba(0, 0, 0, 0.5);
text-shadow : 0 0 15px rgba(255, 255, 255, 0.5);
position : absolute;
top : 60px;
left : 15px;
cursor : pointer;
}
.loadingbox .fa-spin {
font-size : 75px;
color : rgba(0, 145, 250, 1.0);
text-shadow : 0 0 15px rgba(255, 255, 255, 0.5);
position : absolute;
top : 46%;
left : 50%;
}
#statusloader {
position : relative;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : 100%;
height : 100px;
z-index : 1100;
cursor : wait;
}
#statusloader .fa-spinner {
font-size : 75px;
color : rgba(0, 145, 250, 1.0);
text-shadow : 0 0 15px rgba(255, 255, 255, 0.5);
position : absolute;
top : 5%;
left : 47%;
}
#calendar_loader {
text-align : center;
}
#calendar_loader .fas {
font-size : 50px;
color : #fa280a;
}
#ip_loader {
float : right
}
#ip_loader .fas {
font-size : 10px;
color : rgb(200, 200, 0);
}
.flyover {
display : none;
z-index : 1099;
position : fixed;
float : right;
right : 15px;
top : 65px;
width : 10%;
min-width : 150px;
min-height : 200px;
padding : 10px;
border-radius : 5px;
background-color: white;
border : 1px solid rgba( 0, 0, 0, 0.2);
box-shadow : 0 5px 10px rgba(0,0,0,.2);
}
.flyover .content {
position : relative;
margin-top : 25px;
font-size : 14px;
}
.messageflyer {
display : none;
z-index : 1099;
position : fixed;
float : right;
right : 15px;
top : 65px;
width : 25%;
min-width : 150px;
min-height : 100px;
padding : 10px;
border-radius : 5px;
background-color: white;
border : 1px solid rgba( 0, 0, 0, 0.2);
box-shadow : 0 5px 10px rgba(0,0,0,.2);
}
.messageflyer .content {
position : relative;
margin-top : 5px;
margin-bottom : 25px;
font-size : 14px;
}
.alertflyer {
display : none;
z-index : 1099;
position : fixed;
left : calc(50vw - 300px);
top : 65px;
min-width : 400px;
width : 600px;
max-width : 800px;
min-height : 100px;
padding : 10px;
border-radius : 5px;
background-color: white;
border : 1px solid rgba( 0, 0, 0, 0.2);
box-shadow : 0 5px 10px rgba(0,0,0,.2);
}
@media only screen and (max-width: 479px) {
.alertflyer { max-width: 400px; left: calc(50vw - 200px); }
}
.alertflyer .content {
position : relative;
margin-top : 5px;
margin-bottom : 25px;
font-size : 14px;
}
.alertflyer button {
position : absolute;
float : right;
top : 0px;
right : 10px;
font-size : 40px;
}
.bg-alertred {
background-color: rgba(255, 240, 240, 1.0);
border : 1px solid rgba(255, 0, 0, 0.5);
color : red;
}
.bg-alertyellow {
background-color: rgba(255, 255, 240, 1.0);
border : 1px solid rgb(150, 150, 0);
color : rgb(150, 150, 0);
}
.bg-alertgreen {
background-color: rgba(240, 255, 240, 1.0);
border : 1px solid rgb(0, 150, 0);
color : rgb(0, 150, 0);
}
.bg-lightgreen {
background-color: rgba(240, 255, 240, 1.0);
}
.cpealert {
padding : 15px 25px;
border-radius : 5px;
}
#content {
padding-top : 80px;
padding-bottom : 50px;
}
.content-acd {
padding-top :50px !important;
}
#content a {
color : #fa280a;
text-decoration : none;
transition : color 0.2s;
}
#content a:hover {
color : #0091fa;
}
#content li.active a {
color : #0091fa;
}
#content iframe.emailactive, .emailactive {
border-color : #0091fa;
outline : 0;
-webkit-box-shadow: inset 0 1px 1px #0091fa,0 0 8px #0091fa;
box-shadow : inset 0 1px 1px #0091fa,0 0 8px #0091fa;
}
#content .tab-content {
border-left : 1px solid #ddd;
border-bottom : 1px solid #ddd;
border-right : 1px solid #ddd;
padding : 15px;
}
tr, .table tr, .table {
background-color: white;
--bs-table-bg : white;
}
tr.highlight, .table tr.highlight, .table {
background-color: #0091fa;
--bs-table-bg :#0091fa;
}
#content tr.highlight td, #content tr.highlight td .fas, #content tr.highlight td label {
color : white;
}
#content tr.highlight a:hover {
color : white !important;
}
#content tr.highlightalert {
background-color: #fa280a;
}
#content tr.highlightalert td, #content tr.highlightalert td .fas {
color : white;
}
#content tr.highlightalert a:hover {
color : white !important;
}
#content tr.inactive td {
color : rgb(255,0,0,0.4) !important;
}
#content tr.inactive.highlight td {
color : rgb(255,0,0,0.7) !important;
}
#content tr.prio-wichtig {
background-color: rgba(205, 35, 25, 0.25);
}
#content tr.prio-wichtig.highlight {
background: linear-gradient( to right, rgb(0, 145, 250, 0.5), rgba(205, 35, 25, 0.35) );
}
#content tr.prio-hoch {
background-color: rgba(205, 35, 25, 0.75);
}
#content tr.prio-hoch.highlight {
background: linear-gradient( to right, rgb(0, 145, 250, 0.5), rgba(205, 35, 25, 0.85) );
}
#content tr.prio-ticker-rot {
background-color: rgba(205, 35, 25, 1);
}
#content tr.prio-ticker-gelb {
background-color: rgba(205, 205, 0, 1);
}
#content tr.prio-hoch td, #content tr.prio-ticker td, #content tr.prio-hoch td a, #content tr.prio-ticker td a {
color : white;
}
#content tr.prio-wichtig td, #content tr.prio-wichtig td a {
color : black;
}
#content tr td a {
border-bottom : 1px dotted red;
}
#content td.titel, #content th.titel {
max-width : 400px !important;
width : 400px !important;
word-wrap : break-word;
text-align : left !important;
}
#content td.kundenname, #content th.kundenname {
max-width : 300px !important;
width : 300px !important;
word-wrap : break-word;
text-align : left !important;
}
#content td.produkt, #content th.produkt {
max-width : 350px !important;
width : 350px !important;
word-wrap : break-word;
text-align : left !important;
}
#content td.posnr, #content th.posnr {
max-width : 50px;
width : 50px;
text-align : center;
}
#content td.anzahl, #content th.anzahl {
max-width : 60px;
width : 60px;
text-align : center;
}
#content td.artnr, #content th.artnr {
max-width : 100px;
width : 100px;
text-align : left;
}
#content td.preis, #content th.preis {
max-width : 100px;
width : 100px;
text-align : right;
}
#content td.datum, #content th.datum {
max-width : 100px;
width : 100px;
text-align : left;
}
#content td.datumuhrzeit, #content th.datumuhrzeit {
max-width : 140px;
width : 140px;
text-align : left;
}
#content td.ticketart, #content th.ticketart {
max-width : 160px;
width : 160px;
text-align : left;
}
#content td.ticketart .fas {
font-size : 14px;
width : 18px;
}
#content td.ticketnummer, #content th.ticketnummer {
max-width : 140px;
width : 140px;
text-align : left;
}
#content td.auftragsnummer, #content th.auftragsnummer {
max-width : 140px;
width : 140px;
text-align : left;
}
#content td.rufnummer, #content th.rufnummer {
text-align : left !important;
max-width : 110px;
width : 110px;
}
#content td.messename, #content th.messename {
text-align : left;
max-width : 250px;
width : 250px;
}
#content td.halle, #content th.halle {
text-align : left;
max-width : 200px;
width : 200px;
}
#content td.stand, #content th.stand {
text-align : left;
max-width : 200px;
width : 200px;
}
#content td.email, #content th.email {
text-align : left;
max-width : 250px;
width : 250px;
overflow : auto;
word-wrap : break-word;
}
#content td.zuweisung, #content th.zuweisung {
text-align : left;
max-width : 80px;
width : 80px;
}
#content td.zuweisunggruppe, #content th.zuweisunggruppe {
text-align : left;
max-width : 80px;
width : 80px;
}
#content td.status, #content th.status {
max-width : 80px;
width : 80px;
text-align : left;
}
#content td.substatus, #content th.substatus {
max-width : 130px;
width : 130px;
text-align : left;
}
#content td.grau, #content th.grau, #content td.grau a {
color : #b0b0b0;
}
#content td.inputradio, #content th.inputradio {
max-width : 50px;
width : 50px;
}
#content tr.hidden {
display : none;
}
#content th {
padding : 10px;
vertical-align : top;
}
#content td {
color : #404040;
font-weight : 400;
font-size : 12px;
padding : 10px;
vertical-align : top;
}
#content td.left:first-child, #content th.left:first-child {
text-align : left;
}
#content .datenschutz {
font-size : 12px;
color : #444;
background-color: rgba(255, 255, 255, 0.7);
border-radius : 5px;
border : 1px solid #ddd;
padding : 5px 10px;
}
td i.fas.fa-link {
color : #b4b4b9;
}
td i.fas.fa-lightbulb {
color : rgb(200, 200, 0);
}
a i.fas.fa-external-link-alt {
font-size : 11px !important;
color : #888;
}
td i.fas.fa-map-marked-alt {
color : rgba(0, 200, 0, 1.0);
font-size : 16px !important;
}
td i.fas.fa-at {
color : #b4b4b9;
font-size : 10px !important;
}
td i.fas.fa-paperclip {
color : #b4b4b9;
}
#content td.table-td-200 {
max-width : 200px !important;
width : 200px !important;
line-break : anywhere;
}
#content td.strikethrough, #content tr.strikethrough td {
text-decoration : line-through;
color : silver;
}
.uppercase {
text-transform : uppercase;
}
#calendar_control .btn { margin-right: 5px; }
table span.table_date { font-size : 12px; display: block; }
table span.table_day { font-size : 14px; }
table td.table_time { background-color: #eee !important; }
table th.table_cell_center { text-align: center; vertical-align: top !important; }
table th.table_date_current { box-shadow: inset 0 0 75px #fff; }
#table_calendar td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#table_calendar tr:last-child { border-bottom: 1px solid #ddd; }
#table_calendar th:last-child { background-color: rgba(255, 64, 0, 1.0) !important; }
.calendar_messename { color: black; font-weight: 400; display: block; font-size: 11px; border: 1px solid #ddd; border-radius: 5px; padding: 3px; text-align: center; margin-top: 3px; }
.calendar_messename.aufbau { background-color: rgba(220, 220, 0, 1.0) !important; }
.calendar_messename.messezeit, .calendar_messename.veranstaltung { background-color: rgba(0, 220, 0, 1.0) !important; }
.calendar_messename.abbau { background-color: rgba(255, 80, 0, 1.0) !important; }
.calendar_messename.arbeitszeit { background-color: rgba(0, 180, 255, 0.2) }
.zeit_today { font-size: 14px; margin-top: 15px; border-radius: 5px; border: 1px solid #ddd; padding: 5px; text-align: center; }
#content .pell, .textarea {
border-color : #ccc;
border-radius : 4px;
box-shadow : inset 0 1px 1px rgba(0,0,0,.075);
display : grid;
min-height : 300px;
resize : none;
}
#content .pell-content {
font-family : Arial, Sans-Serif;
font-size : 14px;
}
#content .auftraege td:first-child {
text-align : left;
}
#content .tickets td:first-child {
text-align : left;
}
#tdports {
display : inline-block;
background-color: beige;
border : 1px solid silver;
border-radius : 3px;
width : 800px;
margin : 20px 0 !important;
padding : 20px;
}
.portbox {
background : black;
color : white;
width : 50px;
height : 50px;
border : 1px solid silver;
border-radius : 3px;
display : inline-block;
margin : 10px;
padding-top : 10px
}
.portbox .fa-check { padding-left: 15px; padding-top: 4px; }
.portbox .fa-times { padding-left: 17px; padding-top: 4px; }
.portbox .portnumber { position: absolute; margin-left: 2px; margin-top: 20px; color: white; }
#content td .fas {
font-size : 20px;
}
#content td .fa-phone, #content td .fa-check, #content td .fa-wrench {
color : rgba(0, 200, 0, 1.0);
}
#content td .fa-times {
color : red;
}
#content td.lock .fas {
font-size : 16px;
color : silver;
}
#content td .fa-calendar-alt, #content td .fa-toolbox {
color : rgba(120, 120, 0, 1.0);
}
#content td .fa-pray {
color : rgba(0, 145, 250, 1.0);
}
#content td .fa-bolt {
color : rgba(250, 40, 10, 1.0);
}
#content td .fa-cart-plus {
color : rgba(0, 145, 250, 1.0);
}
#content td .fa-paper-plane {
color : rgba(160, 160, 160, 1.0);
}
#content td .fa-comments {
color : rgba(0, 145, 250, 0.6);
}
#content td .fa-tools {
color : rgba(200, 200, 0, 1.0);
}
#content td .fa-network-wired {
color : rgba(255, 120, 0, 1.0);
}
#content td .fa-person-booth {
color : rgba(160, 200, 50, 1.0);
}
#content td .fa-envelope {
color : rgba(200, 200, 50, 1.0);
}
#content td .fa-bookmark {
color : rgba(0, 145, 250, 0.7);
}
#content td .fa-hammer.gruen {
color : rgba(0, 200, 0, 0.5);
}
#content td .fa-hammer.gelb, #content td .fa-clock {
color : rgba(200, 200, 0, 1.0);
}
#content td .fa-stack-1x {
margin-left : 5px;
}
#content td .fa-heartbeat {
font-size : 12px;
color : green;
}
#content th.artikel-nc, #content td.artikel-nc {
width : 0 !important;
min-width : 0 !important;
max-width : 0 !important;
display : none;
}
#content td.arttext, #content th.arttext {
min-width : 200px;
width : 200px;
max-width : 200px;
font-size : 14px;
}
#content td.media {
width : 200px;
text-align : center;
}
#content td.media .fas {
font-size : 40px;
color : rgba(0, 145, 250, 0.5);
}
a .fa-chevron-down {
font-size : 12px !important;
}
#content .input-group-btn .btn {
padding : 7px 15px;
}
#content .input-group-btn .fas {
font-size : 16px;
}
#content .input-group-btn .btn-group {
padding : 7px 15px 7px 15px;
min-width : 48px;
}
#content .selectfilter, #content .selectfilter select {
height : 128px;
}
#content .selectkvevroute, #content .selectkvevroute select {
height : 500px;
}
#content .selectrufnummern, #rufnummern {
height : 200px;
}
#content .selectartikel {
height : 300px;
font-family : monospace;
}
.dropdown {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size : 16px 12px;
}
.dateicon, .datetimeicon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'>");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size : 16px 16px;
}
.dateicon:focus, .datetimeicon:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'>");
}
#content .event {
background-color : #0091fa;
padding : 10px;
border-radius : 5px;
border : 1px solid #ccc;
color : white;
width : 200px;
}
#content .sla_aufbau, #content .sla_abbau {
background-color: rgba(0, 145, 250, 0.5);
}
#content .sla_messezeit {
background-color:rgba(0, 145, 250, 1.0);
}
#cpetext strong {
display : inline-block;
-width : 150px;
}
#content canvas#canvas-sign-1, #content .canvas-border {
border : 1px solid silver;
border-radius : 5px;
width : 100%;
height : 200px;
}
#content canvas#canvas-sign-2 {
border : 1px solid silver;
border-radius : 5px;
width : 100%;
height : 200px;
}
.container_photo { width: 400px;}
#div_photo {
display : none;
position : fixed;
width : 400px;
height : 550px;
top : calc(50% - 270px);
left : calc(50% - 200px);
border : 1px solid silver;
border-radius : 5px;
background-color: rgba(240, 240, 240, 1);
box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1280px) { #div_photo { bottom: 50px; } }
#div_photo video { width: 400px; height: 450px; background-color: black; border: 1px solid silver; position: relative; top : 20px; left: 0; z-index: 9; }
#div_photo canvas { width: 400px; height: 450px; border: 1px solid silver; position: relative; top : 20px; left: 0; display: none; }
.fotobox {
float : left;
width : 100%;
height : 200px;
padding : 15px;
border : 1px solid silver;
border-radius : 5px;
overflow : auto;
}
.fotobox input {
float : left;
display : block;
width : 20px;
margin-top : 7px;
}
.fotobox label {
margin : 0 0 10px 10px;
}
.table-red table tr {
background-color: #9e585d;
}
.table-blue table tr {
background-color: #4379b4;
}
.table-grey table tr {
background-color: #9b9fa3;
}
.table-red table td, .table-blue table td, .table-grey table td {
border : 2px solid white;
}
.grey {
background-color: #eee;
}
.white {
background-color: white;
}
.blue, .blue label {
color : #0091fa;
}
.table-kvz {
height : 500px;
max-height : 500px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.table-artikel {
max-height : 800px;
}
.tickethistorie {
height : 590px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper100 {
height : 100px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper150 {
height : 150px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper200 {
height : 200px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper400 {
height : 400px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper600 {
height : 600px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper700 {
height : 700px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapper800 {
height : 800px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.tablewrapperemail {
height : 943px;
overflow-y : scroll;
border : 1px solid #ccc;
border-radius: 4px;
}
.divwrapper600 {
height : 600px;
padding-right: 15px;
overflow-y : scroll;
overflow-x : hidden;
}
img#artimage {
width : 400px;
border : 1px solid silver;
}
img.media_img {
width : 200px;
border : 1px solid silver;
}
img.unterschrift_image {
width : 100%;
height : 200px;
border : 1px solid silver;
}
.benutzerhintergrundbild {
border : 1px solid #ccc;
border-radius: 4px;
overflow : hidden;
}
.media_search {
min-height : 300px;
max-height : 300px;
margin-bottom: 20px;
text-align : center;
cursor : pointer;
background-color: white;
transition : all ease 0.2s;
overflow : hidden;
word-wrap : break-word;
}
.highlight_media {
background-color: #0091fa;
color : white;
margin-bottom: 20px;
}
.media_search .fas {
font-size : 70px;
color : #0091fa;
padding : 40px 25%;
border : 1px solid silver;
margin-bottom: 25px;
}
.highlight_media .fas {
color : white;
}
.media_search img {
width : 100%;
max-height : 200px;
border : 1px solid silver;
padding : 10px;
margin-bottom: 25px;
}
.lity { background-color: rgba(0, 0, 0, 0.7) !important; }
.lity .lity-container { max-width: 1300px !important; max-height: 100% !important; height: 100% !important; }
.lity_full .lity-container { max-width: 95% !important; max-height: 100% !important; height: 100% !important; }
.lity-iframe-container, .lity-iframe-container iframe { background-color: white !important; height: 100% !important; }
.lity-content { height: 100% !important; }
.lity-close {
background-color : #fa280a;
font-size : 40px;
height : 55px;
width : 55px;
transition : ease all 0.2s;
}
.lity-close:hover {
background-color : #0091fa;
font-size : 50px;
}
.dateipreview .artimage {
padding-top : 50px;
}
#content td.dateiname, #content th.dateiname {
min-width : 140px;
width : 140px;
max-width : 140px;
text-align : left;
overflow : hidden;
}
.hidden_text {
padding-top: 25px;
}
.nothing, .nothing button, .nothing:hover {
z-index : 999;
position : absolute;
height : 0;
width : 0;
border : none;
background : none;
margin : 0;
top : 0;
left : 0;
clear : both;
font-size : 0px;
line-height : 0px;
resize : none;
}
.nothing .las {
display : none;
}
.main ul {
padding-bottom: 15px;
padding-left: 27px;
margin: 10px 0 10px 0;
}
.main ul li {
position: relative;
margin-bottom: 10px;
list-style-type: none;
}
.main ul li::before {
position: relative;
left: -18px;
top: 12px;
content: '\0020';
background-color: #F4E188;
border-radius: 2px;
display: block;
width: 15px;
height: 2px;
line-height: inherit;
margin-left: -10px;
}
#form_artikel textarea {
min-height : 200px;
}
#form_artikel select[multiple], #form_artikel select[size] {
min-height : 200px;
}
input[type="checkbox"].form-control {
min-height : 20px;
max-height : 20px;
min-width : 20px;
max-width : 20px;
}
.form-control[disabled], fieldset[disabled], input[disabled] {
color : #b4b4b9 !important;
}
.disabled, .disabled label, .disabled select, .disabled .btn, .disabled .panel-heading {
pointer-events : none;
opacity : 0.5;
}
.enabled, .enabled label, .enabled select, .enabled .btn, .enabled .panel-heading {
pointer-events : auto !important;
opacity : 1.0 !important;
}
.keydisabled, .keydisabled label, .keydisabled select, .keydisabled .btn, .keydisabled .panel-heading {
opacity : 0.5;
}
.alert {
margin-top : 10px !important;
margin-bottom : 10px !important;
}
.alert h3 {
margin-top : 10px;
margin-bottom : 10px;
}
.alert p {
margin : 0 0 0 0 !important;
}
.alert ul li { margin-left: -15px; }
#form_artikeledit #arttext, #form_artikeledit #arttextgb {
height : 200px;
}
.height50, .height50 textarea, .height50 select { min-height : 50px; max-height : 50px; overflow:hidden; }
.height100, .height100 textarea, .height100 select { min-height : 100px; max-height : 100px; overflow:hidden; }
.height150, .height150 textarea, .height150 select { min-height : 150px; max-height : 150px; overflow:hidden; }
.height200, .height200 textarea, .height200 select { min-height : 200px; max-height : 200px; overflow:hidden; }
.height300, .height300 textarea, .height300 select { min-height : 300px; max-height : 300px; overflow:hidden; }
.height400 ,.height400 textarea,.height400 select { min-height : 400px; max-height : 400px; overflow:hidden; }
.height550 ,.height550 textarea,.height550 select { min-height : 550px; max-height : 550px; overflow:hidden; }
.height600 ,.height600 textarea,.height600 select { min-height : 600px; max-height : 600px; overflow:hidden; }
.height800 ,.height800 textarea,.height800 select { min-height : 800px; max-height : 800px; overflow:hidden; }
.textheight100 textarea, textarea.textheight100, .textheight100 select, select.textheight100 { min-height : 100px; max-height : 100px; overflow: auto; }
.textheight150 textarea, textarea.textheight150, .textheight150 select, select.textheight150 { min-height : 150px; max-height : 150px; overflow: auto; }
.textheight200 textarea, textarea.textheight200, .textheight200 select, select.textheight200 { min-height : 200px; max-height : 200px; overflow: auto; }
.textheight300 textarea, textarea.textheight300, .textheight300 select, select.textheight300 { min-height : 300px; max-height : 300px; overflow: auto; }
.textheight400 textarea, textarea.textheight400, .textheight400 select, select.textheight400 { min-height : 400px; max-height : 400px; overflow: auto; }
select.height100 { height : 100px; }
.selectheight200 { height : 200px; overflow: auto;}
.height101 {
max-height : 100px !important;
overflow : hidden;
}
/* Dashboard */
.db_container {
background-color: rgba(0, 145, 250, 0.05);
border : 1px solid silver;
border-radius: 25px;
max-height : 600px;
overflow : hidden;
padding : 20px;
margin-bottom: 25px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
transition : ease all 0.1s;
}
.db_container:hover {
background-color: rgba(0, 145, 250, 0.15);
}
.db_container_scroll {
overflow-y : scroll;
overflow-x : hidden;
max-height : 500px;
}
.messekasten {
padding: 5px;
padding: 15px;
border-bottom : 1px dotted silver;
font-size: 14px;
}
.messe_dashboard {
border-top: 25px solid #0091fa;
margin-top: 0;
}
.messekasten h4 {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #0091fa;
word-wrap: break-word;
}
.messekasten h5 {
font-size: 16px;
word-wrap: break-word;
}
.messe_vorbei h4, .messe_vorbei h5 {
color: #c0c0c0;
}
/* Elemente */
.panel {
box-shadow : 0 0 10px rgba(0, 0, 0, 0.25);
margin-bottom : 20px;
}
.panel-default > .panel-heading {
background-color: #b4b4b9;
color : black;
}
.panel-default > .panel-heading {
background-color: #0091fa;
color : white;
}
.panel-default > .panel-heading a {
color : white !important;
text-decoration : none;
border-bottom : 1px dotted white;
font-size : 14px;
}
.panel-default > .panel-heading a.btn {
border-bottom : 0;
}
.panel-heading {
line-height : 100%;
}
.panel-heading small {
font-size : 10px;
}
.las {
font-size : 22px;
}
.card {
box-shadow : 0 0 10px rgba(0, 0, 0, 0.25);
margin-bottom : 20px;
}
.card > .card-header {
background-color: #0091fa;
color : white;
}
.card > .card-header a {
color : white !important;
text-decoration : none;
border-bottom : 1px dotted white;
font-size : 14px;
}
.card > .card-header a.btn {
border-bottom : 0;
}
.card-header {
line-height : 100%;
}
.card-header small {
font-size : 10px;
}
.card-title {
margin-bottom : 0;
}
.form-control {
background-color: white !important;
}
.div-border {
background-color: white;
border : 1px solid #ccc;
border-radius : 4px;
box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
padding : 6px 12px;
overflow : scroll;
}
.div-html {
background-color: white;
border : 1px solid #ccc;
border-radius : 4px;
box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
padding : 6px 12px;
overflow : scroll;
height : 200px;
width : 100%;
}
.form-control:focus {
border-color: #0091fa;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px #0091fa,0 0 8px #0091fa;
box-shadow: inset 0 1px 1px #0091fa,0 0 8px #0091fa;
}
span.space {
display : inline-block;
width : 25px;
}
.green, td.green, tr.green td { color : rgb(0, 200, 0) !important; }
.yellow, td.yellow, tr.yellow td { color : rgb(200, 200, 0) !important; }
.red, .red label, td.red, tr.red td { color : rgb(255, 0, 0) !important; }
.darkgrey, tr.darkgrey td { color: #808080 !important; }
.panel-heading a.yellow { color: #ffff00 !important; }
.lightgreen { color : rgb(0,255, 0); }
.lightyellow { color : rgb(255,255, 0); }
.bg-red {
background-color: rgba(255, 0, 0, 0.1);
border : 1px solid rgba(255, 0, 0, 0.5);
border-radius : 4px;
padding : 10px 10px 0 10px;
margin-bottom : 15px;
}
/* Footer */
footer {
background-color: #0091fa;
color : white;
height : 100px;
padding : 25px 0;
}
.subfooter {
position : fixed;
bottom : 0;
width : 100%;
background-color: #0091fa;
font-size : 16px;
color : white;
height : 45px;
padding : 10px 0;
z-index : 9;
}
.subfooter a {
color : white !important;
text-decoration : none;
font-size : 16px;
border-bottom : 1px dotted white;
transition : color 0.2s;
}
.subfooter a:hover {
color : #fa280a;
}
.subfooter i.fas {
border-bottom : 0 !important;
}
.social-links {
margin: 10px 0 20px 0;
}
.social-links a {
font-size: 36px;
margin: 10px;
border-bottom: 0px !important;
opacity: .5;
color: #fff;
}
.social-links a:hover {
background-color: transparent;
color: #fff;
opacity: 1;
text-shadow: 0 0 15px #FFF;
}
#scroll {
position : fixed;
bottom : 0px;
margin-left : -80px;
background-color: #8d8d8d;
padding : 10px;
transition : background-color ease-in-out 0.2s;
}
#scroll i {
color : white;
font-size : 18px;
}
#scroll:hover {
background-color: #F4E188;
cursor : pointer;
}
#scroll:hover i {
transform : translateY(-3px);
}
#content td.display-none, #content th.display-none, .display-none {
display : none;
transition : ease all 0.2s;
}
@media only screen and (min-width: 980px) {
.nav-mobile-top { display: none !important; }
.nav-top { display: block !important; }
}
@media only screen and (max-width: 1368px) {
label { font-weight: normal; font-size : 13px; }
.form-control { font-size: 13px; }
body { font-size: 13px; }
.table-responsive thead th { font-size: 13px; }
}
@media only screen and (max-width: 1290px) {
#content { padding-top : 75px; }
}
@media only screen and (max-width: 979px) {
.nav-top { display: none !important; }
.navbar-toggle { display: block; }
.nav-non-mobile li a { font-size: 14px; }
#logo_mobil img { height: 40px; }
header { height: 50px; }
.tablewrapper200, .tablewrapper400.tablewrapper600.tablewrapper800 { height: 300px; }
}