﻿@charset "UTF-8";

/**
*, *:after, *:before {
  outline: 1px dotted rgba( 0, 0, 0, .1 );
}
/**/

@font-face {
  font-family: 'minion-pro';
  src: url('../fonts/minion_pro.eot');
  src: url('../fonts/minion_pro.eot?#iefix') format('embedded-opentype'),
       url('../fonts/minion_pro.svg#Minion Pro') format('svg'), 
       url('../fonts/minion_pro.woff') format('woff'), 
       url('../fonts/minion_pro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'yoga';
  src: url('../fonts/YogaSansWebPro-Thin.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: 'yoga';
  src: url('../fonts/YogaSansWebPro-Bold.woff') format('woff');
  font-weight: bold;
}

body {
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
  font-size: 15px;
}



body.standard_page {
  background: url(../img/Fink/clouds-big.jpg) no-repeat center 56px !important;
  background-attachment: fixed !important;
  min-height: 580px;
  padding-top: 135px;
}

body.login {
  background: url(../img/Fink/clouds-big.jpg) no-repeat center 120px !important;
  min-height: 580px;
}

section.login-form {
  margin-top: 6px;
}

section.login-form form {
  background-color: #eee;
  border-radius: 0;
  padding: 26px 40px 40px;
  text-align: center;
}

section.login-form form input[type=email],
section.login-form form input[type=password],
form input[type=password],
section.login-form form input[type=submit],
section.login-form form input[type=text] {
  border: 0;
  border-radius: 0;
  margin: 2px auto;
}

section.login-form form input[type=email] + input[type=submit] {
  margin-top: 4px;
}

section.login-form form input[type=submit] {
  background-color: #d35f00;
  font-weight: bold;
}

section.login-form form p {
  margin-top: 12px;
}

#editor-multi {
  border: 0;
  border-radius: 0;
  margin: 2px auto;
  max-width: 100%;
}

.input-sm {
  padding: 5px;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
  width: 175px;
}

.panel-wrap  {
  background-color: transparent !important;
  border: 0 !important;
}

#main-content {
  padding: 5px 5px 5px 10px !important;
}

#kendopanel {
  padding: 5px 10px 5px 5px !important;
}

#sidebar_clipping,
#sidebar_contact {
  padding: 0 !important;
  width: 369px !important;
}

#sidebar_clipping #clipping h3 {
  margin-top: 0 !important;
}

#teammates .team-mate img {
  border-radius: 0 !important;
}

#teammates.widget > div {
  padding-top: 0 !important;
}

.container.body-content {
  background-color: #f2f2f2 !important;
  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
}

div.container.body-content > a:first-of-type {
  background-color: #fff;
  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
  display: inline-block;
  margin-bottom: 20px;
  padding: 4px 8px 4px 14px;
  position: relative;
}


div.container.body-content > a:first-of-type:before {
  content: '< ';
  left: 4px;
  position: absolute;
  top: 3px;
}

.k-content, .k-editable-area, .k-panel>li.k-item, .k-panelbar>li.k-item, .k-tiles {
  background-color: #f2f2f2 !important;
}

.btn,
.button,
.k-editor, .k-grid, .k-menu, .k-scheduler,
.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
  border: 0;
  border-radius: 0 !important;
  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
}

.btn,
.button {
  padding: 5px 14px;
}

.k-dropzone, .k-fieldselector .k-list .k-item, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-hover, .k-list .k-state-selected, .k-list-optionlabel,
.k-popup .k-list .k-state-focused {
  border: 0 !important;
  border-radius: 0 !important;
}

.k-textbox {
  width: 100% !important;
}

table.table-DualesSystem tr td div input.k-textbox {
  width: 120px !important;
}

.k-widget .k-header {
  border: 0 !important;
}

.k-grid tr td {
  border-color: rgba( 0, 0, 0, .05 );
  border-width: 0 0 0 1px;
}

.k-grid,
.k-grid .k-grid-content {
  height: auto !important;
  overflow: visible !important;
  min-height: 200px !important;
}

.k-grid .k-grid-header {
  padding-right: 0 !important;
}

.k-grid th.k-header {
  font-weight: bold !important;
}

.k-popup .k-list .k-item {
  border: 0 !important;
}

.clientId {
  display: block;
}

.clientName {
  font-weight: bold;
}

.mengemeldung_row,
.mengenmeldung_row {
  cursor: pointer;
}

#news {
/*  outline: 1px dotted green;*/
}

#news.wellcome div h1 {
  color: #006db8;
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
  font-size: 34px;
  font-weight: bold;
  line-height: 38px;
}

#news.wellcome div h1 + h2 {
  margin-top: 0;
}

#news.wellcome div h2 {
  color: #999;
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
}

#news.wellcome div p {
  font-size: 18px;
  line-height: 28px;
}

#news div h4,
#news div h5  {
  padding-left: 135px;
  position: relative;
}

#news div h4 span {
  left: 0;
  position: absolute;
}

#news div h5 {
  font-size: 15px !important;
  font-weight: bold;
}

.events {
  
}

.events .event {
  border-bottom: 1px solid #eee;
  margin-bottom: 6px;
  padding-bottom: 6px;
}

.events .event .date {
/*  background-color: #006db8;*/
  color: #fff;
  color: #006db8;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 12px;
  min-height: auto;
  padding: 0;
  vertical-align: text-top;
  width: 54px;
}

