body {
    --mdc-checkbox-state-layer-size: 40px !important;
}

@font-face {
    font-family: "eArhiva";
    src: url("../fonts/eArhiva.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* eArhiva font start */
[class^="icon-"],
[class*=" icon-"],
span.dashboard {
    font-family: "eArhiva" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-administration:before {
    content: "\e900";
}

.icon-activate:before {
    content: "\e901";
}

.icon-arhive:before {
    content: "\e902";
}

.icon-arhive-book:before {
    content: "\e903";
}

.icon-security-policy:before {
    content: "\e904";
}

.dashboard:before {
    content: "\e905";
}

.icon-details:before {
    content: "\e906";
}

.icon-add:before {
    content: "\e907";
}

.icon-classification-groups:before {
    content: "\e908";
}

.icon-info:before {
    content: "\e909";
}

.icon-initiate-disposition:before {
    content: "\e90a";
}

.icon-history:before {
    content: "\e90b";
}

.icon-edit:before {
    content: "\e90c";
}

.icon-reports:before {
    content: "\e90d";
}

.icon-excel-export:before {
    content: "\e90e";
}

.icon-pdf-export:before {
    content: "\e90f";
}

.icon-jednako:before {
    content: "\e910";
}

.icon-user-profiles:before {
    content: "\e911";
}

.icon-create-report:before {
    content: "\e912";
}

.icon-less-or-equal:before {
    content: "\e913";
}

.icon-less-than:before {
    content: "\e914";
}

.icon-advanced-search:before {
    content: "\e915";
}

.icon-not-equal:before {
    content: "\e916";
}

.icon-nomenclatures:before {
    content: "\e917";
}

.icon-notifications:before {
    content: "\e918";
}

.icon-from-to:before {
    content: "\e919";
}

.icon-decision:before {
    content: "\e91a";
}

.icon-organizational-units:before {
    content: "\e91b";
}

.icon-perspective-search:before {
    content: "\e91c";
}

.icon-share:before {
    content: "\e91d";
}

.icon-settings:before {
    content: "\e91e";
}

.icon-record-request:before {
    content: "\e91f";
}

.icon-podnosenje-zahteva:before {
    content: "\e920";
}

.icon-disposition-policy:before {
    content: "\e921";
}

.icon-retention-policy:before {
    content: "\e922";
}

.icon-help:before {
    content: "\e923";
}

.icon-perspective-list:before {
    content: "\e924";
}

.icon-request-preview:before {
    content: "\e925";
}

.icon-request-preview-magnifier:before {
    content: "\e926";
}

.icon-search:before {
    content: "\e927";
}

.icon-classifications:before {
    content: "\e928";
}

.icon-relatively:before {
    content: "\e929";
}

.icon-manual-entry:before {
    content: "\e92a";
}

.icon-templates:before {
    content: "\e92b";
}

.icon-begins-with:before {
    content: "\e92c";
}

.icon-ends-with:before {
    content: "\e92d";
}

.icon-contains:before {
    content: "\e92e";
}

.icon-system-configuration:before {
    content: "\e92f";
}

.icon-physical-locations:before {
    content: "\e930";
}

.icon-save:before {
    content: "\e931";
}

.icon-sort-default:before {
    content: "\e932";
}

.icon-sort-down:before {
    content: "\e933";
}

.icon-sort-up:before {
    content: "\e934";
}

.icon-record-types:before {
    content: "\e935";
}

.icon-schema:before {
    content: "\e936";
}

.icon-load:before {
    content: "\e937";
}

.icon-role:before {
    content: "\e938";
}

.icon-batch:before {
    content: "\e939";
}

.icon-archive-entry:before {
    content: "\e93a";
}

.icon-file-preview:before {
    content: "\e93b";
}

.icon-greater-or-equal:before {
    content: "\e93c";
}

.icon-greater-than:before {
    content: "\e93d";
}

.icon-share-requests:before {
    content: "\e93e";
}

.icon-disposition-requests:before {
    content: "\e93f";
}

/* eArhiva style */
.dashboard-container .col>.cdk-drag {
    height: 350px;
}

.dashboard-container .drag-container::before {
    content: "\e945";
    font-family: "Material Icons";
    font-size: 24px;
    width: 18px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    right: 15px;
    transform: rotate(90deg);
}

.grid-actions {
    margin: 10px 0px 10px 0px;
}

.action-button {
    display: inline-block;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0.16px;
    text-align: center;
    color: #202021;
    background-color: #fff;
    border: 0px;
    margin-right: 16px;
    border-color: transparent !important;
}

.action-button [class^="icon-"],
.action-button [class*=" icon-"] {
    color: var(--color-primary-a50);
    font-size: 24px;
    margin-right: 9px;
    display: inline-block;
    vertical-align: middle;
}

.action-button:disabled {
    color: var(--earchive-disabled-color);
    pointer-events: none;
}

.action-button:disabled [class^="icon-"],
.action-button:disabled [class*=" icon-"] {
    color: var(--earchive-disabled-color);
}

.validation-error-list {
    padding-left: 0px;
}

button.default-color {
    background-color: var(--color-primary-a50);
    color: #fff;
    line-height: 24px;
    padding: 4px 8px;
    box-shadow: none !important;
}

button.default-color [class^="icon-"],
button.default-color [class*=" icon-"] {
    font-size: 20px;
}

button.default-transparent {
    background-color: transparent;
    color: var(--color-primary-a50);
    line-height: 24px;
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    box-shadow: none !important;
    border-color: #e0e0e0;
    margin-right: 10px;
}

button.default-transparent [class^="icon-"],
button.default-transparent [class*=" icon-"] {
    font-size: 20px;
    color: var(--color-primary-a50);
}

button.default-transparent:disabled {
    color: #e0e0e0;
    background-color: transparent !important;
}

button.default-transparent:disabled [class^="icon-"],
button.default-transparent:disabled [class*=" icon-"] {
    font-size: 20px;
    color: #e0e0e0;
}

button.transparent-button {
    color: var(--color-primary-a50);
    background-color: transparent;
    box-shadow: none !important;
    margin-left: 10px;
}

.mat-mdc-card {
    margin: 16px;
    height: auto;
    min-height: calc(100% - 32px);
    width: auto;
    overflow-x: auto;
    font-size: 14px;
}

confirm-dialog .mat-mdc-dialog-content {
    padding: 24px;
}

confirm-dialog .mat-mdc-dialog-actions {
    min-height: auto;
    padding: 0;
    margin-bottom: 0.5em;
}

confirm-dialog .mat-mdc-dialog-actions button {
    background-color: var(--color-primary-a50);
    color: #fff;
    margin-left: 24px;
    font-weight: 500;
}

confirm-dialog .mat-mdc-dialog-actions #confirmButtonNo {
    background: transparent !important;
    color: var(--color-primary-a50) !important;
}

.mat-expansion-panel-header {
    height: 40px !important;
}

.right-button {
    background: none !important;
    color: var(--color-primary-a50) !important;
    box-shadow: none !important;
}

.mat-form-field-disabled input {
    color: var(--earchive-disabled-color) !important;
}

.eacrhive-logo {
    background-image: url('../img/logo.svg');
}

.dialog-card {
    margin: 0 !important;
    min-height: auto !important;
}

.dropdown-tooltip {
    white-space: pre-line;
}

.mobile-app-login-image {
    background-image: url('../img/mobile-app-login-page.png');
}

.playstore {
    background-image: url('../img/playstore.png');
}

.appstore {
    background-image: url('../img/appstore.png');
}


/* ANGULAR 15 CHANGES */

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    min-height: 40px !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 12%);
}

