::selection {
    color: #99FF66;
}
/* a:hover, span:hover{
    color: #99FF66;
} */
.float-left{
    float: left;
}
.float-right{
    float: right;
}
input.form-control, select.form-control {
    padding-left: 10px;
}
.hide {
    display: none !important;
}
.ajax-span-required{
    font-size: 16px !important;
}

/* image slider */
    .my-cd-hero-slider {
        padding: 10px 0;
    }

    .my-cd-hero-slider li {
        list-style: none;
    }

    @media (max-width: 992px) {
        .my-cd-hero-slider {
            padding: 10px 0;
        }
    }

    .my-gallery-slider figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 0;
        max-width: 240px;
        margin-left: 10px;
        margin-right: 10px;
        height: auto;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

    .my-gallery-slider figure img {
        position: relative;
        display: block;
        min-height: 100%;
        max-width: 100%;
    }

    .my-gallery-slider figure figcaption {
        padding: 1em;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .my-gallery-slider figure figcaption::before,
    .my-gallery-slider figure figcaption::after {
        pointer-events: none;
    }

    .my-gallery-slider figure figcaption,
    .my-gallery-slider figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    .my-gallery-slider figure figcaption > a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
    }

    .my-gallery-slider figure h2 {
        word-spacing: -0.15em;
    font-weight: 300;
    font-size: 28px;
    }

    .my-gallery-slider figure h2 span {
        font-weight: 800;
    }

    .my-gallery-slider figure h2,
    .my-gallery-slider figure p {
        margin: 0;
    }

    .my-gallery-slider figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }

    .my-gallery-slider .slick-dots li.slick-active,
    .my-gallery-slider .slick-dots li:hover {
        background-color: #3CCDFF;
    }

    .my-gallery-slider .slick-dots li {
        background-color: #ffffff;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        margin: 0 10px;
        transition: all 0.3s ease;
    }
/* image slider */

/* dropdown */
    /* The container <div> - needed to position the dropdown content */
    #my-dropdown .dropdown {
        position: relative;
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    #my-dropdown .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        right: 0;
    }

    /* Links inside the dropdown */
    #my-dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    /* Change color of dropdown links on hover */
    #my-dropdown .dropdown-content a:hover {background-color: #9F6}

    /* Show the dropdown menu (use JS to add this class to the #my-dropdown .dropdown-content container when the user clicks on the dropdown button) */
    #my-dropdown .show {display:block;}
/* dropdown */

/* scrollbar */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #99FF66;
        border-radius: 10px;
    }
/* scrollbar */

.flex-center {
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    align-self: center !important;
}
.flex-v-center {
    display: flex !important;
    justify-content: center !important;
}
.c-white{
    color: #FFF !important;
}
.form-control, .form-control:focus {
    color: #99FF66;
    background-color: transparent;
}

.banner-image{
    height: 292px;
    width: 240px;
    object-fit: fill;
}
.w-1000{
    width: 1000px !important;
}
.w-800{
    width: 800px !important;
}
.w-600{
    width: 600px !important;
}
.w-400{
    width: 400px !important;
}
.w-200{
    width: 200px !important;
}
.w-150{
    width: 150px !important;
}
.w-100p{
    width: 100px !important;
}
.w-50{
    width: 50px !important;
}

/* datatables design */
    #my_datatables_length, #my_datatables_info{
        float: left !important;
    }
    #my_datatables_filter, #my_datatables_paginate{
        float: right !important;
    }

    #my_datatables_paginate > span > .paginate_button{
        background-color: #fff;
        padding: 10px;
        margin: 0 2px;
        color: #000;
        cursor: pointer;
    }
    .paginate_button.current{
        background-color: #99FF66 !important;
        padding: 10px;
    }
    #my_datatables_paginate .previous, #my_datatables_paginate .next, .dataTables_empty{
        color: #FFF;
    }
    .sorting_desc, .sorting_asc{
        color: #99FF66;
    }
    .sorting_asc:after{
        color: #99FF66;
        content: '\2B06';
        font-size: 13px;
        color: white;
        margin-left: 5px;
    }
    .sorting_desc:after{
        color: #99FF66;
        content: '\2B07';
        font-size: 13px;
        color: white;
        margin-left: 5px;
    }
    #my_datatables_filter input{
        margin-left: 5px;
        color: #99FF66;
        font-size: 1.2rem;
        background-color: transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .flex{
        display: flex !important;
    }
/* datatables design end */