#colorbox{background: #FFFFFF;padding: 10px;border-radius: 8px;background: #FFFFFF;padding: 10px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);}
#colorbox{min-width:300px !important;}

.pe {
    cursor: pointer;
}
.border-right-0 {
    border-right: 0;
}
.border-left-0 {
    border-left: 0;
}
.search-btn {
    border: 1px solid #EBEBEB;
    background-color: #FFFFFF;
}
#search-input .input-icon {
    min-width: 400px;
}

/* Remove default input-group text styling */
.input-group-text {
    background: transparent;
    border: none;
    padding: 0; /* Remove padding to fit the icon snugly */
    margin: 0; /* Remove any margin */
}

/* Add some padding to the right side of the input field */
.input-group .form-control {
    padding-right: 30px; /* Space for the icon */
    height: 40px;
}

.shadow {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); /* Small shadow */
}

/* Customize the icon */
.input-group-text i {
    font-size: 16px; /* Adjust the icon size to fit the input */
    color: #555; /* Set a color for the icon */
    position: absolute;
    right: 10px; /* Position the icon to the right */
    top: 50%;
    transform: translateY(-50%); /* Center the icon vertically */
}

/* Optional: Style the input border for a cleaner look */
.input-group {
    position: relative;
}

.input-group .form-control:focus {
    box-shadow: none; /* Optional: Remove focus box-shadow */
    border-color: #ccc; /* Optional: Change border color on focus */
}


.watermark {
    position: absolute;
    opacity: 0.25;
    font-size: 3em;
    width: 100%;
    text-align: center;
    z-index: 1000;
}
/*New filtering styles*/
.swiperFilters .rounded-3 {
    border-radius: 10px!important;
    cursor: pointer;
}
.filter-item {
    margin-bottom: 20px;
    display:none;
}
.list-filter {
    text-align: center;
    margin: 30px 0 30px 0;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.flag-icon {
    display: inline-block!important;
    width: 30px!important;
    height: 30px!important;
    background-size: cover!important;
}
.list-filter li {
    margin:0 10px 0 10px;
    cursor: pointer;
}
.list-filter li:hover, .list-filter li.active {
    color: #CD0511;
}
/* End new filtering styles*/

.load-more {
    background-color: #FFFFFF;
}

.webinar-lang-tabs {
    margin-top:20px;
}
.webinar-lang-tabs > li.active > a:hover {
    border-bottom-color: #fff;
}
.webinar-lang-tabs .meta {
    color: #999;
    display: inline-block;
    padding-top: 10px;
    padding-right: 10px;
}

.btn-color-red-ghost-platforms {
    color: #CD0511;
    font-weight: bold;
    border: 1px solid #CD0511;
    background: none;
    padding: 5px 12px;
}
.btn-color-red-ghost-platforms:active,
.btn-color-red-ghost-platforms:focus,
.btn-color-red-ghost-platforms:hover{
    color: #CD0511!important;
    background: white;
}

.webinars-height {
    height: 320px;
}