html {
  font-size: 15px;
  
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 567px) {
    body {
        font-family: auto !important;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    /*background-color: #dbdada; #dfd3d3-------- custom background color ----------- */
    /*background-image: repeating-linear-gradient(-180deg, #dbdada, #dbdada 1.5px, #ffffff 3px, #dbdada 1px);*/
    /*background-image: repeating-radial-gradient(#f7f4f4, #0000002e);*/
    /*background-image: repeating-radial-gradient(#dbd3d3fa, #ebe3e3), repeating-linear-gradient(45deg, black, transparent 100px); #e5dedefa, #e5e5e0 */
    background-image: repeating-radial-gradient(#f3f0f0fa, #f5f5f1), repeating-linear-gradient(45deg, black, transparent 100px);
    font-family: 'Cambria Math'; /* cursive Centaur 'Comic Sans MS'-------- custom font ----------- */
    color: #313335; /* -------- custom font color ----------- */
}
/* -------- custom section ----------- start */
header {
    box-shadow: 0 .25rem .25rem rgb(0, 0, 0, .5);
    background-image: repeating-radial-gradient(#efeee7, #bdc5ac);
}
:any-link {
    color: #154997
}
.btn-primary {
    background-color: #154997;
    border-color: #fdf3e6;
    color: #fdf3e6;
}
.logo {
    inline-size: 50px;
    box-shadow: 0 .25rem .25rem rgb(0, 0, 0, 0.5);
    /*border-radius: 50%;*/
}
.nav-link.active {
    background-color: #bdc5ac54 !important;
    inline-size: auto
}
.even-row {
    background-color: #fdf3e6; /* Light grey for even rows in the table */
}

.pagination .page-link {
    background-color: #cabfbf; /* Custom blue background */
    color: #ffffff; /* White text */
}

.pagination .page-link:hover {
    background-color: #0056b3; /* Darker blue on hover */
    color: #ffffff; /* Keep text white */
}

.pagination .page-item.active .page-link {
    background-color: #a4aebd; /* Green background for active page */
    border-color: #28a745; /* Match the border color */
    color: #ffffff; /* White text */
}
.pagination .page-item.disabled .page-link {
    background-color: #a4aebd; /* Green background for active page */
    color: #ffffff; /* White text */
}
.img:hover {
    opacity: 50;
    height: 110%;
}
.bulgarian-flag {
    width: 36px;
    height: 24px;
    background: linear-gradient(to bottom, white 33.3%, green 33.3% 66.6%, red 66.6%);
}
.dropdown-menu {
    background-color: #bdc5ac;
}
.picture-container {
    display: inline-block;
    position: relative;
    margin: 5px;
}

    .picture-container img {
        border-radius: 8px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    }

.delete-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    color: white;
    border: none;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 50%;
}
/* Custom camera icon button */
.custom-file-upload {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('https://cdn-icons-png.flaticon.com/512/685/685655.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
}
.nav-tabs {
    /*background-color: #d3d3d35c;*/
    border-bottom: 2px solid #bdc5ac;
}
.tab-content {
    background: #bdc5ac54 !important;
}
    /* -------- custom section ----------- end */