@charset "utf-8";

html {
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
}
body {
	width: 100%;
	min-height: 100%;
	position: relative;
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #767676;
	background-color: #f9f9f9;
}
body * {
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-out 0s;
	-moz-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
}
.material-icons {
	font-family: 'Material Icons' !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7a7a7a;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7a7a7a;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7a7a7a;
}

a, a:visited {
    color: #ef4d58;
    text-decoration: none;
}

a:hover {
    color: #0c1b3c;
}



.mini_header, .fullpage, .footer { width: 100%; margin: 0px auto; }
.mini_header { background-color: #cb6ce6; position: fixed; height: 70px; top: 0px; }
.tophead { background-color: #cb6ce6; height: 50px; }
.fullpage { border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; margin-top: 70px; }
.footer { position: fixed; bottom: 0px; width: 100%; height: 50px; background-color: #cb6ce6; }
.page_content { width: 100%; padding: 20px; }
.login_box { width: 80%; margin: auto; }
.account_box { width: 80%; margin: auto; text-align: center; }
.fff { width: 100%; height: 50px; border: 1px solid #dddddd; background-color: #eeeeee; padding: 10px; border-radius: 10px; font-size: 16px; color: #666666; }
.logo img { max-width: 600px; max-height: 70px; }
.logo { text-align: left; }
.copy { width: 100%; padding: 10px 40px; color: #ffffff; text-align: right; }
.mpage_title { font-size: 30px; color: #7d079f; font-weight: bold; text-align: center; }
.field { margin-top: 20px; }
.login_submit { width: 100%; background-color: #cb6ce6; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; border: 0px; height: 50px; line-height: 50px; cursor: pointer; border-radius: 10px; }
.submit { width: 60%; margin: 30px auto; }
.forgot { text-align: center; }
.forgot a { font-size: 14px; color: #7d079f; }
.page_title .title { font-size: 30px; color: #7d079f; font-weight: bold; text-align: left; margin-top: 20px; margin-bottom: 30px; }
.main .title { font-size: 24px; color: #7d079f; font-weight: normal; text-align: left; margin-bottom: 10px; }
.main .content { font-size: 16px; color: #666666; font-weight: normal; text-align: justify; }
span.blue { color: #7d079f; font-weight: bold; }
a.blue { color: #7d079f; font-weight: normal; text-decoration: underline; cursor: pointer; }
.ty_message { margin-top: 30px; margin-bottom: 30px; width: 100%; text-align: center; }
.myerror { color: #e40000; font-weight: bold; font-size: 20px; }
.member_footer { background-color: #cb6ce6; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); height: 90px; position: fixed; bottom: 0px; width: 100%; display: flex; }
.schedule_but { cursor: pointer; flex-basis: calc(50% - 50px); height: 90px; display: flex; justify-content: right; padding-right: 50px; }
.account_but { cursor: pointer; flex-basis: 100px; height: 130px; text-align: center; margin-top: -30px; }
.account_button { height: 100px; }
.request_but { cursor: pointer; flex-basis: calc(50% - 50px); height: 90px; display: flex; justify-content: left; padding-left: 50px; }
.member_footer span { color: #ffffff; font-size: 10px; }
.account_text { margin-top: 60px; position: absolute; width: 100px; text-align: center; margin-left: -100px; }
.schedule_but .icon { width: 100px; text-align: center; }
.request_but .icon { width: 100px; text-align: center; }
.menu_on { background-color: #3F5797;}
.menu_off {  }
.back_left { background: url('../images/position_left1.png') top center no-repeat; }
.back_right { background: url('../images/position_right1.png') top center no-repeat; }
.account_box .name { font-size: 24px; color: #7d079f; font-weight: bold; margin-top: 10px; margin-bottom: 30px; }
.account_box .icon img { width: 50%; max-width: 300px; border-radius: 150px; }
.account_box .logout { margin-top: 50px; }
.account_box .logout a { font-size: 20px; color: #7d079f; }
.calendar_box a { color: #7d079f; font-weight: bold; }
.calendar_box .month_name { color: #7d079f; font-weight: bold; }
.current_month { display: flex; justify-content: center; }
.current_month div { margin: 0px 10px; }
.calendar_box { width: 100%; margin: auto; }
.calendar_box .calendar.dashboard { width: 100%; margin: auto; text-align: center; }
.calendar_box .calendar.dashboard .calendar_title .month_navi { display: flex; justify-content: center; }
.calendar_box .calendar.dashboard .calendar_title .month_navi .calmbut { margin: 0px 20px; cursor: pointer; color: #7d079f; font-weight: bold; }
.calendar_table { width: 100%; margin-top: 15px; }
.calendar_table thead td { background-color: #dddddd; font-size: 12px; text-align: center;  }
.calendar_table td { border: 1px solid #cccccc; font-size: 11px; vertical-align: top; text-align: right; padding: 3px; line-height: 16px; }
.weeks { background-color: #dddddd; width: 40px; }
.days { width: 18%; }
.wedays { width: calc((10% - 40px)/2); }
.calendar_table td.weeks { text-align: center !important; font-size: 10px; vertical-align: middle !important; }
.calendar_table .datatr { height: 100px; }
.wedd {  background-color: #dedede; }
.note { font-size: 10px; margin-top: 100px; }
.mynote { font-size: 10px; }
.dmain {
	width: 100%;
	border-top: 1px solid #dddddd;
}
.dump_details .dmain .item { width: 100%; display: flex; border-bottom: 1px solid #dddddd; padding-bottom: 8px; }
.dumpyard .dmain .item { width: 100%; display: flex; height: 50px; border-bottom: 1px solid #dddddd; }
.dmain .item.even { background-color: #eeeeee; }
.dmain .item .icon { flex-basis: 50px; }
.dmain .item .icon img { width: 50px; }
.dmain .item .main_data { flex-basis: calc(100% - 58px); padding-top: 8px; padding-left: 6px; }
.dmain .item .main_data .item_title { color: #7d079f; font-weight: bold; font-size: 14px; line-height: 18px; }
.dmain .item .main_data .item_date { color: #666666; font-weight: normal; font-size: 12px; line-height: 16px; }
.dmain .item .actions { flex-basis: 100%; display: flex; justify-content: center; }
.dmain .item .actions div { flex-basis: 20%; text-align: center; line-height: 50px; font-size: 12px; color: #7d079f; }
.theitem .image { text-align: center; width: 100%; }
.theitem .image img { width: 100%; }
.dmain { margin-bottom: 30px; }
.theitem { text-align: center; min-height: 50px; border-bottom: 1px solid #dddddd; line-height: 20px; font-size: 12px; color: #7d079f; }
.open { font-weight: bold; }
.actiondiv { position: absolute; left: 10%; top: 80px; display: none; width: 80%; background-color: #7d079f; color: #fede59; text-align: center; padding: 30px; }
.close_dumpaction { height: 24px; width: 24px; float: right; color: #7d079f; font-weight: bold; cursor: pointer; line-height: 24px; text-align: center; background-color: #fede59; border-radius: 12px; }
.video iframe { max-width: 100% !important; }
.edit_text { width: 96%; height: 24px; line-height: 22px; font-size: 14px; padding: 0px 5px; }
.save_data { width: 100px; line-height: 24px; height: 30px; background: #fede59; color: #7d079f; font-weight: bold; font-size: 16px; text-align: center; border: 0px; border-radius: 10px; margin-top: 15px; cursor: pointer; }
.datitle { font-weight: bold; margin-bottom: 20px; font-size: 16px; }
.item_title.only { padding-top: 8px !important; }
.bottompadding { margin-bottom: 150px; }
.cats { display: flex; justify-content: space-between; text-align: center; background: #ffffff; height: 44px; padding: 2px; }
.colorsel { flex-basis: 6.5%; font-size: 8px; color: #ffffff; height: 40px; line-height: 40px; cursor: pointer; }
.select_yellow { background-color: yellow; }
.select_fuchsia { background-color: fuchsia; }
.select_red { background-color: red; }
.select_silver { background-color: silver; }
.select_gray { background-color: gray; }
.select_olive { background-color: olive; }
.select_purple { background-color: purple; }
.select_maroon { background-color: maroon; }
.select_aqua { background-color: aqua; }
.select_lime { background-color: lime; }
.select_teal { background-color: teal; }
.select_green { background-color: green; }
.select_blue { background-color: blue; }
.select_navy { background-color: navy; }
.dmain .item .item_cat { flex-basis: 8px; height: 50px; padding: 21px 0px 21px 0px; }
.dmain .item .item_cat span.cat_yellow { display: block; width: 8px; height: 8px; background: yellow; border-radius: 4px; }
.dmain .item .item_cat span.cat_fuchsia { display: block; width: 8px; height: 8px; background: fuchsia; border-radius: 4px; }
.dmain .item .item_cat span.cat_red { display: block; width: 8px; height: 8px; background: red; border-radius: 4px; }
.dmain .item .item_cat span.cat_silver { display: block; width: 8px; height: 8px; background: silver; border-radius: 4px; }
.dmain .item .item_cat span.cat_gray { display: block; width: 8px; height: 8px; background: gray; border-radius: 4px; }
.dmain .item .item_cat span.cat_olive { display: block; width: 8px; height: 8px; background: olive; border-radius: 4px; }
.dmain .item .item_cat span.cat_purple { display: block; width: 8px; height: 8px; background: purple; border-radius: 4px; }
.dmain .item .item_cat span.cat_maroon { display: block; width: 8px; height: 8px; background: maroon; border-radius: 4px; }
.dmain .item .item_cat span.cat_aqua { display: block; width: 8px; height: 8px; background: aqua; border-radius: 4px; }
.dmain .item .item_cat span.cat_lime { display: block; width: 8px; height: 8px; background: lime; border-radius: 4px; }
.dmain .item .item_cat span.cat_teal { display: block; width: 8px; height: 8px; background: teal; border-radius: 4px; }
.dmain .item .item_cat span.cat_green { display: block; width: 8px; height: 8px; background: green; border-radius: 4px; }
.dmain .item .item_cat span.cat_blue { display: block; width: 8px; height: 8px; background: blue; border-radius: 4px; }
.dmain .item .item_cat span.cat_navy { display: block; width: 8px; height: 8px; background: navy; border-radius: 4px; }

.colorsel.selected { border: 3px solid #000000;}
.token { margin-top: 40px; }
.feedback_form { display: none; position: fixed; width: 92%; height: 650px; top: 20px; left: 4%; background-color: rgba(255,255,255,0.95);  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 30px; }
.feedback_form .feedback_form_title { color: #7d079f; font-size: 24px; font-weight: bold; margin-bottom: 15px; }
.feedback_form .feedback_form_description { color: #666666; font-weight: normal; font-size: 14px; line-height: 16px; }
.feedback_form textarea { width: 100%; font-size: 14px; color: #666666; font-weight: normal; line-height: 18px; padding: 3px; min-height: 100px; }
.feedback_form #feedback_email { width: 100%; font-size: 14px; color: #666666; font-weight: normal; padding: 3px; min-height: 20px; }
.feedback_form .label, .feedback_form .message { font-size: 14px; font-weight: bold; color: #7d079f; margin-top: 20px; }
.feedback_form .value { font-size: 14px; font-weight: normal; }
.feedback_form .sendbutton { text-align: center; }
.feedback_but { position: fixed; top: 25px; right: 25px; cursor: pointer; width: 40px; height: 40px; }
.feedback_form .close { width: 20px; height: 20px; float: right; border-radius: 10px; background-color: #7d079f; color: #ffffff; font-weight: bold; font-size: 12px; text-align: center; line-height: 18px; cursor: pointer; }