.main-section {
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #eee;
    border-radius: 10px;
}

.main-inner-section  select {
    padding: 10px 15px;
}
.main-inner-section form{
    width: 350px;
}
.main-inner-section input{
    padding: 10px 15px;
}
.main-inner-section input:focus,
.main-inner-section select:focus,
.main-inner-section textarea:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #ced4da;
}
.main-inner-section select option::placeholder,
.main-inner-section input::placeholder{
    font-size: 14px;
    color:#333;
}
button.submit-btn,
button.submit-btn:hover {
    padding: 10px 40px;
    background: #006e3f;
    border: none;
    margin-top: 30px;
    width: 100%;
}
button.submit-btn:hover {
    box-shadow: none !important;
    outline: none;
    border: none;
}

form.details-form {
    width: 85%;
}   
.details-form .form-field{
    display: grid;
    grid-template-columns: 30% 70% ;
}
.details-form  .form-group label{
    font-weight: 500;
    margin-right: 5px;
}
.save-btn,
.save-btn:hover{
    padding: 10px 40px;
    background: #006e3f;
    border: none;
    width: 100%;
}
.sucess_msg {
    width: 100%;
    background: green;
    color: white;
    font-weight: 500;
    padding: 7px 0;
    margin-bottom: 30px;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .main-section {
        width: 80% !important;
    }
}

@media screen and (max-width: 767px) {
    .main-section {
        width: 100% !important;
    }
    .details-form .form-field {
        grid-template-columns: 100%;    
    }
    .cs-form {
        display: flex;
        flex-direction: column;
    }
    .cs-form .form-group{
        margin: 0px 0px 20px 0px !important;
    }
}

div#calendar {
    width: 100%;
    margin-bottom: 30px;
}