@font-face { 
    font-family: 'Dana';
    src: url('../fonts/DanaVF.woff') format('woff-variations'),
    url('../fonts/DanaVF.woff') format('woff');
    font-display: fallback;
}

body,
input, button, select, optgroup, textarea {
  font-family: "Dana", sans-serif;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
}

h1,
h2,
h3,
h4,
h5,
h6,
.list-group *,
.btn,
.header-title,
.accordion-button,
#footer-bar a:not(.btn) span,
.form-label label,
.offline-message,
.online-message,
.snackbar,
.tabs .tab-controls,
.toast-pill,
.toast-bar,
.menu-divider {
  font-family: "Dana", sans-serif;
  letter-spacing: normal;
}
.menu-divider { font-size: 12px; }
p { letter-spacing: normal; }
.header-bar.header-app .header-title { text-align: right; }
.offcanvas.offcanvas-bottom { height: auto; }
.apexcharts-legend-marker { margin-left: 3px; margin-right: unset; }
.apexcharts-yaxis-texts-g { margin-left: 20px; }
.header-bar.header-left .header-title { padding-right: 15px; padding-left: unset; }
.form-check-custom label { padding: 0px 40px 0px 15px; }
.form-check-custom i { right: 0; left: unset; }
.android-input:checked ~ .custom-control-label::after { transform: translateX(-27px); }
.form-check-custom input { transform: translateX(10000px); }
.form-custom.form-icon label { padding-right: 45px; padding-left: unset; }
.theme-light .stepper a:last-child { border-right: solid 1px rgba(0, 0, 0, 0.1); border-left: unset; }
.theme-light .stepper a:first-child { border-left: solid 1px rgba(0, 0, 0, 0.1); border-right: unset; }
.stepper a { font-size: 11px; }
.toast-pill i { right: 0; left: unset; }
input[type="tel"] { padding-left: 50px!important; }

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

#divPelak {
    background-image: url('../Imgs/CarPelak.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 250px !important;
    height: 50px !important;
    text-align: center !important;
    margin: 0 auto !important;
}

#PlateIR {
    margin-top: 12px !important;
    float: left !important;
    width: 49px !important;
    text-align: center !important;
    margin-left: 5px !important;
    height: 35px !important;
    border:none
}

#PlateThree {
    margin-top: 3px !important;
    height: 44px !important;
    float: left !important;
    width: 60px !important;
    text-align: center !important;
    border: none
}

#PlateTwo {
    margin-top: 3px !important;
    height: 44px !important;
    float: left !important;
    width: 43px !important;
    margin-left: 26px !important;
    text-align: center !important;
    border: none
}

#PlateLetterLookupId {
    margin-top: 3px !important;
    height: 44px !important;
    float: left !important;
    width: 62px !important;
    text-align: center !important;
    border: none
}

#divPelakGrid {
    background-image: url('../Imgs/CarPelak.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 148px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    background-color: white;
    color: black;
}

#PlateIRGrid {
    margin-top: 12px;
    float: left;
    text-align: center;
    margin-left: 21px;
}

#PlateThreeGrid {
    margin-top: 6px;
    float: left;
    text-align: center;
    margin-left: 15px;
}

#PlateTwoGrid {
    margin-top: 6px;
    float: left;
    margin-left: 22px;
    text-align: center;
}

#PlateLetterLookupIdGrid {
    margin-top: 5px;
    float: left;
    text-align: center;
    margin-left: 12px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ededed 1px!important;
    min-height:53px!important;
    border-radius:10px!important
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ededed !important;
    min-height: 53px !important;
    border-radius: 10px !important
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    white-space:normal!important
}

.swal-text{
    text-align:center!important
}