//----------Farben
//-----PrimärFarben

//Lucent Blue
@LucentBlue40K: #265C79;
@LucentBlue30K: #2C6B8C;
@LucentBlue15K: #3683AB;
@LucentBlue100: #3F9AC9;
@LucentBlue70:  #78B8D9;
@LucentBlue50:  #9FCCE4;
@LucentBlue30:  #C5E1EF;

//Titanium(Grauwerte)
@Titanium40K:  #76787A;
@Titanium30K:  #8D8F92;
@Titanium15K:  #AFB2B4;
@Titanium100:  #D2D4D6;
@Titanium70:  #DFE0E2;
@Titanium50:  #E7E9EA;
@Titanium30:  #F0F1F2;

//-----SekundärFarben
@IntensiveMauve:  #AF0837;
@FreshGreen:  #BECD1A;
@BrightYellow:  #E3B949;

//-----TextFarben
@Schwarz:  #000;
@Schwarz90:  #222;
@Schwarz80:  #333;
@Schwarz70:  #444;

//-----LinkFarben
@DaimlerBlue:  #263F6A;
@LinkColor: @LucentBlue40K;
@LinkHoverColor: @LucentBlue100;

//ButtonGradientColor
@ButtonBackgroundColor:  #398fbb;
@ButtonBackgroundHoverColor:  #296f92;

//Gradient
@GradientStartColor: @LucentBlue100;
@GradientEndColor: @LucentBlue15K;

//-----Fonts------
@daimlerFont: "Segoe UI", sans-serif;

//Pager
@pagerBackground: #3F9AC9;

//Footer

//horizontale einzeilige Navbar
@navBarLinkColor: @LinkColor;
@navBarHeight: 24px;
@navBarFontSize: 12px;

//AssistBar
@assBarLinkColor: @LinkColor;
@assBarFontSize: 11px;

//Body
body {
    font-family: @daimlerFont;
}

//Überschriften
h1, h2, h3, h4, h5, h6 {
    color: @Schwarz70;
    font-family: @daimlerFont;
    text-rendering: auto;
}

//Link
a {
    color: @LinkColor;

    a:hover {
        color: @LinkHoverColor;
    }
}

p {
    color: @Schwarz90;
}


//Buttons

.btn-primary {
    color: #ffffff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: @ButtonBackgroundColor;
    background-image: -moz-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@GradientStartColor), to(@GradientEndColor));
    background-image: -webkit-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: -o-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: linear-gradient(to bottom, @GradientStartColor, @GradientEndColor);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f9ac9', endColorstr='#ff2f7ea6', GradientType=0);
    border-color: @GradientEndColor @GradientEndColor #1e506b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: @GradientEndColor;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        color: #ffffff;
        background-color: @GradientEndColor;
        *background-color: @GradientEndColor;
    }

.brandTitle {
    margin-top: 4px;
    color: @LucentBlue100;
    -webkit-text-shadow: none;
    text-shadow: none;
    font-size: 26px;
    font-weight: 700;
    text-decoration: none;
}

.brandCompany {
    margin-top: 4px;
    color: @DaimlerBlue;
    -webkit-text-shadow: none;
    text-shadow: none;
    font-size: 26px;
    margin-right: 15px;
    text-decoration: none;
}

.brandSecurity {
    margin-top: 10px;
    color: @IntensiveMauve;
    -webkit-text-shadow: none;
    text-shadow: none;
    font-size: 16px;
    float: right;
    margin-right: 10px;
}

.menu-benutzerBetrieb {
    color: #76787A;
    margin-bottom: 0px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.navbarDown .nav > li > .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    text-decoration: none;
    color: #ffffff;
    background-color: @ButtonBackgroundColor;
    background-image: -moz-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@GradientStartColor), to(@GradientEndColor));
    background-image: -webkit-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: -o-linear-gradient(top, @GradientStartColor, @GradientEndColor);
    background-image: linear-gradient(to bottom, @GradientStartColor, @GradientEndColor);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f9ac9', endColorstr='#ff2f7ea6', GradientType=0);
}
.navbarDown .nav > li > .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}
.navbarUp li{
    float: left;
}
.rollen {
      width: 100%;
}

.navbarUp .nav > li > a {
    color: @navBarLinkColor;
    -webkit-text-shadow: none;
    text-shadow: none;

    a:hover {
        color: @LinkHoverColor;
    }
}
.navbarUp a{
    text-decoration: none;
}

.navbarUp .brandTitle:hover{
        color: @LucentBlue100;
}

.navbarUp {
    background-color: white;
    padding: 8px 0 8px 15px;
}

.navbarUp #loginlogout:hover{
        background-color:none;
}

.navbar-inner {
    box-shadow: none !important;
    border: none !important;
}

