.custom-control-label:after,
.custom-control-label:before {
    top: 2px;
}

.hidden {
    display: none !important;
}

.not-allowed {
    cursor: not-allowed;
}

.avoid-events {
    pointer-events: none;
}

.sidebar {
    overflow-y: auto;
}

.my-10p {
    margin-top: 4%;
}

.logo {
    width: 210px;
}

.btn-primary {
    background-color: #253C81;
}

.bg-primary {
    background-color: #253C81;
    color: white;
}

.bg-orange {
    background-color: #DBA555 !important;
    color: white;
}

.btn.bg-orange {
    border-color: #DBA555 !important;
}

.btn.bg-orange:hover,
.btn.bg-orange:focus {
    background-color: #DBA555 !important;
    color: white;
    border-color: #DBA555 !important;
}

.bg-gray {
    background-color: #ececed;
}

.btn-icon {
    color: #253C81;
}

.btn-gray {
    background-color: #777777;
    color: white;
}

.text-muted {
    color: #253C81 !important;
}

.breadcrumb-item.active {
    color: #253C81;
}

.table thead th {
    color: #253C81;
}

.table thead th a {
    font-weight: bold;
}

.table thead th a>span.fas {
    display: inline-table;
}

.table thead th a {
    display: inline-table;
}

.btn-primary:hover {
    background-color: #253C81;
}

.btn-gray:hover {
    background-color: #666666;
}

.btn-primary:focus {
    color: #fff;
    border-color: #4182ff;
    box-shadow: 0 0 0 0.2rem rgba(0, 77, 137, 0.25);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #106d50;
    border-color: #0f6247;
}

.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active,
.show>.btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #777777;
    border-color: #667777;
}

select.stylish_options_new,
select.stylish_options {
    width: 100%;
}

.chosen-container .chosen-single {
    height: 37px !important;
    line-height: 37px !important;
}

span.span_required_field {
    color: red;
    margin-left: 7px;
}

.form-control:focus {
    border-color: #4182ff;
    box-shadow: 0 0 0 0.2rem rgba(0, 77, 137, 0.25);
}

.form-control::placeholder {
    font-size: 10px;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #c3e6cb;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c3e6cb;
}

::placeholder {
    color: #c3e6cb;
}

h1,
h2,
h3,
h4,
h5 {
    color: #253C81;
    font-weight: bold;
}

.text-underlined {
    border-bottom: 1px solid #253C81;
    padding-bottom: 3px;
}

#avatar-preview {
    width: 250px;
}

.img_to_icon {
    height: 24px;
}

.color777 {
    color: #777777;
}

#slugify.color777 {
    cursor: not-allowed;
}

.add_day_btn,
.add_file_btn {
    padding: 3px;
    box-shadow: 0 0 0 0.2rem lightgray;
    cursor: pointer;
}

.event_dates_inputs {
    height: 30px;
    width: auto;
    padding: 0;
}

#event_dates {
    font-size: 10px;
}

#image-upload-input {
    opacity: 0;
    height: -1px;
}

#event_file-upload-input {
    opacity: 0;
    height: -1px;
}

#imagegrid img {
    width: 100%;
    height: 120px;
}

#imagegrid>.col-3,
#imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#imagegrid>.col-3>.col-12,
#imagegrid>.col-4>.col-12 {
    padding: 2px;
}

#events-imagegrid img,
#sponsor-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#events-imagegrid>.col-3,
#events-imagegrid>.col-4,
#sponsor-imagegrid>.col-3,
#sponsor-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#events-imagegrid>.col-3>.col-12,
#events-imagegrid>.col-4>.col-12,
#sponsor-imagegrid>.col-3>.col-12,
#sponsor-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#event-details-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#event-details-imagegrid>.col-3,
#event-details-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#event-details-imagegrid>.col-3>.col-12,
#event-details-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#news-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#news-imagegrid>.col-3,
#news-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#news-imagegrid>.col-3>.col-12,
#news-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#news-details-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#news-details-imagegrid>.col-3,
#news-details-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#news-details-imagegrid>.col-3>.col-12,
#news-details-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#compass-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#compass-imagegrid>.col-3,
#compass-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#compass-imagegrid>.col-3>.col-12,
#compass-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#member-directory-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#member-directory-imagegrid>.col-3,
#member-directory-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#member-directory-imagegrid>.col-3>.col-12,
#member-directory-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#yacht-search-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#yacht-search-imagegrid>.col-3,
#yacht-search-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#yacht-search-imagegrid>.col-3>.col-12,
#yacht-search-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#charter-search-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#charter-search-imagegrid>.col-3,
#charter-search-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#charter-search-imagegrid>.col-3>.col-12,
#charter-search-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

