.google_calendar_modal_wrap  {
width: 100%;
max-width: 100%;
}
.google_calendar_view  {
cursor: pointer;
background: none;
display: inline-block;
margin: 5px 5px;
border-radius: 4px;
padding: 0px 8px;
color: #3a87ad;
font-weight: bold;
line-height: 18px;
}
.google_calendar_view.wp_gcal_event_expired {
opacity: 0;
}
.google_calendar_view  .fa{
cursor: pointer;
background: none;
display: inline-block;
margin: 0px 0px;
padding: 0px 0px;
color: #3a87ad;
font-weight: bold;
line-height: 18px;
}
a.wp-chatbot-add-new-event {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 20px;
background: #046bd2;
color: #fff;
border-radius: 4px;
padding: 5px 10px;
margin: 0px 0px;
font-weight: bold;
}
.google_calendar_view.fc .fc-toolbar {
display: block !important;
}
#google_calendar_modal_view {
padding: 15px 0px;
width: 100%;
max-width: 100%;
}
#google_calendar_modal_view.fc .fc-toolbar.fc-header-toolbar {
font-size: 14PX;
}
#google_calendar_modal_view.fc .fc-view-harness {
font-size: 14px;
}
.event-submission-form-wrap{
display: none;
position: relative;
font-size: 14px;
}
.event-submission-form-wrap h3{
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 25px;
}
.event-submission-form-wrap .event-form-group{
width:100%;
padding: 10px 0px;
}
body .event-submission-form-wrap .event-form-group input[type="text"], 
body .event-submission-form-wrap .event-form-group input[type="email"], 
body .event-submission-form-wrap .event-form-group input[type="datetime-local"], 
body .event-submission-form-wrap .event-form-group input[type="date"], 
body .event-submission-form-wrap .event-form-group input[type="time"] {
width: 100%;
max-width: 100%;
padding: 8px;
box-shadow: 0 0 0 transparent;
border-radius: 4px;
border: 1px solid #8c8f94;
background-color: #fff;
color: #2c3338;
border-radius: 4px !important;
height: 40px;
font-size: 16px;
margin: 0px 0px !important;
}
.event-submission-form-wrap .event-form-group button[type="submit"]{
margin-right: 5px;
padding: 8px 10px;
border-radius: 4px;
font-size: 14px;
line-height: 20px;
background: #046bd2;
color: #fff;
border-radius: 4px;
font-weight: bold;
border: none;
cursor: pointer;
transition: 0.3s ease all;
}
.event-submission-form-wrap .event-form-group button[type="submit"]:hover{
background: #03519f;
border: none;
transition: 0.3s ease all;
}
.event-submission-form-wrap .event-form-group button[type="button"]{
margin-right: 5px;
padding: 8px 10px;
background: #fcb900;
border-radius: 4px;
font-size: 14px;
line-height: 20px;
color: #fff;
border-radius: 4px;
font-weight: bold;
border: none;
cursor: pointer;
transition: 0.3s ease all;
}
.event-submission-form-wrap .event-form-group button[type="button"]:hover{
background: #d69d02;
transition: 0.3s ease all;
}
.wpbot-loading-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.wpbot-spinner-icon {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wp-chatbot-gcal-container {
margin-top: 50px;
display: none;
z-index: 9999999;
}
.wp-chatbot-gcal-details {
box-shadow: 0 0 10px #ccc;
background-color: #ffffff;
}
.active-chatbot-gcal-details {
position: absolute;
right: 100%;
animation: 0.5s chatbotgcalAnimation;
z-index: -1;
}
.wp-chatbot-gcal-details {
margin: 50px 30px 50px auto !important;
} .wp-chatbot-gcal-container.active-chatbot-gcal-details {
display: inline-block;
vertical-align: top;
}
.wp-chatbot-gcal-details {
width: 600px;
position: relative;
margin: 50px auto;
font-size: 0;
min-height: 300px;
padding: 15px;
}
.wp-chatbot-gcal-reload.wp-chatbot-gcal-loading {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.50);
padding: 3px;
border-radius: 5px;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
.wp-chatbot-gcal-loading img {
display: table;
left: 50%;
top: 50%;
position: absolute;
margin: -10px -45px;
}
a.wp-chatbot-gcal-close {
position: absolute;
top: 0;
right: 0;
background: rgba(252, 67, 3, 0.8) url(//www.biolitec.com/wp-content/plugins/wpbot-pro-master/images/wp-boat-product-close-icon.png) no-repeat center;
width: 30px;
height: 30px;
cursor: pointer;
}
@keyframes chatbotgcalAnimation {
0% {
transform: translate(200px);
}
95% {
transform: translate(-10px);
}
100% {
transform: translate(0);
}
}