@import url('https://fonts.googleapis.com/css?family=Manrope');

body {
    font-family: Manrope;
    background-color: #f9f9f9;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

main {
    flex: 1 0 auto;
}

header,
header div:nth-child(1) {
    z-index: 999;
}

header div:nth-child(2) {
    z-index: 998;
}

footer {
    z-index: 998;
}

.design-implementation:hover img {
    filter: opacity(35%);
}

h1,
h2,
h3,
h4 {
    font-weight: bold;
}

a {
    text-decoration: none;
    color: #003478;
}

a:hover {
    color: #9fa9b9;
}

.site-logo {
    display: flex;
}

.site-logo-img {
    height: 46.5px;
}

@media screen and (max-width: 575px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width: 576px) {
    html {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    html {
        font-size: 16px;
    }
}

/* Scrollbar */

::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #a2a2a2;
    border-radius: 10px;
}

/* -------------------- */

input {
    outline: none;
    border: 1px solid transparent;
}

section {
    position: relative;
}

.card {
    border: none;
}

.navbar {
    background: #ffffff;
    box-shadow: 0px 0px 6px #00000029;
    flex-wrap: nowrap;
}

/* </ sidebar of page > */

/* < Parts of page > */

/* < header > */
.header {
    min-width: fit-content;
    /* width: 100%; */
    background-color: #ffffff;
}

.header .logo {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 20px;
    height: 45px;
    top: 22px;
}

/* </ header > */
/* einai mono sto credit com template (gia allagh) */
.body {
    height: 100vh;
    background-color: #333;
}

.main-body {
    min-height: 100%;
    min-width: fit-content;
    background-color: #fcfcfc;
}

.footer {
    background-color: #f7f7f7;
    padding: 3rem;
}

.footer a {
    color: #003478;
    text-decoration: none;
}

/* </ Parts of page > */

.navbar-brand {
    color: #217ed0;
}

.page-title {
    color: #217ed0;
}

.page-title2 {
    color: #003478;
}

/* inactive link class*/
.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.w-150 {
    width: 150px;
}

/* custom submit button */
.submit-btn {
    max-width: fit-content;
    /* font-size: 1.5rem; */
    color: #003478;
    border: 1px solid #003478;
    background-color: white;
    height: fit-content;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 8px;
}

.submit-btn:hover,
.submit-btn.pressed {
    border: 1px solid #003478;
    color: white;
    background-color: #003478;
}

.submit-btn.submit-btn-delete:hover {
    border: 1px solid #c51e1e;
    color: white;
    background-color: #c51e1e;
}

.submit-btn.not-pressed {
    border: 1px solid #003478;
    color: #003478;
    background-color: white;
}

.submit-outline-btn {
    width: fit-content;
    color: white;
    background-color: white;
    color: #003478;
    border: 1px solid #003478;
    padding-left: 2rem;
    padding-right: 2rem;
}

.table_2>.table_row {
    display: grid;
    grid-template-columns: repeat(2, calc(100% / 2));
}

.table_2>.table_head {
    display: grid;
    grid-template-columns: repeat(2, calc(100% / 2));
    font-weight: 600;
}

.table_3>.table_row {
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3));
}

.table_3>.table_head {
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    font-weight: 600;
}

.table_cell {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
}

/* table 5 */
.table_5>.table_row {
    display: grid;
    grid-template-columns: repeat(5, calc(100% / 5));
}

.table_5>.table_head {
    display: grid;
    grid-template-columns: repeat(5, calc(100% / 5));
    font-weight: 600;
}

.table_link_row {
    border-left: 4px solid white;
    /* padding */
    padding-right: 4px;
    text-decoration: none;
}

.table_link_row:hover,
.table_link_row:focus {
    border-left: 4px solid #406794;

    background-color: aliceblue;
    color: #333;
}

.table_link_last_row {
    border-radius: 0px 0px 15px 15px;
    border-left: 4px solid white;
}

/* Tables */

/* Grid table >576 */
.table-wrapper {
    background: #ffffff 0% 0% no-repeat padding-box;
    padding: 20px 0px 5px;
}

.table-header,
.table-row {
    grid-template-columns: repeat(5, calc(100% / 5));
}

.table-header {
    box-shadow: 0px 1px 0px #f4f4f4;
}

.table-row:not(:last-child) {
    box-shadow: 0px 1px 0px #f4f4f4;
}

/* custom table */
div.table-6 .table-header,
div.table-6 .table-row {
    grid-template-columns: repeat(6, calc(100% / 6));
}

.table-body {
    grid-template-columns: repeat(1, 1fr);
    /* box-shadow: 0px 1px 0px #30303029; */
}

.table-header span {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px;
}

.table-body span,
.table-body a {
    margin-top: auto;
    margin-bottom: auto;
    padding: 15px 0px;
    word-break: break-word;
}

.table-header,
.table-header-responsive {
    /* color: #000; */
    color: #003478;
}

.table-row,
.table-row-responsive {
    border-left: 4px solid transparent;
    color: #212529;
    display: grid;
    justify-items: center;
}

.table-row:hover,
.table-row-responsive:hover,
.table-row:hover .table-status,
.table-row-responsive:hover .table-status {
    border-left: 4px solid #406794;
    background-color: #f0f8ff;
}

