@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

html, body {
    font-family: 'Open Sans', sans-serif !important;
}


/* content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #087681;
    mix-blend-mode: multiply; */

/* material theme */
:root {
    --mdc-theme-primary: #ffffff !important;
    --mdc-typography-subtitle2-font-family: 'Open Sans', sans-serif !important;
    --mdc-typography-font-family: 'Open Sans', sans-serif !important;
    --gov-gr-blue: #003476;
    --gov-gr-button-blue: #003476;
    --gov-gr-light-grey: #f5f5f6;
}

/* Loading page */
.triangle-container {
    background-color: #2E2E38 !important;
}


.mdc-top-app-bar__section .mdc-icon-button i {
    color: #2E2E38 !important;
}

.mdc-drawer__content {
    /* background-image: linear-gradient(180deg, rgb(121 121 121) 0%, #2E2E38 70%) !important; */
    background: var(--gov-gr-blue) !important;
    background-image: none !important;
}

.mdc-drawer-app-content {
    background: #ffffff !important;
}

.mdc-dialog__title {
    background: #2E2E38 !important;
}

.drawer-logo {
    background-color: transparent !important;
}

.mdc-top-app-bar {
    box-shadow: none !important;
}

.mdc-top-app-bar--fixed-adjust h3 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    margin-bottom: 20px;
}

.mdc-top-app-bar__title {
    display: none !important;
}

/* to be move to site.css*/
ul.breadcrumb {
    background-color: white !important
    /*padding: 10px 30px!important;    */
}

    /* to be move to site.css*/
    ul.breadcrumb li a {
        color: #414141;
        font-size: 14px;
        text-decoration: none;
        background-color: transparent;
        text-transform: none !important;
    }

    /* to be move to site.css*/
    ul.breadcrumb li:last-child a {
        font-weight: 700;
    }

    /* to be move to site.css*/
    ul.breadcrumb li a.disableLink {
        opacity: 1 !important;
    }

    /* to be move to site.css*/
    ul.breadcrumb li + li:before {
        padding: 6px;
        content: "/";
        font-size: 14px;
    }

.mdc-button {
    text-transform: none !important;
    background-color: var(--mdc-theme-primary) !important;
    color: var(--gov-gr-button-blue);
}

.k-toolbar .mdc-button:not(:disabled) {
    background-color: var(--gov-gr-button-blue) !important;
}

.login-container .mdc-button,
.k-command-cell .mdc-button,
.mdc-button,
.k-toolbar .mdc-button {
    background-color: var(--gov-gr-button-blue) !important;
    color: var(--mdc-theme-primary) !important;
}

.mdc-top-app-bar .mdc-button {
    background-color: var(--mdc-theme-primarygov-gr-button-blue) !important;
    color: var(--gov-gr-button-blue) !important;
}

.k-toolbar {
    box-shadow: none !important;
}

section > .k-toolbar {
    padding: 0 !important;
}

