@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

:root {
    --pp-text-font-family: "Fira Sans", sans-serif;
    --pp-heading-font-family: "Nunito Sans", sans-serif;

    /* Override Bootstrap font-family */
    --bs-font-sans-serif: var(--pp-text-font-family);
}

.card {
    --bs-card-cap-color: black;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 75%;
}

.form-control {
    background-color: white !important;
    color: black;
}

@media (min-width: 1400px) {

    .row.sectionBlockLayout>.container,
    .row.sectionBlockLayout>.container-lg,
    .row.sectionBlockLayout>.container-md,
    .row.sectionBlockLayout>.container-sm,
    .row.sectionBlockLayout>.container-xl,
    .row.sectionBlockLayout>.container-xxl {
        max-width: 75%;
    }
}


h1,
h2,
button,
.button1,
.button2 {
    font-family: "Nunito Sans", sans-serif !important;
}

h3,
h4,
h5,
h6,
p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
.footer {
    font-family: "Fira Sans", sans-serif !important;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p {
    color: white !important;
}

h3, .h3 {
    font-weight: 600 !important;
    margin-bottom: 18px !important;
}

/* No border around profile section and entity lists */
.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    border: none !important;
}

/* Tables */
.table {
    --bs-table-color: white;
    --bs-table-striped-color: white;
}

.table-info {
    --bs-table-color: white;
}

/* Buttons */
.btn {
    --bs-btn-line-height: 1;
    font-family: var(--pp-text-font-family) !important;
}

.btn-primary {
    font-size: 17px !important;
    padding: 15px 20px !important;
}


.vacancy-details {
    color: white !important;
    margin: 0 auto !important;
}

.vacancy-details section,
.vacancy-details section p,
.vacancy-details section p a {
    color: white !important;
    font-size: 20px;
}

/* Cards */
.card-link,
.card-link:hover,
.card-link:active,
.card-link:visited {
    color: black;
}

.entity-form .tab-title {
    display: none !important;
}

.crmEntityFormView .cell {
    padding: 0;
}

.dropdown-menu a,
.dropdown-menu .a
{   
    color: black !important;
}

.dropdown-menu>li>a, 
.dropdown-menu>li>a:active, 
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:visited, 
.dropdown-menu>li>a:hover {
    padding: 3px 20px !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    border: none !important;
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg: white;
    --bs-dropdown-link-active-color: black;
    --bs-dropdown-link-active-bg: white;
}

.form-control{
    border-radius: 0 !important;
    margin-bottom: 1rem !important;
}

div.control {
    padding-right: 1rem;
}

.content-container {
    margin: 0 !important;
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    min-width: 468px;
}

p.card-text {
    color: black !important;
    font-size: 14px !important;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
a,
.a {
  font-size: 16px !important;
}

.grid-actions {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
}