/*!
 * WellFrame Web Library
 *
 * Copyright (©) Wellcode Software owned by Khamis Abuelkomboz
 *
 * ALL RIGHTS RESERVED, see http://wellcode.de
 *
 */

.Tour-page .itemstemplate {
    width: 33%;
    background-color: white;
    overflow: auto;
}

.editpage.Tour-page .inputfield {
    width: auto;
    /*min-width: 130px;*/
}

.editpage.Tour-page .inputfield.inputfield-MemoFormatted {
    max-width: none;
    margin: 0px;
    padding: 2px 0px 5px 0px;
}

@media screen and (min-width: 641px) {

    .editpage.Tour-page .inputfield {
        max-width: 300px;
    }

    .editpage.Tour-page .inputfield-DateTime {
        width: 200px;
    }

    .editpage.Tour-page .field-Notice-area {
        width: 50%;
        width: 684px;
        float: left;
    }

    .editpage.Tour-page .field-DriverNotice-area,
    .editpage.Tour-page .field-InternalNotice-area {
        width: 340px;
        float: left;
        height: auto;
    }

    .editpage.Tour-page .field-PriceListHolder-area {
        width: 310px;
    }

    .editpage.Tour-page .field-Pause-area .inputfield {
        width: 90px;
    }

    .editpage.Tour-page .fieldgroup-Tour {
        max-width: 1366px;
    }

    .editpage.Tour-page .field-Article2Id-area,
    .editpage.Tour-page .field-ArticleId-area {
        width: 210px;
    }

    .editpage.Tour-page .field-Article2Quantity-area,
    .editpage.Tour-page .field-ArticlePrice-area {
        width: 100px;
        float: left;
    }
}

.editpage.Tour-page .fieldgroup-Tour > fieldset.fieldgroup-fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.editpage.Tour-page .fieldgroup-Tour > fieldset.fieldgroup-fieldset > legend {
    display: none;
}

.editpage.Tour-page .inputfield-ArrivalDuration,
.editpage.Tour-page .inputfield-Duration,
.editpage.Tour-page .inputfield-TourNumber,
.editpage.Tour-page .inputfield-Frequency {
    /*min-width: unset;*/
    width: 94px;
}

.editpage.Tour-page .inputfield-ArrivalDate,
.editpage.Tour-page .inputfield-TourEnd {
    min-width: unset;
    width: 200px;
}

.printer .Tour-page .inputfield-TourNumber {
    width: 70px;
    min-width: unset;
}

.printer .Tour-page .inputfield-DateTime,
.printer .Tour-page .inputfield-TourEnd,
.printer .Tour-page .inputfield-TourStart {
    width: 130px;
}

.Tour-page .field-Memo {
    height: 10em;
}

.Tour-item .item-VContent {
    white-space: unset;
}

.Tour-page .field-TourNumber-area {
    /*width: 200px;*/
}

.Tour-page .field-Destination-area {
    /*width: calc(100% - 0px);*/
    /*min-width: 400px;*/
}

@media screen and (max-width: 640px) {
    .Tour-page .field-Destination-area {
        min-width: unset;
    }
}

.columnstemplate .TourDocument-item {
    min-width: 550px;
    max-width: 550px;
}

.columnstemplate .TourDocument-item .item-image {
    height: 75px;
    width: 75px;
}

.TourDocumentView-page.hcentered {
    max-width: 1000px;
}

.editpage.TourDocumentView-page .field-Notice {
    height: 4em;
}

.Tour-customerview {
    width: auto;
    top: auto;
    left: auto;
    background: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0px;
}

.Tour-customerview .fieldgroup-fieldset {
    border: 0px;
}

.Tour-customerview .fieldgroup-title {
    color: inherit;
}

.Tour-customerview .field-value {
    background: inherit;
    border: 1px solid lightgray;
}

.TourPosition-page .field-Action.list-item {
    padding: 10px 10px 10px 10px;
    margin: 2px;
    border: 1px solid lightgray;
    width: calc(50% - 26px);
    float: left;
}

