@import "./font-awesome.css";

@font-face {
    font-family: "Dosis Regular";
    src: url("../fonts/Dosis-Regular.ttf");
}

@font-face {
    font-family: "Dosis Bold";
    src: url("../fonts/Dosis-Bold.ttf");
}

@font-face {
    font-family: "Dosis SemiBold";
    src: url("../fonts/Dosis-SemiBold.ttf");
}

body {
    font-family: 'Dosis Regular';
    color: #868686;
    margin: 0 auto;
    max-width: 1600px;
}

h2 {
    font-family: "Dosis Bold";
    text-transform: uppercase;
    font-size: 35px;
    margin-top: 15px;
}

.headline-link {
    font-size: 60%;
    padding-left: 5px;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .headline-link {
        padding-left: 60px;
    }
}

.headline-link:after {
    content: '\f054';
    margin-left: 15px;
    font-family: 'FontAwesome';
    text-decoration: none;
    font-size: 70%;
}

h3 {
    font-family: "Dosis Bold";
}

.logo {
    margin-left: -15px;
}

.content-block {
    margin-top: 30px;
    margin-bottom: 30px;
}

.job-search {
    color: #444;
    background-color: #CBCCCB;
    width: 185px;
    padding: 5px 15px;
    margin-top: 20px;
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid #dadada;
    font-family: "Dosis Bold";
}

.search-string {
    padding: 0px;
    margin-left: -15px;
    font-size: 1.3em;
}

.search-string span {
    color: #D6242B;
}

.job-table {
    margin-top: 20px;
}

.job-table .date {
    min-width: 85px;
}

.newsctrl h3 {
    margin-top: 0;
    float: left;
}

.newsctrl .news-archiv-link {
    float: right;
    font-family: Dosis Bold;
    font-size: 18px;
    padding-top: 2px;
}

.newsctrl .news_block {
    margin-bottom: 10px;
    border: 1px solid #dadada;
    padding: 0px;
}

.newsctrl .news_block .first_rows_line {
    background-color: #E4E4E3;
}

.newsctrl .news_block .name {
    color: #D6242B;
    text-transform: uppercase;
    padding: 7px 0px;
}

.newsctrl .news_block .date {
    color: #868686;
    padding: 7px 0px;
    text-align: right;
}

.newsctrl .news_block .title {
    font-family: "Dosis Bold";
    color: #000000;
    padding: 7px 0px;
}

.newsarchiv-table .date {
    min-width: 130px;
}

div.filter,
a.btn-primary,
button {
    background-color: #009fe3;
    color: white;
    border: none;
    padding: 7px 15px 7px 5px;
    font-family: "Dosis Bold";
}

div.filter {
    display: inline-block;
}

/*implement some space unter each button*/
.news-input-wrapper .btn-primary {
    margin-bottom: 10px;
}

.btn.create-job {
    margin-top: 20px;
}

.btn:disabled:hover,
.btn-cancel:active,
.btn-cancel:hover {
    color: white;
    opacity: 1;
    background-color: #286090;
    border-color: #204d74;
}

a.btn-danger {
    background-color: #e20917;
    margin-top: 15px;
    color: white;
    border: none;
    padding: 7px 15px;
    font-family: "Dosis Bold";
}

button span {
    text-transform: uppercase;
}

.job-calendar-week-table {
    margin-bottom: 5px;
}

.job-calendar-week-table .job-summed {

}

.job-calendar-week-table .job-summed th {
    background-color: #e20917;
}

.job-calendar-week-table .label {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 100%;
    display: inline-block;
    padding: 0;

}

.job-calendar-week-table .sum {
    float: right;
    color: white;
    font-weight: bold;
    display: inline-block;
}

.job-calendar-week-table .calendar_week {
    background-color: #ffffff !important;
}

.job-calendar-week-table .calendar_week th {
    border: none !important;
    padding: 0px;
}

.job-calendar-week-table .calendar_week .box {
    display: inline-block;
    width: 100px;
    border: 1px solid #dadada;
    text-align: center;
    padding: 5px 0px;
}

.desktop-overview
.mobile-overview {
    padding: 0px;
}

.desktop-overview .row,
.mobile-overview .row {
    padding: 10px 0;
}