.mdc-floating-label:not(.mdc-floating-label--float-above),
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label:not(.mdc-floating-label--float-above) {
    top: 20px !important;
}

.theme {
    --mdc-checkbox-state-layer-size: 40px !important;
}

:root {
    --color-primary-a0: rgb(255, 255, 255);
    --color-primary-a10: rgb(232, 244, 255);
    --color-primary-a20: rgb(168, 201, 250);
    --color-primary-a30: rgb(116, 175, 247);
    --color-primary-a50: rgb(33, 150, 243);
    --color-primary-a60: rgb(38, 110, 176);
    --color-primary-a70: rgb(34, 73, 114);
    --color-primary-a80: rgb(24, 39, 57);
    --color-primary-a90: rgb(0, 0, 0);
    --color-primary: rgb(33, 150, 243);;
   
    --earchive-disabled-color: rgb(191, 193, 194);
    --earchive-readonly-color:  rgb(119, 126, 129);
    --earchive-border-color: rgba(202, 214, 224, 0.4);
    --palette-primary-500: var(--color-primary) !important;
    --palette-primary-600: var(--color-primary) !important;
    --palette-primary-700: var(--color-primary) !important;
    --palette-primary-800:  var(--color-primary) !important;
    --palette-primary-900: var(--color-primary) !important;
    --mdc-filled-button-label-text-color: 255, 255, 255 !important;
    --data-grid-selected-row-background: 211, 233, 249;
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: rgb(255, 255, 255) !important;
}

.mat-mdc-dialog-actions[align=start] {
    justify-content: start !important;
    padding: 8px 24px;
    border-top: 1px solid var(--earchive-border-color);
}

#confirmButtonYes {
    color: #fff !important;
}

.full-width {
    width: 100%;
}

.table-container {
    overflow-x: auto;
    overflow-y: hidden;
}

.mat-datepicker-toggle .mdc-icon-button {
    height: 40px !important;
    width: 40px !important;
    padding: 8px !important;
}

.mat-mdc-form-field-error::before {
    display: none !important;
}

.mat-horizontal-content-container {
    padding-top: 8px !important;
}

.mat-expansion-panel-header-title {
    font-weight: 500 !important;
}

app-select-search .mat-mdc-form-field {
    width: 100%;
}

.mdc-linear-progress__buffer-bar {
    background-color: rgb(255, 255, 255) !important;
}

.disposed .record-files-table table td {
    color: var(--earchive-disabled-color);
}

.disposed .record-files-table table td[column-name="name"] {
    text-decoration: line-through;
}
tr.disposed {
    position: relative;
}
tr.disposed td {
    text-decoration: line-through;
    color: var(--earchive-disabled-color);
}
form > mat-error {
    margin: -24px 5px 4px 0;
}

.action-button .mat-icon {
    font-family: 'Material Icons Outlined';
    font-size: 24px;
    margin-right: 9px;
    display: inline-block;
    vertical-align: middle;
    color: #2196f3;
}
.action-button:disabled mat-icon {
    color: #bfc1c2;
}
.mat-icon {
    font-family: 'Material Icons Outlined' !important;
}

.form-readonly .mat-mdc-select-disabled .mat-mdc-select-value {
    color: var(--earchive-readonly-color);
}
.form-readonly .mat-mdc-radio-button.mat-accent .mdc-radio--disabled + label {
    color: var(--earchive-readonly-color);
}
.form-readonly .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: var(--earchive-readonly-color);
}
.form-readonly .mat-form-field-disabled input {
    color: var(--earchive-readonly-color) !important;
}
.form-readonly .mdc-text-field--disabled .mdc-floating-label {
    color: #0000008a;
}
.archive-stepper-header .mat-horizontal-stepper-header .mat-step-icon {
    color: #fff;
}
#for-disposition-list, #for-disposition-permanent-retention-list{
    border-top: 1px solid var(--earchive-disabled-color);
}