html {
  font-size: 14px;
}

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

.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;
}

/*.btn-primary {
    background-color: #2F223E !important;
    color: #FFFFFF !important;



}*/

.btn-primary-ia {
    font-size: 16px;
    padding: 0.5em 2em;
    border: transparent;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    background: #291b40;
    color: white;
    border-radius: 4px;
}

    .btn-primary-ia:hover {
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(69,35,125,1) 0%, rgba(41,27,64,1) 100%);
        color: white;
}

.btn-primary-ia:active {
    transform: translate(0em, 0.2em);
}



.text-center {
    color: #333333 !important;
}
.top-img img {
    max-height: 72px;
}
.svg-logo {
    width: 300px;
}
.svg-logo-outer {
    width: 100%;
    justify-content: center;
    align-items: center;
}

.container.footer-container img {
    max-width: 104px;
}

.top-img img {
    max-height: 57px;
    padding: 7px;
}

.top-img {
    padding: 2px 20px;
    display: flex;
    justify-content: flex-end; /* This will align the img or div to the right */
}

.top-img img {
    max-width: 100%; /* Optional: ensures the image is responsive */
    height: auto; /* Optional: keeps the image aspect ratio */
}

.footer-container img {
    width: 119px;
    padding-left: 23px;
}

img.icon-success {
    max-width: 37px;
}


/*.login-container {
    text-align: center;
}
*/
.social-login {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.social-button {
    margin: 0 10px;
}

.btn-google, .btn-microsoft {
    padding: 10px 20px;
    width: 140px; /* Adjust the width as needed */
    border-radius: 2px;
    border: none;
    color: white;
}

.btn-google {
    background-color: #dd4b39;
}

.btn-microsoft {
    background-color: #00a1f1;
}

.btn-google:hover, .btn-microsoft:hover {
    opacity: 0.8;
}

.fa-google, .fa-microsoft {
    margin-right: 5px;
}


body {
    background-color: #f8f9fa; /* Light grey background */
}

.content-box {
    padding: 20px; /* Spacing inside the box */
    margin-bottom: 20px; /* Spacing below the box */
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 225, 233);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 9px 14px 0px rgba(223, 231, 238, 0.6);
}

.svg-logo-outer {
    display: flex;
    justify-content: center; /* Aligns items on the main-axis (horizontally for row direction) */
    padding-bottom: 20px;
}

img.client-logo {
    padding: 10px;
}

input.login.btn.btn-primary-ia.btn-sm {
    width: 100%;
    margin-top: 22px;
}

.drop-box:hover {
    background-color: #f8f8f8;
}

.drop-box label {
    display: block;
    margin: 20px auto 10px;
    padding: 10px 20px;
    border: 2px solid #007BFF;
    color: #007BFF;
    border-radius: 5px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.drop-box label:hover {
    background-color: #007BFF;
    color: white;
}

#fileList {
    list-style: none;
}

#fileList li {
    background-color: #f0f0f0;
    padding: 5px;
    margin-top: 8px;
    border-radius: 5px;
}

.delete-btn {
    cursor: pointer;
    margin-left: 10px;
    color: red;
    border: none;
    background: none;
    font-size: 20px;
}

.delete-btn:hover {
    color: #333;
}

/*.content-bottom {
    float: right;
}*/

img.client-logo-2 {
    max-width: 120px;
}

.btn-social {
    width: 98px;
}

img.client-logo {
    max-width: 146px;
}