* {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
}

.bg--light-brown {
    background-color: #ebebeb;
}

.header-bg {
    background-image: url(../images/homebg-4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 2px 9px 8px #0000001c !important;
}


.top-heading {
	font-size: 60px;
	margin-bottom: 20px;

	font-weight: bold;
	text-transform: uppercase;
}
.btn.header-btn:focus {
	box-shadow: none;
}


.btn.header-btn {
    background-color: #E7FF00 !important;
    padding: 9px 30px;
    box-shadow: 0px 1px 17px #00000045;
    border-radius: 8px;
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
    color: #8A6338 !important;

}
.members-card-b {
	border-radius: 8px !important;
	border: none;
	color: white;
	text-align: center;
	box-shadow: 0px 0px 18px #00000015;
	background-color: #8a6338;
	padding: 36px;
}
.members-card-b img {
	border-radius: 8px;     
	box-shadow: 0px 0px 9px #553e25;
}
.members-card-b .card-heading {
	font-size: 24px;
   
}
.btn.header-btn:hover {
    background-color: #8A6338 !important;
    color: white !important;

    transition: 0.4s !important;

}

.landing-bg {
    background-image: url(../images/landing-screen-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.block--xxl {
    padding-top: 120px;
    padding-bottom: 120px;
}

.block--xl {
    padding-top: 80px;
    padding-bottom: 80px;
}

.block--lg {
    padding-top: 50px;
    padding-bottom: 50px;
}

.block--md {
    padding-top: 36px;
    padding-bottom: 36px;
}

.block--sm {
    padding-top: 20px;
    padding-bottom: 20px;
}


.text--primary {
    color: #8A6338 !important;
}

.bg--primary {
    background-color: #8A6338 !important;
}

.text--secondary {
    color: #E7FF00 !important;
}

.bg--secondary {
    background-color: #E7FF00 !important;
}

.nav-link {
    color: white !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    margin: 15px !important;
    border-radius: 8px !important;
}

ul .active {
    background-color: #E7FF00;
    color: #896237 !important;

}

#navbarcontent {
    display: flex;
    justify-content: center;
}

.header-logo {
    border-bottom: 4px solid #572B0D;
    padding-bottom: 20px;
}

.nav-link:hover {
    background-color: #E7FF00;
    transition: 0.5s;
    color: #896237 !important;

}

.heading {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 50px;
}

.heading span {
    color: #8a6338;
    font-weight: bold;
}

.lead {
    font-size: 20px !important;

    font-weight: 500 !important;
    line-height: 33px !important;
}

.card {

    background-color: #8A6338 !important;
    border: none;
    border-radius: 8px !important;
    color: white;
    text-align: center;
    box-shadow: 2px 2px 18px #979797d6;
}

.card h3 {
    font-weight: 600;
    font-size: 24px;
}














.owl-carousel .item {
    margin: 3px;
}

.owl-carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-carousel .item {
    margin: 3px;
}

.owl-carousel {
    margin-bottom: 15px;
}

.owl-carousel .item {
    margin: 15px;
}

.racing-bg {
    background: url(../images/racing-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.btn.btn--secondary {
    background-color: #e7ff00 !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.btn.btn--primary {
    background-color: #8a6338 !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: white;
}

.btn--primary:hover {
    color: white !important;
}

.race-lead {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.bg---primary {
    background-color: #8A6338 !important;
    padding: 7px 0px;
    border-radius: 12px;
}

.sm {
    font-size: 14px;
    color: #E7FF00;
    margin: 0;
}

.col-6 .race-lead {
    border-right: 2px solid white;
    border-left: 2px solid white;
    text-align: center;
}

.footer-bg {
    background-image: url(../images/footer-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-shadow-primary {
    background-color: #8A6338 !important;
    box-shadow: 0px 0px 11px #ffffff6b;

}

.footer-heading {
    position: relative;
}

.line-a::before {
    content: "";
    position: absolute;
    height: 5px;
    background-color: white;
    border-radius: 0px 10px 10px 0px;
    width: 33%;
    top: 24px;
}

.line-b::before {
    content: "";
    position: absolute;
    height: 5px;
    background-color: white;
    border-radius: 10px 0px 0px 10px;
    width: 33%;
    top: 24px;
    right: 0;
}

.footer-menu h3 {
    font-size: 28px;
    color: white;
    font-weight: bold;
}

.footer-li {
    color: white;
    list-style: none;
    margin-top: 60px;
    font-weight: 600;
    padding-left: 0px;
}

.footer-li li {
    margin: 24px 0px;
    font-size: 18px;
}

.footer--li {
    color: white;
    list-style: none;
    margin-top: 60px;
    font-weight: 600;
    padding-left: 0px;
}

.footer--li a {
    text-decoration: none;
    color: white;
}

.footer--li a:hover {

    color: white;
}

.footer--li li {
    margin: 16px 0px;
    font-size: 18px;
}

.modal-body {
    padding: 30px 40px !important;

}

.form-control {
    border: none !important;
    background-color: white !important;
    box-shadow: 0px 0px 10px #e1e1e1 !important;
    border-radius: 8px !important;
    padding: 11px 20px !important;

}

input#exampleInputPassword1 {
    margin-top: 23px;
}

.modal-header h5 {
    font-size: 26px;
    font-weight: bold;
}

label.form-label {

    font-weight: 500;
    color: #3e3e3e;
    font-size: 18px;
}

.modal-header {
    background-color: #f8f4ef;
    color: #896237;
    padding: 20px 40px !important;
}

button.btn-close {
    padding: 12px !important;
    margin: 0px !important;
    box-shadow: 0px 0px 18px #9f9f9f29;
}

.btn.popup-btn {
    background-color: #8A6338 !important;
    padding: 9px 30px;
    box-shadow: 0px 1px 17px #00000030;
    border-radius: 8px;
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
    color: white !important;
    width: 100%;
}

.form-check .form-check-input {
    float: none !important;

}

button.btn-close {
    background-color: white;
    opacity: 100%;
    border-radius: 20px;
    font-size: 10px;
}

.form-check {
    text-align: center;
}

.btn.popup-btn:hover {
    background-color: #4e371f !important;
    color: white !important;

    transition: 0.4s !important;

}

.modal-footer {
    display: unset !important;
}

@media screen and (max-width: 1400px) {
    .line-a::before {

        width: 25%;

    }

    .line-b::before {

        width: 25%;

    }
}

@media screen and (max-width: 900px) {
    .line-a::before {

        width: 17%;

    }

    .line-b::before {

        width: 17%;

    }
}

@media screen and (max-width: 700px) {
    .line-a::before {

        display: none;

    }

    .line-b::before {


        display: none;


    }
}






/* cbr page */

.cbr-heading {
    position: relative;
}



.cbr-line-b::before {
    content: "";
    position: absolute;
    height: 5px;
    background-color: #896237;
    border-radius: 10px;
    width: 75%;
    top: 49%;
    right: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

    background-color: #8a6338 !important;
    color: white !important;
}

#pills-my-profile-tab {
    color: #8a6338 !important;
    font-weight: 600;
    border: 4px solid #8a6338;
    border-radius: 8px;
    margin-left: 0px;
}

#pills-my-profile-tab.active {
    color: white !important;

}

#pills-Races-tab {
    color: #8a6338 !important;
    font-weight: 600;
    border: 4px solid #8a6338;
    border-radius: 8px;
}

#pills-Races-tab.active {
    color: white !important;

}

#pills-Ads-tab {
    color: #8a6338 !important;
    font-weight: 600;
    border: 4px solid #8a6338;
    border-radius: 8px;
}

#pills-Ads-tab.active {
    color: white !important;

}

