@font-face { font-family: 'Square';src: url('/webfonts/25EA64_0_0.eot');src: url('webfonts/25EA64_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/25EA64_0_0.woff') format('woff'),url('/webfonts/25EA64_0_0.ttf') format('truetype'); }
@font-face { font-family: 'SquareBold';src: url('/webfonts/25EA64_1_0.eot');src: url('/webfonts/25EA64_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25EA64_1_0.woff') format('woff'),url('/webfonts/25EA64_1_0.ttf') format('truetype'); }

/*
.sidebar {
    background-color: #0d0adf;
}
*/

.form-horizontal .form-group {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

.navbar-inverse {
}

.navbar-brand > img {
    height: 30px;
    margin-top: -4px;
}

.navbar {
    height: 100%;
    background: url(/images/header_middle_bg.jpg) repeat-x 0 100%;
    margin-bottom: 0;
}

.navbar-header {
    background: url(/images/header_middle_bg.jpg) repeat-x 0 100%;
}

.nav > li {
    float: left;
}

.table > tbody > tr.no-top-border > td {
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.table > tbody > tr.title-row, .table > tbody > tr.title-row > td {
    padding-top: 5px;
    padding-bottom: 0px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.row.display-flex > [class*='col-'] {
    flex-grow: 1;
}

.row.display-flex > [class*='col-'] > .panel {
    height: 100%;
}

.panel {
    /* height: 95%; */
    margin-bottom: unset;
}

/*
.daterangepicker {
    width: 415px;
}
*/

.table > thead > tr.bg-blue > th > a {
    color: white;
}

@media print {
    a[href]:after {
        content: none
    }

    .table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
        padding: 0px 10px;
    }
}

.bg-blue > div > a {
    color: white;
}

.bg-blue > th > a {
    color: white;
}

.bg-success > div > a {
    color: white;
}

.bg-success > th > a {
    color: white;
}


.sidebar-content > .text-center > a > img {
    max-width: 180px;
}

.daterangepicker > div > .calendar-table > .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th,
.daterangepicker > div > .calendar-table > .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td,
.daterangepicker > div > .calendar-table > .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 0px;
}

.required > label {
    font-weight: bold;
}

.required > label:after {
    content: ' *';
    color: #C3232D;
}

#monthTodayGraph, #monthTotalGraph {
    min-height: 300px;
}

img.img40 {
    height: 20px;
}

.table_tight > thead > tr > th,
.table_tight > tbody > tr > th,
.table_tight > tfoot_orders > tr > th,
.table_tight > thead > tr > td,
.table_tight > tbody > tr > td,
.table_tight > tfoot > tr > td {
    padding: 2px;
}

.order-row-icon {
    width: 20px;
}

/*
Calendar related
 */
.calendar-new {
    color: black;
    background-color: yellow;
}

.calendar-under_work {
    color: white;
    background-color: silver;
}

.calendar-notok {
    color: white;
    background-color: red;
}

.calendar-reservation {
    color: white;
    background-color: orange;
}

.calendar-default {
    color: black;
    background-color: #ffffff;
}

.fc-event {
    color: black;
    background-color: #ffffff;
}

.timeTableCol  {
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 2px;
    border: 1px solid black;
    text-align: center;
    width: 15%;
}

.timeTableRow {
    text-align: center;
    font-weight: bold;
}

/*
#main-header {
    background: url(/images/header_middle_bg.jpg) repeat-x 0 100%;
    height: 50px;
}
*/
body {
    font-family: "Helvetica neue", Helvetica, Arial, sans-serif;
    /* background: url(/images/bg.jpg) 100%; */
    background: white;
}

.navigation li a.flag {
    display: unset;
}

.fc-event-title > img.vehicleIcon {
    width: 15px;
}

.fc-event-title > img.programmingToolIcon {
    width: 15px;
}

.fc-event-title > img.orderStateIcon {
    width: 10px;
}

.MediaFilePreviewImage {
    max-height: 60px;
}

.panel-body-summary-page {
    padding: 5px;
}

.panel-heading {
    padding: 0px 20px;
}

