body{font-family: 'Krub', sans-serif; background: url(../images/repeat-bg.png) #45453f; color:#45453f } 

button{background-color: #f1ea0c; color:#45453f !important}
input[type='text'],input[type='password'],
input[type='date'],input[type='time'],select
{border:1px solid #45453f !important; border-radius: 50em !important; height: 45px;}
textarea{border-radius: 20px !important; border-color: #45453f !important;}
textarea:focus, input:focus{border-color:inherit !important}
h1,h2,h3,h4,h5,h6{font-weight: 700; color: #f1ea0c;}

select{background:url(../images/icons/dropdown-icon.png) no-repeat right 20px center !important; background-size: 14.5px 8px !important;height: 45px !important;-webkit-appearance: none;}

h1{font-size: 44px;}

.wrap-input100{border-bottom:none}
.focus-input100::before{display: none;}


/* Login */
.container-login100{width:100%; max-width: 480px; margin: auto; background:url(../images/repeat-bg.png); box-sizing: border-box; padding:0 35px; }
.wrap-login100{width:100%; border-radius: 20px; box-sizing: border-box; padding: 35px;}
.wrap-login100 a{font-size: 12px;}
.login-logo{margin-bottom:95px ;}
.login-logo img{display: block; width: 100%; max-width: 304px; margin: auto;}


/* Page */
.header-bar{display: flex; width:100%; height: 100px; background-color: #f1ea0c;box-shadow: 0px 8px 16px 0px rgba(0, 1, 0, 0.3); margin-bottom: 65px;}
#dashboard-wrapper{justify-content: center;}
#dashboard-wrapper h1{text-align: center; margin-bottom:25px;}
#header-logo{display: flex; height: 100%; width:100%; align-items: center; justify-content: center;}
#header-logo img{display: block; width:100%; max-width: 181.5px;}
.container{max-width: 1070px;}
.header-bar .container{position: relative;}
.logout-link{position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #45453f; border-radius: 50em; border:1px solid #45453f; display: inline-flex; height:45px; min-width: 120px; padding: 0 10px; box-sizing: border-box; text-align: center; justify-content: center; align-items: center; font-size: 16px; font-weight: 700;}
#footer-band{background-color: rgb(241, 234, 12);    box-shadow: 0px 8px 16px 0px rgba(0, 1, 0, 0.3); height: 20px;}

  


/* Home */
.dashboard-section{margin-bottom:65px ;}
.dashboard-section h1{margin-bottom: 25px; text-align: center; width: 100%;}

.wrap-login200{width:100%; }
#calendar-wrapper{position: relative; overflow:inherit}
#calendar-div-wrapper{/* border-bottom: 1px solid #83837f; */ padding-top: 45px;}
#calendar-footer-links{padding: 20px 45px; display: none;}

#calendar{max-width:675px; margin: auto; width:100%; box-sizing: border-box; padding: 0 20px;}

.fc-daygrid-day-top{justify-content: center; align-items: center; height: 100%; position: absolute; width: 100%; }
.fc-daygrid-day-number{width:55px; height: 55px; box-sizing: border-box; border:4px solid transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0 !important; cursor: pointer; font-size: 16px;}
.fc-theme-standard td, .fc-theme-standard th{border:none !important;}
.fc-theme-standard .fc-scrollgrid{border: none !important;}
.fc-day-today{font-weight: 700; background-color: transparent !important;}

.fc-toolbar-chunk>div{display: flex; align-items: center; justify-content: center; width: 100%;}
.fc .fc-button-primary{  color:#f1ea0c; padding: 0 !important; width: 45px; height: 36px; background: url(../images/dashboard/left-arrow.png) no-repeat center center; background-color: transparent !important; background-size: 15px 28px; border:none !important;}
.fc .fc-button-primary:focus{box-shadow:none !important}
.fc-icon{display: none !important;}
.fc-next-button{background-image: url(../images/dashboard/right-arrow.png) !important;}
.fc-icon-chevron-left:before, .fc-icon-chevron-right:before{color:#f1ea0c; font-size: 150%;}
.fc-toolbar-title{color: #45453f; min-width: 170px;}
#calendar td {
    vertical-align: middle !important;
    border:none;
}
.fc {
    text-align: center !important;
}

.fc td {
    padding: 0;
    vertical-align: middle !important;
}

.calendar-action-links{position: absolute; right:0; top: 50%; transform: translateX(25%) translateY(-50%);}
.calendar-action-btn{background-color: #FFF; padding: 15px; display: block; border-radius: 50%; z-index: 1;}
.calendar-action-btn span{display: flex; width:110px; height: 110px; background-color: #f1ea0c; color:#45453f; border-radius: 50%; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; padding: 15px; font-weight: 700;box-shadow: 0px 8px 16px 0px rgba(0, 1, 0, 0.3);}

.calendar-action-btn{position: relative; margin-top: -15px;}
.calendar-action-btn:first-child{z-index: 2;}

.fc-daygrid-day-events{position: absolute !important; left: 0 !important; top: 0 !important; width:100%; height: 100%; margin-top: 0 !important;}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before{display: none !important;}
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after{display: none !important;}
.fc-daygrid-event-harness{height: 100%;}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{margin: 0 !important; height: 100% !important; display: flex !important;}

.fc-h-event{background:none !important; border:none !important; z-index: 2;}
.fc-event-main{width:100% !important; display: flex !important; align-items: center; justify-content: center; }
.fc-event-main-frame{width:55px; height: 55px; box-sizing: border-box; border:4px solid #f1ea0c; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0 !important; cursor: pointer;}
.fc-event-title-container{display: none;}

.table thead th{background-color: #f1ea0c; border-top:none; padding: 0 .75em; height: 70px; padding-bottom: 10px; font-weight: 400; color: #45453f; font-size: 22px; text-align: left;}
.table tbody td{height: 70px; padding: 0 1em; vertical-align: bottom; padding-bottom: 10px; border-color:#83837f; font-size: 18px;}
.meeting_name{border-left:3px solid #f1ea0c; padding-left:15px ;}

.document-link-wrapper{display: inline-flex; flex-direction: column; max-width: 160px; justify-content: center; align-items: center; margin:0 30px; text-transform: uppercase; font-size: 16px; font-weight: 700;}
.document-link{box-shadow: 0px 8px 16px 0px rgba(0, 1, 0, 0.3);
    width: 135px;
    height: 135px;
 display: inline-flex; background-color: #f1ea0c; border-radius: 50%; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; margin-bottom:20px; }
 .document-link span{display: flex; width: 100%; height: 100%; align-items: center; border-radius: 50%; justify-content: center;}
 .document-link span img{display: inline-block; height: 50%;}
#documents-wrapper{display: flex; justify-content: center;}

.form-wrapper{visibility: hidden; opacity: 0; position: absolute; left:0; top: 0; width: 0; height: 0; transition: opacity .15s ease-out; background-color: #FFF; z-index: 99; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.form-wrapper.opened{visibility: visible; opacity: 1; width: 100%; height: 100%; }
#addmeet label{position: relative;}
#addmeet label img{display: inline-block; width:50%; margin-top: 5px;}
#addmeet label::after{content: ''; background: url(../images/icons/dashes.png) no-repeat center center; background-size: contain; width:18px; height: 3.5px; position: absolute; top:20px; transform: translateX(20px);}

.form-wrapper h2{text-align: center; color: #45453f; font-size: 22px; margin-bottom: 30px;}
.form-content-wrapper{ width:100%; max-width:600px; box-sizing: border-box; padding: 0 10px;}

/* Meeting */
#meeting-info-wrapper{min-height: 400px; box-sizing: border-box; padding: 40px;}
.meeting-info-section{margin-bottom: 40px; background: url(../images/icons/vertical-line.png) no-repeat left top; background-size: 3.5px 20.5px; padding-left: 15px;max-width: 680px;}
.meeting-info-section h2{font-size: 22px; color: #45453f; margin-bottom: 7px;}
.meeting-link-wrapper{display: flex; justify-content: space-between;}
.meeting-link-wrapper a{border-radius: 50em; border:1px solid #f1ea0c; display: inline-flex; height:45px; min-width: 120px; padding: 0 20px; box-sizing: border-box; text-align: center; justify-content: center; align-items: center; font-size: 16px; font-weight: 700;}

@media(max-width:1140px){
    .limiter{padding: 0 20px; box-sizing: border-box;}
    .logout-link{right:20px;}
}

@media(max-width:1199px){
    .calendar-action-links{position: static; transform: none; max-width: 675px; margin: auto; display:flex; flex-direction: row; align-items: center; justify-content: center; padding: 20px 0;}   
    .calendar-action-btn{padding: 0; margin: 0 10px;}
    .form-wrapper{display: flex; flex-direction: column;}
    .form-wrapper .calendar-action-links{order:1}
    #addmeet label::after{display: none;}
    .form-content-wrapper{padding-top: 20px}
    
}
@media(max-width:767px){
    h1{font-size: 32px;}
    .table tbody td{font-size: 14px; height: auto; padding-top: 10px; }
    .table thead th{font-size:16px; height: auto; padding-top: 10px;}
    .meeting_name{border: none; padding-left: 0;}
    .meeting-link-wrapper{flex-direction: column;}
    .meeting-link-wrapper a{max-width: 180px; font-size: 14px;}
    #header-logo{justify-content: flex-start;}
    
}
@media(max-width:550px){

    .fc-daygrid-day-top{position: relative; z-index: 5;}
    .fc-daygrid-day-events{z-index: 4; height: 50%; transform: translateY(calc(50% - 5px)); margin: 1px; box-sizing: border-box; width:calc(100% - 2px); }
    .fc-event-main-frame{ height: 100% !important; background-color: #f1ea0c; border-radius: 0; border:none;}

}