@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');

* {
    font-family: 'Oxygen', sans-serif;
}

body {
    padding-top: 49px;
}
a abbr[title], a abbr[data-original-title] {
    cursor: pointer !important;
}
a kbd {
    background-color:#0782C1;
}

.selectize-input, .form-control {
    padding-left: 9px;
    padding-right: 9px;
}

.selectize-dropdown-content .create {
    padding: 2px 12px;
}

kbd.grey {
    background-color: #ddd;
    color:#555;
}
.disabled {
    pointer-events: none;
}
a.warning {
    color: #d44950;
}
a.disabled {
    color: rgb(158, 158, 158) !important;
}

.has-error input.form-control:not([required]) {
    border: 1px solid #ccc;
}

.has-error .form-control:not([required]):focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control.invalid:not([class*="selectize"]),
.form-control.static-invalid:not([class*="selectize"]),
.form-control.ajax-invalid:not([class*="selectize"]) {
    border-color: #a94442;
    z-index: 2;
    position: relative;
}

.form-control.invalid:focus,
.form-control.static-invalid:focus,
.form-control.ajax-invalid:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.btn-xs {
    padding-top: 2px;
}
button.btn-xl {
    min-height: 73px;
    min-width: 73px;
    font-size: 250%;
}
.pointer {
    cursor: pointer !important;
}
button .spinner {
    padding: 2px 7px 3px;
    display: none;
}
.knob-box {
    margin-top:  5px;
}
.date.time {
    padding-right: 115px;
}
.date.time input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.timepicker {
    width: 117px;
    position: absolute;
    right: 15px;
    top: 0;
}
.timepicker input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.no-margin {
    margin: 0;
}
.label-lite {
    background: #aaa;
    font-weight: 200;
}
.searchbox {
    margin: 6px 15px;
    float: right;
}
#indexedsearch {
    max-width: 400px;
}
.lead:not(.inline) .label {
    font-weight: 200;
    font-size: 100%;
}
.navbar-inverse input,
.navbar-inverse button {
    background: rgb(216, 216, 216);
    border: 1px solid black;
    font-weight: 200;
    letter-spacing: 1px;
    color: #333;
}
.navbar-inverse input:focus {
    background: white;
    color: black;
    border-color: black;
    box-shadow: none;
}
.navbar-inverse button {
    background: rgb(165, 165, 165);
    color: white;
}
.navbar-inverse button:hover,
.navbar-inverse button:focus {
    border-color: black;
    color: white;
    background-color: grey;
    background: rgb(175, 175, 175);
}
.navbar-inverse ::-webkit-input-placeholder { /* WebKit browsers */
    color: #8B9AA3;
}
.navbar-inverse :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8B9AA3;
}
.navbar-inverse ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #8B9AA3;
}
.navbar-inverse :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #8B9AA3;
}
.panel-tools {
    margin-top: -1px;
    margin-right: -5px;
}
.panel-body p:last-of-type {
    margin-bottom: 0;
}
.panel-heading.no-border {
    border: none;
}
.btn-glow.add,
.btn-glow.search {
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin-top: 10px;
}
.content.box {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    margin-bottom: 5px;
    min-height: 150px;
}
.visibleBox.seminar,
.visibleBox.subscriber {
    margin-bottom: 15px;
}
.alert {
    margin-top: 20px;
}
.alert .glyphicon {
    margin-right: 10px;
}
.alert .btn.close-parent {
    background: none;
}
.alert .btn .glyphicon {
    margin: 0;
}
.preloader {
    padding: 40px;
    text-align: center;
    display: none;
}
.default.preloader {
    padding: 110px;
}
textarea {
    resize: vertical;
}
.tool-row {
    margin-top: 15px;
}
.form-horizontal {
    margin-top: 15px;
}
.form-control[disabled] {
    cursor: default;
}
.nav-tabs ul.dropdown-menu {
    margin-top: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
li .dropdown {
    display: inline-block;
}
ul.dropdown-menu li button {
    display: block;
    background: none;
    border: none;
    text-align: left;
    padding: 3px 20px;
}
ul.dropdown-menu li button:hover,
ul.dropdown-menu li button:focus {
    background-color: #f5f5f5;
}
.hiddenBox, .hiddenField {
    display: none;
}
.seminar h2.lead {
    margin-bottom: 6px;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fdfdfd), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #ffffff 1%,#fdfdfd 65%,#fafafa 100%);
    background: -webkit-linear-gradient(top, #ffffff 1%, #fdfdfd 65%, #fafafa 100%);
    background: linear-gradient(to bottom,  #ffffff 1%,#fdfdfd 65%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );

    border-color: #F1F1F1;
    border-bottom: none;
}
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: white;
}
.dropdown-menu { /* FireFox Fix */
    left: auto;
}
.hideOnLoad .seminars .panel {
    /* margin-top: 15px; */
    margin-bottom: 0;
}
.margin-top {
    margin-top: 15px;
}
.margin-bottom {
    margin-bottom: 15px;
}
.padding-bottom {
    padding-bottom: 15px;
}
/*
.subscriber.row {
    padding-right: 40px;
    position: relative;
}
*/
.tool-box {
    position: absolute;
    right: 15px;
    top:  20px;
}
.subscriber .panel {
    margin-bottom: 0;
}
td.seminarNr {
    vertical-align: middle !important;
    /* text-align: center; */
    width: 70px !important;
}
td.seminarNr abbr {
    margin-left: 8px;
}
span.light {
    font-weight: 200;
    color: grey;
    letter-spacing: 1;
}
.results .margin-left  {
    margin-left:15px;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
span[class*="hidden"] {
    display: none;
}
.column .input-group-addon {
    border-right: none;
}
.column .input-group-addon.last {
    border-left: 0;
}
.column .placeholder {
    border-right: none;
    box-shadow: none;
    background-color:#eee;
    padding: 0;
    /* margin-left: -1px; */
    border-left: 0;
    z-index: 0;
}
.column.Appointment.wrap > span {
    background-color: #fafafa;
}
.btn.sorting:hover .hidden,
.btn.sorting:focus .hidden {
    display: inline !important;
    visibility: visible !important;
}
.btn.sorting:hover .grey {
    display: none;
}
.grey button.disabled {
    border-color: #aaa;
    background-color: inherit;
}
.grey,
.Appointment.wrap .date,
.appointment.results .date {
    color: #AAAAAA;
}
.grey small {
    font-weight: 200;
    letter-spacing: 1px;
}

ul.dropdown-menu.next-appointments span[class*=status] {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 10px;
}

.Appointment.wrap .status > span,
.job-status > span {
    display: block;
    padding: 6px;
    width: 12px;
    border: 1px solid white;
    border-radius: 15px;
    /*
    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
    */
}
.Appointment.wrap .status {
    border-left: none;
}
.Appointment.wrap.searchresult .status {
    margin-top: 3px;
}

ul.dropdown-menu.next-appointments .status-1,
.Appointment.wrap .status-1,
.job-status > .status-1 { /* - Findet Statt - */
    background-color: #1e90ff;

    box-shadow: 0 0 1px 1px rgba(30, 144, 255, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(30, 144, 255, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(30, 144, 255, 0.2);
}
ul.dropdown-menu.next-appointments .status-2,
.Appointment.wrap .status-2,
.job-status > .status-2 { /* - Planung - */
    background-color: #F7D124;

    box-shadow: 0 0 1px 1px rgba(227, 188, 8, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(227, 188, 8, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(227, 188, 8, 0.2);
}
ul.dropdown-menu.next-appointments .status-3,
.Appointment.wrap .status-3,
.job-status > .status-3 { /* - Findet Statt - */
    background-color: #28ad28;

    box-shadow: 0 0 1px 1px rgba(0, 100, 0, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 100, 0, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 100, 0, 0.2);
}

ul.dropdown-menu.next-appointments .status-4,
.Appointment.wrap .status-4,
.job-status > .status-4 { /* - Abgerechnet - */
    background-color: #468BE2;

    box-shadow: 0 0 1px 1px rgba(107, 161, 211, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(107, 161, 211, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(107, 161, 211, 0.2);
}

ul.dropdown-menu.next-appointments .status-5,
.Appointment.wrap .status-5,
.job-status > .status-5 { /* - Storniert - */
    background-color: #fa2e2e;

    box-shadow: 0 0 1px 1px rgba(173, 33, 33, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(173, 33, 33, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(173, 33, 33, 0.2);
}

ul.dropdown-menu.next-appointments .status-6,
.Appointment.wrap .status-6,
.job-status > .status-6 { /* - unbekannt - */
    background-color: transparent;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
}

.Appointment.wrap .title-status-1 {
    border-bottom: 2px solid #1e90ff;
}
.Appointment.wrap .title-status-2 {
    border-bottom: 2px solid #F0CB20;
}
.Appointment.wrap .title-status-3 {
    border-bottom: 2px solid #28ad28;
}
.Appointment.wrap .title-status-4 {
    border-bottom: 2px solid #468BE2;
}
.Appointment.wrap .title-status-5 {
    border-bottom: 2px solid #fa2e2e;
}
.Appointment.wrap .title-status-6 {
    border-bottom: 2px solid grey;
}

.Appointment.wrap [class*="title-status"] {
    background: none;
}
/*
.tool-tab .glyphicon-trash,
form .glyphicon-remove,
form .glyphicon-trash,
.Appointment.wrap .glyphicon-remove,
.Appointment.wrap .glyphicon-trash {
    color: #E98383;
}
.tool-tab button:hover .glyphicon-trash,
.tool-tab button:focus .glyphicon-trash,
form button:hover .glyphicon-remove,
form button:focus .glyphicon-remove,
form button:hover .glyphicon-trash,
form button:focus .glyphicon-trash,
.Appointment.wrap button:hover .glyphicon-remove,
.Appointment.wrap button:focus .glyphicon-remove,
.Appointment.wrap button:hover .glyphicon-trash,
.Appointment.wrap button:focus .glyphicon-trash {
    color: #ad2121;
}
*/
.Appointment.wrap .lead .status,
.job-status {
    display: inline;
}
.Appointment.wrap .lead .status > span {
    margin-right: 6px;
    margin-top: 7px;
    float: left;
}
.tool-tab .btn-default .glyphicon-trash:not(.initial-color),
.infoList .btn-default .glyphicon-trash:not(.initial-color),
form .btn-default .glyphicon-remove:not(.initial-color),
form .btn-default .glyphicon-trash:not(.initial-color),
.Appointment.wrap .btn-default .glyphicon-remove:not(.initial-color),
.Appointment.wrap .btn-default .glyphicon-trash:not(.initial-color),
.Person.wrap .btn-default .glyphicon-remove:not(.initial-color),
.Person.wrap .btn-default .glyphicon-trash:not(.initial-color) {
    color: #ad2121;
}
form.btn.btn-xs {
    padding: 0;
}
.locked,
.form-locked {
    background: none !important;
    border-color: #ccc !important;
    box-shadow: none !important;
}
.locked .target {
    display: none;
}
.locked [class*="glyph"],
.form-locked [class*="glyph"] {
    color: #cacaca !important;
}
.Appointment.wrap .btn.btn-default.middle {
    border-radius: 0;
    margin-left: -1px;
}
.form-group > .control-label.button > button {
    margin-top: 0 !important;
}
.form-group > .control-label.button {
    padding-top: 0;
}
.deleateble {
    position: relative;
}
.deleateble .delete-sibling {
    /* padding-right: 55px; */
}
.deleateble div[class*="col"].delete-sibling {
    padding-right: 70px;
}
.deleateble .remove-field,
.deleateble .remove-new {
    position:absolute;
    right: 15px;
    bottom: 0px;
}
.edit-inline input {
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.edit-inline input:hover,
.edit-inline input:focus {
    padding: 6px 12px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.center-value {
    text-align: center;
}
.inline {
    display: inline;
}
.inline span {
    font-weight: 200 !important;
    color: #999999;
    background-color: #EEEEEE;
}
div.crm-content .btn-default {
   color: #666;
}
div.crm-content .btn-default:hover,
div.crm-content .btn-default:focus {
   color: black;
}
div.crm-content button.live {
    background-color: white;
    border-color: #ccc;
    box-shadow: none;
}
div.crm-content button.live:hover,
div.crm-content button.live:focus {
    background-color: #eee;
    border-color: #adadad;
}
div.crm-content button.live.active {
    color: rgb(52, 160, 18);
    box-shadow: none;
}
div.crm-content button.live.active:hover,
div.crm-content button.live.active:focus {
    color: rgb(52, 160, 18);
}
div.search.wrap .panel-body {
    padding: 0;
    margin: -1px;
}
div.search.wrap .panel-body button,
div.search.wrap .panel-body input {
    border-radius: 0;
    z-index: 0;
}
div.panel.panel-default .table {
    margin:  0;
}

.nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-custom {
    margin-bottom: 0;
    z-index: 2000;
}
/* NAVBAR */
.navbar-inverse {
    min-height: 48px;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #191e23;
    background: #2c3742; /* Old browsers */ /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3742), color-stop(100%,#28303a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c3742 0%,#28303a 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #2c3742 0%, #28303a 100%);
    background: linear-gradient(to bottom,  #2c3742 0%,#28303a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3742', endColorstr='#28303a',GradientType=0 ); /* IE6-9 */
}
.sidebar {
    background:#f8f8f8;
    border-right: 1px solid #dae3e9;
    border-top: 1px solid white;
    height: 100%;
    position: fixed;
}
/*.nav-sidebar {
    margin: 20px -15px;
    margin-right: -16px;
}*/
.nav-sidebar li a {
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    color: #6e829b;
    -webkit-transition: padding .3s;
            transition: padding .3s;
    border-top: 0;
}
.nav-sidebar li a:hover,
.nav-sidebar li a:focus,
.nav-sidebar li.active > a {
    background-color: transparent;
    background-position: right 22px top -42px;
    padding-right: 60px;
    padding-left: 20px;
    color: #33455a;
}
.nav-sidebar li li a {
    /*padding-right: 55px;*/
}
.nav-sidebar li li a:hover,
.nav-sidebar li li a:focus,
.nav-sidebar li li.active > a {
    /*padding-right: 50px;*/
}
.sidebar .nav li {
    text-align: right;
}
.corner {
    background: url(../slices/pfeilspitze.png) no-repeat right center;
    width: 11px;
    height: 21px;
    position: absolute;
    right: -1px;
    top: 9px;
}

.nav-sidebar ul .sub-corner {
    background: url(../slices/sub-pfeilspitze.png) no-repeat right center;
    width: 28px;
    height: 30px;
    position: absolute;
    left: -28px;
    top: 6px;
    z-index: 2;
}

.sidebar hr {
    margin: 0;
    border-top: 1px solid #dae3e9;
    border-bottom: 1px solid white;
    margin-right: 15px;
    margin-left: 15px;
}
.sidebar {
    z-index: 5;
}
.form-horizontal.Plan .col-xs-6.col-sm-3.center-value,
.form-horizontal.Calculation .col-xs-6.col-sm-3.center-value {
    max-width: 150px;
}

@media (min-width: 990px) and (max-width: 1239px) {
    .form-horizontal.Plan .col-xs-6.col-sm-3.center-value,
    .form-horizontal.Calculation .col-xs-6.col-sm-3.center-value {
        max-width: 100%;
    }
}

@media (max-width:991px){
    body {
        padding: 0;
    }
    .navbar-custom {
        border: none;
        /* padding: 10px 0; */
        position: relative;
        /* background: white; */
        display: block;
    }
    .navbar-header {
        /* padding: 10px 0; */
    }
    .navbar-default .navbar-collapse {
        border: none;
    }
}
.navbar-toggle {
    margin-top: 5.5px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #080808;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #999999;
}
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: white;
}
.nav.navbar-nav.visible-xs {
    /*text-align: right;*/
    margin-top: 0;
}
.nav.navbar-nav.visible-xs > li > a {
    padding-right: 25px;
}
/* home */
.sidebar a[class*="Start"] {
    background: url(../slices/icon_start.png) no-repeat;
    background-position: right 22px top -2px;
}
/* projecte */
.sidebar a[class*="Projekte"] {
    background: url(../slices/icon_directory.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Termine */
.sidebar a[class*="Veranstaltung"] {
    background: url(../slices/icon_appointment.png) no-repeat;
    background-position: right 22px top -2px;
}
/* seminare */
.sidebar a[class*="Veranstaltungsbeschreibung"] {
    background: url(../slices/icon_sales.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Benutzer */
.sidebar a[class*="Personen-Stammdaten"],
.sidebar a[class*="Personen"],
.sidebar a[class*="Mitarbeiter"] {
    background: url(../slices/icon_team.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Teilnehmer */
.sidebar a[class*="Teilnehmer"] {
    background: url(../slices/icon_people.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Tagungsleiter */
.sidebar a[class*="Tagungsleiter"] {
    background: url(../slices/icon_responsible.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Referent */
.sidebar a[class*="Referent"] {
    background: url(../slices/icon_lecturer.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Export */
.sidebar a[class*="Export"] {
    background: url(../slices/icon_export.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Unterkünfte */
.sidebar a[class*="Unterkünfte"] {
    background: url(../slices/icon_sleep.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Firmen */
.sidebar a[class*="Firmen"] {
    background: url(../slices/Icon_institution.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Transport */
.sidebar a[class*="Transport"] {
    background: url(../slices/icon_transport.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Gastro */
.sidebar a[class*="Gastro"] {
    background: url(../slices/icon_gastro.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Institutionen */
.sidebar a[class*="Institutionen"] {
    background: url(../slices/icon_places.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Dokumente */
.sidebar a[class*="Dokument"],
.sidebar a[class*="Vorlage"],
.sidebar a[class*="Liste"] {
    background: url(../slices/icon_opperatings.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Fördergeber */
.sidebar a[class*="Fördergeber"] {
    background: url(../slices/icon_euro.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Fördergeber */
.sidebar a[class*="Datev"] {
    background: url(../slices/icon_datev.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Programmpunkte */
.sidebar a[class*="Programmpunkte"] {
    background: url(../slices/icon_activity.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Postausgang */
.sidebar a[class*="Postausgang"] {
    background: url(../slices/icon_postausgang.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Postausgang */
.sidebar a[class*="Posteingang"] {
    background: url(../slices/icon_posteingang.png) no-repeat;
    background-position: right 22px top -2px;
}
/* Postausgang */
.sidebar a[class*="Freigabe"] {
    background: url(../slices/icon_freigabe.png) no-repeat;
    background-position: right 22px top -2px;
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   - FE-login - */
.login-box {
    width: 520px;
    margin: 0 auto;
    text-align: center;
}
.login-box .panel-body h3 {
    margin: 0;
    font-weight: 200;
    letter-spacing: 1.2px;
}

.logout .navbar-btn,
.user-nav .navbar-btn,
.help .navbar-btn,
ul.nav.navbar-nav.visible-xs > li > div .navbar-btn{
    border-radius: 0;
    border-top: none;
    border-bottom: none;
    padding: 14px 17px;
    height: 48px;
    border-color: black;
    background-color: transparent;
    margin-top: 0;
    outline:none;
    color: #B2B4B6;
    margin-left:-1px;
}
.user-nav .navbar-btn:hover,
.user-nav .navbar-btn:focus,
.help .navbar-btn:hover,
.help .navbar-btn:focus,
.logout .navbar-btn:hover,
.logout .navbar-btn:focus,
ul.nav.navbar-nav.visible-xs > li > div .navbar-btn:hover,
ul.nav.navbar-nav.visible-xs > li > div .navbar-btn:focus{
    background-color: rgba(25, 31, 36,0.6);
    color: white;
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   - FLUID Debugger - */
.Extbase-Utility-Debugger-VarDump-Center pre {
    border: none;
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   - JQuery Chosen - Selectbox Pugin - */
.chosen-container-single .chosen-single abbr {
    top: 11px;
}
.chosen-container-multi .chosen-choices li.search-choice {
    /* padding: 6px 20px 6px 8px; */
    margin: 6px 0 6px 6px;
}
.chosen-container-multi .chosen-choices {
    background-image:  none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    line-height: 1.42857143;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px;
}
.chosen-container {
    font-size: 14px;
}
.chosen-container .chosen-drop {
    top: 100%;
    border-radius: 0 0 4px 4px; border-color: #ccc;
    padding: 4px 0;
    margin-top: -4px;
    box-shadow: none;
}
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-single span{
    height: 34px;
    line-height: 32px;
}
.chosen-container-single .chosen-single div b {
    background-position: 0px 7px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px;
}
.chosen-container-single .chosen-single div {
    width: 28px;
    padding-left: 8px;
    /* border-left: 1px solid #aaa; */
}
.chosen-container-single .chosen-single {
    padding: 0 12px;
}
.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #ccc;
}
.chosen-container-multi .chosen-choices li.search-field {
    padding: 0 7px;
}

.rtl a.chosen-single,
.rtl .chosen-drop{
    text-align: right;
}
.rtl a.chosen-single > span {
    margin-left: 26px;
    margin-right: 0;
}
.rtl a.chosen-single > div {
    padding-right: 8px;
    padding-left: 0;
    left: 0;
}
.rtl a.chosen-single > div b {
    background-position: 10px 7px;
}

.rtl .chosen-container-active a.chosen-single > div b {
    background-position: -8px 7px;
}

.list span.status {
    margin-top: -5px;
    margin-right: -2px;
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   - JQuery CKeditor - RTE Pugin - */
.cke_chrome {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid;
    border-color: #ccc !important;
    border-radius: 4px;
}
.cke_inner.cke_reset {
    border-radius: 4px;
}
.cke_top {
    border-radius: 4px 4px 0 0;
}
.cke_bottom {
    border-radius: 0 0 4px 4px;
}
.cke_contents {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   -  Kalender Pugin - */
.preview .cal-month-day {
    height: 50px;
}
.preview .cal-year-box [class*="span"],
.preview .cal-month-box [class*="cal-cell"] {
    min-height: 50px;
}
.preview span[data-cal-date] {
    margin-top: 5px;
    margin-right: 10px;
    font-size: 1em;
}
.preview .cal-month-box .cal-day-today span[data-cal-date] {
    font-size: 1.4em;
    letter-spacing: 1.3px;
    margin-top: 4px;
}
.preview .cal-row-head [class*="cal-cell"]:first-child,
.preview .cal-row-head [class*="cal-cell"] {
    font-weight: 200;
    /*
    text-align: right;
    padding-right: 10px;
    */
}
.preview #cal-week-box {
    display: none !important;
}
.preview #cal-day-tick {
    margin-right: -11px;
    width: 22px;
    height: 19px;
    bottom: -19px;
}
.preview #cal-day-tick i {
    font-size: 10px;
    color:  grey;
}
.calendarButtons {
    margin-top: 15px;
}
.preview .page-header {
    padding: 0;
    margin: 0;
}
.preview .page-header {
    border-bottom: none;
}
#cal-slide-tick {
    margin-left: -9px;
}
#cal-slide-content {
    background-color: rgba(0,0,0,0.3);
    background-image: url("../img/slide-bg.png");
    font-weight: 200;
}
#cal-slide-content:hover,
#cal-slide-content:focus {
    background-color: rgba(0,0,0,0.35);
}
/*  -   -   -   -   -   -   -   -   -   -   -   -   -  Datepicker - */
.datepicker .day,
.datepicker thead tr th.datepicker-switch {
    border-radius: 0px;
}
.datepicker .day.active,
.datepicker .day.active:hover,
.datepicker .month.active,
.datepicker .month.active:hover,
.datepicker .year.active,
.datepicker .year.active:hover{
    background: #DCF8DA !important;
    color: darkgreen;
}
.datepicker .day.disabled.active,
.datepicker .day.disabled.active:hover {
    color: rgb(117, 165, 117);
}
.datepicker .day.disabled,
.datepicker .day.disabled:hover{
    color: #DADADA;
}
.datepicker .day.today {
    background: beige !important;
}
.datepicker thead tr th.prev,
.datepicker thead tr th.next {
    color: #dadada;
}
.datepicker thead tr th.prev:hover,
.datepicker thead tr th.next:hover {
    background: none;
    color: black;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background: #ddd;
    color: black;
}
.next, .prev {
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.next:before {
    content: "\e080";
}
.prev:before {
    content: "\e079";
}
.datepicker-days tbody tr:hover {
    background: #fafafa;
}
.accomodation-list {
    /* padding-left:  90px; */
}
.accomodation-list .remove-field {
    right: 0;
}
.accomodation-toggle {
    float:left;
    z-index: 2;
}
.popover-content p:last-of-type {
    margin-bottom: 0;
}
ul.nav.navbar-nav.visible-xs > li {
    overflow: hidden;
}
ul.nav.navbar-nav.visible-xs > li > div {
    float: right;
    /*margin:10px;*/
}
ul.nav.navbar-nav.visible-xs > li > form {
    border: none;
    float: left;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: 0px;
    padding: 6px;
}
ul.nav.navbar-nav.visible-xs .divider {
    border-top: 1px solid #101010;
    border-bottom: 1px solid #3F4852;
}

.event {
  width: 9px;
  height: 9px;
}
.cal-event-list .event.pull-left {
    margin-top: 6px;
}
#cal-slide-content a.event-item {
    font-size: 90%;
}


.statusAlertWrap .alert {
    margin-top: 0;
    margin-bottom: 0;
}
.btn-group .btn.btn-default.active,
.highlight .btn.btn-default.active {
    box-shadow: none;
}
.btn-group .btn.btn-default.active:not(.btn-reverse-colors),
.highlight .btn.btn-default.active:not(.btn-reverse-colors) {
    background: #5cb85c;
    border-color: #4cae4c;
    color: white;
}

.btn-group .btn.btn-default.active:not(.btn-reverse-colors) .grey,
.highlight .btn.btn-default.active:not(.btn-reverse-colors) .grey {
    color: white;
    opacity: .65;
}
.btn-group .btn.btn-default.active:not(.btn-reverse-colors):hover,
.btn-group .btn.btn-default.active:not(.btn-reverse-colors):active,
.highlight .btn.btn-default.active:not(.btn-reverse-colors):hover,
.highlight .btn.btn-default.active:not(.btn-reverse-colors):active {
    background: #449d44;
    border-color: #398439;
}

.btn-group .btn.btn-default.btn-reverse-colors:not(.active),
.highlight .btn.btn-default.btn-reverse-colors:not(.active) {
    color: white;
    background-color: #5CB85E;
    border-color: #4cae4c;
}

.btn-group .btn.btn-default.active.btn-reverse-colors,
.highlight .btn.btn-default.active.btn-reverse-colors {
    background-color: white;
    border-color: #ccc;
}

.btn-group .btn.btn-default.btn-reverse-colors:not(.active):hover,
.btn-group .btn.btn-default.btn-reverse-colors:not(.active):active,
.highlight .btn.btn-default.btn-reverse-colors:not(.active):hover,
.highlight .btn.btn-default.btn-reverse-colors:not(.active):active {
    background-color: #449d44;
    border-color: #398439;
}

.btn-group .btn.btn-default.active.btn-reverse-colors:hover,
.btn-group .btn.btn-default.active.btn-reverse-colors:active,
.highlight .btn.btn-default.active.btn-reverse-colors:hover,
.highlight .btn.btn-default.active.btn-reverse-colors:active {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.opacity-btn button:not(.active):not(:hover):not(.loading) {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}
.modal-dialog {
    margin: 70px auto;
}
.modal .modal-sm {
    width: 600px;
}
@media (min-width: 992px) {
    .modal-dialog {
        width: 900px;
    }
}

.pagination-wrap {
    position: absolute;
    bottom: -50px;
    height: 36px;
    width: calc(100% - 30px);
    margin-bottom: 15px;
    margin-top: 15px;
}

.f3-widget-paginator {
    position: absolute;
    width: 260px;
    margin-top: -4px;
    margin-bottom: 15px;
    float: left;
    left: 50%;
    top: 5px;
    margin-left: -130px;
}

/* temp */
.csc-header {
    /* padding-left: 28px; */
}
.csc-header * {
    font-weight: 200;
    letter-spacing: 1.2px;
}

.not-true {
    text-decoration:line-through;
    color:grey;
}
span.origin-XLS,
span.origin-HP,
span.origin-M {
    color:  #fa2e2e;
}

.Subscribers .label.current-status {
    /* color: #ffffff; */
    font-weight: 600;
    text-transform: uppercase;
    background: #505050;
    /* padding: 1px 3px; */
    /* border-radius: 3px; */
}

/* Interessent */
div.user-status ul.chosen-results li[data-option-array-index="0"] {
    border-left: 5px solid #1e90ff;
}

/* Angemeldet */
div.user-status ul.chosen-results li[data-option-array-index="1"] {
    border-left: 5px solid #28ad28;
}

/* Warteliste */
div.user-status ul.chosen-results li[data-option-array-index="2"] {
    border-left: 5px solid #F7D124;
}

/* Storniert */
div.user-status ul.chosen-results li[data-option-array-index="3"] {
    border-left: 5px solid #fa2e2e;
}

.user-status-color {
    position: absolute;
    left:  0;
    top:  0;
    height: 100%;
    width:  10px;
    background-color: #dedede;
    border-radius: 5px;
}

.color-0 {
    background-color: #1e90ff;
}

.color-1 {
    background-color: #28ad28;
}

.color-2 {
    background-color: #F7D124;
}

.color-3 {
    background-color: #fa2e2e;
}


.alert .table {
    font-size: 100%;
    margin-top: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.alert .table tr > td:first-of-type {
    width: 2%;
    white-space: nowrap;
    padding-left: 27px;
}


a.btn.btn-default.btn-file {
    border-radius: 3px 0 0 3px !important;
}

/* FIX FANCYBOX */
.fancybox-wrap * {
    max-width: 100% !important;
}

.fancybox-wrap,
.fancybox-wrap *,
#fancybox-thumbs * {
 -ms-box-sizing: content-box !important;
  -o-box-sizing: content-box !important;
     box-sizing: content-box !important;
}

.fancybox-default-skin-open {
    border-radius: 3px;
}


.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
}

ul.list-group.list{
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
}

#anmeldungenAngemeldet ul.pagination{
    margin: 10px 0px 4px 0px;
    text-align: center;
}

.panel div .list-group{
    margin:0;
}

ul.list {
    padding: 0;
    list-style: none;
    /* display: flex; */
    /* flex-flow: row wrap; *//* Then we define how is distributed the remaining space */
    /* justify-content: space-around; */
    /* margin-left: -5px; */
    /* margin-right: -5px; */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;

    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;

    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;

    break-after: column;
}
ul.list.cols-1,
ul.list.cols-2,
ul.list.cols-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

@media (min-width:992px){
    ul.list.cols-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    ul.list.cols-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
ul.list > li.item {
    /* padding: 5px; */
    /* width:  20%; */
    display: inline-block;
    width: 100%;
}
ul.list > li.item .thumbnail {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}
ul.list > li.item .title-field > input {
    width: 100%;
    margin: 6px 0 5px;
    font-weight: 500;
    border-radius: 3px;
    padding: 1px 4px;
    border: 1px solid #ccc;
}

ul.list > li.item .title-field > input:focus,
ul.list > li.item .title-field > input:active {
    outline: none;
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*.item {
    display: inline-block;
    padding:  .25rem;
    width:  100%;
}*/

.thumbnail .card {
    left: -1px;
    right: -1px;
    top: -1px;
    height: 130px;
    background-size: cover !important;
    border: 1px solid #ccc;
    border-radius: 2px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.list.table {
    display: table;
    margin-bottom: 1px;
}

ul.list.table .item .thumbnail {
    display: none
}

ul.list.table .item {
    display: table-row;
}

ul.list.table .item .tcol {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

ul.list.table .item .tcol h5 {
    margin: 0;
    padding: 10px 0;
    padding-left: 5px;
}

ul.list:not(.table) .item .tcol {
    display: none;
}

ul.list.table > li:last-of-type .tcol {
    border-bottom: 0;
}

.panel ul.list.table {
    /*margin-bottom: 5px;*/
    border-top: 0;
}

.panel ul.list.table li > div:first-of-type {
    padding-left: 7px;
}

.panel ul.list.table li > div:last-of-type {
    padding-right: 7px;
}

.panel ul.list.table .item .tcol {
    border-color: #ddd;
}
.documents .search-wrap,
.documents .sort-wrap {
    display: inline-block;
    position: relative;
}

.documents .search-wrap {
    width: 400px;
    max-width: 100%;
    float: left;
    margin-right: 4px;
}

.documents .sort-wrap button.sort .glyphicon {
    display: none;
}

.documents .sort-wrap button.sort.asc .glyphicon.asc {
    display: inherit;
}

.documents .sort-wrap button.sort.desc .glyphicon.desc {
    display: inherit;
}

.searchclear {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
    z-index: 2;
}

.searchclear:hover {
    color: grey;
}

.documents ul.pagination {
    margin-bottom: 10px;
}

button.removeDocument {
    position: relative;
}

.modal-header {
    padding: 10px 20px;
}

.modal-header .close {
    margin-top: 0;
}

span.glyphicon.rotate-on-collapse {
    font-size: 90%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: -webkit-transform .5s;
            transition: transform .5s;
}

.collapsed span.glyphicon.rotate-on-collapse {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}



.selectize-input > input {
  display: inline-block;
}


.error .form-control {
    border-color: rgb(212, 0, 0);
}

.selectize-dropdown [data-disabled] {
    padding: 3px 12px;
    opacity: .45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
}

form .show-if-invalid {
    display: none;
    color: #a94442;
}
form.invalid .show-if-invalid,
form.static-invalid .show-if-invalid,
form.ajax-invalid .show-if-invalid {
    display: inline;
}

form.invalid button[type=submit],
form.invalid .btn.save,
form.ajax-invalid button[type=submit],
form.ajax-invalid .btn.save,
form.static-invalid button[type=submit],
form.static-invalid .btn.save,
.modal.invalid .btn.btn-success:not(.not-submit),
.modal.invalid .btn.btn-primary:not(.not-submit) {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    background: #ccc;
    border-color: #999;
    color: #666;
    cursor: not-allowed;
    pointer-events: none;
}

.selectize-control:before {
    content: ' ';
    position: absolute;
    top: 7px;
    right: 34px;
    width: 19px;
    height: 19px;
    background: url(../slices//spinner.gif);
    background-size: 19px 19px;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.selectize-control.loading:before {
    z-index: 2;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.selectize-control.multi:before {
    right: 10px;
}

.selectize-control.multi .selectize-input > div {
    background-color: #5cb85c;
    border-radius: 2px;
    color: white;
    letter-spacing: 0.5px;
    font-weight: 200;
    padding: 1px 5px;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
}


.condensed-panels .panel.panel-default:not(:last-of-type) {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.condensed-panels .panel.panel-default:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

div.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: 'strech';
        align-content: 'strech';
}

div.flex .flex-3-items {
    width: 33.3333333%;
}

.three-rows > .item {
    margin: 5px;
}

div.flex .flex-3-items.item-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 5px;
}
div.flex .flex-3-items.item-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 5px;
}
div.flex .flex-3-items.item-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding-left: 5px;
}

.panel-heading p.bodytext {
    display: inline-block;
    margin-bottom:0
}


.form-control.selectize-control {
    margin-bottom: -5px;
}

.bold {
    font-weight: bold
}

input.blurred {
    border: 1px solid transparent;
    padding: 6px 0;
    box-shadow: none;
    color: #3071a9;
    -webkit-transition: padding .3s, border .3s, color .3s;
            transition: padding .3s, border .3s, color .3s;
}

input.blurred:hover:not(:focus) {
    color: black;
    padding: 6px 12px;
    border: 1px solid #ccc;
}
input.blurred:focus {
    color: black;
    padding: 6px 12px;
}

td .dropdown.navbar-right {
    margin-right: 0;
}



.fontawesome select > option,
.fontawesome .selectize-dropdown-content > .option,
.fontawesome .selectize-input > .item {
    font-family: 'FontAwesome' !important;
}

.rating.fontawesome {
    width: 145px;
    float: left;
    margin-right: 30px;
}




/* Star rating */
/*
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 26px;
  padding-top: 6px;
  margin-bottom: -5px;
}
.rating label.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  float: right;
}
.rating label.star:hover {
  cursor: pointer;
}
.rating label.star:before {
  content: "\f006";
  padding: 0 3px;
}
.rating label.star:hover:before,
.rating label.star:hover ~ label.star:before,
.rating-input:checked ~ label.star:before {
  content: "\f005";
}
span.rating > input.rating-input {
    display: none;
}
*/

.rating {
  border: none;
  float: left;
}


.rating > input { display: none; }
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
  margin-bottom: 0;
  margin-top: 2px;
}

/* highlight stars on hover */

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { /* hover previous stars in list */
    color: #aaa;
    text-shadow: none;
}

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #999;
    text-shadow: none;
}

.rating.active > input:checked ~ label {
    color: orange;
    /*text-shadow: 0px 0px 3px rgba(0,0,0,.6);*/
}
.rating.active:hover > input:checked ~ label {
    color: #ddd;
    text-shadow: none;
}

.rating.active > input:checked + label:hover, /* hover current star when changing rating */
.rating.active > input:checked ~ label:hover,
.rating.active > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.active > input:checked ~ label:hover ~ label,
.rating.active:not(:checked) > label:hover,
.rating.active:not(:checked) > label:hover ~ label {
    color: orange;
    /*text-shadow: 0px 0px 3px rgba(0,0,0,.6);*/
}

/* Star rating end */

.summarize-stars {
    line-height: 30px;
    color: orange;
    font-size: 18px;
}



.well .evaluation {
    font-size: 120%;
    color: grey;
    line-height: 30px;
}

.evaluation nobr.stars {
    margin-right: 15px;
}


table.table.no-borders td {
    border: 0;
}

nobr.stars > i {
    display: inline-block;
    padding: 2px;
}


.navbar.navbar-inverse.navbar-custom.dev {
    background: #fbd92f;
    /* border-color: #b54c02; */
    border-color: #2b333d;
}
.navbar.dev .navbar-btn {
    font-weight: 400;
	/* color: #b35e00; */
	color: #2b333d;
}
.navbar.dev .navbar-btn:hover {
    background: #ffeb83;
}
.navbar.dev .navbar-header {
    /* background: #b54b03; */
	background: #2b333d;
    height: 49px;
    margin-left: -15px;
    padding: 0 15px;
	width: calc(16.66666667% + 5px);
}

.navbar.navbar-inverse.navbar-custom.local {
    background: #b9ffe0;
    border-color: #2b333d;
}
.navbar.local .navbar-btn {
    font-weight: 400;
	color: #2b333d;
}
.navbar.local .navbar-btn:hover {
    background: #ffeb83;
}
.navbar.local .navbar-header {
	background: #2b333d;
    height: 49px;
    margin-left: -15px;
    padding: 0 15px;
	width: calc(16.66666667% + 5px);
}

.navbar.navbar-inverse.navbar-custom.demo {
    background: #daeef7;
    border-color: #2b333d;
}
.navbar.demo .navbar-btn {
    font-weight: 400;
	color: #2b333d;
}
.navbar.demo .navbar-btn:hover {
    background: #bee0f1;
}
.navbar.demo .navbar-header {
	background: #2b333d;
    height: 49px;
    margin-left: -15px;
    padding: 0 15px;
	width: calc(16.66666667% + 5px);
}

/* .navbar.navbar-inverse.navbar-custom.test { */
/*     background: magenta; */
/*     border-color: red; */
/* } */

.environment-info {
    float: left;
    height: 49px;
    line-height: 47px;
    padding: 0 15px;
    font-size: 24px;
    text-transform: uppercase;
    color: #2c333d;
}



.Plan .panel-heading .form-group,
.Calculation .panel-heading .form-group {
    display: inline-block;
    margin: 0;
    padding: 10px;
    border-right: 1px solid #DDDDDD;
    height: 55px;
    line-height: 35px;
    /* margin-bottom: -1px; */
    float: left;
}

.Plan .panel-heading .form-group.time,
.Calculation .panel-heading .form-group.time {
    background: #ececec;
}

.Plan .panel-heading label.control-label,
.Calculation .panel-heading label.control-label {
    padding: 0;
}

.Plan .panel-heading .form-group.title,
.Calculation .panel-heading .form-group.title {
    background-color: #ECECEC;
    background: -webkit-linear-gradient(left,  rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='rgba(0, 255, 255, 1)',GradientType=1 );

    border-right: 0;
}

.Plan .panel-heading .form-group.flex,
.Calculation .panel-heading .form-group.flex {

    padding: 0;
    padding-left: 10px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

.panel > .overlay,
.modal-footer > .overlay,
.modal-body > .overlay,
div#calculation-modal .overlay {
    position: absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    z-index: 1100;
    background: rgba(255,255,255,.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 3px;
    font-size: 140%;
    font-weight: 200;
}

.modal-footer > .overlay {
    background: white;
    z-index: 10;
}

.modal button.close {
    z-index: 15;
    position: relative;
}

div#calculation-modal .modal-content {
    min-height: 200px;
}

.panel-heading .tool-wrap {
    float: right;
    height: 55px;
    border-left: 1px solid #DDDDDD;
}

.panel-heading .form-group .btn.btn-full,
.panel-heading .tool-wrap .btn.btn-full {
    background: none;
    height: 55px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}


.panel-heading .form-group label > select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* opacity: 0; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    background: none;
    /* color: #fff; */
    font-size: 1em;
    padding: 0 11px;
}

.panel-heading .tool-wrap .btn.btn-full .glyphicon-trash {
    color: #ad2121;
}

.panel-heading .tool-wrap > div:not(:last-child),
.panel-heading .tool-wrap .btn-group > label:not(:last-child) {
    border-right: 1px solid #DDDDDD;
}

.panel-heading .tool-wrap .btn.btn-full:hover,
.panel-heading .tool-wrap .btn.btn-full:focus {
    background-color: #ECECEC;
}

.panel-heading .tool-wrap .btn {
    line-height: 45px;
}

.panel-heading .tool-wrap .btn:not(.active) span.eye {
    color: #BDBDBD;
}

.panel-body .btn span.eye {
    font-size: 12px;
    line-height: 1;
    top: 1px;
    position: relative;
}

.panel-heading .tool-wrap .btn span.eye:before,
.panel-body .btn span.eye:before {
    font-family: 'Glyphicons Halflings';
    content: "\e106";
}

.panel-heading .tool-wrap .btn.active span.eye:before,
.panel-body .btn.active span.eye:before {
    content: "\e105";
}

.show_learning_method {
    position: relative;
}

.show_learning_method .btn-group {
    position: absolute;
    top: -1px;
    right: 15px;
}

.show_learning_method .btn-group .btn {
    color: #BDBDBD;
    background-color: #fff;
    border-color: #ccc;
}

.learning_method_input {
    padding-right: 70px;
}

.show_learning_method .btn:not(.active){
    color: #BDBDBD!important;
    background-color: #fff!important;
    border-color: #ccc!important;
}
.show_learning_method .btn:not(.active) span.eye {
    color: #BDBDBD;
}
.show_learning_method .btn.active{
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.show_learning_method .btn span.eye:before {
    font-family: 'Glyphicons Halflings';
    content: "\e106";
}

.show_learning_method .btn.active span.eye:before {
    content: "\e105";
}

.panel-heading .tool-wrap .btn span.toggle:before {
    font-family: 'Glyphicons Halflings';
    content: "\e260";
}

.panel-heading .tool-wrap .btn.active span.toggle:before {
    content: "\e259";
}

.panel.collapsed .panel-body {
    display: none;
}

.panel-body > div.row:last-of-type .form-group {
    margin-bottom: 0;
}

.lead p#show-drag.arrow {
    position: absolute;
    font-size: 234%;
    -webkit-transform: rotate(-65deg);
            transform: rotate(-65deg);
    top: 14px;
    right: 0;
    color: #A6C7E4;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;
}

.activity div.placeholder input {
    border-color: #eeeeee;
    box-shadow: none;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.draggable.activity.preset {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 9px 12px;
    cursor: move;

    text-overflow: ellipsis;
    overflow: hidden;

    z-index: 1000;
}

.draggable.activity.preset:not([disabled]):hover {
    background-color: #3071a9;
    border-color: #285e8e;
}

.draggable.activity.preset[disabled] {
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    cursor: not-allowed;
}

.activity.dummy.panel {
    margin-bottom: 20px;
}

.Plan .activity.dummy.panel {
    margin-bottom: 47px;
    position: relative;
}

.Plan .activity.dummy.panel:after {
    content: '';
    position: absolute;
    bottom: -31px;
    height: 10px;
    width: 100%;
    left: 0;
    border-radius: 3px;
    background: #a5adb0;
}

.droppable.activity {
    background: #31b0d5;
    height: 10px;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=0);
    margin-bottom: 17px;
    margin-top: -1px;
    border-radius: 3px;
    /*display: none;*/

    /*transition: height .15s;*/
    -webkit-transition: opacity .6s, background-color .15s;
            transition: opacity .6s, background-color .15s;
}

.droppable.activity.loading,
.droppable.activity.active {
    min-height: 10px;
    height: auto;
    margin-bottom: 17px;
    margin-top: -1px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    /*display: block;*/
}

.droppable.activity.active.hover {
    min-height: 38px;
    margin-top: -16px;
    margin-bottom: -6px;
    background-color: #5cb85c;
}

.activity-draggable {
    width: 300px;
    background: rgba(128, 128, 128, 0.7);
    padding: 15px 20px;
    color: white;
    border-radius: 5px;

    position: relative;
    z-index: 100;
}

.btn.btn-full.costs.active,
.btn.btn-full.request.active,
.btn.btn-full.visibility.active,
.btn.btn-full.visible_time.active {
    color: white;
    background-color: #5CB85C;
    border-color: #398439;
}

.btn.btn-full.costs.active:hover,
.btn.btn-full.costs.active:active,
.btn.btn-full.request.active:hover,
.btn.btn-full.request.active:active,
.btn.btn-full.visibility.active:hover,
.btn.btn-full.visibility.active:active,
.btn.btn-full.visible_time.active:hover,
.btn.btn-full.visible_time.active:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/*.new > .panel-default {*/
.panel-default.highlight {
    /*border-color: #A2C4E0;*/
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*.new > .panel-default .panel-heading {*/
.panel-default.highlight .panel-heading {
    background-color: #E0EFFB;
    border-color: #B0C4D6;
}

/*.new > .panel-default {*/
.panel-default.highlight.complete {
    border-color: #e9df66;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 211, 102, 0.6);
}

/*.new > .panel-default .panel-heading {*/
.panel-default.highlight.complete .panel-heading {
    background-color: #fbf5e0;
    border-color: #d4d6b0;
}


ul.sortable.activities {
    padding: 0;
    list-style: none;
    padding-bottom: 56px;
    margin-bottom: -58px;
    padding-left: 25px;
    position: relative;
}

ul.sortable.activities:before {
    content: '';
    /*opacity: .5;*/
    position: absolute;
    top: 0px;
    bottom: 72px;
    left: 0;
    width: 8px;
    background: rgb(236, 236, 236);
    border: 1px solid #dddddd;
    border-radius: 3px;
}

ul.sortable.activities .ui-sortable-placeholder {
    visibility: visible !important;
    background: #ddd !important;
    margin-bottom: 20px;
    border-radius: 4px;
}

ul.pager > li {
    margin: 5px;
}

input.form-control.disabled {
    background: #eee;
}

table.modal-search-result.disabled {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

tr.clickable:hover {
    background: #f3f3f3;
    cursor: pointer;
}

table.modal-search-result tr.clickable:hover > td:first-child {
    color: #337ab7;
}

.panel-heading.clickable {
    cursor: pointer;
}

div.panel:not(.highlight) .panel-heading.clickable:hover {
    background: #ECECEC;
}


table.modal-search-result tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 6px;
}

table.modal-search-result tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 6px;
}


.form-horizontal .control-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-group-btn > .btn-group > .btn {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}




.panel-footer.primary {
    background: #E0EFFB;
    color: #428BCA;
    border-color: #B0C4D6;
}

.complete .panel-footer.primary {
    background: #fbf5e0;
    color: #ca9442;
    border-color: #d4d6b0;
}

.panel-footer.info {
    background: rgb(241, 249, 255);
    border-color: #B0C4D6;
}

.complete .panel-footer.info {
    background: rgb(255, 253, 241);
    border-color: #d4d6b0;
}

input.form-control:focus {
    z-index: 2;
    position: relative;
}


.mce-path {
    padding: 3px !important;
    font-size: 12px !important;
    display: none !important;
}




#activity-drafts-sidebar {
    padding-right:0;
    width: 20%;
    min-height: 120px;
    float: left;
    background: red;
    box-sizing: initial;
}

#activity-drafts-list {
    width: 80%;
    float: left;
    min-height: 800px;
    background: #eee;
    box-sizing: initial;
}



label:not(.active) > .checked-label {
    display: none;
}

/*label:not(.active):hover > .checked-label,
label:not(.active):focus > .checked-label {
    display: inherit;
}
label:not(.active):hover > .unchecked-label,
label:not(.active):focus > .unchecked-label {
    display: none;
}*/

label.active > .unchecked-label {
    display: none;
}

/*label.active:hover > .unchecked-label,
label.active:focus > .unchecked-label {
    display: initial;
}

label.active:hover > .checked-label,
label.active:focus > .checked-label {
    display: none;
}*/


.input-group-btn > .btn-group > .btn {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}



.panel-footer.info > div:last-child {
    margin-bottom: 5px;
}


#activity-drafts-wrap ul.list,
#sent-emails-list ul.list,
#received-emails-list ul.list {
    padding: 0;
    margin: 0;
    list-style: none;

    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

#sent-emails-list ul.list > li:not(:last-child),
#received-emails-list ul.list > li:not(:last-child) {
    border-bottom: 1px solid #ccc
}

input.form-control:focus,
input.form-control:active {
    z-index: 1 !important;
}


.btn-block {
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.fixed {
    position: fixed;
    right: 0;
    margin-right: 31px;
}

.tx-va-businesscenters > h3 {
    margin-bottom: 30px;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.main > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 4;
}

.on-top {
    position: relative;
    z-index: 1050;
}


div.crm-content .btn.btn-green-outline {
    color: #5cb85c;
    border-color: #4cae4c;
}

div.crm-content .btn.btn-green-outline:hover,
div.crm-content .btn.btn-green-outline:focus {
    color: #449d44;
}


div#custom-activities {
    max-height: 300px;
    overflow-y: scroll;
}

.Calculation .has-error input.form-control {
    border-color: #a94442 !important;
    color: #ea2f2f;
    font-weight: bold;
}

span.danger {
    color: #ea2f2f;
    font-weight: bold;
}

textarea.disabled {
    opacity: .7;
}


.inline-select > .selectize {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inline-select > .selectize .selectize-input {
    border-radius: 0;
}

.inline-select > .selectize .selectize-dropdown {
    margin-top: -37px;
}



.typo3-message {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.typo3-messages {
    margin-top: 15px;
}

.message-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}






i.fa.fa-envelope.new-message {
    color: #5bc0de;
}

i.fa.fa-envelope-open-o.seen-message {
    color: #bbbbbb;
}

i.fa.fa-reply.answered-message {
    color: #5cb85c;
}

.attachment-wrap {
    /*display: inline-block;*/
    float: left;
}



.attachment-wrap .thumbnail {
    display: table;
}

.attachment-wrap .thumbnail .caption {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
}

.attachment-wrap .thumbnail {
    margin-right: 15px;
    margin-bottom: 4px;
    position: relative;
}

.attachment-wrap .thumbnail > i {
    font-size: 200%;
    margin-right: 4px;
}

.attachment-wrap.Bild {
    /*max-width: 20%; */
    min-width: 150px;
}

.attachment-wrap.Bild .thumbnail {
    min-height: 60px;
}

.attachment-wrap.Bild .caption {
    opacity: 0;
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    color: white;
    padding-top: 19px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    transition: opacity .15s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.attachment-wrap.Bild img {
    max-width: 200px;
}


.attachment-wrap.Bild .thumbnail:hover .caption {
    opacity: 1;
}





div.blockquote {
    padding: 10px 20px;
    display: inline-block;
    position: relative;
}

div.blockquote:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 5px;
    height: 100%;
    background: #eeeeee;
}

blockquote {
    font-size: 100%;
}





.init-mce:not(.opcaity) {
    /* background: #eee; */
    padding: 10px;
    min-height: 34px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 6px 9px;
    cursor: pointer;
}

.init-mce.opcaity {
    opacity: .6;
    padding: 6px 9px;
    cursor: pointer;
}

.init-mce > p:last-of-type {
    margin: 0;
}

.init-mce:not(.opcaity):hover {
    background: #eee;
}

.init-mce.opcaity:hover {
    opacity: 1;
}

.file-caption-name > i {
    margin-right: 5px;
}


blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '';
}

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}

.webmailer-state {
    position: relative;
}
.webmailer-state > i {
    font-size: 140%;
    line-height: 1;
}
.webmailer-state .label-pill {
    position: absolute;
    top: 10px;
    right: 8px;
    padding: 2px 4px;
}






.file-zoom-fullscreen {
    z-index: 2000
}

.RatingForm .panel-footer {
    background-color: #f9f9f9;
}


table.divider .total {

    border-top: 2px solid grey;
    border-bottom: 2px solid grey;
    height: 7px;
    margin-right: 11px;
}


dd.activity > p,
dd.activity > div.comment p,
ul.learning-results p {
    margin-bottom: 0;
}

.well.well-collapsed {
    max-height: 140px;
    overflow: hidden;
    cursor: pointer;
}

.well.well-collapsed:hover {
    background: #ebf7fb;
    border-color: #daeef5;
}

.well.well-collapsed:after {
    content: '...';
    padding: 18px;
    padding-bottom: 45px;
    padding-top: 80px;
    font-size: 200%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 20px;
    background: whitesmoke;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(247,247,247,1) 70%, rgba(245,245,245,1) 84%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(247,247,247,1) 70%,rgba(245,245,245,1) 84%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(247,247,247,1) 70%,rgba(245,245,245,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

.well.well-collapsed:hover:after {
    color: #3071a9;
    background: #ebf7fb;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,248,252,1) 70%, rgba(235,247,251,1) 84%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,248,252,1) 70%,rgba(235,247,251,1) 84%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,248,252,1) 70%,rgba(235,247,251,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ebf7fb',GradientType=0 );
}


.well button.btn-edit {
    position: absolute;
    right: 10px;
    top: 10px;
}

.well.well-collapsed button.btn-edit {
    display: none;
}

dl.dl-horizontal > div.form,
ul.agenda > div.form,
ul.learning-methods > div.form,
ul.learning-results > div.form {
    position: relative;
    padding: 5px;
    padding-left: 0;
    border: 1px solid #ccc;
    margin-bottom: -1px;
}

ul.agenda > div.form,
ul.learning-methods > div.form,
ul.learning-results > div.form {
    margin-left: -40px;
    padding-left: 40px;
}


.agenda-item.active > dt,
.agenda-item.active > dd,
.agenda-item.active > li,
.learning-method-item.active > li,
.learning-result-item.active > li {
    opacity: .3;
}

.agenda-item:not(.active) > dt,
.agenda-item:not(.active) > dd,
.agenda-item:not(.active) > li,
.learning-method-item:not(.active) > li,
.learning-result-item:not(.active) > li  {
    opacity: 1;
}

div.form > li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.btn-group .btn.btn-default.invert-live {
    border-color: #4cae4c;
    color: white;
    background: #5cb85c;
    box-shadow: none;
}

.btn-group .btn.btn-default.invert-live:hover,
.btn-group .btn.btn-default.invert-live:active {
    background: #449d44;
    border-color: #398439;
}

.btn-group .btn.btn-default.invert-live.active {
    background: white;
    border-color: #cfcfcf;
    color: #666666;
}

.btn-group .btn.btn-default.invert-live.active:hover,
.btn-group .btn.btn-default.invert-live.active:active {
    background: #e6e6e6;
    border-color: #adadad;
    color: #000000;
}

.label {
    font-size: 90%;
    display: inline-block;
    font-weight: normal;
    padding: 4px 6px 5px 6px;
    margin-bottom: 4px;
}

.label.clickable {
    cursor: pointer;
}

.label.label-default.clickable:hover {
    background: grey;
}

#doc-tags-wrap {
    position: relative;
    padding: 10px;
    padding-top: 0;
    margin-bottom: 15px;
    min-height: 400px;
}

#doc-tags-wrap:before {
    content:'';
    position: absolute;
    left: 15px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: whitesmoke;
    z-index: -1;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}


.email-preview > div {
    padding: 15px;
}

.email-preview .preview-heading {
    border-bottom: 1px solid #e5e5e5;
}

.email-preview .preview-heading h3 {
    font-size: 120%;
    margin: 0;
    margin-bottom: 2px;
    font-weight: 800;
}

.email-preview .preview-heading small {
    margin-top: 3px;
}
.email-preview .preview-heading small a {
    margin-top: 11px;
    text-align: right;
    display: block;
    font-size: 14px;
}

#bulk-result {
    margin-left: 10px;
}

span.file-drag-handle.drag-handle-init {
    display: none;
}

.dyn-content > form.form-horizontal {
    margin-top: 0;
}

.nested-delete-button-full-right .btn.remove-new {
    right: 0;
}


div#mail-modal form.form-horizontal {
    margin: 0;
}

div#mail-modal .panel {
    margin: 0;
    border: 0;
}

div#mail-modal .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

i.fa.red {
    color: #d9534f;
}

a.alert.alert-info {
    display: block;
    text-decoration: none;
}

a.alert.alert-info:hover,
a.alert.alert-info:focus {
    background: #bee0f1;
    border-color: #96c4da;
}
button.btn.btn-default.has-error {
    border-color: #a94442;
    color: #a94442;
}

label.control-label > small {
    display: block;
}

#transactions_filter input[type="search"],
#sponsoringAmounts_filter input[type="search"] {
    margin-left: 0;
    width: 100%;
}

#transactions_filter > label,
#sponsoringAmounts_filter > label {
    width: 100%;
}
li#transactions_next:before,
li#sponsoringAmounts_next:before {
    content:  none;
}
div#transactions_paginate,
div#sponsoringAmounts_paginate {
    text-align: center;
    margin-bottom: 10px;
}
select.form-control.input-sm {
    margin-right: 10px;
}
li > p:last-of-type {
    margin-bottom: 0;
}

li > p:last-of-type {
    margin-bottom: 0;
}

button.btn.role-button.locked {
    background: #5db75d !important;
    opacity: .8;
    border: 1px solid #4cae4c !important
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.TL-evaluation > span:not(last-child) {
    margin-right: 15px;
}

.cost-period {
    display: inline-block;
    flex-grow: 1;
}

.cost-matrix {
    /* height: 617px; */
    margin-bottom: 15px;
    overflow-y: scroll;
    display: flex;
}

.cost-matrix .cell {
    padding: 4px;
    text-align: right;
     min-width: 3.4vw;
}

.cost-matrix .cell.heading {
    font-weight: bold;
    white-space: nowrap;
}

.cost-period.cost-type-labels {
    /* width: calc(33.33333333% / 2); */
    /* max-width: calc(33.33333333% / 2); */
    margin-right: 12px;
    min-width: 130px;
    /* flex-grow: 0; */
}

.cell.heading.top {
    text-align: center;
}

.cell.heading.left {
    height: 31px;
    line-height: 22px;
}

.cost-matrix .cell.text-center {
    text-align: center;
}

.cost-matrix .cell input.auto-grow {
    min-width: 100% !important;
    text-align: right;
    border: 0;
    border-bottom: 1px solid #ccc;
    outline: none;
}

.cost-matrix .cell input.auto-grow:focus {
    border-color: #66afe9;
}

.cost-matrix .cell.heading.cost-sum-type {
    height: 29px;
    background: #eee;
    margin: 2px;
}

.cost-matrix .cell input.auto-grow::-webkit-outer-spin-button,
.cost-matrix .cell input.auto-grow::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.day-width {
    padding-right: 5px;
}

.panel.highlight .time {
  width: 240px;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    opacity: 0;
}

.message-header {
    font-weight: bold;
}

.panel-default > .panel-heading .evaluation .badge {
    margin-top: -3px;
}
.request-bar {
    width: 4px;
    height: 80%;
    background: #ccc;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 10%;
}
.request-bar.pending {
    background: #F7D124;
}
.request-bar.released {
    background: #28ad28;
}
.request-bar.declined {
    background: #fa2e2e;
}

ul.list > li {
    position: relative;
}

#sent-emails-list li[class^=message],
#received-emails-list li[class^=message] {
    padding: 3px 0 7px 0;
}

@-webkit-keyframes leftToRight {
    0%  { left: 0;}
    50% { left: 4px;}
    100%{ left: 0;}
}

span.glyphicon.glyphicon-hand-left.animated {
    font-size: 26px;
    line-height: 32px;
    margin-left: 20px;
    color: #418bca;
    -webkit-animation:ease infinite alternate;
    -webkit-animation-name: leftToRight;
    -webkit-animation-duration: 1s;
}

.mce-btn {
    border-radius: 3px;
}

.mce-textbox {
    border-radius: 3px;
}

.log {
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.log p {
    margin: 0;
}

.well.flex.evalutaion {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.well.flex.evalutaion .heading {
    min-width: 0;
}

.well.flex.evalutaion .evaluation {
    white-space: nowrap;
}

.well.flex.evalutaion .heading h2.lead {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}