.events .event .title {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 12px;
  min-height: auto;
  padding: 0;
  vertical-align: text-top;
  width: 270px;
}

.events .event .date + a,
.events .event .title + a {
  display: block;
}

div.events div.event-list div.files-list {
  padding: 0!important;
}

div.events div.event-list div.files-list a.file {
  display: block;
  padding-left: 18px;
  position: relative;
}

div.events div.event-list div.files-list a.file:before {
  background: url(../img/Fink/files.png) no-repeat 0 1px;
  content: ' ';
  height: 18px;
  left: 0;
  position: absolute;
  width: 12px;
}

div.events div.event-list div.files-list a.file.pdf:before {
  background-position: 0 -31px;
}

div.events div.event-list div.files-list a.file.word:before {
  background-position: 0 -63px;
}

div.events div.event-list div.files-list a.file.xls:before {
  background-position: 0 -95px;
}


a.linklogo {
  background: url(../img/Fink/logo.svg) no-repeat 0 0;
}

@media ( max-width: 767px ) {
  a.linklogo {
    margin-left: 10px;
  }
}

#header {
  outline: 1px dotted blue;
  display: none;
}

.body-content h2 {
  color: #006db8;
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
  font-weight: bold;
}

.container #pwd-container,
.body-content h3 {
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
}

.body-content h4 {
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
}

.body-content h5 {
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
}

.body-content h6 {
  font-family: "yoga", "verdana", "arial", "helvetica", "sans-serif";
}

.navbar-collapse {
  background-color: #fff;
  font-size: 17px !important;
}

.navbar-nav.nav a {
  color: #006db8 !important;
}

.navbar-nav.nav a.user-name {
  padding-left: 30px;
  position: relative;
}

.navbar-nav.nav a.user-name:before {
  background: url(../img/Fink/user-icon.svg) no-repeat 0 0;
  background-size: 23px 23px;
  content: ' ';
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 23px;
}

@media ( min-width: 768px ) {
  .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-nav.nav ul.dropdown-menu {
    background-color: rgba( 255, 255, 255, .95 ) !important;
    border-bottom: 1px solid rgba( 0, 0, 0, .5 ) !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    left: auto !important;
    margin-top: 5px !important;
    right: auto !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

@media ( max-width: 767px ) {
  .navbar-nav.nav ul.dropdown-menu li {
    display: block !important;
    float: none !important;
    width: 100%;
  }
}

.navbar-nav > li > a:hover,
.navbar-nav > li.open > a {
  color: #333 !important;
  background-color: transparent !important;
  position: relative;
}

.navbar-nav > li li > a:hover {
  color: #333 !important;
}

.btn,
.button,
.k-button {
  background-color: #006db8;
  border: 0;
  border-radius: 0;
  color: #fff;
}

.btn:hover,
.button:hover,
.k-button:hover {
  background-color: #006db8;
  border: 0;
  border-radius: 0;
  color: #000;
  text-decoration: none;
}

.k-button .k-icon {
  margin-top: -2px;
}

a.k-button:not(:hover):not(.k-state-disabled) .k-icon,
button:not(:hover):not(.k-state-disabled) .k-icon {
  background-image: url(../img/Fink/sprite.png) !important;
}

.k-save-button {
  background-color: #d35f00;
}

.k-save-button:hover {
  background-color: #d35f00;
  color: #000;
}

.k-dirty-cell {
  position: relative;
}

.k-dirty {
  border-color: #d35f00 transparent transparent #d35f00 !important;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

#notCompletedError div.row {
  padding-left: 15px;
}

.alert,
.widget {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
}

.contact-body #teammates.widget {
/*  margin: -20px 20px 20px 765px !important;*/
  margin: 0 0 20px 0 !important;
/*  width: 370px;*/
}

.contact-body #teammates.widget h3 {
  margin-top: 0 !important;
}

.widget h3 {
  font-size: 15px !important;
  font-weight: bold;
  line-height: 15px !important;
  padding: 10px 20px 7px 20px !important;
}

.alert > a.close  {
  color: #fff;
  opacity: .8;
  padding-top: 8px !important;
}

.alert > strong:first-of-type {
  display: block;
  padding-top: 8px !important;
}

.alert {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-top: 20px !important;
}

.alert-success {
  background-color: #34c7d4;
}

.alert-info {
  background-color: #56457c;
}

.alert-warning {
  background-color: #d35f00;
}

.alert-danger {
  background-color: #f01e46;
}

div#window:last-of-type {
/*  outline: 1px dotted green;*/
  margin: 20px 0;
}

div#window:last-of-type .row .row .text-right {
  padding-right: 24px;
}

div#window:last-of-type .row .row:nth-of-type(3) {
  font-weight: bold;
  margin-bottom: 24px;
}

td.number-alignbordered {
  border: 0 !important;
  cursor: pointer;
  padding: 0 !important;
  border-bottom: 1px solid #006db8 !important;
}

td.number-alignbordered > div {
  border: 0 !important;
  height: 100% !important;
  padding-right: 4px !important;
  width: calc( 100% - 4px ) !important;
}

td.number-alignbordered .k-numeric-wrap {
  border-radius: 0 !important;
}

td.number-alignbordered .k-numeric-wrap input.k-input {
  padding-right: 4px !important;
  text-align: right !important;
  width: calc( 100% - 4px ) !important;
}

.news-list {
  padding-bottom: 20px;
}