body {
    background-color: #fff;
    min-height: 100vh;
}

button, input, optgroup, select, textarea, body {
    font-family: 'Poppins', sans-serif !important;
}

.m-auto {
    margin: 0 auto;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

/* Padding Left */
.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

/* Padding Right */
.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

/* Padding Bottom */
.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

/* Padding Top */
.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

/* Geheel Padding */
.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}

/* Fontgroottes van 8px tot 30px */
.font-8 {
    font-size: 8px;
}

.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

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

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-27 {
    font-size: 27px;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

.font-30 {
    font-size: 30px;
}

.font-42 {
    font-size: 42px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.d-flex {
    display: flex;
}

.ck-powered-by-balloon {
    display: none;
}

img {
    width: 100%;
}

.radius-5 {
    border-radius: 5px;
}

.radius-10 {
    border-radius: 10px;
}

h1, h2, h3, h4 ,h5, h6 {
    font-weight: 600;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 21px;
}

h6 {
    font-size: 18px;
}

pre {
    background-color: #282C34;
    color: #8EB573;
    padding: 15px;
    border-radius: 10px;
}

.thread-content img {
    max-width: 1000px;
    object-fit: contain;
    max-height: 500px;
}

.thread-content p {
    font-size: 16px !important;
}

.center-content {
    text-align: center;
}

.custom-card-img {
    width: 50%;
    max-width: 100px;
    height: auto;
    margin: 0 auto 10px;
    display: block;
}

.hovering-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;
}

.collection .collection-item.active {
    background-color: #74c2a5 !important;
}

.card {
    background-color: #fff !important;
}

#topic_card .card,
#list_faq {
    background-color: #fff !important;
}

#list_faq li .collapsible-header {
    font-weight: bold;
}

#list_faq li .collapsible-body h1,
.changelog-collection h1 {
    margin: 0 !important;
}

#list_results .collection-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#list_results .collection-item .flex-1 {
    flex: 1;
}

#list_results .collection-item .title {
    display: block;
    font-weight: bold;
}

.key-green-blockquote {
    border-left: 5px solid #74C2A5 !important;
}

.key-blue-blockquote {
    border-left: 5px solid #020281B3 !important;
}

.whats-new {
    color: #74C2A5 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.login-link {
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.topics-list {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.thread-indent {
    margin-left: 20px;
}

.changelog-collection h1 {
    font-size: 18px !important;
}

.changelog-collection p {
    font-size: 14px !important;
}

.changelog-collection img {
    width: 50% !important;
    height: 20% !important;
}

@media (max-width: 768px) {
    .changelog-collection figure {
        margin: 0 !important;
    }
    .changelog-collection img {
        width: 100% !important;
        height: auto !important;
    }
}

.changelog-collection .collection {
    border: none !important;
}

.changelog-collection .collection .collection-item {
    /*background-color: rgb(238, 245, 249) !important;*/
    padding-left: 35px !important;
}

.key-blue {
    background-color: #273146 !important;
}

.topic,
.thread {
    background-color: #eef5f9 !important;
}

.topic {
    background-color: #eef5f9 !important;
    color: #263245 !important;
}

.thread {
    color: #74C2A5 !important;
}

.collection .collapsible {
    margin: 0 !important;
}

.collapsible-body .collapsible .collection-item {
    padding: 10px 35px !important;
}

.collapsible-body {
    padding: 0 !important;
}

.main-card {
    width: 85%;
    margin: 0 auto !important;
    min-height: 100vh !important;
    border-radius: 0 !important;

    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.main-card .card-content {
    padding: 15px !important;
}

.pointer {
    cursor: pointer;
}

@media screen and (max-width: 1170px) {
    .modal {
        max-height: 45% !important;
        top: auto !important;
    }

    .main-card {
        width: 100%;
        margin: 0 !important;
    }

    .fixed-action-btn .btn .btn-text {
        display: none;
    }
    .fixed-action-btn .btn i.material-icons {
        display: block !important;
        margin-right: 0;
    }
}

.fixed-action-btn .btn i.material-icons {
    display: none;
}

.thread-hover:hover {
    color: #74C2A5 !important;
}

#list_faq li.active .collapsible-header {
    color: #74C2A5 !important;
}

.faq-answer {
    padding: 10px !important;
}

.faq-answer-text {
    left: 1%;
    position: relative;
}

.nofloat {
    float: none !important;
}