@font-face {
    font-family: UniversLight;
    src: url("../fonts/UniversLight.ttf") format('truetype');
}

.report-striped tbody tr:nth-child(2n+1) td {
    background-color: #F2F2F2;
}
.report-striped tbody tr:nth-child(even) td {
    background-color: #D9D9D9;
}

body {
    font-family: 'Titillium Web', sans-serif !important;
}

/*------------- Form ---------------*/

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 20px;
    bottom: -460px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px;
}

/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -49px;
    right: 12px;
    display: block;
    width: 58px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
    background: #03a9f4;
    font-size: 16px !important;
    padding: 10px 18px 10px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
    font-size: 13px;
    margin: 0;
    padding: 15px;
    color: #666;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    width: 254px;
    max-width: 254px;
    margin-bottom: 10px;
    margin-left: 7px;
    padding: 6px;
    border: none;
    border-radius: 4px;
    color: #999;
    border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
    color: #ccb0b0;
}

.nb-form ::-moz-placeholder{
    color: #ccb0b0;
}

.nb-form :-ms-input-placeholder {
    color: #ccb0b0;
}

.nb-form :-moz-placeholder {
    color: #ccb0b0;
}

.nb-form input[type='submit'] {
    background: #03a9f4;
}

@media screen and (max-width: 676px) {
    .nb-form:focus .user-icon {
        display: none;
    }

    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -425px;
        left: 50%;
        transform: translateX(-50%);
    }
}

.navigation > li.active > a, .navigation > li.active > a:focus, .navigation > li.active > a:hover {
    background-color: #a1a1a1;
}

.btn-primary {
    background-color: #a1a1a1;
    border-color: #a1a1a1;
}

.btn-info {
    background-color: #a1a1a1;
    border-color: #a1a1a1;
}

.nb-form .title {
    background: #a1a1a1;
}

.modal-header {
    background-color: #a1a1a1;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #a1a1a1;
}

.select2-results__option[aria-selected="true"] {
    background-color: #a1a1a1;
}

tfoot tr td {
    border-top: 1px solid #bbb !important;
    font-weight: bold;
}

/*Better responsive for Navbar when using Newsfeedheader*/
.navbar-top{padding-top:0px}
.navbar-fixed-top{position:sticky;}

.navbarToggleSize{width:56px !important;}
.navbarToggleNormalSize{width:260px;}

.nav-newsfeedHeaderText {
    width: 60%;
    max-height: 75px;
    scrollbar-width: thin;
    scrollbar-color: #a1a1a1 #749cb0;
    display: block;
    overflow-y: scroll;
}

.nav-newsfeedHeaderText::-webkit-scrollbar {
    width: 6px;
}

.nav-newsfeedHeaderText::-webkit-scrollbar-track {
    background: #749cb0;
}

.nav-newsfeedHeaderText::-webkit-scrollbar-thumb {
    background-color: #a1a1a1;
    border-radius: 20px;
}

.nav-newsfeedHeaderText * {
    margin-top: 0 !important;
}

.nav-langLastnameText {
    width: 320px;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 10px;*/
}

.nav > li > .nav-languageSwitch {
    padding-left: 5px;
    padding-right: 5px;
}

.select2-selection__choice:not(:nth-child(-n + 2)) {
    display: none;
}

.table-pdf-smaller {
    font-family: UniversLight, serif;
}

.height22 tr {
    line-height: 27px !important;
    white-space: nowrap;
}

.table-pdf-smaller td {
    margin: 0 !important;
    padding: 3px 15px 3px 15px !important;
    line-height: 27px !important;
}

.report-white-bgBlue-8pt {
    color: white;
    background-color: #6B97AA !important;
    font-family: UniversLight, serif;
    font-size: 16px;
}

.report-white-bgBlue-10pt {
    color: white;
    background-color: #6B97AA !important;
    font-family: UniversLight, serif;
    font-size: 20px;
}

.report-black-6pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 14px !important;
    font-style: italic;
}

.report-black-16 {
    color: black;
    font-family: UniversLight, serif;
    font-size: 16px !important;
    font-style: italic;
}

.report-black-8pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 18px;
}

.report-black-9pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 18px;
}

.pdf-white-bgBlue-8pt {
    color: white;
    background-color: #6B97AA !important;
    font-family: UniversLight, serif;
    font-size: 25px;
}

.pdf-white-bgBlue-10pt {
    color: white;
    background-color: #6B97AA !important;
    font-family: UniversLight, serif;
    font-size: 27px;
}

.pdf-black-6pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 16px;
    font-style: italic;
}

.pdf-black-8pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 22px;
}

.pdf-black-9pt {
    color: black;
    font-family: UniversLight, serif;
    font-size: 25px;
}

.pdf-blue-border {
    border-top: 2px solid #6B97AA;
    border-bottom: 2px solid #6B97AA;
}

.pdf-report-light-green {
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    background-color: green;
    margin-top:5px;
    margin-right: 5px;
}

.pdf-report-light-yellow {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-color: yellow;
    margin-top:5px;
    margin-right: 5px;
}

.pdf-report-light-red {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-color: red;
    margin-top:5px;
    margin-right: 5px;
}

.pdf-report-kommentierung {
    font-size: 27px;
    font-family: UniversLight, serif;
    line-height: 35px;
}

@media screen and (max-width: 1450px) {
    .nav-newsfeedHeaderText {
        width: 50%;
    }
}

@media screen and (max-width: 1180px) {
    .nav-newsfeedHeaderText {
        width: 45%;
    }
}

@media screen and (min-width: 770px) and (max-width: 1120px) {
    .nav-newsfeedHeaderText {
        visibility: hidden;
    }
}

@media screen and (max-width: 769px) {
    .nav-newsfeedHeaderText {
        width: 70%;
        float: left;
        max-height: 130px;
    }

    .nav-langLastnameText {
        width: 30%;
        float: right;
        position: initial !important;
    }

    .nav > li > .nav-languageSwitch  {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-logoRigh {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-nav > .dropdown-user > a > span {
        padding-left: 0;
    }
}

@media screen and (max-width: 520px) {
    .nav-newsfeedHeaderText {
        visibility: hidden;
        height: 0;
    }

    .nav-langLastnameText {
        width: 100%;
    }
}