body {font-family:'Open Sans', sans-serif;background:#FFF}
.mobile_hide {display:block}
.mobile_show {display:none}

.cursive {font-family:'Nothing You Could Do', cursive;}

.main_color {color:#5793b9}
.main_background {background:#5793b9;color:#FFF}
.secondary_color {color:#38506c}
.secondary_background {background:#38506c;color:#FFF}
a, .no_hover {color:inherit}
a:hover, a:active, a:focus {color:#38506c;text-decoration:none}
.no_hover:active, .no_hover:hover, .no_hover:focus {text-decoration:none;color:inherit}
.shadow {-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75)}
.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.menu_link_container {padding:12px 0px;font-size:12px}
.menu_container {padding:10px 0px}
.link_menu {margin-left:15px;text-transform:uppercase}

.toninelli_container {border-radius:100%;border:solid 5px #5793b9;overflow:hidden}

.full_width {width:100%}
.inputs {border:none;padding:10px;background:#F5F5F5}
.login_container {width:300px;margin:100px auto}
.user_container {border:solid 1px #CCC;border-radius:20px;padding:10px 0px;overflow:hidden;font-size:12px}

.margin_bottom_15 {margin-bottom:15px}
.margin_bottom_30 {margin-bottom:30px}
.margin_top_15 {margin-top:15px}
.margin_top_30 {margin-top:30px}
.margin_0 {margin:0}

.border_radius {border-radius:25px}
.rounded_button {border-radius:50px}

.required {color:red}
.circle_button {width:50px;height:50px;text-align:center;padding:14px 0px;border-radius:100%}

.transparent_button {border:solid 1px #333;background:transparent;color:#333}
.main_button {border:solid 1px #5793b9;background:#5793b9;color:#FFF}
.main_button:hover, .transparent_button:hover {background:#FFF;color:#5793b9;border:solid 1px #5793b9;}

.not_active_background {background:#FF9696}
.due_notification_background {background:#FEE2E2}


.login_error {color:#F02222;padding-bottom:15px}
.user_name {border-left:solid 1px #FFF;display:inline-flex;padding-left:15px}

.calendar_year {text-align:center;background:#5793b9;color:#FFF;font-size:25px;padding:15px;border-bottom:solid 1px #FFF}
.calendar_month {text-align:center;background:#5793b9;color:#FFF;font-size:20px;padding:15px;border-bottom:solid 1px #FFF}
.calendar_month_container {font-size:0}
.calendar_day_container {display:inline-flex;width:3.225806451%;font-size:12px;text-align:center;padding:2px 1px;cursor:pointer}
.calendar_day_subcontainer{border:solid 1px;width:100%}
.calendar_day_number {font-weight:bold;font-size:20px}
.calendar_holiday {background:#eec4c4}
.year_control {position:absolute;top:25px;color:#FFF}
.year_control.left {left:25px}
.year_control.right {right:25px}

.calendar_select_days {font-size:0}
.big_select {width:100%;text-align-last:center;background:#CCC;font-size:16px;border:none;padding:10px;font-weight:bold}
.calendar_select_month, .calendar_select_days {display:none}
.calendar_select_month.active, .calendar_select_days.active {display:block}
.calendar_day_subcontainer.active {background:#5793b9;color:#FFF;border:solid 1px #5793b9}
.not_active.calendar_day_container {cursor:not-allowed;color:#E5E5E5 !important}
.not_active > .calendar_holiday {background:#D5D5D5}

.check-with-label {display:none}
.label-for-check {border:solid 1px;padding:10px;font-weight:normal;cursor:pointer}
.check-with-label:checked + .label-for-check {border:solid 1px #5793b9;background:#5793b9;color:#FFF}

.delete_icon_form {display:inline-block;margin-right:10px}
.delete_icon_form > button {border:none;background:transparent;color:#FF9696}

.calendar_day_full {border-bottom:solid 10px #38506c !important}

.collapse_analytics_container {margin-top:10px;padding:10px 0px 0px;border-top:solid 1px #CCC}
.collapse_analytics_item_container {border-bottom:solid 1px #F5F5F5;margin-bottom:10px;overflow:hidden;padding-bottom:10px}

.notification_container {display:inline-block;width:20px;height:20px;color:#FFF !important;background:#FF9696;text-align:center;border-radius:100%;padding-top:2px;margin-left:10px}

@media(max-width:992px) {
	.mobile_hide {display:none}
	.mobile_show {display:block}
	.link_menu {margin-left:0}
	.calendar_day_container {width:14.28%}
	.menu_icon_mobile {width:40px;height:40px;background:#5793b9;color:#FFF;text-align:center;display:inline-block;padding:10px 0px;border-radius:100%;cursor:pointer}
	#mobile_menu {background:#5793b9;color:#FFF;padding:15px 15px 0px}
	.menu_mobile_link{padding-bottom:15px;}
	.big_icon_mobile {font-size:25px;margin-top:15px}

}