#charter-forum-imagegrid img {
    width: 85%;
    height: 195px;
    margin-top: 5px;
    margin-left: 8%;
}

#charter-forum-imagegrid>.col-3,
#charter-forum-imagegrid>.col-4 {
    float: left;
    padding: 18px;
    outline: 4px solid #777;
    outline-offset: -8px;
}

#charter-forum-imagegrid>.col-3>.col-12,
#charter-forum-imagegrid>.col-4>.col-12 {
    padding: 4px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 5px 20px 5px 5px;
    border: 1px solid #fff;
    max-width: 100%;
    border-radius: 3px;
    background-color: #000;
    background-image: -webkit-gradient(linear,
            50% 0,
            50% 100%,
            color-stop(20%, #000000),
            color-stop(50%, #000000),
            color-stop(52%, #000000),
            color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(#000000 20%,
            #000000 50%,
            #000000 52%,
            #000000 100%);
    background-image: -moz-linear-gradient(#000000 20%,
            #000000 50%,
            #000000 52%,
            #000000 100%);
    background-image: -o-linear-gradient(#000000 20%,
            #000000 50%,
            #000000 52%,
            #000000 100%);
    background-image: linear-gradient(#000000 20%,
            #000000 50%,
            #000000 52%,
            #000000 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    line-height: 13px;
    cursor: default;
}

@media (max-width: 992px) {
    #imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {

    #events-imagegrid>.col-3,
    #sponsor-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #events-imagegrid>.col-3>.col-12,
    #sponsor-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #event-details-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #event-details-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #news-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #news-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #news-details-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #news-details-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #compass-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #compass-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #member-directory-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #member-directory-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #yacht-search-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #yacht-search-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #charter-search-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #charter-search-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

@media (max-width: 992px) {
    #charter-forum-imagegrid>.col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        padding: 18px;
        outline: 4px solid #777;
        outline-offset: -8px;
    }

    #charter-forum-imagegrid>.col-3>.col-12 {
        padding: 2px;
    }
}

a:hover {
    color: #253C81;
    text-decoration: underline;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: #253C81;
    text-decoration: none;
}

a.color777:hover {
    color: #0d563f;
    text-decoration: underline;
}

body.auth>.row {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.events-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.event-details-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.news-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.news-details-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.member-directory-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.yacht-search-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.charter-search-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.charter-forum-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.compass-image-grid-item .fas {
    color: #253C81;
    cursor: move;
}

.compass-issue-item .fas {
    color: #253C81;
    cursor: move;
}

input.committee_role_inputs {
    height: 30px;
    width: auto;
    padding: 0;
}

select.committee_role_inputs {
    width: 90%;
}

#committee_roles>table {
    font-size: 10px;
}

.text-white {
    color: #fff;
}

#resources-accordion .wrap {
    margin: 2px;
}

#resources-accordion .resource_title {
    font-size: 18px;
}

#resources-accordion h2 .fa-trash {
    float: right;
}

#event-checkout-form {
    border: 0px;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

#event-checkout-form .tab-content {
    padding: 15px 10px 10px 10px;
}

#event-checkout-form section {
    padding: 15px 10px 10px 10px;
    border: 1px solid lightgray;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
}

#checkout.tab-pane.active .nav-fill>.nav-item a {
    background-color: whitesmoke;
    padding: 20px;
}

#checkout.tab-pane.active .nav-fill>.nav-item a.active {
    background-color: white;
    border: 0px solid;
    box-shadow: inset 0px 12px 0px 0px #253C81;
    box-sizing: border-box;
}

#donation.tab-pane.active .nav-fill>.nav-item a {
    background-color: whitesmoke;
    padding: 20px;
}

