@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?6136");

/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
  
:root {
    --color-primary: #01708c; /*primary-color*/
    --color-primary-hover: #01708c; /*primary-color*/
    --color-secondary: #01708c; /*primary-color*/
    --layout-print-page-width: 29.7cm;
    --layout-print-page-height: 21cm;
}
@font-face {    
    font-family: 'Toyota';
    src: url('/DealerPortal/ToyotaType-Book.ttf') format('truetype');
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'ToyotaSemibold';
    src: url('/DealerPortal/ToyotaType-Semibold.ttf') format('truetype');
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'DBHeavent.ttf';
    src: url('/DealerPortal/DBHeavent.ttf') format('truetype');
    font-weight: normal;    
    font-style: normal;
}

/*-------Radio--------*/
.radio-button {
    -webkit-appearance: none;    
       -moz-appearance: none;
            appearance: none;    
    cursor: pointer;
    position: relative;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    height: 16px;
    width: 16px;
}
.radio-button:checked:before {
    background-color: #01708C;
    border: 2px solid white;
    height: 12px;
    width: 12px;
    box-shadow: 0 0 0 2px #d5dadf;
}
.radio-button:before {
    background-color: white;
    border: 0px;
    box-shadow: 0 0 0 2px #d5dadf;
    height: 16px;
    width: 16px;
}
.radio-button:before {
    transition: none; 
}
.radio-button[disabled="disabled"]:checked:before {
    background-color: #bbbbbb;
    border: 4px solid var(--color-neutral-4);
}
/*---------------------------------------*/
.content-top.display-flex.align-items-center {
    height: 55px;
}
.button-group label:not(:first-child) .btn {
    border-left: var(--border-size-none);
    white-space: normal;
}
.button-group label:first-child .btn {
    border-radius: var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
    white-space: normal;
}
.button-group input[type="radio"]:checked + .btn {
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
    white-space: normal;
}
.text-valid {
    color: #309A92 !important;
}

.text-invalid {
    color: #e20e0e !important;
}
.MandatoryLabel:after {
    color: var(--color-error);
    content: '*';
    margin-left: var(--space-xs);
}

.whitespace-nowarp{
    white-space: nowrap;
}