.panel-heading > h6 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.panel-body {
    padding: 5px;
}

.page-header {
    margin-top: 5px;
}

.demo-warning {
    text-align: center;
    color: red;
    font-size: 18px;
}

@media (max-width: 768px) {
    .content {
        padding-left: unset;
        padding-right: unset;
    }
}

.page-title {
    padding: 10px 36px 5px 0;
    display: block;
    position: relative;
}

.orange_button {
    background-color: #f17600;
    color: white;
    border-color: white;
}

/*
Ulkoasumuutokset 9.12.2020
 */

.panel-success {
    border-color: white;
}

.red-hours {
    border: 2px solid red;
}

.bg-red-hours {
    background-color: red;
}

.red-hours-title {
    color: red;
}

.bg-blue-hours {
    background-color: #0f70b6;
    color: white;
}

.blue-hours {
    border: 2px solid #0f70b6;
}


.blue-hours-title {
    color: #0f70b6;
}

.bg-order-search {
    background-color: #555555;
}
.bg-order-search-button {
    background-color: black;
}

.paymentStatusHead {
    max-width: 20px;
}

.paymentStatus > div {
    margin: 5px;
    border-radius: 10px;
}

@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: 400;
    font-style: normal
}

.fc-icon {
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1em;
    height: 1em
}

.fc-icon-chevron-left:before {
    content: ""
}

.fc-icon-chevron-right:before {
    content: ""
}

.fc-icon-chevrons-left:before {
    content: ""
}

.fc-icon-chevrons-right:before {
    content: ""
}

.fc-icon-minus-square:before {
    content: ""
}

.fc-icon-plus-square:before {
    content: ""
}

.fc-icon-x:before {
    content: ""
}

.fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit
}

.fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.fc-button {
    -webkit-appearance: button;
    color: #212529;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4em .65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em
}

.fc-button:hover {
    color: #212529;
    text-decoration: none
}

.fc-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(44, 62, 80, .25);
    box-shadow: 0 0 0 .2rem rgba(44, 62, 80, .25)
}

.fc-button:disabled {
    opacity: .65
}

.fc-button-primary {
    color: #fff;
    background-color: #558B2F;
    border-color: #558B2F
}

.fc-button-primary:hover {
    color: #fff;
    background-color: #558B2F;
    border-color: #558B2F
}

.fc-button-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5);
    box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5)
}

.fc-button-primary:disabled {
    color: #fff;
    background-color: #558B2F;
    border-color: #558B2F
}

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
    color: #fff;
    background-color: #558B2F;
    border-color: #558B2F
}

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5);
    box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5)
}

.fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em
}