#donation.tab-pane.active .nav-fill>.nav-item a.active {
    background-color: white;
    border: 0px solid;
    box-shadow: inset 0px 12px 0px 0px #253C81;
    box-sizing: border-box;
}

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

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

.text-18::placeholder {
    letter-spacing: 2px;
    font-size: 14px;
}

.letter-space-2 {
    letter-spacing: 2px;
}

.donation-heading {
    background: #253C81;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 3px 0px;
}

input#donation-fixed-value,
input#other-donation-amount {
    padding: 0px;
    text-align: center;
    vertical-align: bottom;
    margin-top: 0px;
}

.compass-issue-item img {
    height: 221px;
    width: 177px;
}

.iyba-blue-bg {
    background-color: #253C81;
    color: #adb5bd;
}

.iyba-lighblue-bg {
    background-color: #253C81;
}

.iyba-lighblue-bg a,
.iyba-lighblue-bg a:link {
    color: white;
}

.dash-orange-buttons {
    background-color: #DBA555 !important;
    width: 90%;
}

.dash-orange-buttons .dropdown-menu {
    background-color: #DBA555 !important;
    border-radius: 0;
    border: none;
    margin: 0;
    width: 100%;
}

.dash-orange-buttons .dropdown-menu .dropdown-item:hover,
.dash-orange-buttons .dropdown-menu .dropdown-item:focus {
    background-color: #DBA555 !important;
    cursor: pointer;
}

.dash-orange-buttons .dropdown-menu .dropdown-item-large {
    height: 160px;
}

.dash-orange-buttons .dropdown-menu .dropdown-item-large h4,
.dash-orange-buttons .dropdown-menu .dropdown-item-large p {
    text-align: center;
    color: #253C81;
    width: 100%;
}

.dash-orange-buttons .dropdown-menu .dropdown-item-large .btn {
    background: red;
    color: white !important;
    font-weight: bold;
}

.dash-orange-buttons>.btn,
.dash-orange-buttons>.btn:focus {
    text-transform: uppercase;
    outline: 0;
    box-shadow: none;
}

.dash-orange-buttons>.btn,
.dash-orange-buttons .dropdown-menu {
    color: white !important;
    text-align: unset;
}

.dash-orange-buttons .dropdown-menu a {
    color: white !important;
}

.dash-orange-buttons>.btn span {
    float: left;
}

.dash-orange-buttons>.btn i.fas {
    float: right;
}

.search-card .btn-primary {
    margin: 10px 0;
}

.search-card {
    display: grid;
    align-items: center;
}

.search-card .form-control:focus {
    border-color: #253C81;
    box-shadow: none;
}

.admin-dashboard-card .count-number {
    font-size: 17px;
    color: #253C81;
    font-weight: bold;
}

.admin-dashboard-card .member-status {
    font-size: 14px;
    color: #253C81;
    font-weight: bold;
}

.admin-dashboard-card .card-title {
    font-size: 18px;
    color: #253C81;
    font-weight: bold;
}

/* firefox */

.search-card input::placeholder {
    font-size: 14px;
    font-weight: 600;
}

/* Internet Explorer 10-11 */

.search-card input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 600;
}

/* Microsoft Edge */

.search-card input::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .admin-dashboard-card .card.widget {
        height: 190px;
    }

    .admin-dashboard-event .card.widget {
        height: 195px;
    }

    .admin-dashboard-card .card-body .col-md-4 {
        padding: 0 6px;
    }
}

@media (min-width: 1366px) {

    .admin-dashboard-card .col-xl-3,
    .admin-dashboard-event .col-xl-3 {
        flex: 0 0 20%;
        padding: 0 15px;
    }

    .admin-dashboard-card .card.widget {
        height: 170px;
    }

    .admin-dashboard-card .card-body {
        padding: 10px;
    }
}

@media (max-width: 1208px) {
    .admin-dashboard-card .card-title {
        font-size: 17px;
    }

    .admin-dashboard-card .member-status {
        font-size: 13px;
    }

    .search-card {
        padding: 41px 30px;
    }
}

.switch input+label:before {
    background-color: gray; /* Default background for unchecked state */
}