body {
    background: #F9F9F9 none repeat scroll 0% 0%;
    color: #0E171C;
    font: 300 100%/1.5em "Lato",sans-serif;
    margin: 0px;
}

.title{
    text-align: center;
}

.calendar-container{
    position: relative;
    max-width: 33%.33;
    display:flex;
}
.data-container{
    position: relative;
	width:50%;
	max-width:100%;
}


*::-webkit-scrollbar {width: 7px;}
*::-webkit-scrollbar-track {background: #ffffff;}
*::-webkit-scrollbar-thumb {background-color: #690624;border-radius: 10px;border: 3px solid #ffffff;}
  body{background-color:white !important;}
.parentContainer{display:flex}
.filter-container{width:33.33%}
.emptySearch{width:100%;text-align:center;color:grey;font-size:15px}
*::-webkit-scrollbar {width: 7px;}
*::-webkit-scrollbar-track {background: #ffffff;}
*::-webkit-scrollbar-thumb {background-color: #690624;border-radius: 10px}
.search-container{width:33.33%}
.searchTitle{width:33.33%;color:#690624;font-size:25px;font-family: 'Montserrat', sans-serif;text-align:center}
.filterContainer{text-align: center;margin-left:5%;margin-right: 5%;width:50%}
.filterButton{background-color: transparent;border: 2px solid #690624;min-width: 150px;border-radius: 30px;margin: 8px 10px;font-family: 'Poppins';font-style: normal;font-weight: normal;font-size: 16px;text-align: center;letter-spacing: 0.25px;color: #690624;transition: all 0.3s;cursor: pointer;}
.filterButton:focus {  outline: none;  box-shadow: none;}
.filterText{ margin: 0px; font: 150 100%/1.5em "Lato",sans-serif;}
.flex{display:flex;margin-bottom:5px}
.focus{color: white !important;background-color: #690624 !important;}
button:hover {color: white;background-color: #690624;}
button:active {color: white;background-color: #690624;}
button:focus {color: white;background-color: #690624;}
input {border: 1px solid transparent;background-color: #f1f1f1;padding: 10px;font-size: 16px;border-radius:20px;border: 1px solid #87232a;}
input[type=text] {background-color: #f1f1f1;width: calc(100% - 125px);margin: 0px 50px;}
.event{margin-top:5px;background-color:white;padding:0px!important;font-family: 'Montserrat', sans-serif;}
.event-summary{color:black;margin-top:2px;font-family: 'Montserrat', sans-serif;}
.event-cds{color:black;font-size:15px;font-family: 'Montserrat', sans-serif;}
.event-date{color:black;font-size:15px;font-family: 'Montserrat', sans-serif;}
.event-title{color:#690624;font-size:25px;font-family: 'Montserrat', sans-serif;}
.event-hour{color:black;font-size:15px;font-family: 'Montserrat', sans-serif;}
.event-buttonDiv{width:100%;text-align:right;margin-bottom:10px;}
.selectDataText{margin:0px;margin-top:5px;margin-right:5px}
.event-button{background-color:#690624;margin-right:50px;color:white !important;padding:5px 25px;border-radius:50px;font-size:16px;font-family: 'Montserrat', sans-serif;}
.currentActive{border: 2px solid #690624 !important}
.select {position: relative;display: inline-block;margin-bottom: 5px;width: calc(100% - 25px);margin-right: 25px;font: 150 100%/1.5em "Montserrat",sans-serif;}    
.select select {font: 15px "Montserrat",sans-serif;display: inline-block;width: 100%;cursor: pointer;padding: 10px 15px;outline: 0;border: 1px solid #690624;border-radius: 100px;background: #ffffff;color: #000000;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.select select::-ms-expand {display: none;}
.select select:hover,.select select:focus {color: #000000;background: #efefef;}
.select select:disabled {opacity: 0.5;pointer-events: none;}
.select_arrow {position: absolute;top: 16px;right: 15px;pointer-events: none;border-style: solid;border-width: 8px 5px 0px 5px;border-color: #690624 transparent transparent transparent;}
.select select:hover ~ .select_arrow,.select select:focus ~ .select_arrow {border-top-color: #690624;}
.select select:disabled ~ .select_arrow {border-top-color: #cccccc;}
.calendar2{margin-top:70px;margin-right:10px;border-top: 3px solid #690624;border-bottom: 3px solid #690624;
}

@media (max-width: 767px){
  .parentContainer{display:inline}
  #titles{display:none}
  .filter-container{width:100%;margin-bottom:10px}
  .search-container{width:100%;margin-bottom:10px;margin-top:10px}
  .data-container{width:100%;}
}