﻿.address-detail-card-mobile {
    background-color: var(--color-neutral-1);
}

.input-color-neutral-2 {
    background-color: var(--color-neutral-2) !important;
}

.grid-column-2fr-3fr{
    display: grid;
    grid-template-columns: 2fr 3.4fr;
}

.grid-column-1fr-2fr{
  display:grid;
 grid-template-columns: 1fr 2fr;  
}

.grid-column-11fr-2fr{
  display:grid;
 grid-template-columns: 1.1fr 2fr;  
}

.grid-column-1fr-3fr{
  display:grid;
 grid-template-columns: 1fr 3fr;  
}

.grid-column-1-05fr-3fr{
  display:grid;
 grid-template-columns: 1.05fr 3fr;  
}

.grid-column-70-30 {
    display:grid;
    grid-template-columns: 70% 30%;  
}

.grid-column-40-60 {
    display:grid;
    grid-template-columns: 40% 60%;  
}

.grid-column-1fr-1fr{
  display:grid;
 grid-template-columns: 1fr 1fr;  
}

.form-height-Country {
    height: 56px !important;
    padding-top: 14px !important;
    padding-left: 15px !important;
    background-color: var(--color-neutral-0) !important;
    border-color: #DEE2E6 !important;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-family: 'book' !important;
    font-weight: var(--font-regular) !important;
    font-size: var(--font-size-base) !important;
    font-style: normal !important;
}

/* Used in address floor and address flat*/

/*
.dropdown-down-arrow{
    background-image: url('../img/DF_Address_CW.Chevrondown.svg');
    background-repeat: no-repeat;
    background-position: right 19.5px center;

}
.dropdown-container{
    position: unset;
}
*/

.dropdown-container:after {
    border: var(--border-size-m) solid var(--color-neutral-7) !important;
    border-right: var(--border-size-none) !important;
    border-top: var(--border-size-none) !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    content: '' !important;
    height: 8px !important;
    left: auto !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 16px !important;
    top: 22px !important;
    -webkit-transform: rotate(-45deg) translateY(0) translateX(0) !important;
            transform: rotate(-45deg) translateY(0) translateX(0) !important;
    -webkit-transition: all 300ms ease-in-out !important;
            transition: all 300ms ease-in-out !important;
    width: 8px !important;
}

.tablet .dropdown-container:after, .phone .dropdown-container:after {
    top: 22px !important;
}

.dropdown-take-out-border{

    border: none;
    padding-top: 10px !important;
    padding-left: 16px;

}

.margin-left-10{

    margin-left:10px

}
