.all-sch{
	cursor: pointer;
}
.dep-sch{
	cursor: pointer;
}
div#department-switcher {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}
#department-switcher input#switch{
  height: 0;
  width: 0;
  visibility: hidden;
}

#department-switcher label {
    cursor: pointer;
    text-indent: -9999px;
    width: 70px;
    height: 30px;
    background: #67C1C0;
    display: block;
    border-radius: 50px;
    position: relative;
}

#department-switcher label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 40px;
    transition: 0.3s;
}

#department-switcher input:checked + label {
  background: #40245F;
}

#department-switcher input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

#department-switcher label:active:after {
  width: 90px;
}
#department-switcher label:before{
    display: none;
}

#information-evenings {
    display: flex;
    flex-wrap: wrap;
}
.information-evening {
    width: calc(33% - 15px);
    display: block;
    margin-bottom: 30px;
    background: #EEF6F7;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #cdcdcd;
    margin-right: 15px;
    margin-left: 15px;
}
.evening-c {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
}
span.evening-h {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 20px;
    display: block;
}
.evening-footer {
    display: flex;
    justify-content: space-between;
}
.evening-footer a {
    background: #40245F;
    color: white;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    padding-top: 3px;
    padding-bottom: 3px;
}
.evening-footer a:hover {
    background: #67C1C0;
    color: white;
}
.evening-footer span {
    font-weight: 600;
    font-size: 19px;
    color: #4F8DC1;
}
.information-evening img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
}


.evening-inner {
    display: flex;
    padding-bottom: 20px;
}
.evening-left {
    width: 50%;
    padding-right: 60px;
}
.evening-left img {
    border-radius: 20px !important;
}
.evening-right {
    width: 50%;
}
span.evening-content {
    padding-bottom: 30px;
    display: block;
}
.evening-content p{
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 10px;
}
.active>.page-link, .page-link.active {
    background-color: #40245F;
    border-color: #40245F;
}
.page-link {
    color: #41245F;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
}
.table>:not(caption)>*>* {
    color: #40245F;
}

.evening-action {
    display: flex;
    justify-content: space-evenly;
    gap: 15px;
}
.evening-action .delete {
    color: #cf0e0e;
}
.evening-action .edit {
    color: #cb7d1a;
}
.evening-action .registrations {
    color: #67C1C0;
}

.primary-button {
    background: #40245F;
    color: white;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}
.primary-button:hover {
    background: #67C1C0;
    color: white;
}


@media only screen and (max-width: 700px){

.information-evening {
    width: 100% !important;
}
.information-evening img {
    height: 250px !important;
}
.information-evening img {
    height: 250px !important;
}
.evening-inner {
    display: block !important;
}
.evening-right {
    width: 100% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 20px !important;
}
.evening-left {
    width: 100% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
span.evening-point.time {
    margin-left: 0px !important;
}
span.evening-point.catering {
    margin-left: 0px !important;
}

}

span.evening-point {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 500;
    color: #67C1C0;
}
span.evening-shortd {
    font-size: 15px;
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
}
.evening-point .fa-solid, .fas {
    margin-right: 10px;
    font-size: 13px;
}
.evening-inner-meta {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.export-buttons button {
    border-radius: 10px;
    margin-right: 10px;
    background: #40245F;
    color: white;
    padding: 2px 20px;
    font-weight: 500;
}
.right-buttons button {
    border-radius: 10px;
    margin-right: 10px;
    background: #67C1C0;
    color: white;
    padding: 2px 20px;
    font-weight: 500;
}
.btn.active.selected {
    background: #67C1C0;
    color: white;
}
.btn.active {
    font-weight: 600 !important;
}
.evening-action .copy-event {
    color: #565ebb;
}
.modal-backdrop.show {
    z-index: 9999 !important;
}
.modal-open .modal {
    z-index: 99999 !important;
}

.button-primary {
    border-radius: 10px;
    margin-right: 10px;
    background: #40245F ! IMPORTANT;
    color: white !important;
    padding: 5px 20px;
    font-weight: 500;
}
.button-secondary {
    border-radius: 10px;
    margin-right: 10px;
    background: #67C1C0 !important;
    color: white !important;
    padding: 5px 20px;
    font-weight: 500;
}

span.event-status0 {
    display: block;
    background: #ffa50073;
    font-weight: 500;
    border-radius: 5px;
    height: 30px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    color: #242424;
}
span.event-status1 {
    display: block;
    background: #10ff0073;
    font-weight: 500;
    border-radius: 5px;
    height: 30px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    color: #242424;
}

table input[type="checkbox"]{
    position: inherit !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline !important;
}

span.evening-point.catering {
    width: 200px;
    margin-left: 20px;
}
span.evening-point.time {
    width: 300px;
    margin-left: 20px;
}
span.evening-point.time.outer {
    margin: 0px;
}

span.evening-point.catering.outer {
    margin: 0px;
}