.desktop-overview .row .name,
.mobile-overview .row .name {
    font-size: 120%;
    font-family: "Dosis Bold";
    text-transform: uppercase;
}

.desktop-overview .row .name {
    margin-top: 13px;
}

.mobile-overview .row .sales {
    font-size: 140%;
    color: #868686;
    text-align: right;
    font-family: 'Dosis SemiBold';
}

.desktop-overview .row .sum_line,
.desktop-overview .row .sales {
    font-size: 90%;
    color: #868686;
    font-family: 'Dosis Regular';
    border-right: 1px solid #dadada;
}

.desktop-overview .row .sum_line {
    font-size: 100%;
}

.desktop-overview .row .left,
.desktop-overview .row .middle,
.desktop-overview .row .right {
    padding: 0;

}

.desktop-overview .row .middle > *,
.desktop-overview .row .right > * {
    margin-bottom: 2px;
}

.desktop-overview .row .sum_attainability_degree,
.desktop-overview .row .attainability-degree {
    margin-top: 15px;
    display: block;
    font-size: 125%;
    font-family: 'Dosis SemiBold';
    text-align: right;
    padding-right: 10px;
}

.desktop-overview .row .middle {
    text-align: center;
}

.desktop-overview .sum_probability_degree,
.desktop-overview .probability-avg {
    display: block;
    margin-top: 15px;
    font-size: 125%;
    font-family: 'Dosis SemiBold';
    padding-left: 0px;
    text-align: left;
}

.desktop-overview .row .probability-sum::before {
    content: '\00D8:';
    display: inline;
}

.desktop-overview .row .sum_line .probability-sum::before {
    content: '';
    display: inline;
}

.desktop-overview .row .quarter-target-sum::before {
    content: 'Q:';
    display: inline;
}

.desktop-overview .row .sum_line .quarter-target-sum::before {
    content: '';
    display: inline;
}

.desktop-overview .row .booked-jobs::before {
    content: '>:';
    display: inline;
}

.desktop-overview .row .sum_line .booked-jobs::before {
    content: '';
    display: inline;
}

.desktop-overview .row .attainability_degree,
.mobile-overview .row .attainability_degree {
    font-size: 70%;
}

.sum_local .label,
.desktop-overview .row.sum .label,
.mobile-overview .row.sum {
    color: #e30917;
    font-size: 130%;
    text-align: right;
}

/*override for desptop sum line */
.desktop-overview .row.sum .label,
.mobile-overview .row.sum .label {
    display: inline;
    font-family: "Dosis Bold";
    color: #e30917;
    margin-top: 17px;
}

.mobile-overview .row.sum .sum_local_gu_label,
.mobile-overview .row.sum .sum_local_ju_label {
    font-size: 80%;
    margin-top: 3px;
}

.desktop-overview .row.sum .label {
    text-align: left;
    padding: 0.7em 0;
}

.desktop-overview .row.sum .attainability_degree,
.mobile-overview .row.sum .attainability_degree {
    font-size: 70%;
}

.desktop-overview .panel-group .panel,
.mobile-overview .panel-group .panel {
    border: none;
    box-shadow: none;
}

.desktop-overview .panel-group .panel + .panel,
.mobile-overview .panel-group .panel + .panel {
    margin-top: 0;
}

.desktop-overview .panel-default > .panel-heading,
.mobile-overview .panel-default > .panel-heading {
    padding: 0;
    border-color: transparent;
    background-color: transparent;
    border-bottom: none;
    border: none;
    color: transparent;
    color: #868686;
}

.desktop-overview .panel-default > .panel-heading > .panel-title,
.mobile-overview .panel-default > .panel-heading > .panel-title {
    border-top: 1px solid #dadada;
}

.desktop-overview .panel-default > .panel-heading > .panel-title a,
.mobile-overview .panel-default > .panel-heading > .panel-title a {
    cursor: default;
}

.desktop-overview .panel-default > .panel-heading > .row,
.mobile-overview .panel-default > .panel-heading > .row {
    padding: 0 15px;
    text-transform: uppercase;
    /*border-bottom: 1px solid #dadada;*/
}

