@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body {
  /* margin-top:10px; */
  padding-bottom: 40px;
  color: #5a5a5a;
  /*background-color: #ECECEC;*/
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
}

h3 {
background-color: #f5f5f5;
padding-left: 15px;
font-size: 16px;
line-height: 2;
border-radius: 4px;
}


.btn-blue {
    color:#fff;
    background-color: #388dd6;
    border: 1px solid #388dd6;
}

.btn-orange {
    color:#ff7646;
    background-color:#f1f1f1;
}

.btn-gray {
    color:#5a5a5a;
    background-color:#f1f1f1;
}

.search-active {
  background-color: #ffe9e0;
  border-color: #ffb89e;
}

.search-cancel-icon {
  color: #ff936b;
}

p{
  line-height: 2em;
}

.panel .panel-thin{
    padding:5px;    
}

table th{
    font-size:12px;
}
table td{
    font-size:13px;
}
table tr.clickable-row{
    cursor: pointer;
}

/*Form Table (Sub Tabelle) */
table.formtable td{
  padding: 5px;
  vertical-align: top !important;
}

/* Landscape phones and down */
@media (max-width: 480px) {
    div.spacer{
        padding-top:10px;
    }
    
}

td .label {
    font-size:11px;
}

td .label.label-xs {
    font-size:8px;
}

td .label .fas {
    font-size:10px;
}


.label-darkred {
    background-color: #942323;
    color: white;
}

.label-orange {
    background-color: #df672f;
    color: white;
}

.label-green {
    background-color: #93e68d;
    color: black;
}

.label-cyan {
    background-color: #5cb8b8;
    color: white;
}

.label-pink {
    background-color: #e91e63;
    color: white;
}

.label-gray {
    background-color: #aeaeae;
    color: white;
}

table .dropdown-menu li {
    font-size:12px;   
}
table .dropdown-menu li a {
  line-height: 2;
}

.has-error-checkbox {
    color: #a94442;
}

/*--------------------------------------------------
NAVBAR
-------------------------------------------------- */

.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}


.navbar-nav li{
  font-size: 13px;
}

.navbar-nav li.divider{
  border-bottom: 1px solid #e7e7e7;
}

.navbar-nav .dropdown-menu li{
  margin: 5px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;  
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  /*background-color:#fff;*/
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-wrapper .navbar-brand {
    margin-top:0px;
    padding-top:0px;
}

.navbar-wrapper .navbar-brand img {
    height: 50px;
}

.navbar-wrapper .glyphicon{
    font-size: 16px;
    text-shadow: 0px 1px gray;
}

.navbar-default .navbar-form {
  border:0px;
}





ul.list-group small{
    color: #eb6e07;
}

ul.list-group hr{
    margin-top:10px;
}
 

table.tickets{
  font-size:10pt;  
}

table.tickets tbody tr{
  cursor: pointer;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.table > tbody > tr > td.minimal {
  width: 1%;
  white-space: nowrap;
}


/*-------------------------------------------------- 
ITEMS
-------------------------------------------------- */

.items .col-xs-12{
    background-color: #FFFFFF;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px){
  /* Navbar positioning */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }


    a.title:link, a.title:active, a.title:visited{
        color:#00B8E6;
        text-decoration:none;
        font-size: 20px;
        font-weight: 400;
    }
    
    a.title:hover{
        text-decoration:underline;
    }
}

@media (min-width: 992px) {

    a.title:link, a.title:active, a.title:visited{
        color:#00B8E6;
        text-decoration:none;
        font-size: 25px;
        font-weight: 400;
    }
    
    a.title:hover{
        text-decoration:underline;
    }
}

#ui-datepicker-div{
    z-index:100 !important;
}

.settings-info td{
	font-size:13px !important;
	border:0px !important;
}

/*
*/
.circle-text {
  display: table-cell;
  height: 100px;
  width: 100px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #1464b7;
  color: #fff;
  font: 58px 'Lato', sans-serif;
}

.circle-xs {
  height: 25px;
  width: 25px;
  font-size: 10px;
  letter-spacing: -0.4;
  font-weight: bold;
  }

/*
Fontawesome
*/
.fa, .fas {
  font-size: 16px;
}

.fa.sml, .fas.sml{
  font-size: 12px; 
}

/*
List
*/

.list-navigation .btn{
  margin-right: 5px;
  margin-bottom: 5px;
}
.list-navigation .btn.btn-sm .fas{
  font-size: 12px;
}
.list-navigation .dropdown-menu .fas{
  font-size: 12px;
}

