#CompanyStructure > img
{
    margin: 15px 0px 0px 130px;
}

/* Contact */
#Contact .CompanyName
{
    font-size: 13.5pt;
    font-weight: bold;
}

#Contact h3
{
    clear: both;
    font-size: 9pt;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

/* Container Data */
#ContainerData *
{
    float:left;
}
#ContainerData  > Div >Div:First-Child
{
    clear:left;
}

#ContainerData > Div
{
     background-color: #EFEFEF;
    border: 1px solid black;
    margin-bottom: 3px;
    padding: 5px;
}

#ContainerData >  Div > Div > Div
{
    clear:left;
}

#ContainerData  .Separator
{
    width: 25px;    
}


#ContainerData > Div >Div > Div > Span
{
    min-width:200px;
}

#ContainerData > Div > Div:First-Child > Div > Span
{
    min-width: 200px;
}

#ContainerData > Div > Div > Div > Span:first-Child
{
    min-width: 120px;
}



/* Container Repair */
#ContainerRepairData *
{
    float:left;
}
#ContainerRepairData  > Div >Div:First-Child
{
    clear:left;
}

#ContainerRepairData > Div
{
     background-color: #EFEFEF;
    border: 1px solid black;
    margin-bottom: 3px;
    padding: 5px;
}

#ContainerRepairData >  Div > Div > Div
{
    clear:left;
}

#ContainerRepairData > Div >Div > Div > Span
{
    min-width:200px;
}


#ContainerRepairData > Div > Div:First-Child > Div > Span
{
    min-width: 225px;
}


#ContainerRepairData > Div > Div > Div > Span:first-Child
{
    min-width: 120px;
}

/* Search container */
#ContainerSearchResult > Div > Div
{
    margin-Left:15px;
}

#ContainerSearchResult > Div:First-child
{
    Clear:left;
}
#ContainerSearchResult > Div > Div
{
   float:left;
}


/* CreateDelivery */
#CreateDelivery > *
{
    clear: left;
    float: left;
}

#CreateDelivery_ContainerInformationView > *
{
    clear: left;
    float: left;
}

#CreateDelivery_ContainerInformationView > div
{
    margin: 0px 0px 10px 0px;
}

#CreateDelivery_ContainerInformationView > div > *
{
    float: left;
}

#CreateDelivery_ContainerInformationView > div > input[type='text']
{
    margin-top: 3px;
}

#CreateDelivery_ContainerInformationView_ContainerFoundView > *
{
    clear: left;
    float: left;
    margin-bottom: 10px;
}

#CreateDelivery .TruckerTruckInformationsView *
{
    float:left;
}

#CreateDelivery .TruckerTruckInformationsView > div > div
{
    clear:left;
    margin-bottom:3px;
}

#CreateDelivery .TruckerTruckInformationsView > div > div > label, #CreateDelivery .TruckerTruckInformationsView > div > div > div > label
{
    width:100px;
}

#CreateDelivery .TruckerTruckInformationsView > div > div > input[type='text'], #CreateDelivery .TruckerTruckInformationsView > div > div > div > input[type='text']
{
    width:200px;
}

#CreateDelivery .TruckerTruckInformationsView_Actionbutton
{   
    margin-left:3px;
    font-size: 8pt;
    width: 80px !important;
}

#CreateDelivery .TruckerTruckInformationsView_SiteActionButton
{
    margin-top:15px;
}

/* CreatePickup */
#CreatePickup_PickupTourView > *
{
    clear: left;
    float: left;
}

#CreatePickup_ReferenceSelection > *
{
    float:left;
    margin-top: 15px;
}

#CreatePickup .TruckerSelectionUserControl
{
    margin-top: 15px;
}

/* Default (Home) */
#Default > *
{
    clear: both;
}

#DefaultInfoBox
{
    border: 0.5pt solid #3F322B;
    padding: 5px;
    text-align: center;
    width: 500px;
    display: table;
    margin: 0 auto;
    margin-top: 60px;
}

/* Delivery Data*/
#DeliveryData *
{
    float:left;
}
#DeliveryData  > Div >Div:First-Child
{
    clear:left;
}

#DeliveryData > Div
{
     background-color: #EFEFEF;
    border: 1px solid black;
    margin-bottom: 3px;
    padding: 5px;
}

#DeliveryData > Div > Div
{
    clear:left;
}

#DeliveryData >Div > Div > Span
{
    min-width:200px;
}

#DeliveryData > Div > Div > Span:first-Child
{
    min-width: 120px;
}

#downloadExcelView >div
{
    Clear:left;
    float:left;
    margin-top:8px;
}

#DownloadReport > Div
{
    clear:left;
    margin-top: 10px;    
}

#DownloadReport > Div > Div
{
   clear:left;
}

#DownloadReport > Div > Span
{
    float:left;
    min-width:180px;
    
}

/*#DownloadReport input[type='button'], input[type='submit']
{   
    float:left;
    font-size: 8pt;
    width:  80px!important;
}*/

/* HCS-Team */
#HCSTeam table
{
    width: 100%;
}

#HCSTeam th
{
    font-weight: normal;
    text-align: left;
}

#HCSTeam tr.Department, #HCSTeam tr.Department a:link, #HCSTeam tr.Department a:visited
{
    color: #DB0031;
    font-weight: bold;
}

#HCSTeam > table
{
    margin-bottom: 40px;
}

#HCSTeam table a:link, #HCSTeam table a:visited
{
    text-decoration: none;
}

#HCSTeam table > thead > tr > th, #HCSTeam table > tbody > tr > td
{
    padding-left: 5px;
    padding-top: 3px;
}

#HCSTeam table > thead > tr > th, #HCSTeam tr.Last > td
{
    border-bottom: 1px solid #363A31;
}

#HCSTeam table > tbody > tr.First > td
{
    padding-top: 20px;
}

/* Import */
#ImportUploadView > div
{
    float: left;
    clear: left;
    margin-top:10px;
}

/* Impressum */
#Impressum div.NamedValues
{
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

#Impressum div.NamedValues > div
{
    clear: left;
    float: left;    
    margin-bottom: 10px;
}

#Impressum div.NamedValues > div > *
{
    float: left;
}

#Impressum div.NamedValues > div > p
{
    margin: 0px 0px 0px 10px;
}

#Impressum div.NamedValues > div > p > strong
{
    color: #E10000;
}

#Impressum div.NamedValues > div > span
{
    font-weight: bold;
    width: 140px;
}

#Login > *
{
    clear: left;    
    float: left;
}

#Login > div
{
    border-top: 0.5pt solid #3f322b;
    margin-bottom: 20px;
    padding-top: 15px;
}

#Login > div:first-child
{
    border-top: none;
    padding-top: 0px;
}

#Login > div > div, #Login > div > div > div
{
    float: left;
    clear: left;
}

#Login div.BillData *
{
    float: left;
}

#Login div.LoginData *
{
    float: left;
}

#Login div.LoginData > div
{
    clear: left;
    margin-bottom: 5px;
    width: 425px;
}

#Login div.LoginData > div > label
{
    width: 150px;
}

#Login div.LoginData > div > div
{
    margin-top: 10px;
}

#Login div.LoginData > div > div > span
{
    width: 325px;
}


#Login div.LoginData > div > input[type='text'], #Login div.LoginData > div > input[type='password']
{
    width: 250px;
}

#Login > p
{
    margin-bottom: 5px;
}

/* Pickup data*/
#PickupData *
{
    float:left;
}
#PickupData  > Div >Div:First-Child
{
    clear:left;
}

#PickupData > Div
{
     background-color: #EFEFEF;
    border: 1px solid black;
    margin-bottom: 3px;
    padding: 5px;
}

#PickupData > Div > Div
{
    clear:left;
}

#PickupData >Div > Div > Span
{
    min-width:198px;
}

#PickupData > Div > Div > Span:first-Child
{
    min-width: 120px;
}

/* Profile */
#Profile > *
{
    clear: left;
    float: left;
}

#Profile > div > input
{
    clear: left;
    float: left;
}

#Profile_PasswordDiv > div > *
{
    float: left;
}

#Profile_PasswordDiv > div
{
    clear: left;
    float: left;
    margin-bottom: 5px;
}

#Profile_PasswordDiv label
{
    clear: left;
    width: 150px;
}

#Profile_PasswordDiv input[type='text'], input[type='password']
{
    width: 200px;
}

#Profile_PasswordDiv ul
{
    clear: left;
}

#Profile_PasswordDiv .ValidationSummary
{
    float: none;
}

#RedeliveryReference_ReturnButton
{
    clear:left;
}

#RedeliveryReference_ReturnButton > Input[type='button'], 
#RedeliveryReference_ReturnButton > Input[type='submit']
{
    margin-top: 15px;
}

#Register li
{
    float: none;
}


#Register > div, #Register > div *
{
    float: left;
}



#Register_LogonInformation
{
    width: 700px;
}

#Register_UserInformation
{
    margin-top: 15px;
}

#Register_UserInformation > p
{
    margin-top: 0px;
}

#Register_UserInformation > p > a
{
    float:none!important;
}


#Register_ContactInformation > div
{
    clear: left;
    margin-bottom: 4px;
    width: 450px;
}

#Register_ContactInformation > div > label
{
    width: 150px;
}

#Register_ContactInformation > div > input[type='text'], #Register_ContactInformation > div > input[type='password'], #Register_ContactInformation > div > select
{
    width: 250px;
}

#Register_ContactInformation > div > input[type='button'], #Register_ContactInformation > div > input[type='submit']
{
    margin-top: 10px;
}

#Register_LogonInformation
{
    width: 700px;
}

#Register_LogonInformation > div
{
    clear: left;
    margin-bottom: 4px;
    width: 450px;
}

#Register_LogonInformation > div:first-child
{
    margin-bottom: 20px;
}

#Register_LogonInformation > div > label
{
    width: 150px;
}

#Register_LogonInformation > div > input[type='text'], #Register_LogonInformation > div > input[type='password'], #Register_LogonInformation > div > select
{
    width: 250px;
}

#Register_LogonInformation > div > input[type='button'], #Register_LogonInformation > div > input[type='submit']
{
    margin-top: 10px;
}

#Register_LogonInformation_PasswordComplexity
{
    clear: none !important;
    float: right !important;
    margin-top: 40px;
    width: 250px !important;
}

#Register_LogonInformation_PasswordComplexity:first-letter
{
    margin-left: -11px;
}

#RegisterTruckerCard li
{
    float: none;
}

#RegisterTruckerCard > div, #RegisterTruckerCard > div *
{
    float: left;
}

#TR02ChartInfoBox {
    border: 0.5pt solid #3F322B;
    padding: 5px;
    text-align: center;
    width: 500px;
    display: table;
    margin: 0 auto;
    margin-top: 60px;
}

#TruckerCardNumber {
    width: 700px;
}