/**/
.panel-group .panel-heading + .panel-collapse {
    background-color: #ededed;
    /*padding: 0px;*/
    color: #868686;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 0px;
    font-family: "Dosis Bold";
}

.panel-group .panel-heading + .panel-collapse > .panel-body .job-row {
    font-size: 120%;
    border-bottom: 1px solid #dadada;
    padding: 5px 0px 5px 0px;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.desktop-overview .panel-group .panel-heading + .panel-collapse > .panel-body .job-row {
    padding: 5px 15px;
}

.desktop-overview .panel-group .panel-heading + .panel-collapse > .panel-body .job-row {
    padding-left: 0px;
    padding-right: 0px;
}

.desktop-overview .job-row .job-numbers-entry {
    padding-left: 0px;
    padding-right: 0px;
}

.desktop-overview .job-row .attainability_degree,
.desktop-overview .job-row .name {
    padding-left: 0px;
    padding-right: 10px;
    text-align: right;
}

.desktop-overview .job-row .sale {
    font-size: 90%;
}

.panel-group .panel-heading + .panel-collapse > .panel-body .job-row:last-child {
    border: none;
}

.desktop-overview .panel-group .panel-heading + .panel-collapse > .panel-body .name {
    text-align: left;
    padding-left: 15px;
    padding-top: 2px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body .sales {
    text-align: right;
    padding: 0;
}

.desktop-overview .panel-group .panel-heading + .panel-collapse > .panel-body .sales {
    text-align: left;
    padding: 0;
    font-size: 90%;
    font-family: "Dosis regular";
    padding-left: 5px;
}

.desktop-overview .panel-title .name:before {
    content: '\f0da';
    padding-right: 10px;
    font-family: "FontAwesome";
}

.desktop-overview .panel-header .name:before {
    content: none;
}

.desktop-overview .panel-open .panel-title .name:before {
    content: '\f0d7';
    padding-right: 5px;
    font-family: "FontAwesome";
}

.overview-national-sales {
    padding-left: 25px;
}

.overview-local-sales {
    padding-left: 0;
}

/*Input Form*/
.project-input-wrapper {
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 768px) {
    .project-input-wrapper {
        width: 90%;
        margin: 0 auto;
    }
}

.project-input-wrapper input.ng-invalid.ng-pristine,
.project-input-wrapper input.ng-invalid.ng-dirty {
    border-color: red;
}

.project-input-form {
    margin-bottom: 40px;
    max-width: 700px;
    margin: 0 auto;
}

.project-input-form .row {
    /*padding: 0px 5px;*/
    margin-bottom: 5px;
}

.project-input-form .row label {
    margin-bottom: 0px;
}

.project-input-form .row label.selection {
    padding-top: 2px;
}

.project-input-form .row select {
    min-width: 150px;
}

.project-input-form .row label.date,
.project-input-form .row label.text {
    padding-top: 5px;
}

.project-input-form .row input {
    text-align: left;
}

.project-input-form .even {
    background-color: #f6f6f6;
    padding: 5px 0px;
}

.project-input-form .odd {
    background-color: #ededed;
    padding: 5px 0px;
}

.actions_wrapper {
    margin-top: 15px;
    margin-bottom: 40px;
}

/*Link to insert new customer*/
.new-customer-link {
    float: right;
    margin-top: 7px;
}

.icon-new-customer {
    color: #009fe3;
    padding-bottom: 4px;
}

/*Link to create new customer*/
.insert-customer-link {
    float: left;
    margin-top: 7px;
}

.icon-insert-customer {
    color: #44ac38;
    padding-bottom: 4px;
}

/*Spinner*/
/* Styles for old versions of IE */
.btn-spinner {
    font-family: sans-serif;
    font-weight: 100;
}

/* :not(:required) hides this rule from IE9 and below */
.btn-spinner:not(:required) {
    -webkit-animation: three-quarters 1250ms infinite linear;
    -moz-animation: three-quarters 1250ms infinite linear;
    -ms-animation: three-quarters 1250ms infinite linear;
    -o-animation: three-quarters 1250ms infinite linear;
    animation: three-quarters 1250ms infinite linear;
    border: 3px solid #8c8c8c;
    border: 3px solid white;
    border-right-color: transparent;
    border-radius: 100%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
}

.btn-spinner:not(:required) {
    margin-left: -22px;
    opacity: 0;
    transition: 0.4s margin ease-out, 0.2s opacity ease-out;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: white;
    background-color: #286090;
}

.is-loading .btn-spinner {
    transition: 0.2s margin ease-in, 0.4s opacity ease-in;
    margin-left: 5px;
    opacity: 1;
}

/*desktop view*/
/*All sum with red background only in the content area*/
.desktop-overview .sum_local_gu_line,
.desktop-overview .sum_local_ju_line,
.desktop-overview .sum_uam_line,
.desktop-overview .sum_core_1_line,
.desktop-overview .sum_core_2_line {
    background-color: #fbdbdb;
    border-radius: 0;
    padding-right: 0;
}

/*All sum in grey color font and padding to center the value*/
.desktop-overview .sum_local_gu_sales,
.desktop-overview .sum_local_ju_sales,
.desktop-overview .sum_uam_sales,
.desktop-overview .sum_core_2_item,
.desktop-overview .sum_core_1_item,
.desktop-overview .sum_uam_item {
    color: #868686;
    padding: 0.5em 0.6em;
}

/*desktop view*/
/*Heading like Quartal are smaler and capitalize*/
.desktop-overview .panel-header {
    font-size: 100%;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 5px;
}

/*First row in section without border line*/
.desktop-overview .desktop-header-row .panel-heading > .panel-title,
.mobile-overview .desktop-header-row .panel-heading > .panel-title,
.desktop-overview .desktop-header-row .panel-header,
.desktop-overview .panel-heading {
    border-top: none;
}

/*Seperator between sections*/
.desktop-overview .desktop-header-row {
    margin-top: 40px;
}

.desktop-overview .desktop-header-row .name,
.desktop-overview .desktop-header-row {
    font-size: 100%;
    margin-top: 0px;
    text-align: center;
}

.desktop-overview .desktop-header-row .select-years {
    min-width: 8em;
    font-weight: normal;
}

/*First row not margin */
.desktop-overview .desktop-header-row.first {
    margin-top: 0px;
}

/*Heading like Quartal are left align*/
.desktop-overview .panel-header .sales {
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    border: none;
}

/*No space around the sums becuase of the red background*/
.desktop-overview .sum_uam,
.desktop-overview .sum_core_1 {
    padding: 0;
}

/*In the Section uam special label with lower font size*/
.desktop-overview .sum_uam .sum_uam_label span {
    display: block;
    font-family: Dosis Regular;
    font-size: 70%;
}

.desktop-overview .sum_uam .sum_uam_label {
    font-size: 90%;
    margin-top: 13px !important;
}

.login-wrapper {
    margin: 0% auto;
}

@media (min-width: 768px) {
    .login-wrapper {
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .login-wrapper {
        max-width: 60%;
    }
}

@media (min-width: 1200px) {
    .login-wrapper {
        max-width: 50%;
    }
}

.login-wrapper .password {
    margin-top: 10px;
}

.login-wrapper .logo-wrapper {
    text-align: center;
}

.login-wrapper .password,
.login-wrapper .username {
    background-color: #ededed;
    margin-top: 15px;
    padding: 10px;
}

.login-wrapper .password #edit-pass,
.login-wrapper .username #edit-name {
    border: none;
}

.login-wrapper .action-wrapper {
    text-align: center;
    margin-top: 5px;
}

.login-wrapper .action-wrapper .btn {
    text-transform: uppercase;
    font-family: "Dosis Bold";
    margin-top: 25px;
    max-width: 180px;
    display: inline-block;
}

.login-wrapper .action-wrapper .forget-password {
    text-decoration: underline;
    margin-top: 5px;
    display: block;
}

.panel, .input-group-addon, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .btn, .input-lg, .input-sm, .form-control,
.panel,
.input-group-addon,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.btn,
.input-lg,
.input-sm,
.form-control {
    border-radius: 0px;
}

.project-input-form .dropdown-menu {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0;
}

.project-input-form .noResults {
    float: left;
    width: 100%;
    margin-top: 7px;
}


.save_message_wrapper {
    display: inline-block;
    padding-left: 14px;
    color: green;
    font-family: "Dosis Bold";
    font-weight: 700;
}