.navbarDown {
    background-color: @Titanium50;
}

    .navbarDown .nav {
        height: 36px;
        position: relative;
        left: 0;
        display: block;
        float: left;
        margin: 0 10px 0 0;
    }

    .navbarDown .nav-collapse .nav > li {
        background-color: @Titanium50;
    }
     .navbarDown .nav > li {
        float: left;
    }

    .navbarDown .nav > li > a {
        color: @DaimlerBlue !important;
        text-shadow: none !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        font-weight: 600;
    }

    .navbarDown .nav-collapse .nav li > a {
        /*color: @DaimlerBlue !important;*/
        text-shadow: none !important;
    }

    .navbarDown .nav > .active > a, .navbarDown .nav > .active > a:hover, .navbarDown .nav > .active > a:focus {
        background-color: white !important;
        box-shadow: inset 0 4px 3px rgba(210, 212, 214, 0.5);
    }

    .navbarDown .nav li .caret, .navbarDown .nav li.dropdown.open > .dropdown-toggle .caret, .navbarDown .nav li.dropdown.active > .dropdown-toggle .caret, .navbarDown.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-top-color: @DaimlerBlue !important;
        border-bottom-color: @DaimlerBlue !important;
    }

    .navbarDown .divider-vertical {
        border-left-color: @Titanium50;
        border-right-color: @Titanium50;
        height: 30px;
    }

    .navbarDown .nav-collapse .nav > li > a {
        margin-bottom: 0 !important;
    }

    .navbarDown .nav > li > a:focus, .navbarDown .nav > li > a:hover {
        background-color: #f0f1f2 !important;
        text-decoration: underline;
    }

    .navbarDown .nav li.dropdown.open > .dropdown-toggle, .navbarDown .nav li.dropdown.active > .dropdown-toggle, .navbarDown .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: white !important;
        box-shadow: inset 0 4px 3px rgba(210, 212, 214, 0.5);
    }

    .navbarDown .nav .dropdown-menu li > a:hover, .navbarDown .nav .dropdown-menu li > a:focus, .navbarDown .nav .dropdown-submenu:hover > a {
        background-color: #f0f1f2 !important;
    }

    .navbarDown .nav .dropdown-menu .active > a, .navbarDown .nav .dropdown-menu .active > a:hover {
        background-color: white !important;
        box-shadow: inset 0 4px 3px rgba(210, 212, 214, 0.5);
    }

    #loginlogout:hover, #settingsButton:hover, #docsButton:hover, #rollenSwitcher:hover {
    background-color: transparent;
    color: @LinkHoverColor;
}

.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2fa3e6;
background-image: -moz-linear-gradient(top, #3daae9, #1a99e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3daae9), to(#1a99e2));
background-image: -webkit-linear-gradient(top, #3daae9, #1a99e2);
background-image: -o-linear-gradient(top, #3daae9, #1a99e2);
background-image: linear-gradient(to bottom, #3daae9, #1a99e2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3daae9', endColorstr='#ff1a99e2', GradientType=0);
border-color: #1a99e2 #1a99e2 #126b9e;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}

.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .btn, .navbar .btn-group {
margin-top: 6px;
}

.btn-navbar .icon-bar+.icon-bar {
margin-top: 3px;
}

.menuMarginTop {
    margin-top: 100px;
}

ul.dropdown-menu {
    z-index: 2;
}

.k-button.k-upload-button, .k-button  {
    color:#ffffff !important;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color:@ButtonBackgroundColor !important;
    background-image:-moz-linear-gradient(top, @GradientStartColor, @GradientEndColor) !important;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(@GradientStartColor), to(@GradientEndColor)) !important;
    background-image:-webkit-linear-gradient(top, @GradientStartColor, @GradientEndColor) !important;
    background-image:-o-linear-gradient(top, @GradientStartColor, @GradientEndColor) !important;
    background-image:linear-gradient(to bottom, @GradientStartColor, @GradientEndColor) !important;
    background-repeat:repeat-x !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f9ac9', endColorstr='#ff2f7ea6', GradientType=0) !important;
    border-color:@GradientEndColor @GradientEndColor @LucentBlue40K !important;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    *background-color:@GradientEndColor;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;

}

.k-button.k-upload-button:hover, .k-button:hover {
    color:#ffffff !important;
    background-color:@GradientEndColor !important;
    *background-color:@ButtonBackgroundHoverColor !important;

    background-image:-moz-linear-gradient(top, @GradientEndColor, @GradientEndColor) !important;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(@GradientEndColor), to(@GradientEndColor)) !important;
    background-image:-webkit-linear-gradient(top, @GradientEndColor, @GradientEndColor) !important;
    background-image:-o-linear-gradient(top, @GradientEndColor, @GradientEndColor) !important;
    background-image:linear-gradient(to bottom, @GradientEndColor, @GradientEndColor) !important;
}

.k-dropzone {
    height: 0px;
}

.well {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(@Titanium30), to(@Titanium30));
  background-image: -webkit-linear-gradient(top, @Titanium30 0%, @Titanium30 100%);
  background-image: -moz-linear-gradient(top, @Titanium30 0%, @Titanium30 100%);
  background-image: linear-gradient(to bottom, @Titanium30 0%, @Titanium30 100%);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid @LucentBlue40K;
  border-radius: 4px;
  vertical-align: middle;
}

.input-betriebe{
    vertical-align: top;
    margin-bottom: 0;
}