#TruckerCardNumber > div
{
    clear: left;
    margin-bottom: 4px;
    width: 450px;
}

#RegisterTruckerCard > #TruckerCardNumber > div:first-child
{
    margin-bottom: 20px;
}

#RegisterTruckerCard > #TruckerCardNumber > div > label
{
    width: 150px;
}

#RegisterTruckerCard > #TruckerCardNumber > div > input[type='text']
{
    width: 250px;
}

#RegisterTruckerCard > #TruckerCardNumber > div > input[type='button']
#RegisterTruckerCard > #TruckerCardNumber > div > input[type='submit']
{
    clear: left;
    margin-top: 10px;
}

#TruckerCardDetail > div
{
    clear: left;
    margin-bottom: 4px;
    width: 450px;
}

#RegisterTruckerCard > #TruckerCardDetail > div > label
{
    width: 150px;
}

#RegisterTruckerCard > #TruckerCardDetail > div > input[type='text']
{
    width: 250px;
}

#RegisterTruckerCard > #TruckerCardDetail > #GenderDetail > div > label
{
    width: 55px;
}

#RegisterTruckerCard > #TruckerCardDetail > #GenderDetail > div > input[type='text']
{
    width: 78px;
}

#RegisterTruckerCard > #TruckerCardDetail > #BirthDateDetail > div > select
{
    width: 84.6px;
}