#pills-Messages-tab {
    color: #8a6338 !important;
    font-weight: 600;
    border: 4px solid #8a6338;
    border-radius: 8px;
}

#pills-Messages-tab.active {
    color: white !important;

}

.cbr-main-heading {
    font-size: 40px;
    font-weight: normal;

}

.cbr-main-heading span {
    color: #8a6338;
    font-weight: bold;
}

.my-profile-content {
    background-color: white;

    box-shadow: 0px 0px 8px #00000017;
    border-radius: 8px;
    padding: 30px 50px;
}

.profile h3 {
    font-size: 20px;
    margin-left: 14px;
    font-weight: 600;
}

.profile h3 span {
    color: #888;
    font-size: 22px;
}

.b-r {
    border-right: 3px solid #dfdfdf;
    padding-right: 20px;
}

.my-profile {



    padding-left: 15px;

    list-style: none;

}

.my-profile li {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px;
}

.my-profile li span {
    color: #848484;
}

.horses {
    margin: 20px 0px 0px;
    border-radius: 8px;
}

.horses h3 span {
    color: #848484;
}

.horses h3 {
    padding: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #8a6338;

}

.my-profile-b {



    padding-left: 15px;



}

.my-profile-b .content-profile {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px;
}

.my-profile-b .content-profile span {
    color: #848484;
}