.login-form {
    max-width: 100%;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.program_ecu_select_area {
    border: 1px solid #558B2F;
}

.program_ecu_select_area > div {
    padding-left: 15px;
    padding-right: 15px;
}

.program_ecu_select_area_custom {
/*border-left: 1px solid #558B2F;*/
}

.calendarRedHour {
    background-color: red;
    color: white;
    border: 1px solid white;
}

.calendarSummary {
    background-color: silver;
    color: white;
    border: 1px solid white;
}

.orderAddVehicleSelectBorder {
    border: 1px solid black;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 5px;
}

.orderAddVehicleSelectBorder > .form-group {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;

}
.navbar {
    min-height: unset;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 20px;
    margin: 0;
}

.right-col, .left-col {
    padding: 10px;
}

.right-col > .row, .program_ecu_select_area_custom > .row, .form-title {
    margin-right: 10px;
    margin-left: 10px;
}

.detailed_vehicle_selection {
    margin-right: 10px;
    /*margin-left: 20px;*/
}

.select2, .select2-container, .select2-container--default, .select2-container--focus, span.selection, span.select2-selection, span.select2-selection--single, .select2-selection__rendered {
    height: 36px;
}

.select2-container .select2-selection--single {
    height: 36px;
}

.invoice-details, .invoice-payment-details > li span {
    float: right;
    text-align: right;
}

.calendar-info-dot {
    height: 12px;
}

.i-got-the-power {
}

.front-page-main-content {
    width: 100%;
}

.media-left img:not(.media-preview), .media-right img:not(.media-preview), .thumbnail .media img:not(.media-preview) {
    width: 100px;
    height: unset;
}

.msgrDiscussionReplyPanel {
    margin-top: 5px;
}

.contact-details-block, .message-panel {
    margin-top: 5px;
}

.panel.border-green-300 {
    margin-top: 10px;
}

.panel.border-orange-300 {
    margin-top: 10px;
    border-width: 2px;
}

.pre-payment-notification-area {
    background: #ff0000;
    color: white;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.orders-table {
    color: #000000;
}
.orders-table > thead > tr > th,
.orders-table > thead > tr > th > a,
.orders-table > tbody > tr > td,
.orders-table > tbody > tr > td > a{
    color: #000000;
    font-weight: 600;
}

.orders-table > tbody > tr > td > b > a {
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}

.btn-allow-wrap {
    white-space: unset;
}

/* Order colors */

.order-color-row-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.order-color-row-empty-item {
    height: 100%
}

.new-order-no-file {
    font-size: 12px;
    background-color: silver;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.new-order-file-sent {
    font-size: 12px;
    background-color: yellow;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.new-retune-order-no-file {
    font-size: 12px;
    background-color: #CCFFCC;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.new-retune-order-file-sent {
    font-size: 12px;
    background-color: #99ffff;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.order-sent {
    font-size: 12px;
    background-color: green;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.offline-pld-order {
    font-size: 12px;
    background-color: orange;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.offline-order {
    font-size: 12px;
    background-color: #F5DE8BFF;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}
.offline-order-file-sent {
    font-size: 12px;
    background-color: #0bb4b4;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.work-in-progress {
    font-size: 12px;
    color: white;
    background-color: blue;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.order-not-ok {
    font-size: 12px;
    background-color: #ff4d4d;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.order-preliminary-reservation {
    font-size: 12px;
    background-color: #717FD0;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%;
}

.submit-product-order-button {
    text-transform: uppercase;
    font-size: 30px;
}

.btn-success, .add-products-to-order-button, .send_message_button {
    text-transform: uppercase;
    font-weight: bolder;
}

.collect-button {
    padding: 0 5px;
}

.payment_mechanism_select {

}


.checkbox-toggle {
}

.checkbox-toggle:checked + label, .radio-toggle:checked + label {
    border-radius: 5px;
    background-color: green;
    color: black;
    font-weight: bold;
}

input[class="checkbox-toggle"] {
    display: none;
}

input[class="radio-toggle"] {
    display: none;
}

.checkbox-toggle-label {
    font-size: 12px;
    background-color: white;
    color: black;
    display: inline-block;
    padding: 5px 20px 5px 0;
    margin-top: 0.5em;
    border-radius: 5px;
    border: solid 1px black;
    font-weight: bold;
}

.checkbox-toggle-ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.radio-toggle-ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.radio-toggle-ul-year {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.checkbox-toggle-li, .radio-toggle-li {
    list-style: none;
    display: flex;
    margin-left: 10px;
}

.product-storage-ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.product-storage-li {
    list-style: none;
    display: flex;
    margin-left: 10px;
}

.message-reseller-background {
    background: #f3d1a5;
    border: 1px solid #f3d1a5;
}

.product-category-image-small {
    width: 50px;
}
.product-category-image-medium {
    width: 100%;
    max-width: 250px;
}

.product-category-image-button {
    width: 100%;
    max-width: 100px;
    padding: 2px;
}

.category-list {
    list-style: none;
    display: flex;
}
.category-list > li {
    margin-left: 10px;
}

.order-overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black with opacity */
    z-index: 999; /* Sit on top */
    text-align: center;
    color: white;
    font-size: 24px;
    padding-top: 20%;
}

.vehicle_mark_name_div {

}

.vehicle_types_list_vehicle_icon {
    width: 30px;
}

.error-message {
    width: 100%;
    text-align: center;
}

.error-message > img {
    max-width: 200px;
}

.modal-content {
    background-color: #f9f9f9;
    border-radius: 10px;
}

.message-highlite-border{
    border: 3px solid #ee9090;
}