.drawer-header {
    width: 100%;
    height: auto !important;
    display: block;
}

    .drawer-header::before {
        content: '';
        /* background-image: url('https://www.gov.gr/gov_gr_logo.svg'); */
        background-size: 100%;
        width: 140px;
        height: 100px;
        background-repeat: no-repeat;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .drawer-header .drawer-logo {
        margin-top: 35px;
        font-size: 14px !important;
        font-weight: 700;
    }

.k-card {
    box-shadow: none !important;
    border-style: solid;
    border-width: 1px;
    border-color: var(--gov-gr-blue) !important;
}

.login-container .triangle-container {
    background: linear-gradient(89.96deg, var(--gov-gr-blue) 0.02%, var(--gov-gr-button-blue) 99.14%);
    mix-blend-mode: multiply;
    transform: rotate(-180deg);
}

.z0-message-s1 {
    font-size: 18px;
    line-height: 1.4;
}

.k-toolbar-right {
    justify-content: flex-end !important;
}


/*Z0 Added styles*/


.k-header[data-cell-navigation-id] {
    justify-content: left; 
    padding-right: 10px;
}

.k-grid th.left-wrap {
    justify-content: left;
    text-align: left;
    white-space: normal;
    vertical-align: middle;
}

.k-grid th.left-wrap .k-column-title {
        white-space: normal;
}

.k-grid th.right-wrap {
    justify-content: right;
    text-align: right;
    white-space: normal;
    vertical-align: middle;
}

.k-grid th.right-wrap .k-column-title {
        white-space: normal;
}


.telerik-blazor.k-button.mdc-button {
    min-width: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.k-grid td {
    padding: 10px 10px;
}


.divsidebyside-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.telerik-icon-tooltip {
    margin-left: 3px;
    position: absolute;
    display: inline-block;
}

.telerik-icon-tooltiptext .k-tooltip {
    visibility: hidden;
    color: black;
    background-color: lightsalmon;
    font-weight: normal;
    font-size: 12px;
    font-family: system-ui;
    text-align: center;
    border-radius: 6px;
    top: 0%;
    left: 120%;
    margin-top: -20px;
    padding: 5px;
    position: absolute;
    z-index: 99999;
}
.telerik-icon-tooltip:hover .tooltiptext {
         visibility: visible;
         z-index: 99999;
      }

.window-tooltip {
    margin-left: 3px;
    position: absolute;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 16px;
}

.window-tooltip:hover {
        cursor: pointer;
}



.window-tooltip-text {
    padding-top: 1em;
}



.k-window-content {
    min-width: 400px;
    padding: 10px 20px;
    color: #444444;
    background-color: #EEEEEE;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
}

.hide-tooltip {
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
}

.hide-tooltip:hover {
        cursor: pointer;
}


.k-form-field {
   margin-bottom:6px;
}


.container-fluid.z0-container-large h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.k-filtercell .k-input-md {
    font-size: 14px;
    line-height: 1;
}


 .k-filtercell .k-input-md .k-input-inner, .k-picker-md .k-input-inner {
        padding-block: 4px;
        padding-inline: 8px;
    }

.k-button-md.k-icon-button .k-button-icon {
    min-width: unset;
    min-height: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.k-dropdown-operator {
    width: 28px;
    height: 28px;
}

.k-button-md.k-icon-button {
    padding: 6px;
}

.k-filtercell-wrapper {
    gap: 3px;
}


div.mat-card.mdc-card > a > img {
    display: block;
    margin: auto;
    width: 200px !important;
}

.k-grid th.header-wrap {
        justify-content: left;
        text-align: left;
        white-space: normal;
        vertical-align: middle;
    }

.k-grid th.header-wrap .k-column-title {
            white-space: normal;
        }

.case-view {
        background-color: #003376;
        color: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

.case-view::after {
            content: attr(title);
            visibility: hidden;
            opacity: 0;
        }

.case-view:hover::after {
            visibility: visible;
            opacity: 1;
        }
.linkButton {
        text-transform: lowercase;
        text-transform: capitalize;
        padding: 0px 3px 0px 3px;
        border-width: 0;
        color: darkblue;
}

   .messeges-tab {
      width: 1200px;
      margin: auto;
   }

   .min-width {
      min-width: auto;
   }
	
.telerik-icon-tooltip .tooltiptext {
   visibility: hidden;
   color: black;
   background-color: lightsalmon;
   font-weight: normal;
   font-size: 12px;
   width: 400px;
   font-family: system-ui;
   text-align: center;
   border-radius: 10px;
   top: 25px;
   left: 120%;
   margin-top: -10px;
   padding: 8px;
   position: absolute;
   z-index: 99999;
}

    .telerik-icon-tooltip-left {
        margin-left: 3px;
        position: relative;
        display: inline-block;
    }

        .telerik-icon-tooltip-left .tooltiptext {
            visibility: hidden;
            background-color: lightsalmon;
            color: black;
            padding: 5px 10px;
            position: absolute;
            z-index: 1;
            top: -6px;
            right: 102%;
            font-weight: normal;
            font-size: 12px;
            width: 400px;
            font-family: system-ui;
            text-align: center;
            border-radius: 10px;
            margin-top: -10px;
            overflow-wrap: break-word;
        }

        .telerik-icon-tooltip-left:hover .tooltiptext {
            visibility: visible;
        }



    .telerik-icon-tooltip-right {
        margin-left: 3px;
        position: absolute;
        display: inline-block;
    }


        .telerik-icon-tooltip-right .tooltiptext {
            visibility: hidden;
            color: black;
            background-color: lightsalmon;
            font-weight: normal;
            font-size: 12px;
            width: 400px;
            font-family: system-ui;
            text-align: center;
            border-radius: 10px;
            top: 25px;
            left: 120%;
            margin-top: -10px;
            padding: 8px;
            position: absolute;
            z-index: 99999;
            overflow-wrap: break-word;
        }

        .telerik-icon-tooltip-right:hover .tooltiptext {
            visibility: visible;
            z-index: 99999;
        }

    .file-required {
        color: red;
    }

    .file-optional {
        color: orange;
    }

    .file-update {
        color: darkgray;
    }

    .window-tooltip {
        margin-left: 3px;
        position: absolute;
        background-color: transparent !important;
        border-color: transparent !important;
        font-size: 16px;
    }

        .window-tooltip:hover {
            cursor: pointer;
        }



    .window-tooltip-text {
        padding-top: 1em;
    }



    .k-window-content {
        min-width: 400px;
        padding: 10px 20px;
        color: #444444;
        background-color: #EEEEEE;
        font-weight: normal;
        font-size: 13px;
        border-radius: 8px;
        box-sizing: border-box;
        box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
    }
     .custom-ellipsis {
        overflow: hidden;
        max-height: 60px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
	  
    .hide-tooltip {
        background-color: transparent !important;
        border-color: transparent !important;
        font-size: 16px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .tooltiptextlarge {
        font-size: 16px !important;
    }

    .hide-tooltip:hover {
        cursor: pointer;
    }

    .k-card.telerik-blazor.k-card-vertical {
        overflow: visible;
    }

    .telerik-icon-tooltip-left {
        margin-left: 3px;
        position: relative;
        display: inline-block;
    }

    .telerik-icon-tooltip-right {
        margin-left: 3px;
        position: absolute;
        display: inline-block;
    }

    .file-required {
        color: red;
    }

    .file-optional {
        color: orange;
    }

    .window-tooltip {
        margin-left: 3px;
        position: absolute;
        background-color: transparent !important;
        border-color: transparent !important;
        font-size: 16px;
    }

        .window-tooltip:hover {
            cursor: pointer;
        }



    .window-tooltip-text {
        padding-top: 1em;
    }



        .hide-tooltip:hover {
            cursor: pointer;
        }

    .MyTreeList .defaultHeight {
        height: 50px;
    }

        .MyTreeList .defaultHeight .k-icon.k-i-none {
            float: left;
            height: 100%;
		}

    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-gap: 20px;
    }

    .href {
       color: blue;
    }

   .success-calc {
        color: green;
        font-size: x-large;
   }

   .error-calc {
        color: red;
        font-size: x-large;
    }

   .k-vbox0 {
      width: 100%;
      background-color: #FFFFFF;
      font-size: 15px;
   }

   .remove-underline0 {
      border-style: none;
   }

    .grid-image {
       object-fit:contain !important;
       padding:20px;
    }

   .card-item-wrapper0 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 5px 0;
      border-bottom: .5px solid #E2E8F0;
      width: 100%;
   }

   .table0 {
      width: 100%;
   }

   .table0 thead tr {
      text-align: left;
      font-weight: bold;
   }

   .table0 tbody tr td {
      padding: 5px 0;
   }

     /* LegalDocuments.razor file */

    div > section > form > div > div > div {
        display: inline-block !important;
        margin-top: -2px !important;
        width: 300px !important;
        max-width: 90% !important;
    }

    .form-icon {
        padding-left: 15px;
        cursor: pointer;
    }

    .linkButton {
        text-transform: lowercase;
        text-transform: capitalize;
        padding: 0px 3px 0px 3px;
        border-width: 0;
        color: lightblue;
    }

    .k-label .k-form-label {
       align-items:flex-start;
       justify-content:flex-start;
    }

    .chat-container {
        margin-top:10px;
        display: flex;
        flex-direction: column;
        height: 80vh; 
        width:80%;
        overflow: hidden; 
        margin: auto;
    }

    .messages-container {
        flex-grow: 1;
        overflow-y: auto; 
        display: flex;
        flex-direction: column-reverse; 
        padding: 10px;
        gap: 10px; 
    }

    
    .message {
        display: flex;
        flex-direction: column;
        max-width: 70%;
        min-width: 70%;
        border: 1px solid #ccc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }

    .received {
        align-self: flex-start;
        background-color: #D6E6FF;
    }

    .sent {
        align-self: flex-end;
        background-color: #667AC6;
    }

    
    .message-header {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        font-size: small;
        margin-bottom: 5px;
        background-color: #003476;
        color:#F0F0F0;
    }

 
    .message-body, .message-footer {
        padding: 10px;
        word-break: break-word;
    }

    .message-body {
        font-size: 1rem; 
    }

    .message-footer {
        border-top: 1px solid #e0e0e0; 
        margin-top: 10px; 
        font-size: small; 
    }

    .attachments {
        list-style: none;
        padding: 0;
        margin-top: 5px; 
    }


    .new-message-container {
        margin-top:10px;
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc; 
        border-radius: 10px; 
    }

    .message-status {
        color: white;
    }

    .case-container{
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        border-radius: 10px;
    }

   .migration-button {
      width: 100px;
      margin: 5px;
   }

    .numbox {
       width:100%;
       
    }

    .justify-space-between {
        justify-content: space-between;
    }

   .show-positions {
      visibility: visible;
   }

   .hide-positions {
      visibility: hidden;
   }

   .justify{
      margin:auto;
      width:50%;
   }

/*   div > div.k-grid-header > div > table > thead > tr > th {
      display: none;
   }*/

   .body-container > div > div.k-card-body {
      margin-top: 110px;
   }

   .icon-box {
      text-align: center;
      cursor: pointer;
   }

   .icon-box span {
      font-size: 20px;
   }

/*.k-disabled, .k-widget[disabled], .k-disabled {
    opacity: 1;
}

.k-input-solid:disabled, .k-input-solid[disabled], .k-input-solid.k-disabled {
    color: black;
}
*/