@import url('https://fonts.googleapis.com/css2?family=Karla&family=Poppins:wght@600&display=swap');



body {
    font-family: Karla, Arial, Helvetica, sans-serif;
    color: rgb(72, 72, 72);
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Poppins, "Arial Black", Gadget, sans-serif;
}

a {
    color: rgb(72, 72, 72);
    text-decoration: underline;
}
footer a {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: rgb(72, 72, 72);
    text-decoration: underline;
}

.primary-color {
    color: rgb(66, 47, 211)
}

.text-warning {
    color: rgb(224, 7, 81) !important;
    font-weight: bold;
}

.fo-main-container {
    min-height: 100vh;
}

.header {
    height: 90px;
    a.nav-link,
    a.nav-link:hover {
        color: #fff;
        text-decoration: none;
    }
}

.result-message {
    display: flex;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    height: 30vh;
}

.md-inactive {
    color: rgba(0,0,0,0.3);
    cursor: initial;
}

.md-18 {
    font-size: 18px;
}

.fo-line-height-normal {
    line-height: normal;
}

.add-icon {
    cursor: default;
}

.form-header {
    background-color: #ffffff;
    margin: 50px 0;
    line-height: 1.7;
}

.form-title {
    color: rgb(17, 17, 17);
}


.accordion-header {
    background-color: #f2f3f3;
    color: #1b2032;
}

form .accordion input,
form .accordion select {
    background-color: #ffffff;
    outline: none;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #d7d7da;
    box-shadow: none;
}

form .accordion .btn-primary {
    color: #ffffff;
    background-color:rgb(17, 17, 17);
    font-size: 16px;
    width: auto;
    padding: 13px 29px;
    border-radius: 65px;
    border-width: 1px solid white;
    text-decoration: none;
}

form .accordion .btn-primary:hover {
    background-color: rgb(17, 17, 17);
    cursor: pointer;
    border-width: 2px solid white;
}


.accordion-header h3 {
    padding: 15px;
    margin-bottom: 10px;
}

form .accordion .btn-primary.disabled {
    background-color: rgb(125,125,125);
}

.accordion-header.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.accordion-header.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}


.fo-accordion-disabled {
    opacity: 0.5;
    pointer-events: none;

}

.fo-flag {
    width: 24px;
    vertical-align: unset;
}

.fo-top-menu {
    background-color: rgb(17, 17, 17);
    height: 90px;
}

.fo-logo {
    max-width: 40vw;
    max-height: 50px;
}

.nav-item {
    height: 50%;
}

.nav-link,
.nav-link:hover {
    color: #ffffff;
}

.dropdown-menu {
    min-width: 0 !important;
}

.dropdown-item {
    padding: .25rem 1rem !important;
}

.footer {    
    background-color: rgb(17, 17, 17);
    color: #FFFFFF;
}

/* fixes for external libraries */
.iti {
    display: block;
}

.custom-file-label::after {
    content: "\e8b6";
    font-family: 'Material Icons';
}

#DownloadFormattedCsv:hover {
    cursor: pointer
}

#ContactUsForAddProducts:hover {
    cursor: pointer
}

#idIsGCSCust {
    display: none;
}

/* modal styles */

.modal .modal-header .modal-title {
    color: rgb(17, 17, 17);;
}

.modal .modal-footer .btn-confirm,
.modal .modal-footer .btn-close {
    border-radius: 65px;
}

.modal .modal-footer .btn-confirm {
    background: rgb(17, 17, 17);
    color: white;
    border: 2px solid black
}