@font-face {
    font-family: 'Metropolis Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular'), url('/font/Metropolis-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular Italic'), url('/font/Metropolis-RegularItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Extra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Light'), url('/font/Metropolis-ExtraLight.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Light';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Light'), url('/font/Metropolis-Light.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Thin'), url('/font/Metropolis-Thin.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Extra Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Light Italic'), url('/font/Metropolis-ExtraLightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Light Italic'), url('/font/Metropolis-LightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Thin Italic'), url('/font/Metropolis-ThinItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Medium'), url('/font/Metropolis-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Semi Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Semi Bold'), url('/font/Metropolis-SemiBold.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold'), url('/font/Metropolis-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold Italic'), url('/font/Metropolis-BoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Medium Italic'), url('/font/Metropolis-MediumItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Semi Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Semi Bold Italic'), url('/font/Metropolis-SemiBoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Bold'), url('/font/Metropolis-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Metropolis Extra Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Bold Italic'), url('/font/Metropolis-ExtraBoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Black';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Black'), url('/font/Metropolis-Black.woff') format('woff');
}


@font-face {
    font-family: 'Metropolis Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Black Italic'), url('/font/Metropolis-BlackItalic.woff') format('woff');
}

html, body {
    font-family: 'Metropolis Thin' !important;
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.loading-image {
    width: 96px;
    height: 70px;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #efefef !important;
}

.header-logo {
    flex-shrink: 0;
    background-image: url(../images/Logo.svg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}


body {
    background: url(/images/background.png) no-repeat;
    background-size:cover;
}

.logon-main.card .card-header {
    font-size: 0rem;
    font-weight: 600;
    padding-top: 75px !important;
    padding-bottom: 75px !important;
    background-size: cover !important;
    background: url(/images/logo-52130-26323.png) no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
}

/*.btn-group-vertical:not(.dxbs-toolbar-search-group) .btn:not(:focus), .btn-group:not(.dxbs-toolbar-search-group) .btn:not(:focus) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #73b97a;
    border: 0px;
    border-radius: 0px;
}*/
/*.DeleteButton {
    background: #ff0000 !important;
    color:#fff !important;
    border-radius:5px !important;
}
.RefreshButton {
    background: #ffd800 !important;
    color: #222 !important;
    border-radius: 5px !important;
}
.Document {
    background: #227ec3 !important;
    color: #FFF !important;
    border-radius: 5px !important;
}
.Transfer {
    background: #ff6a00 !important;
    color: #FFF !important;
    border-radius: 5px !important;
}
.NewButton {
    background: #188f24 !important;
    color: #fff !important;
    border-radius: 5px !important;
}
.CloseButton {
    background: #feea7c !important;
    color: #222 !important;
    border-radius: 5px !important;
}
.SaveButton {
    background: #25d4c5 !important;
    color: #fff !important;
    border-radius: 5px !important;
}
.EDevletButton {
    background: #b00000 !important;
    color: #fff !important;
    border-radius: 5px !important;
}*/
/*button[data-action-name="KEP Menu"] {
    background: #ff6a00 !important;
    color: #fff !important;
    border-radius: 5px !important;
}*/
.dxbs-toolbar-dropdown-item.dropdown-item-text {
    border-bottom:1px dotted #ddd !important;
    padding:5px !important;
    margin:0px !important;
    color:#222;
}

.dxbl-btn.dxbl-btn-link span:not(.dxbl-image), .dxbl-btn.dxbl-btn-outline-link span:not(.dxbl-image), .dxbl-btn.dxbl-btn-text-link span:not(.dxbl-image) {
    text-decoration: none !important;
}

.clickable-xaf-nav-item > a .xaf-nav-link, .clickable-xaf-nav-item > div > a .xaf-nav-link {
    text-decoration: none !important;
}

nav {
    background: #fff;
}

.main-content {
    background:#fff;
    margin-left:5px;
}

.toolbar-language-switcher-wrapper {
    min-width: 160px;
    margin-right: -10px;
    margin-top: -100px;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: #73b97a !important;
}
/*.DeleteButton {
    background: #d40000 !important;
    color: #fff !important;
    border-radius: 5px !important;
}*/

.sms-container {
    margin: 5% auto;
    padding: 30px;
    background: #f3f3f3;
    border: 1px solid #dadada;
    text-align: center;
    border-radius: 5px;
    max-width: 400px;
    width: 90%;
    box-sizing: border-box;
}

.sms-message {
    color: red;
    font-weight: bold;
    padding: 10px;
    font-size: 16px;
}

.sms-label {
    font-size: 18px;
    font-weight: bold;
    background: #eaeaea;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
}

.sms-input {
    font-size: 16px;
    padding: 8px;
    border: 1px solid #dadada;
    width: 80%;
    max-width: 250px;
    margin-bottom: 10px;
}

.sms-button {
    margin-top: 10px;
    background: #76c2df;
    border: 0;
    font-weight: bold;
    padding: 10px;
    font-size: 16px;
    width: 80%;
    max-width: 250px;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .sms-input,
    .sms-button {
        width: 100%;
    }
}