.form-switch .form-check-input {
    width: 5.5rem !important;


    border-radius: 10em !important;
    border: none !important;
    height: 3rem !important;
    background-color: red !important;

}

.form-check-input:checked {

    background-color: #006130 !important;
    border: none !important;
}


.table-form .content {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 22px 15px;

}

.table-form {
    border-top: 3px solid #dee2e6;
}

.table-head tr {
    font-size: 20px;
    color: #98A2B3;
}

.table> :not(caption)>*>* {
    padding: 20px 20px 20px 14px !important;

    border-bottom-width: 3px !important;

}

.span-light span {
    color: gray;
    font-weight: normal;
}










/* memberships page */

.members-header-bg {
    background-image: url(..//images/member-header-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
background-position: center;
}

.membership-main-heading {
    font-weight: bold;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
}
.select2-container .select2-selection--single {
	height: 100% !important;
	padding: .5rem 1rem !important;
	background: transparent !important;
	font-weight: 600;
	font-size: 20px;
    border-radius: 8px;
    border: 2px solid #98A2B3 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {

	top: 10px !important;
	right: 19px !important;
}
.name p {
	font-size: 16px !important;
	font-weight: bold;
	color: black;
    text-align: left;
    margin-bottom: 0px;
    margin-left: 16px;
}
.name span {
	color: #667085;
}
.list-group-item {
	padding: 30px 30px 20px !important;
}

.view-link{
    text-decoration: none;
}

.members-card {


    border-radius: 8px !important;

    border: none;
  
    color: white;
    text-align: center;
    box-shadow: 0px 0px 18px #00000015;

}
.members-card h3 {
    font-weight: 600;
    font-size: 24px;
}
.list-group{
    border-radius: 8px !important;
}
@media screen and (max-width: 490px) {
    .membership-main-heading {
       
        font-size: 30px;
       
    }
}




               


 .calendar-wrapper {
    height: auto;
    max-width: 730px;
    margin: 0 auto;
 }
 
 .calendar-header {
    background-color: rgba(18, 15, 25, 0.25);
    height: 100%;
    padding: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: relative;
 }
 
 .header-title {
    padding-left: 15%;
 }
 
 .header-background {
    background-image: url("https://raw.githubusercontent.com/JustMonk/codepen-resource-project/master/img/compressed-header.jpg");
    height: 200px;
    background-position: center right;
    background-size: cover;
 }
 
 .calendar-content {
    background-color: #fff;
    padding: 20px;
    padding-left: 15%;
    padding-right: 15%;
    overflow: hidden;
 }
 
 .event-mark {
    width: 5px;
    height: 5px;
    background-color: teal;
    border-radius: 100px;
    position: absolute;
    left: 46%;
    top: 70%;
 }
 
 .calendar-footer {
    height: 200px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    background-color: #4b6289 !important;
    position: relative;
    overflow: hidden;
 }
 
 .addForm {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: #4b5889 !important;
    transition: top 0.5s cubic-bezier(1, 0, 0, 1);
    padding: 0 5px 0 5px;
 }
 
 .addForm input {
    color: #fff;
 }
 
 .addForm .row {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0;
 }
 
 .addForm h4 {
    color: #fff;
    margin-bottom: 1rem;
 }
 
 .addEventButtons {
    text-align: right;
    padding: 0 0.75rem 0 0.75rem;
 }
 
 .addEventButtons a {
    color: black;
    font-weight: 300;
 }
 
 .emptyForm {
    padding: 20px;
    padding-left: 15%;
    padding-right: 15%;
 }
 
 .emptyForm h4 {
    color: #fff;
    margin-bottom: 2rem;
 }
 
 .sidebar-wrapper {
    color: #fff;
    background-color: #5a649c !important;
    padding-top: 0;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
 }
 
 .sidebar-title {
    padding: 50px 6% 50px 12%;
 }
 
 .sidebar-title h4 {
    margin-top: 0;
 }
 
 .sidebar-events {
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 70px;
 }
 
 .empty-message {
    font-size: 1.2rem;
    padding: 15px 6% 15px 12%;
 }
 
 .eventCard {
    background-color: #fff;
    color: black;
    padding: 12px 24px 12px 24px;
    border-bottom: 1px solid #E5E5E5;
    white-space: nowrap;
    position: relative;
    animation: slideInDown 0.5s;
 }
 
 .eventCard-header {
    font-weight: bold;
 }
 
 .eventCard-description {
    color: grey;
 }
 
 .eventCard-mark-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
 }
 
 .eventCard-mark {
    width: 8px;
    height: 8px;
    background-color: #b39ddb;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 45%;
 }
 
 .day-mark {
    width: 7px;
    height: 7px;
    background-color: #b39ddb;
    border-radius: 100px;
    position: absolute;
    left: 47%;
    top: 67%;
 }
 
 .content-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 300px;
 }
 
 #table-body .col:hover {
    cursor: pointer;
    /*border: 1px solid grey;*/
    background-color: #E0E0E0;
 }
 
 .empty-day:hover {
    cursor: default !important;
    background-color: #fff !important;
 }
 
 #table-body .row .col {
    padding: .75rem;
 }
 
 #table-body .col {
    border: 1px solid transparent;
 }
 
 #table-body {}
 
 #table-body .row {
    margin-bottom: 0;
 }
 
 #table-body .col {
    padding-top: 1.3rem !important;
    padding-bottom: 1.3rem !important;
 }
 
 #calendar-table {
    text-align: center;
 }
 
 .prev-button {
    position: absolute;
    cursor: pointer;
    left: 0%;
    top: 35%;
    color: grey !important;
 }
 
 .prev-button i {
    font-size: 4em;
 }
 
 .next-button {
    position: absolute;
    cursor: pointer;
    right: 0%;
    top: 35%;
    color: grey !important;
 }
 
 .next-button i {
    font-size: 4em;
 }
 
 .addEvent {
    box-shadow: 0 5px 15px rgb(57, 168, 228);
    background-color: #39a8e4;
    padding: 10px;
    padding-left: 3em;
    padding-right: 3em;
    cursor: pointer;
    border-radius: 25px;
    color: #fff !important;
    background-image: linear-gradient(135deg, #8d8dd4, #45ced4);
 }
 
 .addEvent:hover {
    transition: box-shadow 0.5s;
    box-shadow: 0 4px 25px rgb(57, 168, 228);
 }
 
 .mobile-header {
    padding: 0;
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
  
    z-index: 99;
    width: 100%;
    background-color: #5a649c !important;
 }
 #sidebar{
    position: unset !important;
 }
 .mobile-header a i {
    color: #fff;
    font-size: 38px;
 }
 
 .mobile-header h4 {
    color: #fff;
 }
 
 .mobile-header .row {
    margin-bottom: 0;
 }
 
 .mobile-header h4 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
 }
 
 @media (max-width:992px) {
    .content-wrapper {
       margin-left: 0;
    }
    .mobile-header {
       display: block;
    }
    .calendar-wrapper {
       margin-top: 80px;
    }
    .sidebar-wrapper {
       background-color: #EEEEEE !important;
    }
    .sidebar-title {
       background-color: #5A649C !important;
    }
    .empty-message {
       color: black;
    }
 }
 
 @media (max-width:767px) {
    .content-wrapper .container {
       width: auto;
    }
    .calendar-content {
       padding-left: 5%;
       padding-right: 5%;
    }
   
 }
 
 @media (max-width:450px) {
    .content-wrapper {
       padding-left: 0;
       padding-right: 0;
    }
    .content-wrapper .container {
       padding-left: 0;
       padding-right: 0;
    }
 }


 .race-nav-link {
	color: white !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	padding: 10px 20px;
	
	border-radius: 16px !important;
}
.race-nav-link a {

	font-size: 20px !important;
	font-weight: 500 !important;
    border-radius: 16px !important;
	
}
.race-nav-link .active{
    border-radius: 16px;
    color: #896237  !important;
}
.race-nav-link a:hover {

    color: #896237  !important;
    background-color: #E7FF00 !important;
transition: 0.4s !important;
	border-radius: 16px !important;
	
}
.nav{
    line-height: 20px !important;
    height: inherit;
    background: transparent !important;
    position: inherit;
}
.race-nav-link a {
	padding: 13px 24px;
}
.sidebar-wrapper {
	
	background-color: #8a6338 !important;
	
}
.sidebar-title{
    background-color: #8a6338 !important;
color: white !important;
}
.empty-message{
    color: white !important;
}
.calendar-footer{
    background-color: #8a6338 !important;
    color: white !important;
}
.addForm{
    background-color: #8a6338 !important;
}
.calendar-footer h4{
    font-weight: bold;
}

