/*Data table*/

.dataTables_scrollBody {
    min-height: 400px !important;
}

div.dataTables_wrapper div.dataTables_info {
    margin-top: 10px !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0 !important;
}

.dataTables_length {
    display: none;
}

.dataTables_filter, .dt-button {
    display: none;
}

.dataTable tr.even {
    background-color: #F8F8F8;
}

.dataTable tr.odd {
    background-color: #fff;
}

a.menu-list-action {
    font-size: 31px;
    line-height: 0px;
    font-weight: bold;
}

.menu-list-action {
    text-align: center;
}

.wth-60 {
    width: 10px !important;
}
/*.dataTables_scrollHead .dataTable.no-footer tr {
    background-color: #fff;
}*/
.dataTables_wrapper .dataTables_paginate {
    width: 50%;
    margin: auto !important;
    text-align: center !important;
    float: unset !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
        opacity: .4;
        pointer-events: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin-right: 19px;
    }

        .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: #FF851B !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.next {
            background-color: #FF851B !important;
            color: #fff !important;
            padding: 7px 21px !important;
            font-weight: 500;
            font-size: 14px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
            background-color: #FF851B !important;
            color: #fff !important;
            padding: 7px 21px !important;
            font-weight: 500;
            font-size: 14px;
        }


.dataTables_scrollBody {
    min-height: 140px;
}

@media only screen and (min-width: 900px) {
    .dataTables_info {
        position: absolute;
    }
}



/*Data table End*/
/*NOTI ALERT*/
.alert-notification-success {
    border-left: 6px solid green;
}

.alert-notification-danger {
    border-left: 6px solid red;
}

.i-notification-success {
    color: green;
}

.i-notification-danger {
    color: red;
}

.i-notification {
    font-size: 39px;
}

.alert-notification {
    padding: 12px;
    margin-bottom: 20px;
    color: black;
    background-color: #fff;
    box-shadow: 0px 0px 12px -2px #333333;
}

/*NOTI ALERT END*/

/*Select2 
*/
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
    font-size: 14px;
    color: inherit !important;
}

.invalid-feedback {
    display: block !important;
}

.field-required {
    color: red;
}

.fZ-14 {
    font-size: 14px !important;
}

.fZ-16 {
    font-size: 16px !important;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

.select2-search--inline {
    width: 100%;
}

.select2-search__field {
    padding: 5px !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 15px !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 2rem !important;
}

.select2-container--bootstrap4 .select2-selection {
    border-radius: 1px !important;
}

.select2-container .select2-selection--single:focus {
    box-shadow: none !important;
    border: 1px solid #1ab394 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: inherit;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-radius: 1px;
}

    .select2-container--bootstrap4.select2-container--focus .select2-selection:focus {
        box-shadow: none !important;
        border: 1px solid #1ab394 !important;
    }

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border: 1px solid #1ab394 !important;
    box-shadow: none !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: #828282 transparent transparent transparent !important;
}

.select2-dropdown {
    z-index: 9999 !important;
}
/*Form control*/
.form-control {
    font-size: 14px !important;
}

.mini-navbar .nav > li > a {
    padding: 10px 20px 10px 20px !important;
}

.nav > li > a i {
    margin-right: 0 !important;
    width: 20px;
    text-align: center;
}

.pull-right {
    float: right;
}

.border-bottom.logo-club {
    background-color: #fff;
}

.c-red {
    color: red;
}

.c-primary {
    color: #FF851B !important;
}


@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@200;400;700&family=Roboto:ital,wght@0,100;0,400;0,700;1,400;1,700&display=swap');

body.registration {
    background: #f0f0f0;
    color: #444;
    font: 1rem/1.55em 'Blinker', sans-serif;
}

.padding-1 {
    padding: 1rem;
}

.padding-3 {
    padding: 3rem;
}

.bg-light-grey {
    background: #f0f0f0;
}

.btn-primary {
    background: #F5591B;
    border-color: #F5591B;
    text-transform: uppercase;
}

    .btn-primary:hover {
        background-color: #c94c1a;
        border-color: inherit;
    }

header {
    background: #FFF;
    padding: 1rem 0;
    margin: 0 0 3rem;
}

    header .container {
        position: relative;
    }

    header .logo {
        position: absolute;
        left: 15px;
        top: 0;
    }

        header .logo img {
            max-width: 100px;
            height: auto
        }

    header h1 {
        font-weight: 200;
        color: #F5591B;
        text-transform: uppercase;
        letter-spacing: .1rem;
        word-spacing: .3rem;
        font-size: 2.2rem;
        margin: 0;
    }

h2.main-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0 0 8px;
    border-bottom: 1px solid #F5591B;
    margin: 0 0 2rem;
    letter-spacing: .05em;
}

section {
    background: #FFF;
    padding: 3rem;
    margin: 1rem 0;
}

form h5 {
    font-size: 1rem;
    padding: 1rem 0 0
}

.control:checked ~ .conditional {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto;
    left: -1.25rem;
}

.control:not(:checked) ~ .conditional {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

form .buttons {
    display: flex;
    justify-content: center;
}

footer small {
    color: #999
}

/* EDIT MEMBER PAGE */

.nav-tabs .nav-link {
    border-radius: 0.25rem;
    padding: 10px 20px;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #F5591B;
        color: #FFF;
    }

#membership section {
    height: 100%;
    margin: 0;
}

#payment-history th, #payment-history td {
    text-align: center;
}

.nav-tabs {
    border-bottom: none !important;
}