.search-title{
	color: #ffffff !important;
	background: #8267AA;
	display: flex;
	border-radius: 20px 0px 0px 20px;
	align-items: center;
	top: 8px;
	height: 68px;
	width: 133px;
	margin-left: -16px;
	text-align: center;
	padding: 20px;
      }
      .btn {
	display: inline-block;
	padding: 8px 17px;
	background-color: #8267AA;
	margin: -27px;
	font-size: 20px !important;
	font-weight: normal !important;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 10px;
	user-select: none;
      }       
      .time-navigation {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 15px;
	float: unset;
      }
      .tiva-timetable table.timetable-month th.timetable-header {
	height: 20px;
	padding: 20px 0;
	background-color: #c594c5;
	font-weight: 400;
	text-align: center;
	font-size: 25px;
      }
      .tiva-timetable table.timetable-month td.calendar-day {
	color: #3E3E3E;
	font-size: 18px;
	text-align: right;
	vertical-align: top;
	padding: 12px 9px;
	height: 60px;
	line-height: 0px;
      }
      .tiva-timetable .timetable-month .today .calendar-daycounter {
	background: #c594c5;
	padding: 0px 6px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline;
	font-weight: 500;
      }
      .tiva-timetable table.timetable-month td.calendar-day.today {
	padding: 17px 7px 0px 0px;
      }
      .cards-row {
        margin: 26px auto;
      }
      
      .card {
	padding-top: 4px;
	display: inline-block;
	width: 100%;
	/* min-width: 502px; */
	box-sizing: border-box;
	box-shadow: 0px 0px 19px -8px rgb(0 0 0 / 26%);
	border-radius: 3px;
	margin: 1em 0;
	animation: scl 0.5s ease-in-out;
	transform-origin: left center;
	background-color: #fff;
	min-height:350px;
      }
      
      .card-title {
	background-color: #FF9900;
	width: auto;
	height: 54px;
	margin: 10px;
	font-size: 26px;
	align-items: unset;
	padding: 13px;
	color: #ffffff;
      }
      .card-title2 {
	background-color: #F7DF2B;
	width: auto;
	height: 54px;
	margin: 10px;
	font-size: 26px;
	align-items: unset;
	padding: 13px;
	color: #3e3838;
      }
      
      .card-image {
        width: 100%;
        height: 162px;
      }
      .card-desc {
        padding: 0 1em 1em 1em;
        /* border-bottom: 1px solid rgba(128, 128, 128, 0.3); */
        /* height: 75px; */
        overflow: hidden;
        text-align: justify;
        color: #707070;
      }
      .card .card-actions {
	min-height: 30px;
	padding: 0 20px 20px 20px;
	margin: 20px 0 0 0;
	display: flex;
	justify-content: flex-end;
      }
      .card-action-readMore {
	height: 2em;
	width: 6em;
	background-color: #ffffff;
	border: 1px solid #bf80ca;
	font-weight: light;
	color: #bf80ca;
	position: relative;
	overflow: hidden;
	outline: none;
	border-radius: 10px;
      }
      .card-action-readMore:hover {
        background: #856bba;
        transition: all 0.1s ease-in;
        color: #ffffff;
        border: none;
      }
      .card:hover {
        box-shadow: 0px 0px 19px -8px rgb(0 0 0 / 26%);
        transition: box-shadow 0.3s ease-in;
      }
      
      .ripple {
        border-radius: 50%;
        background: #ff8ec7;
        position: absolute;
        transform: scale(0);
        opacity: 1;
        animation: ripple 0.4s linear;
      }
      .grid-container {
        display: inline-grid;
        grid-template-columns: auto auto ;
        padding: 15px;
        margin-top: -13px;
      }
      
      .grid-item {
        padding: 3px;
        font-size: 18px;
        text-align: left;
      }
      h3 {
	color: #707070;
	font-size: 1.2em;
	font-family: 'quarkbold', san-serif;
	font-weight: 400;
	margin: 0;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
      }
      .calendar-info .span{
	display: inline-block;
      }
      .calendar-info .status-info i.today{
	background-color: #c594c5;
      }
      .calendar-info .status-info i{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: bottom;
	margin-right: 10px;
      }
      .calenda_tools{
	display: flex; 
	align-items: center; 
	margin-left: 27px; 
	border: 1px solid #D8D8D8; 
	border-radius: 20px;
        }
      @media (max-width: 768px){
	.search-title {
	color: #555555 !important;
	background: #ffffff;
	display: flex;
	align-items: center;
	height: 53px;
	text-align: center;
	padding: 20px;
	border-radius: 0px;
	margin-left: 0px;
	}
	.btn {
	display: inline-block;
	padding: 6px 20px;
	background-color: #8267AA;
	margin: 15px;    
	font-size: 20px !important;
	font-weight: normal !important;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	color: #ffffff;
	border-radius: 0px;
	user-select: none;
	margin-top: 10px;
      }
	.calenda_tools{
	  display: unset;
	  align-items: center;
	  margin-left: 0;
	  border: 1px solid #ffffff;
	}
	.form-control{
	  margin-top: 10px;
	}
      }