/* ==================================================
MAIN
================================================== */
body{color: #141414;height: 100%;min-width: 750px;background: #f9f9f9}
.skip{position: absolute;top: -999999px;left: 0;background: #333;color: #fff;width: 100%;padding: 10px 0;text-align: center;text-decoration: none}
#wrap{position: relative;width: 750px;margin: 0 auto}
#container{
	width:750px;
	height:1950px;
	margin:20px auto 0 auto;
	background:url(../../layouts/joongdong/images/food/bg_food3.png) 0 0 no-repeat;
	background-size:750px auto;
}
.account_top{position:relative; height:105px; padding:20px 20px 10px 20px;}
.account_top p {
	position:absolute;
	height:28px;
	line-height:28px;
	top:50%;
	left:200px;
	margin-top:-14px;
	font-size:15px;
}
.individual_area p{display:inline-block;color:#5b5b5b;font-size:15px}
.header_ment{
	position:absolute;
	left:40px;
	top:50%;
	margin-top:-14px;
	display:inline-block;
	padding:0 24px;
	height: 28px;
	margin-right:20px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius:14px;
	background-color:#52afe4;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:500;
	letter-spacing:0.5px;
	line-height:28px
}
.account_bottom{position:relative; width:750px !important; height:65px; padding:0;}
.account_bottom p{
	position:absolute;
	height:28px;
	line-height:28px;
	font-size:15px;
	top:50%;
	margin-top:-14px;
	left:230px;
}
.account_bottom:first-of-type p{left:205px;}
section.food_choice{width:700px; margin-left:40px;height:520px; margin-bottom:20px;}
section.food_apply{clear:both;width:700px;height:375px;padding:0;}
.area{float:left;width:198px;height:455px;padding:10px 35px 0 0;}
h3.title_h3{ height:30px; line-height:30px; font-size:26px;color:#777;font-weight:600;text-align:center}
.account_top.st_control{border-bottom:2px dashed #d2d2d2;margin-bottom:20px}
/* 달력 */
.calendar{padding-bottom:25px;height:170px}
table.calendar_top{margin-top:0px}
table.calendar_top td {height:100px; vertical-align:middle;}

/* 급식정보 */
.apply_info { margin-top:25px;}
.apply_info dl{display:block;width:196px; line-height:28px;height:30px}
.apply_info dt{display:inline-block;width:65px;height:25px;padding-left:10px;background:url(../../layouts/joongdong/images/food/dot_grey.png) 0 11px no-repeat;color:#525252;font-size:14px}
.apply_info dd{
	display:inline-block;
	width: 80px;
	height: 25px;
	padding:0 11px;
	-webkit-border-radius: 12px 13px 13px 12px/12px 12px 13px 13px;
	-moz-border-radius: 12px 13px 13px 12px/12px 12px 13px 13px;
	border-radius: 12px 13px 13px 12px/12px 12px 13px 13px;
	background-color: #eee;
	line-height:25px;
	text-align:right;
	font-size:16px;
	font-weight:600;
	margin-right:5px;
}
.apply_info dd input{width: 100%;height: 24px;border: 0;line-height: 24px;padding: 1px 3px;background: transparent;outline: none;text-align:right;font-size:16px;font-weight:600}
.breakfast .apply_info dd,
.breakfast .apply_info dd input{color:#149889}
.lunch .apply_info dd,
.lunch .apply_info dd input{color:#ba9d0f}
.dinner .apply_info dd,
.dinner .apply_info dd input{color:#d74e32}

/* 체크박스 */
.check_box{width:194px;height:58px;padding:15px 0;margin-top:25px;text-align:center;font-size:20px;font-weight:600}
.check_box p{margin-bottom:12px}
.breakfast .check_box{background:#ccf0ec;color:#149889}
.lunch .check_box{background:#f0eacc;color:#ba9d0f}
.dinner .check_box{background:#f7d7d0;color:#d74e32}
input[type=checkbox].checkbox{position:absolute;z-index:-1000;left:-1000px;overflow: hidden;clip: rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
input[type=checkbox].checkbox + label.label{padding-left:29px;height:29px;display:inline-block;line-height:28px;background-repeat:no-repeat;background-position: 0 0;font-size:24px;vertical-align:middle;cursor:pointer}
input[type=checkbox].checkbox:checked + label.label {background-position: 0 -30px}
label.label {background-image:url(../../layouts/joongdong/images/food/bg_check.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}

/* 급식신청 */
.my_sum{clear:both; width:660px; margin-left:40px; height:255px;border:5px solid #a4d1ea;color:#555}
.my_sum2{width:660px; margin-left:40px; padding:20px 0; border:5px solid #a4d1ea;color:#555}
.total_amount{width:600px;margin:35px auto 25px;padding-bottom:20px;border-bottom:1px solid #d3d3d3;text-align:center;letter-spacing:0.5px}
.total_amount p{font-size:20px;color:#555;font-weight:bold;vertical-align:bottom}
.total_amount span{font-size:37px;font-weight:bolder;color:#35a2e0;margin-left:28px;margin-right:21px}
.food_apply_box{width:600px;margin:0 auto}
.food_apply_box li{float:left}
.security_code{width:170px;margin-right:20px}
.security_code dt{margin-right:4px}
.security_info dt{width:90px;margin-right:4px}
.security_info2 dt{width:70px;margin-right:4px}
.security_info dl{margin-bottom:5px}
.security_info2 dl{margin-top:8px;margin-bottom:5px}
dd.code_box{width:118px;height:29px;padding:0 3px;border:1px solid #d7d7d7;color:#35a2e0;font-weight:bold;font-size:19px;line-height:29px}
.food_apply_box dt{display:inline-block;padding-left:10px;font-size:15px;background:url(../../layouts/joongdong/images/food/dot_grey.png) 0 5px no-repeat}
.food_apply_box dd{display:inline-block;vertical-align:middle}
.input_box input{width:155px;height:30px;padding:3px 5px;border:1px solid #d7d7d7;font-size:14px}
.btn_apply{
	display:inline-block;
	width:122px;
	height:44px;
	line-height:44px;
	margin-left:8px;
	padding:18px 0;
	background:#52afe4;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-decoration:none !important;
}
.btn_seek{
	display:inline-block;
	width:82px;
	height:20px;
	margin-top:8px;
	margin-left:8px;
	padding:9px 0;
	background:#52afe4;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none !important;
}

/* ==================================================
SUB - 관리자 페이지
================================================== */
#subContainer{position: relative;width: 750px;min-height: 500px;margin: 0 auto 50px auto;background:#f9f9f9}
#subContainer .tabContents #wrap > #container{min-height:735px;background:none;}
#subContainer h2 {margin: 25px 0;font-size: 30px;color: #3b3b3b;font-weight: 600;text-align: center}
section.food_list{clear:both;width:735px;padding:0 20px 40px}

/* TAB */
.tabContents{position:relative;width:750px;margin:20px auto 0;background:url(../../layouts/joongdong/images/food/bg_food_admin.png) 0 0 no-repeat}
.yh_tabLists{width:750px;height:42px;margin:20px auto; border-collapse:collapse;}
.yh_tabLists td {width:25%; border:3px solid #ddd;}
.yh_tabLists td a {
	display:block; 
	height:42px; 
	line-height:42px; 
	text-align:center;
	text-decoration:none;
	font-size:14px;
}
.yh_tabLists td.active {border:3px solid #52AFE4;}
.yh_tabLists td.active a {color:#52AFE4; font-weight:bold;}
.tabLists{display:block;width:100%}
.yh_tabLists ul li a:hover{text-decoration:none;color:#35a2e0}
.tabContents.tabcon_2{background:url(../../layouts/joongdong/images/food/bg_admin_pat.png) 0 0 repeat-y}
span.top{position:absolute;width:100%;height:30px;background:url(../../layouts/joongdong/images/food/bg_admin_pat_top.png) 0 0 no-repeat}
span.bottom{position:absolute;bottom:0;width:100%;height:30px;background:url(../../layouts/joongdong/images/food/bg_admin_pat_bottom.png) 0 0 no-repeat}

/* TABLE */
table.food{width: 100%;margin:20px auto;border-top: 3px solid #35a2e0;border-bottom: 2px solid rgba(116, 181, 212, 0.7)}
table.food td,
table.food th{vertical-align: middle}
table.food th:first-child{border-left:none;width:40px}
table.food th{padding: 5px;background: #f0fcff;color: #52afe4;font-size: 14px;line-height: 1.5;text-align: center;border-bottom: 1px solid #52afe4;border-left: 1px solid rgba(82, 175, 228, 0.3)}
table.food td{padding: 5px;font-size: 13px;border-left: 1px solid #e5e5e5;letter-spacing: -0.3px;border-bottom: 1px solid #e5e5e5;text-align: center;color:#3b3b3b}
table.food td.t_left {border-left: none;background: #f0fcff;border-right:1px solid rgba(82, 175, 228, 0.3);color:#52afe4}
table.food_record{width: 100%;margin:20px auto;border:1px solid #d7d7d7}
table.food_record td,
table.food_record th{vertical-align: middle;height:50px}
table.food_record th:first-child{border-left:none}
table.food_record th{padding: 5px;background: #f2f8fc;color: #525252;font-size: 15px;line-height: 1.5;text-align: center;border: 1px solid #d7d7d7}
table.food_record td{width:145px;padding: 5px;height:50px;font-size: 15px;border:1px solid #d7d7d7;letter-spacing: -0.3px;text-align: center;color:#525252}
table.food_record td.t_left {border-right: 1px solid #d7d7d7;color:#000;font-size:18px;font-weight:bold;letter-spacing:7px}
td span.no,
td span.yes{font-size:18px;font-weight:bold;color:#a1a1a1}
td span.yes{color:#52afe4}

/* CALENDAR */
.choice_date,.choice_date_list{clear:both;text-align:center;padding-top:15px; line-height:30px;}
.choice_date_list{text-align:right;padding-top:0}
.choice_date_list > .btn_set.date{width: 55px;height: 30px;padding:0;font-size: 13px;line-height: 30px;margin-left: 3px;background: #f9f9f9;color: #9e9e9e;border: 1px solid #9e9e9e}
.choice_date_list > .btn_set.date:hover{background:#f0fcff;border:1px solid #35a2e0;color: #35a2e0}
.choice_date p{position:relative;font-size:14px;font-weight:bold}
.choice_date01{background:url(../../layouts/joongdong/images/food/dot_green.gif) 0 5px no-repeat;margin-left:10px;padding-left:10px}
.choice_date .notice{position:absolute;left:180px;margin-top:7px;margin-left:0;font-size:12px;color:#ec4830}
input.active {width: 15px;height: 15px;vertical-align: middle}
a.btn_set.date{float:right;margin-right:25px}
input.hasDatepicker{width:151px;border: 1px solid #d2d2d2;height: 25px;padding: 3px;font-size:13px;font-weight:600;color:#0a5799}

/* PAGINATION*/
.board_page {text-align:center;margin: 20px 0}
.board_page a.notselected {color:#484848;margin:0 5px}
.board_page a.notselected:hover{color:#238dc2}
.board_page span.selected {display:inline-block;padding:3px 5px;margin:0 5px;color:#fff;height:21px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#67bfe6}
.board_page img{margin:1px;vertical-align: bottom}
.board_page.dashed{border-bottom:2px dashed #d9d9d9;padding-bottom:30px;margin-bottom:20px}

/* 학생 관리*/
.individual_area{clear:both;margin-bottom:15px}
.dashed{border-bottom:2px dashed #d9d9d9;padding-bottom:30px;margin-bottom:30px}
/* 엑셀파일 업로드 */
.upload_box{position:relative;padding:20px 10px 50px;font-size:14px;font-weight:bold;width: 100%;border-top:1px dotted #d9d9d9}
.upload_box span.excel{background:url(../../layouts/joongdong/images/food/dot_green.gif) 0 6px no-repeat;padding-left:10px;margin-right:10px;margin-bottom:10px;color:#29447e;display: inline-block}
.file_input_textbox{float: left;width:290px;height:30px;padding:0 5px;border:1px solid #d2d2d2}
.file_input_div{position:relative;width:480px;padding-left:10px}
.file_input_button{height:30px;border:none;background-color: #52afe4;color: #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding:0 10px}
.file_input_hidden{position: absolute;width:370px;height:30px;left:0;top: 0;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;cursor: pointer}
.not{position:absolute;width:220px;height:495px;margin-top:-15px; margin-left:-8px; background:rgba(255, 255, 255, 0.5);}
.individual_input{text-align:center}
.individual_input dl{border-bottom:1px dotted #d2d2d2;text-align:justify;padding:5px 0}
.individual_input dt{width:70px;margin:15px 10px;font-size:13px}
.individual_input dd input{width:125px}

a.btn_set3 {display: inline-block;width: 160px;height: 40px;margin-top:20px;padding: 0 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;text-align: center;line-height: 40px;font-size: 15px;font-weight: 600;border: 1px solid #35a2e0;background-color: #fff;color: #35a2e0;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out}
a.sample_down{float:left;margin:5px 0;color:#fff;background:#ababab;font-size:12px;padding:5px}

/* 신청 내역 */
.sum_box{height:255px;padding:35px;margin-top:30px;text-align:center;border:5px solid #a4d1ea}
p.sum_total{padding-bottom:25px;margin-bottom:25px;font-size:20px;color:#555;font-weight:bold;border-bottom:1px solid #d3d3d3}
span.total{font-size:37px;color:#35a2e0;margin:0 20px 0 30px}
p.notice_sum{color:#35a2e0;font-size:25px;padding-bottom:30px}
p.notice_sum2{font-size:15px;font-weight:bold;line-height:20px}
span.applicant{font-size:20px;font-weight:bold;color:#35a2e0;margin-right:3px}

/* 자료초기화 */
section.food_list h3{font-size:20px;border-bottom:1px solid #bbb;margin:15px 0;padding-bottom:15px;padding-left:5px;color:#5b5b5b;font-weight:600;letter-spacing:1px}
dd.input_box{display:inline-block;margin-right:5px}
section.food_list ul.reset{margin-top:100px;margin-left:20px}
ul.reset li{float:left;width:320px;margin:0 10px;background:#e0f5f9;padding:40px 20px;text-align:center;border:7px solid #b2d9da}
ul.reset li:first-child{margin-left:0}
ul.reset li .tit_set{display:block;font-size:24px;text-align:center;margin-bottom:25px;margin-left:0;padding-left:0;color:#6b6b6b;background:none;letter-spacing:1px}
ul.reset a.btn_reset{display: inline-block;width: 200px;padding: 7px 15px;letter-spacing: 1.5px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;text-align: center;line-height: 30px;font-size: 20px;border: 2px solid #7bc9cc;background: #7bc9cc;color: #fff;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out}
ul.reset a.btn_reset:hover {background-color: #fff;color: #7bc9cc}
a.btn_set{display: inline-block;width:100px;height: 30px;padding: 0 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;text-align:center;line-height: 30px;font-size: 15px;font-weight: 600;border: 1px solid #35a2e0;background-color: #fff;color: #35a2e0;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out}
a.btn_set.excel{float:right;font-weight:500;font-size:14px}
a.btn_set2{display: inline-block;width: 150px;text-align: center;margin: -5px auto;padding: 5px 15px;height: 40px;border-radius: 5px;vertical-align: middle;text-align:center;line-height: 30px;font-size: 15px;font-weight: 600;border: 2px solid #35a2e0;background-color: #fff;color: #35a2e0;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out}
a.btn_set:hover,
a.btn_set2:hover,
a.btn_set3:hover{background: #35a2e0;color: #fff}
.btn_box{margin:0 auto;text-align:center}
.tit_set{display:inline-block;font-size:24px;color:#444;letter-spacing:1px;background: url(../../layouts/joongdong/images/food/dot_green.gif) 0 5px no-repeat;margin-left: 10px;padding-left:10px}

.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {font-family:'나눔스퀘어','NanumSquare','Nanum Gothic','Malgun Gothic',sans-serif;margin: 0 auto;padding: 1px 0;border: none;border-spacing: 0}
/* Calendar Wrapper */
.ui-datepicker {display: none;cursor: pointer;text-transform: uppercase;font-size: 11px;background:#fff;padding: 5px 5px 0;border: 1px solid #52afe4}
table.ui-datepicker-calendar{margin:0 auto;margin-top: 5px;background:#fff}
#calendar{margin: 0 auto;width: 200px}
/* Calendar Header */
.ui-datepicker-header {position: relative}
.ui-datepicker-title {text-align: center}
/* Month */
.ui-datepicker-month {position: relative;padding-right: 15px;color: #565656}
/* Year */
.ui-datepicker-year {padding-left: 8px;color: #a8a8a8}
/* Prev Next Month */
.ui-datepicker-prev,
.ui-datepicker-next {position: absolute;top: -2px;padding: 5px;cursor: pointer}
.ui-datepicker-prev {left: 0;padding-left: 0}
.ui-datepicker-next {right: 0;padding-right: 0}
.ui-datepicker-prev span,
.ui-datepicker-next span{display: block;width: 5px;height: 10px;text-indent: -9999px;background-image: url(../../layouts/joongdong/images/food/arrows.png)}
.ui-datepicker-prev span {background-position: 0 0}
.ui-datepicker-next span {background-position: -5px 0}
.ui-datepicker-prev-hover span {background-position: 0 -10px}
.ui-datepicker-next-hover span {background-position: -5px -10px}
/* Calendar "Days" */
.ui-datepicker-calendar th {text-align: center;font-weight: normal;color: #a8a8a8;background-color: #ECECEC}
.ui-datepicker-calendar td {padding: 1px;text-align: center;line-height: 14px}
th.ui-datepicker-week-end {background-color: #FFC0CB !important}
.ui-datepicker-calendar .ui-state-default {display: block;width: 18px;outline: none;text-decoration: none;color: #4b4b4b;border: 1px solid transparent}
/* Day Active State*/
.ui-datepicker-calendar .ui-state-active {color: #6a9113;border-color: #6a9113}
/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default {color: #565656}
td {font-family:'나눔스퀘어','NanumSquare','Nanum Gothic','Malgun Gothic',sans-serif;color: #666;line-height:18px}
.button {filter:progid:dximagetransform.microsoft.shadow(color = '#999999',direction = 120, strength = 1)}
table.calendar-ui {width:190px;margin:0 auto}
table.calendar-ui td a{line-height:26px;color:#fff;font-size:13px}
td.h_list,{line-height:2}
.h_list{width:100px}
td.tit_def,
td.tit_sun,
td.tit_sat{height:22px;border:1px solid #d2d2d2; vertical-align:middle;}
.tit_sat{background-color:#ADD8E6}
.tit_sun{background-color:#ffc0cb}
.h_date{cursor:pointer;font-weight:bold;text-align:center; height:26px !important; font-size:12px;line-height:26px !important;}
.button {filter:progid:dximagetransform.microsoft.shadow(color = '#999999',direction = 120,strength = 1)}
table.calendar_top .year_tit {width: 50px;display: inline-block;font-size: 20px;color: #888;text-align: center}
table.calendar_top .month_tit {width: 45px;display: inline-block;color: #65b26e;font-size: 35px;font-weight: bold;text-align: center;margin-left: 3px}
span.year_tit {line-height: 25px}
tr.st_list:hover{background:#f2f6fb}
td.tit_def input[type="checkbox"] {display:inline-block; width:15px; height:15px; margin-top:1px;}

/* BOARD PAGE */
.board_page {text-align:center;}
.board_page a.notselected {color:#484848;margin:0 5px}
.board_page a.notselected:hover{color:#238dc2}
.board_page span.selected {
	display:inline-block;
	padding:3px 5px;
	margin:0 5px;
	color:#fff;
	height:21px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:5px;
	background-color:#183867;
}
.board_page img{margin:1px;vertical-align: bottom}
.board_page.dashed{border-bottom:2px dashed #d9d9d9;padding-bottom:30px;margin-bottom:20px}


#chk_foodbox {width:96% !important; margin:0 auto; border-collapse:collapse;}
#chk_foodbox th,
#chk_foodbox td {text-align:center; font-size:14px; padding:5px;}
#chk_foodbox th {background:#52AFE4; color:white; border:1px solid #96D1F3;}
#chk_foodbox td {border:1px solid #52AFE4;}

.notice_box{position:absolute;width:100%;margin:0 auto;bottom:160px}
p.notice,
p.apply_date{margin:0;padding:0;text-align:center}
p.notice{font-size:22px;line-height:60px;color:#555}
p.apply_date{font-size:28px;color:#fff;font-weight:bold;letter-spacing:1px;line-height:30px}

.board_page2 {text-align:center;}
.board_page2 a.notselected {color:#484848;margin:0 5px}
.board_page2 a.notselected:hover{color:#238dc2}
.board_page2 span.selected {
	display:inline-block;
	padding:3px 5px;
	margin:0 5px;
	color:#fff;
	height:21px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:5px;
	background-color:#183867;
}
.board_page2 img{margin:1px;vertical-align: bottom}
.board_page2.dashed{border-bottom:2px dashed #d9d9d9;padding-bottom:30px;margin-bottom:20px}


#chk_foodbox2 {width:96% !important; margin:0 auto; border-collapse:collapse;}
#chk_foodbox2 th,
#chk_foodbox2 td {text-align:center; font-size:14px; padding:5px;}
#chk_foodbox2 th {background:#52AFE4; color:white; border:1px solid #96D1F3;}
#chk_foodbox2 td {border:1px solid #52AFE4;}




a[class*="btn"] {text-decoration: none;}
.btn.mini, 
.btn-two.mini, 
.btn-gradient.mini, 
.btn-effect.mini {
  padding: 1px 10px;  
  font-size: 12px;
}

/* Gradient buttons */
.btn-gradient {
  text-decoration: none;
  color: white;
  padding: 10px 30px;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(0,0,0,0.21);
  border-bottom: 4px solid rgba(0,0,0,0.21);
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
/* Gradient - ugly css is ugly */
.btn-gradient.cyan {
  background: rgba(27,188,194,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
  background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btn-gradient.red{ 
  background: rgba(250,90,90,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
  background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btn-gradient.orange {
  background: rgba(255,105,30,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
  background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btn-gradient.blue {
  background: rgba(102,152,203,1);
  background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
  background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btn-gradient.purple { 
  background: rgba(203,153,197,1);
  background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
  background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btn-gradient.yellow {
  background: rgba(240,210,100,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
  background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btn-gradient.green {
  background: rgba(130,200,160,1);
  background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
  background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btn-gradient.red:active    {background: #E35252;}
.btn-gradient.orange:active {background: #E8601B;}
.btn-gradient.cyan:active   {background: #169499;}
.btn-gradient.blue:active   {background: #608FBF;}
.btn-gradient.purple:active {background: #BD8EB7;}
.btn-gradient.yellow:active {background: #DBC05B;}
.btn-gradient.green:active  {background: #72B08E;}