@media screen and (min-width: 641px) {

    .editpage.TourPosition-page .fieldgroup-Quantity .fieldgroup-elements {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .editpage.TourPosition-page .field-Price-area,
    .editpage.TourPosition-page .field-PriceUnitId-area {
        grid-column: 1;
    }

    .editpage.TourPosition-page .field-DiscountPercent-area {
        grid-column: 1;
    }

    .editpage.TourPosition-page .field-DiscountKind-area {
        grid-column: 2;
    }

    .editpage.TourPosition-page .fieldgroup-Quantity .inputfield {
        width: 160px;
    }

    .editpage.TourPosition-page .field-DiscountInfo-area {
        grid-column: 1 / span 2;
    }

    .editpage.TourPosition-page .field-DiscountInfo-area .inputfield {
        width: auto;
    }

    .editpage.TourPosition-page .field-DiscountInfo-area .inputfield {
        /*width: auto;*/
    }

    .editpage.Tour-page .fieldgroup-TourPositionList {
        width: 100%;
    }

    .editpage.Tour-page .fieldgroup-TourPositionList .field-Memo {
        height: auto;
    }
}

@media screen and (min-width: 641px) {
    .editpage.Find-Tour .field-Find {
        min-width: 280px;
    }

    .editpage.Find-Tour .field-ComboBox {
        max-width: 200px;
    }

    .editpage.Find-Tour .inputfield-TourStart {
        width: 160px;
    }

    .editpage.Find-Tour .inputfield-TourNumber {
        width: 120px;
    }

    .editpage.Find-Tour .inputfield-VehicleInfoId {
        width: 140px;
    }

    .editpage.Find-Tour .inputfield-Invoiced {
        width: 100px;
    }


    .Find-TourPositionView .field-TourNumber-area .inputfield {
        width: 130px;
    }

    .Find-TourPositionView .field-InvoiceNumber-area .inputfield {
        width: 180px;
    }
}

/*.Tour-item .item-VContent {
    white-space: normal;
}

.fieldview.sublist .Tour-page .field-Memo,
.printer .Tour-page .field-Memo {
    white-space: normal;
}*/

.dialogbox.TollFee-dialo {
    max-width: 800px;
}

.dialogbox.TollFee-dialog .statement-summary {
    padding-top: -3px;
}

.dialogbox.TollFee-dialog .statement-summary .item-text {
    padding-top: 0px;
    padding-bottom: 0px;
}

.TourPositionNote-page .editpage-fields .fieldtemplate.field-DeliveryNumber1-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-DeliveryNumber2-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-DeliveryNumber3-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-DeliveryNumber4-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-DeliveryNumber5-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-Price-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-SurchargeX-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-SurchargeOld-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-SurchargeNew-area,
.TourPositionNote-page .editpage-fields .fieldtemplate.field-SurchargeIncrease-area {
    float: left;
}

@media screen and (min-width: 641px) {

    .TourPositionNote-page .fieldgroup-Surcharge .fieldgroup-elements {
        display: grid;
    }

    .TourPositionNote-page .field-SurchargeCalc-area {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .TourPositionNote-page .field-SurchargeText-area,
    .TourPositionNote-page .field-SurchargeText2-area {
        grid-column: 2 / span 2;
    }

    .TourPositionNote-page .field-SurchargeShare-area {
        grid-column: 3;
    }

    .TourPositionNote-page .field-SurchargeIncrease-area {
        grid-column: 2;
    }

    .TourPositionNote-page .field-Surcharge-area {
        grid-column: 3;
    }

    .TourPositionNote-page .field-ViewInPosition-area,
    .TourPositionNote-page .field-PositionText-area {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .TourPositionNote-page .field-PositionText-area .inputfield {
        width: calc(100% - 10px);
    }

    .TourPositionNote-page .fieldtemplate-Decimal,
    .TourPositionNote-page .fieldtemplate-ComboBox {
        width: 130px;
    }

    .TourPositionNote-page.hcentered {
        max-width: 410px;
    }

    .TourPositionNote-page .inputfield-ArticleId {
        width: 400px;
    }
}

.TourAction-page .field-Action {
    font-weight: bold;
    font-size: x-large;
}

@media screen and (max-width: 640px) {

    .editpage.TourAction-page .field-VehicleInfoId-area,
    .editpage.TourAction-page .field-VehicleType-area,
    .editpage.TourAction-page .field-Pause-area,
    .editpage.TourAction-page .field-TimeTotal-area,
    .editpage.TourAction-page .field-NightShift-area,
    .editpage.TourAction-page .field-TrailerId-area,
    .editpage.TourAction-page .field-TollFeeCharge-area {
        width: 50%;
    }

    .editpage.TourAction-page .field-ContainerProvision-area {
        width: 35%;
    }

    .editpage.TourAction-page .field-WasteType-area {
        width: 65%;
    }

    .editpage.TourAction-page .field-ContainerSize-area,
    .editpage.TourAction-page .field-ContainerLid-area,
    .editpage.TourAction-page .field-ContainerFlap-area {
        width: 33.3%;
    }
}

.TourPosition-page .field-Notice-area .field-Memo {
    height: 5em;
}

@media screen and (min-width: 641px) {
    .editpage.Tour-page .inputfield-ConstructionSiteId,
    .editpage.Tour-page .inputfield-ConstructionSite2Id,
    .editpage.Tour-page .inputfield-DriverInfoId,
    .editpage.Tour-page .inputfield-VehicleInfoId,
    .editpage.Tour-page .inputfield-Partner1Id,
    .editpage.Tour-page .inputfield-Partner2Id {
        min-width: 300px;
    }

    .editpage.Tour-page .inputfield-VehicleInfoId {
        /*min-width: 450px;*/
    }

    .editpage.Tour-page .fieldgroup-Memos .fieldgroup-elements > .fieldtemplate {
        float: left;
    }

    .editpage.Tour-page .fieldgroup.fieldgroup-Status,
    .editpage.Tour-page .fieldgroup.fieldgroup-Driver {
        float: left;
    }

    .editpage.Tour-page .fieldgroup-Status .fieldtemplate,
    .editpage.Tour-page .fieldgroup-Driver .fieldtemplate {
        float: left;
    }

    .editpage.Tour-page.verticalfields .fieldgroup.fieldgroup-Memos {
        float: left;
        width: 78%;
    }

    .editpage.Tour-page.verticalfields .fieldgroup.fieldgroup-PriceList {
        float: left;
        width: 22%;
    }

    .editpage.Tour-page .fieldgroup.fieldgroup-TourTime .fieldgroup-elements,
    .editpage.Tour-page .fieldgroup.fieldgroup-Customer .fieldgroup-elements,
    .editpage.Tour-page .fieldgroup.fieldgroup-LoadLandfill .fieldgroup-elements,
    .editpage.Tour-page .fieldgroup.fieldgroup-Vehicle .fieldgroup-elements {
        min-height: 275px;
    }

    .editpage.Tour-page .field-IsCollective-area,
    .editpage.Tour-page .field-TollFeeCharge-area {
        float: left;
    }

    .workerpage .commands {
        display: block !important;
    }

    .workerpage .commands .cmd-newworkertour img {
        float: left;
    }

    .workerpage .commands .cmd-newworkertour div.text {
        float: left;
        padding-top: 2px;
        padding-left: 2px;
        white-space: nowrap;
    }

    .editpage.TourTemplate-page {
        max-width: 755px;
    }

    .editpage.TourTemplate-page .field-ValidFrom-area,
    .editpage.TourTemplate-page .field-Quantity-area,
    .editpage.TourTemplate-page .field-FreightPrice-area,
    .editpage.TourTemplate-page .field-FreightSurcharge-area,
    .editpage.TourTemplate-page .field-IsMain-area {
        float: left;
    }

    .editpage.TourTemplate-page .field-ValidFrom-area,
    .editpage.TourTemplate-page .field-IsMain-area {
        width: 378px;
    }
}

.editpage.Tour-page .fieldtemplate.field-ArrivalDuration-area,
.editpage.Tour-page .fieldtemplate.field-Duration-area,
.editpage.Tour-page .fieldtemplate.field-Frequency-area {
    float: left;
    width: auto;
}

.editpage.Tour-page .fieldtemplate.field-ArrivalDate-area,
.editpage.Tour-page .fieldtemplate.field-TourEnd-area {
    width: auto;
}

.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item a.item-a,
.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-table td.itemstable-image-td {
    display: none;
}

/*.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item,*/
.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item .item-overlay {
    padding: 0px;
    margin: 0px;
    max-width: 304px;
}

.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item .item-VSubtitle,
.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item .item-VDescription {
    display: none;
}

.editpage.Tour-page .field-PriceListHolder-area .OrderPosition-item .item-text {
    white-space: nowrap;
    overflow: hidden;
    font-size: smaller;
    font-weight: normal;
}

div.Tour.qrcode {
    text-align: center;
}

div.Tour.qrcode img {
    width: auto;
    height: auto;
}

span.docsTotal {
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 3px;
    color: var(--wf-text-color);
    background: var(--wf-text-bgcolor);
    border-radius: 3px;
}

span.docsTotal.table {
    top: auto;
    left: 6px;
    margin-top: 30px;
}

@media screen and (max-width: 640px) {
    .Tour-page .field-Notice-area {
        width: calc(100% - 4px);
    }

    .Tour-page .field-Notice-area .field-Memo {
        height: 10em;
    }

    .Tour-page .field-DriverNotice-area,
    .Tour-page .field-InternalNotice-area {
        width: calc(100% - 4px);
    }

    .TourPosition-page .field-Quantity-area,
    .TourPosition-page .field-QuantityUnit-area {
        width: 28%;
    }

    .TourPosition-page .field-PriceUnitId-area {
        width: 44%;
    }

    .TourPosition-page .field-Longitude-area,
    .TourPosition-page .field-Latitude-area {
        width: 50%;
    }

    .Tour-page .inputfield-ArrivalDate,
    .Tour-page .inputfield-TourEnd {
        width: auto;
    }

    .Tour-page .inputfield-TourStart {
        width: auto;
    }

    .Tour-page .fieldgroup-TourTime .fieldtemplate {
        width: 40%;
    }

    .Tour-page .fieldgroup-TourTime .fieldtemplate.field-TourStart-area,
    .Tour-page .fieldgroup-TourTime .fieldtemplate.field-TourEnd-area,
    .Tour-page .fieldgroup-TourTime .fieldtemplate.field-ArrivalDate-area {
        width: 60%;
    }

    .Tour-page .fieldgroup-TourTime .fieldtemplate.field-Destination-area {
        width: 100%;
    }

    .Tour-page .fieldgroup-Status .fieldtemplate.field-NightShift-area,
    .Tour-page .fieldgroup-Status .fieldtemplate.field-TollFeeCharge-area,
    .Tour-page .fieldgroup-Status .fieldtemplate.field-TourCompleted-area {
        width: auto;
        float: left;
    }
}

/*
    TourStatus
*/
@media screen and (min-width: 641px) {
    .TourStatus-page .inputfield-Boolean {
        height: unset;
    }

    .TourStatus-page input.field-Number {
        width: 100px;
    }

    .TourStatus-page .field-OrderNumber-area,
    .TourStatus-page .field-IsTourType-area,
    .TourStatus-page .field-NotInvoiceable-area,
    .TourStatus-page .field-DriverVisible-area,
    .TourStatus-page .field-DriverCategory-area,
    .TourStatus-page .field-TemplatesId-area {
        float: left !important;
    }
}

/*
    Tour printing
*/

.printer .Tour-page .inputfield {
    width: auto;
}

.printer .Tour-page .field-Destination-area {
    /*width: calc(100% - 0px);*/
    min-width: 200px;
}

.printer .field-Duration-area,
.printer .field-TourStatusId-area,
.printer .field-DriverRelease-area,
.printer .field-OrderRelease-area,
.printer .field-VehicleRelease-area {
    display: none;
}

.printer .Tour-page .field-DriverInfoId-area {
    float: left;
    overflow: hidden;
}

.printer .Tour-page .field-VehicleInfoId-area {
    float: left;
    overflow: hidden;
}

.printer .Tour-page .field-TrailerId-area {
    float: left;
    min-height: 72px;
    overflow: hidden;
}

.printer .Tour-page .field-String {
    white-space: nowrap;
}

.printer .Tour-page .field-DriverInfoId,
.printer .Tour-page .field-VehicleInfoId {
    font-size: 1.2em;
    max-width: 300px;
}

.printer .Tour-page .field-Notice {
    font-size: 1em;
}

.printer .Tour-page .field-TrailerId {
    padding-top: 18px;
}

.printer .Tour-page .fieldgroup-LoadLandfill,
.printer .Tour-page .fieldgroup-Invoicing,
.printer .Tour-page .fieldgroup-Status,
.printer .Tour-page .fieldgroup-Driver {
    width: auto;
}