/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15.02.2018, 15:07:50
    Author     : dino
*/

.catselect,.searcher {
    height: 2.7em;
}
select option {
    /*margin: 40px;*/
    background: #fff;
    color: #333;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);*/
}
select {
    text-align: center;
    text-align-last: center;
    /* webkit*/
}
option {
    text-align: center;
    /* reset to left*/
}
#footer{
    background-color: #6E6570;
}
.claim_hype{
    color:#4EB980;
    /*text-decoration: underline;*/
}
ul#menu{
    position: absolute;
    height: 3em;
    top:0px;
    z-index:2;
}
ul#menu li{
    display:inline-block;
    padding-right: 20px;
}
ul#langmenu li{
    display:inline-block;
    padding-right: 5px;
}
#langmenu{
    position: absolute;
    top:0px;
    right: 5%;
    z-index:2;
}
.userfields input{
    margin: 10px 10px 10px 10px;
    color: #333;
}
div.box.container{
    background-color: #6E6570;
    background-color: #17a2b8;
    background-color: #fff;
}
input,select{
    color: #333!important;
    background-color: #fff!important;
    /*background-color: #00cccc!important;*/

}
form{
    padding: 0px 10px;
}
.formlabel{
    text-align: left;    
    text-indent: 1.2em;
    text-transform: none;
    font-weight: normal;
    font-family: 'Source Sans Pro', sans-serif;
}
.smallfunctionbutton,.smallfunctionbuttonpasswort{
    font-weight:normal!important;
    font-size: 0.8em!important;
    position: relative;
    float: right;
    color:#ccc!important;
}
smallfunctionbuttonpasswort{
    float: left;
}
.clearfloat{
    float:none;
}
p.forminfo{
    color:#333;
    font-size: 1em!important;
    font-weight:bold;
}
.optionbox{
    display:inline;
    /*float:left;*/
}
.formlabelbtn{
    float:left;
    text-align: left;    
    text-indent: 0.5em;
    text-transform: none;
    font-weight: normal;
    font-family: 'Source Sans Pro', sans-serif;
}
#formsalutation{
    float:left;
    color:#333;
    display:block;
    height: 2.5em;
}
.newslettertext{
    display:relative;
    float:left;
    /*left:10px;*/
}
.usermessage{
    text-transform: none;
    font-size: 1em;
    line-height: 1em;
}
.logo{
    cursor: pointer!important;
}

/* KPLAN 08-2018*/
#header .logo {
    background: #ffbb00;

}

.claim_hype {
    color: #ffbb00;
    /* text-decoration: underline; */
}

#footer{
    background-color: #333;
}

input[type="submit"], input[type="reset"], input[type="button"], .button {

    background: #333;
    border-radius: 4px;
    background-color:#666;
}
input[type="text"], input[type="password"], input[type="email"], select, textarea {
    /*border: solid 1px #ffbb00;*/
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {

    background: #ffbb00!important;
    border-radius: 4px;
}
/* Colored Border */
.cborder{
    border: solid 1px #ffbb00!important;
}
#header a:hover {
    border-bottom-color: transparent;
    color: #ffbb00;
}
p, ul, ol, dl, table, blockquote, form {
    margin: 0em 0em 0em 0em;
}
.privacy{
    color:#333;
}
div.content.privacy p{
    font-size: 0.8em!important;
    text-align: left;
}
div.content.privacy h3, div.content.privacy p strong,div.content.privacy p b{
    color: #333!important;
}
/* login form*/
div#header div.box.alt.container section form{
    padding: 20px 10px;
}
/* PROJEKTPLANUNGS-BOX */
#bb{
    /*display: block;*/
    /*position:absolute;*/
    top:80px;
    /*height: 1000px!important;*/
    /*padding-top:100px;*/
}
.row {
    /*margin: -5px 0 -1px -30px;*/
}

/* Die Auswahl von Tagen unterbinden */
.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*  Markierungs-Klasse zur visuellen Unterstützung bei der Terminplanung */

.marker{
    display: inline-block;
    position: absolute;
    top:10px;
    left:10px;
    background-color: orange;
    height: 10px;
    width: 100%;
}

.calendar-month-events-day:hover,.calendar-month-events-day:hover > span.no-select {
    background-color:orange;
    color: #000;
}
#updatemultitexttoggle{
    width: 200px;
}
.toggle.btn {
    min-width: 109px;
}

/* Anlegen der Resourcen */

/* Diagonal Stripes */
.res_1{
    background-color: gray;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}
/* vertical stripes*/
.res_2{
    background-color: gray;
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%);
    background-size: 50px 50px;
}
/* horizontal stripes*/
.res_3{
    background-color: gray;
    background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
    background-size: 50px 50px;
}
/* madras stripes*/
.res_4{
    background-color: hsl(34, 53%, 82%);
    background-image: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,                  
        hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
        hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,                
        hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
        hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
        hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px       
        ),
        repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, 
        hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
        hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,                
        hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
        hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
        hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px       
        );
}

#planner {
    background-color: #fff;
    position: relative;
    margin: 0px;
    text-align: left;
    font-size: 0.6em;
    color: #000;
    font-weight: bold;
    line-height: 1.7em !important;
    height: 900px;
    position: absolute;
    top: 40px;
    width: 100%;
}
#planner > p,#planner > h1,#planner > h2,#planner > h3,#planner > h4, h4.modal-title {
    color: #000!important;
    text-transform:none;
    font-family: arial;
}
.calendar .event-name {
    font-size: 1em;
}
.calendar .event-date {
    font-size: 1em;
    line-height: 1.2;
}
.calendar-categories {
    padding-bottom: 22px;
}
.dropdown-menu {
    min-width: 290px;
    background-color: #fff;
    color:#000!important;
}
.btn{
    text-transform: none;
}
label {
    letter-spacing: 0em!important;
    padding: 0.4em 0.7em 0.4em;
}
ul.dropdown-menu.inner li a span.text,ul.dropdown-menu.inner li a,ul.dropdown-menu.inner li a span.text{
    color:#000;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
	display: inline-block;
            color:#000;
            /*background-color: red;*/

}
.daytoweek:hover, .monthtoweek:hover, .weektoday:hover, .weektomonth:hover {
	background-color: orange;
}