body {
    background: #1b3b4f !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

} 

body,p, div {

    color: #E0D7D1 !important;
}   
h1 {
    margin: 0;
}
.masthead .masthead-avatar {
  width: 12rem;
}

main.masthead {
    background: #1b3b4f !important;
    width: 75%; /* Default width */
    margin: 0 auto;
    border-right: 0px solid black;
    border-left: 0px solid black;
    height: calc(100vh);
    overflow: hidden;
}

/* Media query for mobile devices */
@media (max-width: 767.98px) {
    main.masthead {
        width: 100%; /* Set width to 100% on mobile */
    }
}

.masthead .masthead-subheading {
    
    color: #E0D7D1 !important;
}
.bg-primary {

    background: #1b3b4f !important;
}
.light {

    background: #E0D7D1 !important;
}
.text-light {

    color: #E0D7D1 !important;
}
.border {

    border: 1px solid #0c2c41 !important;
}
.border-radius {

    border-radius: 0px !important;
}
.bg-none, .bg-none:focus {

    background: none;
}
.form-control {
    
    padding: 10px;
    border-radius: 0px;
}
.btn {

    border-radius: 0px;
}
.form-control:focus {
    
    border:2px solid #0c2c41;
}
.masthead .masthead-subheading {
  
  font-size: 1rem;
}

.divider-custom.divider-light .divider-custom-icon {
    color: #E0D7D1;
    margin: 0px 0px;
}
.divider-custom.divider-light .divider-custom-line {
    background-color: #e0d7d1;
}
.predefined-queries div {

    cursor: pointer;
}
.maindiv {
    
    overflow-y: scroll;
    overflow-x: auto;
    height: 100vh;
    background: none;
}
div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    place-self: center center;
    background: #E0D7D1;
}
.swal2-title {
    color:#1b3b4f ;
}

div:where(.swal2-icon) .swal2-icon-content {

    color: #1b3b4f !important;
   
}

div:where(.swal2-icon).swal2-question {
    border-color: #1b3b4f !important;
}

div:where(.swal2-container) .swal2-html-container {

    color: #1b3b4f !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {

    background-color: #1b3b4f !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {

    border: 0.25em solid #1b3b4f !important;

}

.swal2-confirm {
    background-color: #15967d !important; /* Background color of primary button */
    border-color: #15967d !important; /* Border color of primary button */
    color: #fff; /* Text color of primary button */
}
.swal2-cancel {

    background-color: #1b3b4f !important; /* Background color of primary button */
    border-color: #1b3b4f !important; /* Border color of primary button */ 
    color: #fff;
}


.background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    overflow: hidden;
    position: relative;
}

.scrolling {
    animation: scrollAnimation 1s linear forwards;
}


@keyframes scrollAnimation {
    from {
        background-position: top;
    }
    to {
        background-position: bottom;
    }
}
.divider-custom-icon img {

    width: 60px;
}

.fa-arrows-spin {
    /* Rotate the icon 360 degrees */
    transform: rotate(360deg);
    /* Set the duration of the rotation animation */
    animation: rotateAnimation 2s linear infinite;
}

@keyframes rotateAnimation {
    /* Define the keyframes for the rotation animation */
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.overlay {
    background: black;
    opacity: 0.8;
}
svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
    font-size: 50px;
    margin-bottom: 5px;
}
.query {
    color: #1b3b4f !important;
}


@media (max-width: 765px) {
  
.mw-100 {
    width: 100% !important;
  }

html, body, * {
    font-size: 99% !important; 
  }
  
.fa-arrows-spin {
    font-size: 48.5px !important;
  }  
}


.border-left, .border-right  {

    border-left: 0px !important;
    border-right: 0px !important;
}