#RegisterTruckerCard > #TruckerCardDetail > #NationalityDetail > select
{
    width: 254px;
}

#RegisterTruckerCard > #TruckerCardDetail > #RegisterButton
{
    clear: left;
    margin-top: 30px;
}

#Reservations > *
{
    clear: left;
    float:left;
}

#Reservations h2
{
    clear: left;
}

/* SearchContainer */
#SearchContainer *
{
    float:left;
}

#SearchContainer .ContainerNotFoundLabel
{
    color:red;
}


#SearchContainer_ContainerNumberInput *
{
    float:left;
    
}

#SearchContainer_ContainerNumberInput > Div > Label
{
    min-width:130px;
}

/* SearchPickupReference */
#SearchPickupReference > Div
{
    clear:left;
}

#SearchPickupReference_ReferenceInput > div > label
{
    min-width: 80px;
}

#SearchPickupReference_ReferenceInput
{
    clear:left;
}


#SearchPickupReference_ReferenceInput *
{
    float:left;
}

/* SearchRedeliveryReference */
#SearchRedeliveryReference_ReferenceInput
{
    clear:left;
}


#SearchRedeliveryReference_ReferenceInput *
{
    float:left;
    
}

#SearchRedeliveryReference_ReferenceInput > div > label
{
    min-width: 90px;
}

#SearchRedeliveryReference_ReturnButton
{
    clear:left;
}

#SearchRedeliveryReference_ReturnButton > Input[type='button'], 
#SearchRedeliveryReference_ReturnButton > Input[type='submit']
{
    margin-top: 15px;
}

#SearchPickupReference_ReturnButton
{
    clear:left
}

#SearchPickupReference_ReturnButton > Input[type='button'], 
#SearchPickupReference_ReturnButton > Input[type='submit']
{
    margin-top: 15px;
}

#WorkorderView > *
{
    clear:left;
    float: left;
}

#WorkorderView .ImageGalleryUserControl > div:first-child
{
    display:inline;
    float: left;
}

#WorkorderView .ImageGalleryUserControl > div:first-child > span, #WorkorderView .ImageGalleryUserControl > div:first-child > img
{
    clear:left;
    float:left;
}

#WorkorderView .ImageGalleryUserControl > div:first-child > span
{
    margin-top: 10px;
    width: 400px;    
}

#WorkorderView .ImageGalleryUserControl_MenuBox 
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-top: -12px;
    width: 280px;
}

#WorkorderView .ImageGalleryUserControl_MenuBox > ul
{
    float: left;
    padding: 0px;
}

#WorkorderView .ImageGalleryUserControl_MenuBox > ul > li
{
    float: left;
    list-style: none;
    margin-right: 5px;
}

#WorkorderView .DownloadAllImagesButton
{
    margin-left:10px;
}

#WorkorderView img {
    object-fit: contain;
}

.moozoom {
    object-fit: contain;
}