﻿:root {
   --light-gray: #ebe9eb;
   --dark-gray: #757475;
   --fedex-blue:#4d148c;
}

.fedex-blue
{
    color:var(--fedex-blue);
}

.fedex-blue-background
{
    background-color:var(--fedex-blue);
    color:#ffffff;
}


.img-open
{
    cursor:pointer;
}


.flex
{
    display:flex;
}

.italic
{
    font-style: italic;
}

.add-package
{
    font-size:0.875rem;
    cursor:pointer;
    margin-top:8px;
}

.package-quantity,
.package-weight
{
    width:100%;
}

.package-quantity{
    width:98%;
}

.pieces-weight-holder
{
    flex: 0 0 50%;
    max-width: 100%;
}

.dimension-holder
{
    margin-top:8px;
    flex: 0 0 100%!important;
    margin-bottom:8px;
}

#shipmentErrors
{
    display:none;
    list-style:none;
    padding-left:0.25em;
    padding-right:0.25em;
    font-size:0.875em;
    margin-bottom:0.5em;
    margin-top:0.5em;
    color:red;
}

#frmCustomsDetails .error-container,
#error-container
{
    list-style:none;
    font-size:0.875rem;
    color: rgba(255,0,0,0.75);
    padding-left:0px;
    display:none;
}

.error-display
{
    padding:0px 15px;
}

.input-group input[type='text'],
.input-group select
{
    width:100%!important;
}

.red-text {
    color: #ff0000!important;
}

.pending-charges
{
    cursor:pointer;
}


.package-length,
.package-width
{
    margin-right:5px;
}


.edit-customs-item,
.delete-customs-item{
    cursor:pointer;
    height:23px;
    width:auto;
    display:inline-block!important;
}

.td-auto-size
{
    white-space:nowrap;
    width:0px;
    padding-left:0.5rem;
    padding-right:0.5rem;
}

#SenderVATNumber,
#SenderPostalCode,
#ReceiverPostalCode,
#ReceiverState
{
    max-width:250px;
}

#SenderEmailAddress,
#SenderCity,
#ReceiverPostalCode,
#ReceiverState
{
    margin-right:0px!important;
}


.uppercase
{
    text-transform:uppercase;
}


.input-group textarea
{
    width:100%!important;
    height:6em!important;
}

input[type='text']::placeholder
{
    font-size:0.875rem!important;    
    text-transform:none!important;
}

.select-place-holder
{
    font-size:0.875rem!important;    
    color: #6c757d;
    height:30px!important;
}

.select-place-holder > option
{
    font-size:1rem!important;
    color:rgb(0, 0, 0)!important;
}

#PackageTypeID
{
    width:100%!important;
}

.section-title{
    font-weight:bold;
    margin-bottom:12px;
}

.package-quantity,
.package-weight
{
    width:100%!important;
}

.package-weight
{
    margin-left:5px!important;
}


.customs-document-details
{
    column-gap:5px!important;
}

#CustomsValue
{
    width:120px!important;
}

#CustomsValueCurrencyCode
{
    width:auto!important;
}

#frmCustomsDetails #ItemDescription
{
    flex-grow:2;
    margin-bottom:5px!important;
}


.delete-package-image
{
    height:24px;
    width:auto;
    cursor:pointer;
    
}

#DeclaredValue
{
    width:120px!important;    
}

#DeclaredValueCurrency
{
    width:auto!important;    
}

#DetailsContainer
{
    min-height:0px!important;
}

.summary-details-container
{
    background: white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom:3px;
}

.summary-details-container p
{
    font-size:0.875em;
    margin-bottom:0px;
}

.summary-container-row
{
    margin-left:0px!important;
    margin-right:0px!important;
    margin-bottom:0.5em!important;
}

.summary-holder
{
    padding-left:0px!important;
    padding-right:0px!important;
}

.cart-holder
{
    margin-top:5px!important;
    margin-bottom:10px!important;
}

#btnBookPickup
{
    margin-bottom:5px;
}

.stationary-item-details img
{
    width:150px;
    height:auto;
    margin-bottom:0.5em;
}

.stationary-item-details.hidden
{
    display:none!important;
}

.stationary-item-details{
    display:flex; 
    flex-direction:column; 
    justify-content:flex-start;
    align-items:center;
    font-size:0.875em;
    border-bottom:1px solid #ececec;
    padding-bottom:0.5em;
    text-align:center;
}

.stationary-item-details:last-of-type
{
    border-bottom:none;
}


.stationary-item i{
    cursor:pointer;
}


#cmbShipmentType
{
    border:none!important;
    outline: none;
    scroll-behavior: smooth;
}

#cmbShipmentType option
{
    padding-top:0.25em;
    padding-bottom:0.25em;
}


@media (min-width:576px)
{



    .stationary-item-details img {
        margin-right:0.5em;
        margin-bottom:0px;
    }

    .stationary-item-details {
        flex-direction:row;
        text-align:left;
    }

    .summary-holder
    {
        padding-left:0px;
        padding-right:5px;
    }
  
    .cart-holder
    {
        padding-left:5px;
        padding-right:0px;
        margin-top:0px!important;
        margin-bottom:0px!important;
    }

    #SenderVATNumber,
    #SenderPostalCode,
    #ReceiverPostalCode,
    #ReceiverState
    {
        max-width:none!important;
    }

    #ReceiverPostalCode,
    #ReceiverState
    {
        margin-right:5px!important;
    }

    #SenderEmailAddress,
    #SenderCity
    {
        margin-right:5px!important;
    }

    #PackageTypeID
    {
        max-width:250px!important;
    }

    .package-weight
    {
        margin-left:0px!important;
    }


    #frmCustomsDetails #ItemDescription
    {
        flex-grow:1;
        margin-bottom:0px!important;
    }
}

.package-line
{
    margin-bottom:16px;
    border-bottom:1px solid var(--cc-blue);
}

.cart-details 
{
    display:none;
}

.cart-details i:hover,
.cart-details-icon:hover
{
    cursor:pointer;
}
.cart-details .row
{
    margin-left:0px;
    margin-right:0px;
}
.cart-details label
{
    margin-bottom: 0.1em;
    white-space:nowrap;
    overflow:hidden;
}


@media (min-width:768px) {

    .package-line
    {
        margin-bottom:0px;
        border-bottom:none;
    }


    #DetailsContainer
    {
        min-height:70vh!important;
    }

    .package-dimension
    {
        max-width:100px!important;
    }

    .pieces-weight-holder 
    {
        flex: 1 0 auto;
        width: auto;
        max-width: none;
        margin-right:5px;
    }
   .package-quantity
    {
        width:80px;
    }

   .package-weight
   {
       width:100px;
   }

   .dimension-holder
    {
        margin-top:0px;
        flex: 0 0 auto!important;
    }

}