/* Introduction
   ========================================================================== */
.article_introduction {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: rgba(51, 51, 51, 1.0); /* BoR Grey Dark */
}

#bor_buss {
    position: relative;
    top: 5px;
    left: 9%;

    width: 290px;
    height: auto;

    animation: drivingbuss 50s linear forwards;
}

@keyframes drivingbuss {
    from {
        left: 9%;
    }
    to {
        left: calc(92% - 290px);
    }
}

#bor_buss:hover {
    animation-play-state: paused;
    cursor: pointer;
}

#worker {
    position: absolute;
    right: 10%;
    bottom: 0%;

    width: 115px;
    height: auto;
}

/* Questionare
   ========================================================================== */
.p {
    width: 768px;
    height: auto;
}

.questionare_text, .questionare_input_full, .questionare_input {
    display: flex;
    /*justify-content: center; /* H */
    align-items: center; /* V */
    
    float: left;

    width: auto;
    min-height: 50px;
}

.questionare_text {
    width: 310px;
}

.questionare_input {
    width: calc(50% - 155px);
}

.questionare_input_full {
    width: calc(100% - 310px);
}

.questionare_input input, .questionare_input_full input {
    width: calc(100% - 25px);
    height: 40px;
}

.questionare_info {
    float: left;

    width: auto;
    min-height: 50px;

    margin-top: 25px;

    font-size: 0.9em;
}

#info_agreement {
    display: none;
}

.disclaimer {
    font-size: 0.9em;
}

/* Schedule containers
   ========================================================================== */
.schedule_container_responsive {
    display: none;
}

.schedule_container_responsive i {
    display: block;

    margin: 0 auto;
    padding: 40px;

    font-size: 4em;
    color: rgba(193, 61, 67, 1.0); /* BoR Red */
}

/* Schedule header
   ========================================================================== */
.schedule_header_container {
    display: flex;
    justify-content: space-between; /* H */
    /*align-items: center; /* V */

    width: 100%;
    height: auto;
}

.schedule_header {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */

    width: calc(12.5% - 10px);
    height: 50px;

    margin-bottom: 10px;
}

.schedule_header_3x {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */

    width: calc(37.5% - 10px);
    height: 50px;

    font-weight: 700;
    text-transform: uppercase;
    color: rgba(193, 61, 67, 1.0); /* BoR Red */

    margin-bottom: 10px;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(193, 61, 67, 1.0); /* BoR Red */
}

.schedule_header_1x {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */

    width: calc(12.5% - 10px);
    height: 50px;

    font-weight: 700;
    text-transform: uppercase;
    color: rgba(193, 61, 67, 1.0); /* BoR Red */

    margin-bottom: 10px;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(193, 61, 67, 1.0); /* BoR Red */
}

/* Schedule subheader
   ========================================================================== */
.schedule_subheader_container {
    display: flex;
    justify-content: space-between; /* H */
    /*align-items: center; /* V */

    width: 100%;
    height: auto;
}

.schedule_subheader {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */

    width: calc(12.5% - 10px);
    height: 50px;

    text-align: center;
    font-weight: 700;

    margin-bottom: 10px;
}

/* Schedule week
   ========================================================================== */
.schedule_week {
    display: flex;
    flex-wrap: wrap;

    width: 100%;
    height: auto;
}

.schedule_block {
    display: flex;
    justify-content: space-between; /* H */
    align-items: center; /* V */

    width: 100%;
    height: auto;
}

.schedule_text, .schedule_input, .schedule_sum, .schedule_total, .schedule_week_total {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */

    width: calc(12.5% - 10px);
    height: 50px;

    text-align: center;

    margin-bottom: 10px;
}

.schedule_text {
    justify-content: flex-start; /* H */
    text-align: left;
}

.schedule_input {
}

.schedule_sum div {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */
    
    width: 100%;
    height: 100%;

    border-style: solid;
    border-width: 1px;
    border-color: rgba(202, 202, 202, 1.0); /* BoR Grey Stroke */

    border-radius: 3px;
}

.schedule_total div, .schedule_week_total div {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */
    
    width: 100%;
    height: 100%;

    border-style: solid;
    border-width: 1px;
    border-color: rgba(193, 61, 67, 1.0); /* BoR Red */

    border-radius: 3px;
}

.schedule_week_total div {
    font-weight: 700;
}

.schedule_footer {
    display: flex;
    justify-content: space-between; /* H */
    align-items: center; /* V */

    width: 100%;
    height: auto;
}

/* Schedule controls
   ========================================================================== */
.schedule_controls {
    display: flex;
    justify-content: flex-start; /* H */

    width: 100%;
    height: auto;

    margin-top: 25px;
}
    
.inline_remove, .inline_add {
    width: auto;
    height: auto;

    margin-right: 20px;

    color: rgba(193, 61, 67, 1.0); /* BoR Red */
}

.inline_remove {
    display: none;
}

.inline_remove:hover, .inline_add:hover {
    cursor: pointer;
}

/* Schedule grand total
   ========================================================================== */
.schedule_grand_total {
    display: flex;
    justify-content: space-between; /* H */
    align-items: center; /* V */

    width: 100%;
    height: auto;
}

.schedule_grand_total_text {
    display: flex;
    justify-content: flex-start; /* H */
    align-items: center; /* V */

    width: auto;
    height: 50px;

    font-weight: 700;
}

.schedule_grand_total_sum  {
    display: flex;
    justify-content: center; /* H */
    align-items: center; /* V */
    
    width: calc(12.5% - 10px);
    height: 50px;

    font-weight: 700;
    color: rgba(255, 255, 255, 1.0); /* White */

    background-color: rgba(193, 61, 67, 1.0); /* BoR Red */

    border-radius: 3px;
}


/* Help icon and box
   ========================================================================== */
.helpicon {
    position: relative;
    top: 1px;

    display: inline-block;

    width: 40px;
    height: 40px;

    color: rgba(34, 34, 34, 0.5); /* Grey */
    text-align: center;

    background-color: rgba(255, 255, 255, 1.0); /* White */

    border-style: solid;
    border-width: 1px;
    border-color: rgba(227, 227, 226, 1.0); /* 20% black */
}

.helpicon p {
    line-height: 2.4em;
}

.helpicon:hover {
    cursor: pointer;
}

.helpbox {
	z-index: 25;
	position: absolute;
	top: 0px;
	left: -325px;

	width: 300px;
	height: auto;
	padding: 10px;

    background-color: rgba(255, 255, 255, 1.0); /* White */
    font-size: 0.95em;

	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35);
	-o-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35);
    border: 1px solid;
	border-color: rgba(227, 227, 226, 1.0); /* 20% black */

	display: none;
}