/*
Form
*/
.form-horizontal .control-label {
font-size: 12px;
}

/*
Dropzone
*/
.dropzone {
  border: 0px !important;
  min-height: 10px !important;
}

#dz-list p{
  font-size: 12px;
  margin-top:10px;
}

#dz-list a.remove-file{
  color: #c00000;
}

/*
Panel
*/
.panel .dropdown-menu li {
  font-size:12px;   
}

/*
Altert
*/
.alert {
  margin-left: 25px;   
  margin-right: 25px;   
}

/*
Breadcrumb
*/
.breadcrumb {
  font-size: 12px;
  border-radius: 0px;
}
.breadcrumb a {
  color: #ff7646;
}
.breadcrumb .active {
  font-weight: bold;
}
.breadcrumb .home {
  padding-right: 5px;
}

/*
Badge
*/
.badge.badge-sm {
  font-size: 10px;
  border-radius: 5px;
}
.badge.badge-xs {
  font-size: 8px;
  border-radius: 6px;
}
.badge.badge-danger {
  background-color: #d9534f;
}
.badge.badge-warning {
  background-color: #f0ad4e;
}
.badge.badge-default {
  background-color: #777;
}

/*
bei Nmmernfelder nicht die Up/Down Buttons zeigen
*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.input-group-addon{
  font-size: 11px;
}

/* Password Text Field */
@font-face {
  font-family: "password-mask";
  src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}
.numeric-password {
  font-family: password-mask;
}
.numeric-password::placeholder {
  font-family: inherit;
}

/* Navbar Search Autocomplete */
.navbar-search-autocomplete.ui-widget {
  font-family: inherit;
  font-size: 13px;
}
.navbar-search-autocomplete li:hover, .navbar-search-autocomplete li:focus { 
  border:0;
  background-color: #f5f5f5;
}
.navbar-search-autocomplete a, .navbar-search-autocomplete a:visited {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;  
  border: 0;
}
.navbar-search-autocomplete .ui-widget .ui-state-focus, .navbar-search-autocomplete a:hover, .navbar-search-autocomplete a:focus {
  color: #262626 !important;
  text-decoration: none !important;
  background-color: #f5f5f5 !important;
}

.list-navigation li {
  font-size: 13px;
}

/*** Notification Label **/
.notification-wrapper{
    margin-top: 15px;
    float: right;
    margin-right: 10px;
}

.notification-wrapper a:hover, .notification-wrapper a:active, .notification-wrapper a:link{
    text-decoration: none;
}
.notification-wrapper a:hover .label-danger{
    background-color: #ea534f;
}

/*
CARDS
*/
.dash-card{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);

  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /* border: 1px solid rgba(0,0,0,0.125); */
  /* border-radius: .25rem; */
  margin-bottom: 20px;
  width: auto;

  background: radial-gradient(1.5em 6.28571em at 1.95em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(1.5em 6.28571em at -0.45em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 1.5em 5.5em, radial-gradient(2.3em 4.57143em at 2.99em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(2.3em 4.57143em at -0.69em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 2.3em 4em, radial-gradient(3.5em 6.28571em at 4.55em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(3.5em 6.28571em at -1.05em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 3.5em 5.5em, radial-gradient(#f5f5f5,#f3f3f3);
  background-color: #1464b7;
  background-size: 1.5em 11em, 1.5em 11em, 2.3em 8em, 2.3em 8em, 3.5em 11em, 3.5em 11em, 100% 100%;
  background-repeat: repeat;
}

.dash-card a:hover{
  text-decoration: none;
}

.dash-card-header{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding-bottom: 0rem;
  /* border-bottom:1px solid #efefef; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 12px;
}
.dash-card-subheader{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding-bottom: 0rem;
  /* border-bottom:1px solid #efefef; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 12px;
}

.dash-card-body{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.dash-card-body hr{
  margin-top:10px;
  margin-bottom:10px;
}

.dash-card-footer{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  border-top:1px solid #efefef;
}
.dash-card-footer a .fas{
  font-size: 12px;
}

.dash-card-number{
  font-size: 40px;
  margin-left:10px;
  margin-right:10px;
}

.dash-card-birthday{
  margin-left:10px;
  line-height: 30px;
}
.dash-card-birthday.today{
  font-weight: bold;
  font-size: 16px;
}

.dash-card-number.green{
  color: #189418
}

.dash-card-number.red{
  color: #941818
}