/* Grid table <576 */
.table-wrapper-responsive {
    grid-template-columns: repeat(2, calc(100% / 2));
    background: #ffffff 0% 0% no-repeat padding-box;
}

.table-header-responsive,
.table-row-responsive {
    grid-template-columns: repeat(1, 1fr);
    box-shadow: 0px 1px 0px #30303029;
}

/* -------------------- */

/* Pop up */

.pop_up_header {
    color: #003478;
    font-family: Manrope;
    font-weight: bold;
    font-size: 30px;
}

.pop_up_body {
    color: #003478;
    max-width: 24rem;
    font-family: Manrope;
    font-weight: normal;
    font-size: 20px;
}

.modal-dialog {
    max-width: 35rem;
}

.modal-content {
    background-color: #f6f6f6;
}

/* save pop-up */
.save .pop_up_header {
    color: #003478;
    font-family: Manrope;
    font-weight: bold;
    font-size: 30px;
}

.save .pop_up_body {
    color: #003478;
    max-width: 25rem;
    font-family: Manrope;
    font-weight: normal;
    font-size: 20px;
}

.save .modal-dialog {
    max-width: 40rem;
}

/* fail pop-up */
.fail .pop_up_body {
    color: black;
    max-width: 28rem;
    font-family: Manrope;
    font-weight: normal;
    font-size: 20px;
}

.fail .modal-dialog {
    max-width: 40rem;
}

/* -------------------- */

/* info pop-up */
.info .pop_up_header {
    color: #003478;
    font-family: Manrope;
    font-weight: bold;
    font-size: 30px;
}

.info .pop_up_body {
    color: #003478;
    max-width: 22rem;
    font-family: Manrope;
    font-weight: normal;
    font-size: 20px;
}

.info .modal-dialog {
    max-width: 35rem;
}

/* Searchbar */

.search-container button {
    border: none;
    border-radius: 10px;
    background-color: #ffffff;
    height: 40px;
}

.search-container button:hover {
    background-color: #00379f;
    color: #ffffff;
}

.search-input {
    width: 100%;
    max-width: 350px;
    height: 40px;
    border: none;
    padding: 0.25rem 1rem;
    border-radius: 10px;
}

.search-input:focus-visible {
    outline: #00379f solid 1px;
}

.search-input::placeholder {
    font-weight: lighter;
    color: #9fa9b9;
    opacity: 0.5;
}

/* -------------------- */

.left,
.right {
    display: flex;
}

/* Responsive Menu */

.burger-icon {
    font-size: 3rem;
    color: #0a58ca;
}

.burger-icon:hover {
    color: #0a58ca;
}

.dropdownSidebarAnimation {
    animation: dropDown 0.5s ease-in-out forwards;
    transform-origin: top center;
}

/* images */
img {
    pointer-events: none;
    user-select: none;
}

@keyframes dropDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@media screen and (max-width: 768px) {
    .responsive-sidebar {
        max-width: 100% !important;
        height: 100% !important;
    }

    .responsive-sidebar-inner {
        height: 75% !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .hidden-sidebar {
        display: none !important;
    }

    .noScroll {
        overflow: hidden;
    }
}

/* -------------------- */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* for trix */
.trix-button-group--file-tools button {
    display: none;
}

.trix-button-group.trix-button-group--file-tools,
.trix-button-group.trix-button-group--block-tools,
.trix-button-group.trix-button-group--text-tools,
.trix-button-group.trix-button-group--history-tools,
.trix-button.trix-button--icon {
    border: none;
}

/* -------- */

/* Loans Sums Table */
.loan-sums-table {
    min-height: 70px;
}

@media screen and (max-width: 885px) {
    .loan-sums-table {
        min-height: 84px;
    }
}

@media screen and (max-width: 768px) {
    .loan-sums-table {
        min-height: 70px;
    }
}

@media screen and (max-width: 575px) {
    .loan-sums-table {
        min-height: 35px;
    }
}

.loan-info .row+.row {
    border-top: 1px solid #30303029;
}

.loan-info .row .col+.col {
    border-left: 1px solid #30303029;
}

@media (width < 768px) {
    .loan-info .row .col {
        border-bottom: 1px solid #30303029;
    }

    .loan-info .row .col+.col {
        border-left: 1px solid #30303029;
        border-bottom: 1px solid #30303029;
    }

    .loan-info .row .col+.col+.col {
        border-left: 0px;
        border-bottom: 0px;
    }

    .loan-info .row .col+.col+.col+.col {
        border-left: 1px solid #30303029;
        border-bottom: 0px;
    }
}

@media (width < 576px) {
    .loan-info .row .col {
        border: 0px;
        border-bottom: 1px solid #30303029;
    }

    .loan-info .row .col+.col {
        border: 0px;
        border-bottom: 1px solid #30303029;
    }

    .loan-info .row .col+.col+.col {
        border: 0px;
        border-bottom: 1px solid #30303029;
    }

    .loan-info .row .col+.col+.col+.col {
        border: 0px;
    }
}

/* Custom Shadow */

.shadow-cp {
    box-shadow: 0px 3px 6px #00000029 !important;
}

/* spinner */
.loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/* Captach hide */
.captcha {
    /* display: none !important; */
}