.addEvent {
	box-shadow: 6px 8px 11px #0000002b;
	color: #8a6338 !important;
	background-image: linear-gradient(135deg, #E7FF00, #919F06);
	font-weight: bold;
}
.addEvent:hover {
	box-shadow: 6px 8px 11px #0000005e;
	
}
.input-field label {
	color: white !important;
	
}

#addEventButton {
	background-color: #E7FF00 !important;
    color: #8a6338 !important;
    font-weight: 500;
}
#cancelAdd {
	background-color: white !important;
	font-weight: 500;
}
.header-background {
	background-image: url("../images/calender-header.jpg");
 
        height: 200px;
        background-position: center right;
        background-size: cover;
    
}
.cke_top {
	
	background: #c1c1c1 !important;
	
}
.material-icons {
	color: white;
}
.sidebar-title {
	padding: 50px 50px !important;
}
.empty-message {
	padding: 10px 50px !important;
}
.blue.lighten-3 {
	background-color: #DDF301 !important;
}
.cke_inner.cke_reset {

	box-shadow: 0px 0px 10px #00000010;

}
#cke_editor {
	border: none !important;
	
}
.cke_top {
border: none !important;
	
}
#cke_14 {
	background-color: white;
    margin-left: 20px;
	border-radius: 4px;
}
#cke_14:hover {
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_15 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_15:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_16 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_16:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_17 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_17:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_18 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_18:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_19 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_19:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_20 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_20:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_21 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_21:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_22 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_22:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_23 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_23:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_24 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_24:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_25 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_25:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_26 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_26:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_27 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_27:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_28 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_28:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_29 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_29:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_30 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_30:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_31 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_31:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_32 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_32:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_33 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_33:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_34 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_34:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_35 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_35:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_36 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_36:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_37 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_37:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_38 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_38:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_39 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_39:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_40 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_40:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_41 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_41:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_42 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_42:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_43 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_43:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_44 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_44:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
/* #cke_45 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_45:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
} */
#cke_9 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_9:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_10 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_10:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_47 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_47:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_12 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_12:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}
#cke_13 {
	background-color: white;
	
	border-radius: 4px;
    margin-left: 20px;
}
#cke_13:hover {
    
	background-color:#ebebeb ;
color: white;
	border-radius: 4px;
}