/* mxCalendar Styles */

/*
Colors:
green = #33cc99
black = #051227
grey = 
*/

.calendar {
    padding: 12em 0 8em;
}
.calendar #calbody tbody {border: 1px solid #f0f0f0;}

.calendar #calbody td, .calendar #calbody td.hasEvents { border-color:#f0f0f0; }
.share-event {margin-top: -4.5em;}
.share-event a {cursor: pointer; padding-left: 1em; text-decoration: none;}
.share-event {float: right; font-size: 16px;}
.share-event i {}
.feed-link {padding-left: 1em; color: #051227;}
.calendar .location {margin-right: 1em;}
.calendar .location + .date {margin-left: 1em;}
.calendar .date {margin-left: 0;}
.event-box {border: 1px solid #f1f1f1;margin-top: 3em; padding: 2em 4em;}
.event-box h2 {width: 50%; margin-top: 0;}
.calendar #calbody td.hasEvents.today {color: #FFF;} 
.calendar #calbody td.today { border:1px solid #f0f0f0; background-color:#33cc99;   }
.calendar #calbody .mxcnav { float:left; margin:0 20px 10px 0 !important; text-decoration:none; padding:0 10px; font-size:18px; line-height:24px; background-color:#051227; color:#fff; border:1px solid #051227;}
.calendar #calbody .mxcnav:hover{background-color:#Fff;color:#051227!important;}
.calendar #calbody td.today .datestamp { font-weight:400; color: #FFF;}

.modal-event {background-color: rgb(255, 255, 255);}
.modal-event .body {margin-top: 15em;}
.modal-event .body .title {margin-bottom: 4em;}
.modal-event .form-control {margin-bottom: 3em; height: 60px;}
.modal-event .form input:not(.btn), .form select{border:none;border-bottom:1px solid #051227;border-radius:0;padding:7px 20px;font-size:18px;line-height:30px;margin-bottom:10px;height:auto;font-family: 'PT Sans', sans-serif !important;color:#051227;box-shadow:none;}
.modal-event .form input::-webkit-input-placeholder{color:#767b83 !important;}
.modal-event .form input::-moz-placeholder{color:#767b83 !important;}
.modal-event .form input::-ms-input-placeholder{color:#767b83 !important;}
.form input::placeholder{color:#767b83 !important;}
.calendar #calbody .mxcnav.sm { font-size:16px;}
.calendar #calbody td .event { font-size:14px;}
.calendar #calbody, #calbodylist, #mxccategories {
    font-size: 16px;
}
.calendar #calbody a, .calendar #calbodylist a {border-bottom: none;}

#calbody td .event .title a:hover{background-color:transparent !important;text-decoration:underline;}

.calendar .btn-success{margin-top:50px;}