.dataTables_length {
    display: flex!important;
}

.dataTables_length > label {
    display: flex!important;
    width: 50%!important;
    margin: 2px!important;
    padding: 2px!important;
}

.dataTables_paginate {
    display: flex!important;
    justify-content: end!important;
}

.main-content input, textarea, select {
    /*font-size: 20px!important;*/
    font-family: Inter, sans-serif!important;
    /*padding: 10px!important;*/
}

.select2-container .select2-selection--single {
    height: 48px!important;
    align-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:26px;
    position:absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    align-content: center;
    margin-top: 10px;
}

.event-steps-buttons > .btn {
    color: black!important;
    background-color: var(--cf-primary-color)!important;
}

.new-event-label, .profile-label {
    font-weight: 300!important;
}

.new-event-tip {
    background-color: #F1F8FF!important;
}

.new-event-owner {
    background-color: #F1F8FF!important;
    max-width: 120px!important;
    border-width: 1px!important;
    border-style: solid!important;
}

.new-event-owner i {
    font-size: 48px!important;
}

.new-event-new-host {
    background-color: #F1F8FF!important;
    max-width: 120px!important;
    border-width: 1px;
    border-style: dashed!important;
    cursor: pointer!important;
}

.new-event-new-host i {
    font-size: 48px!important;
}

.send-invitation-btn {
    color: black!important;
    background-color: var(--cf-primary-color)!important;
}

#loginModalForm .modal-content, #registerModalForm .modal-content {
    border-radius: 20px!important;
}

#loginModalForm .modal-header, #registerModalForm .modal-header, #attendToEventModal .modal-header {
    border-bottom: unset!important;
}

#loginModalForm .modal-footer, #registerModalForm .modal-footer, #ajaxAttendToEventForm .modal-footer {
    border-top: unset!important;
}

#loginModalForm .btn-signup, #registerModalForm .btn-login, #ajaxAttendToEventForm .btn-login {
    background-color: unset!important;
    color: var(--cf-primary-color)!important;
}

#loginModalForm .btn-signup:hover {
    color: #b67521!important;
}

#registerModalForm .btn-login:hover {
    color: #b67521!important;
}

#loginModalForm .login-button {
    display: block;
    background: var(--cf-primary-color);
    width: 100%;
    font-size: 28px;
    font-family: var(--cf-secondary-font-family);
    font-weight: 900;
}

#registerModalForm .register-button {
    display: block;
    background: var(--cf-primary-color);
    width: 100%;
    font-size: 28px;
    font-family: var(--cf-secondary-font-family);
    font-weight: 900;
}

#ajaxAttendToEventForm .attend-button {
    display: block;
    background: var(--cf-primary-color);
    width: 100%;
    font-size: 28px;
    font-family: var(--cf-secondary-font-family);
    font-weight: 900;
}

#forgotPasswordModalForm .send-reset-link-button {
    display: block!important;
    background: var(--cf-primary-color)!important;
    width: 100%!important;
    font-size: 28px!important;
    font-family: var(--cf-secondary-font-family)!important;
    font-weight: 900!important;
}

#registerModalForm .select2-container {
    width: 100%!important;
}

.btn.btn-primary {
    display: block;
    background: var(--cf-primary-color);
    border-color: #fff!important;
    color: #000!important;
}

.btn.btn-primary:hover {
    background-color: #b67521!important;
    color: #fff!important;
}

.user-profile-photo {
    width: 35px!important;
    height: 35px!important;
}

.view-more-topics {
    text-decoration: none!important;
    font-weight: 200;
}

.progress-step1 {
    width: 15%!important;
}

.progress-step2 {
    width: 30%!important;
}

.progress-step3 {
    width: 45%!important;
}

.progress-step4 {
    width: 60%!important;
}

.progress-step5 {
    width: 75%!important;
}

.progress-step6 {
    width: 90%!important;
}

.progress-step7 {
    width: 100%!important;
}

/* Set the size of the div element that contains the map */
#locationMap {
    height: 400px!important; /* The height is 400 pixels */
    width: 100%!important; /* The width is the width of the web page */
}

#send-verification {
    margin-top: unset!important;
}

button.btn-main{
    background: var(--cf-primary-color)!important;
}

button.btn-main i {
    color: rgba(14, 21, 35, 0.3);
}

button.btn:hover {
    background: #feb95f!important;
}

#cfcRegister button.btn .elButtonMain{
    display: block;
    font-size: 28px;
    font-family: var(--cf-secondary-font-family);
    font-weight: 900;
}

.modal-header {
    border-bottom: unset!important;
}

.modal-footer {
    border-top: unset!important;
}

.evImg img {
    /*width: 300px!important;*/
    /*height: 180px!important;*/
}

.iti--allow-dropdown {
    width: 100%!important;
}

.deetsTitle > h4 {
    text-transform: capitalize;
}

#parentDiv {
    position: relative;
}

#parentDiv .childDiv {
    position: absolute;
    bottom: 0;
    left: 0;
}