/* --------------------------------------------------------------------------
 * UnicornNet.com  	: LMS Default HTML Template
 *  
 * file					: mypage.css
 * Version 			: 1.0
 * Author				: UnicornNet - Team
 * Author URI		: http://unicornnet.com
 *
 * UnicornNet Copyright 2019 All Rights Reserved.
 * -------------------------------------------------------------------------- */
@charset "utf-8";


.mypage-section
{ background-color: #FFFFFF; padding: 50px 0px; overflow: visible;  }


.mypage-section .sub-tittle1
{ margin: 0 0 30px; text-align: left; }
.mypage-section p
{ font-size: 18px; font-weight: 300; color: #111111; }
.mypage-section p > span
{ font-weight: 500; }
.mypage-section .sub-tittle1 hr
{ margin: 20px 0; }




















/* #############   전체수업현황   ############ */
.widget-to-class
{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; margin: 0; padding: 8px; border: 2px solid #777777; background-color: #F9FFFA; cursor: pointer;  }
.widget-to-class:hover
{ text-decoration: none; border: 2px solid #1db898; }

.widget-to-class > footer
{ padding-left: 20px; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; display: flex; align-items: center; min-height: 65px;}
.widget-to-class > img,
.widget-to-class > a > img
{ width: 65px; height: 65px; }
/*
{ width: 40px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
*/
/*
.widget-to-class > footer > cite
{ font-style:normal; font-weight:400; font-size:18px; line-height:1.7; letter-spacing:0em; color:#1db898; }
.widget-to-class > footer > cite > small
{ font-weight:400; font-size:12px; padding: 2px 7px; color:#FFFFFF; background-color: #FFCC00; -webkit-border-radius:3px; border-radius:3px; }
*/

.widget-to-class > footer > span
{ display: block; margin-top: 0px; font-size:16px; color: #000000; font-weight: normal; }
.widget-to-class > footer > span > em
{ color: #999999; font-style: normal; }
.widget-to-class > footer > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.widget-to-class > footer > button
{ margin-top: 10px; padding: 4px 15px; background-color: #FFFFFF; font-weight: 500; font-size: 14px; }
.widget-to-class > footer > button:hover
{ color: #FFFFFF; background-color: #37D48B; }

.widget-to-class > i
{ padding-top: 21px; padding-right: 5px; font-size: 20px; }



@media all and (max-width: 993px)
{
	.widget-to-class > footer
	{ line-height: 20px; }
	.widget-to-class > footer > span
	{ margin-top: 0; }
	.widget-to-class > footer > span > small
	{ padding: 0 5px; }
	.widget-to-class > i
	{ padding: 7px 5px; font-size: 20px; margin-top: 15px;}
}


@media all and (max-width: 526px)
{
	.widget-to-class > img,
	.widget-to-class > a > img
	{ width: 70px; height: 70px; }
	.widget-to-class > footer
	{ padding-left: 10px; }
	.widget-to-class > i
	{ display: none;  }
}





.widget-column
{ margin: 0; padding: 0 10px; }


.widget-column > h5
{ margin: 0; padding: 0; }
.widget-column > h5 > a
{ float: right; line-height: 0; color: #000000; position: relative; z-index: 1000; top: -10px; right: -5px; margin: 0; padding: 0; }
.widget-column > h5 > a:hover
{ text-decoration: none; color: #FF1100; }
.widget-column > h5 > a > i
{ font-size: 40px; font-weight: 100; }



/* #############   전체수업현황   ############ */
.classlist-wrap
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	margin: 0;
	padding: 6px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	cursor: pointer;
}
.classlist-wrap.end
{ background-color: #F0F0F0; opacity: 0.6; filter: alpha(opacity=60); }
.classlist-wrap.active
{ border: 2px solid #1db898; background-color: #FCFCFC; opacity: 1; filter: alpha(opacity=100); }

.classlist-wrap > a > img,
.classlist-wrap > img
{ width: 65px; height: 65px; }
/*
{ width: 80px; height: 80px; -webkit-border-radius: 80px; border-radius: 80px; }
*/
.classlist-wrap > footer
{
	padding-left: 20px;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}

.classlist-wrap > footer > p
{ font-size: 14px; line-height: 20px; color: #777777; margin: 0; }
.classlist-wrap > footer > cite
{ font-style:normal; font-weight:400; font-size:18px; line-height:1.7; letter-spacing:0em; color:#1db898; }
.classlist-wrap > footer > cite > span
{ font-size: 14px; color: #000000; }
.classlist-wrap > footer > cite > span.label
{ font-weight: 600; color: #FFFFFF; }
.classlist-wrap > footer > cite > span > em
{ color: #999999; font-style: normal; }
.classlist-wrap > footer > cite > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.classlist-wrap > footer > span
{ display:block; font-size:14px; color: #000000; font-weight: 400; }
.classlist-wrap > footer > span > em
{ color: #999999; font-style: normal; }
.classlist-wrap > footer > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.classlist-wrap > footer > button
{ margin-top: 10px; padding: 4px 15px; background-color: #FFFFFF; font-weight: 500; font-size: 14px; }
.classlist-wrap > footer > button:hover
{ color: #FFFFFF; background-color: #37D48B; }







.btn-primary
{ color: #FFFFFF; background-color:#1DB898; border-color:#1DB898; }
.btn-primary:hover,
.btn-primary:focus
{ color: #FFFFFF; background-color:#119D80; border-color:#119D80; }

.btn-primary.focus,
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-primary.disabled,
.btn-primary:disabled{color:#FFFFFF;background-color:#5bb5a2;border-color:#5bb5a2}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
{color:#FFFFFF;background-color:#237060;border-color:#237060}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}







.widget-calendar-attend
{ position: relative; font-size: 14px; font-weight: 600; padding: 2px 5px; border-radius: 3px; }
.wc-attend1
{ background-color: #00AAF0; border: 1px solid #0099CC; color: #FFFFFF; }
.wc-attend2
{ background-color: #EEFCFE; border: 1px solid #96DFE8; color: #0180BF; }
.wc-attend3
{ background-color: #FFF8F8; border: 1px solid #FF9F98; color: #FF1100; }
.wc-attend4
{ background-color: #F7F7F7; border: 1px solid #CCCCCC; color: #AAAAAA; }
.wc-attend5
{ background-color: #EEFCFE; border: 1px solid #99E5EE; color: #0180BF; }
.wc-attend6
{ background-color: #FF6600; border: 1px solid #D35400; color: #FFFFFF; }

.wc-attend1:hover,
.wc-attend2:hover,
.wc-attend3:hover,
.wc-attend4:hover,
.wc-attend5:hover,
.wc-attend6:hover
{ text-decoration: none; }


















/* ### RIGHT SIDEBAR CLASS CALENDAR ### */
.calendar-wrap{ min-height: 300px; margin-left: -4px; margin: -4px }
.calendar-wrap > .loading { padding: 200px 0; color: #999999; text-align: center; background-color: #FAFAFA; }

.widget-calendar caption
{ margin: 0 0 13px; text-align: center; color:#000000; caption-side: top }
.widget-calendar caption div
{ float: left; display: inline-table; text-align: center; }
.widget-calendar caption div:nth-of-type(1),
.widget-calendar caption div:nth-of-type(3)
{ width: 15%; }
.widget-calendar caption div:nth-of-type(2)
{ width: 70%; }

.widget-calendar caption div:nth-of-type(1) a,
.widget-calendar caption div:nth-of-type(3) a
{ color: #777777; border: 1px solid #F8F8F8; background-color: #F8F8F8; padding: 4px 10px; -webkit-border-radius:3px; border-radius:3px; }
.widget-calendar caption div:nth-of-type(1) a:hover,
.widget-calendar caption div:nth-of-type(3) a:hover
{ color: #000000; border: 1px solid #F0F0F0; background-color: #FFFFFF; text-decoration: none; }

.widget-calendar caption a i
{ font-size: 12px; }


.widget-calendar table
{ margin-bottom:0; table-layout:fixed; width:100%; border-collapse:separate; border-spacing:4px; border:none; }
.widget-calendar table tbody+tbody,
.widget-calendar table td,
.widget-calendar table th,
.widget-calendar table thead th
{ border:none }

.widget-calendar th
{ font-size: 10px; text-align: center; padding:0 0 4px; font-weight:400 }
.widget-calendar th:first-child
{ color: #FF1100; }
.widget-calendar th:last-child
{ color: #0000FF; }

.widget-calendar tbody td
{ position:relative; font-size: 10px; padding: 5px; vertical-align: top; line-height: 100%; height: 45px; -webkit-border-radius: 3px; border-radius:3px;}
.i-calendar tbody td
{ position:relative; font-size: 12px; padding: 5px; height: 80px; min-height: 80px; }

.widget-calendar tbody td a
{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding: 5px; -webkit-border-radius:3px; border-radius:3px; color:inherit; border:1px solid #F3F3F3; background-color:#FFFFFF; color:#888888; }
.widget-calendar tbody td a:hover
{ background-color:#3AD88F; color:#FFFFFF; border-color:#3AD88F; text-decoration: none; }

.widget-calendar tbody td:not(.pad)
{ background-color:#F8F8F8; color:#AAAAAA; }

.widget-calendar tbody td span,
.widget-calendar tbody td a span
{ text-align: right; display:block; }

.i-calendar tbody td span:nth-of-type(2),
.i-calendar tbody td a span:nth-of-type(2)
{ margin-top: 5px; }


.widget-calendar tbody td span + span,
.widget-calendar tbody td a span + span
{ font-size:11px; font-weight: 400; text-align: center; line-height: 140%; color: #000000; }
.widget-calendar tbody td a:hover span
{ color: #FFFFFF; }

.widget-calendar tbody td#today{ background-color:#3AD88F; color:#FFFFFF;}
.widget-calendar tbody td#today a
{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding: 5px; -webkit-border-radius:3px; border-radius:3px; color:inherit; background-color:#3AD88F; color:#FFFFFF; border-color:#3AD88F; text-decoration: none; }

.widget-calendar tbody td span.class-time em,
.widget-calendar tbody td a span.class-time em
{ font-style: normal; }



.widget-calendar tbody td.holiday{ background-color:#EAEAEA; color:#FF1100;}
.widget-calendar tbody td.holiday span + span { font-size:10px; color: #FF1100; line-height: 150%; }

.widget-calendar tbody td.not{ background-color:#FFFFFF; color:#CCCCCC; }

.widget-calendar tbody td.not-holiday{ background-color:#FFFFFF; color:#FF1100;}
.widget-calendar tbody td.not-holiday span + span { width: 100%; font-size:10px; color: #FF1100; line-height: 150%; }

/*
.widget-calendar tfoot td{ padding-top:18px }
.widget-calendar #next{ text-align:right }
*/

@media (min-width:1441px){
	.calendar-wrap{ margin-left: -10px; margin: -10px }
	.widget-calendar table
	{ border-spacing:10px }
	.widget-calendar tbody td
	{ text-align: right; line-height: 100%; padding: 5px; }
}


@media all and (max-width: 769px)
{
	.widget-calendar tbody td span.class-time em,
	.widget-calendar tbody td a span.class-time em
	{ display: none; }
}








/* ===== Tables ===== */

.table {
	margin-bottom: 0;
}

.table > thead > tr > th {
	border-bottom-width: 1px;
	outline: 0;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	vertical-align: middle;
	padding: 10px 8px;
	font-size: 100%;
	line-height: 160%;
}

.table > tbody.report-print > tr > td {
	padding: 0; height: 16px;
}

.table > tbody > tr > td.td-point1 > div {
	float: left; padding: 0; margin: 0;
	width: 100%; height: 100%;
	color: #000000; font-size: 90%;
	background-color: #FF98DE;
}
.table > tbody > tr > td.td-point2 > div {
	float: left; padding: 0; margin: 0;
	width: 100%; height: 100%;
	color: #000000; font-size: 90%;
	background-color: #FFBCFF;
}

.table > tbody > tr > td.td-danger > div {
	float: left; padding: 0; margin: 0;
	width: 100%; height: 100%;
	color: #fff; font-size: 90%;
	background-color: #D65C4F;
}
.table > tbody > tr > td.td-success > div {
	float: left;  padding: 0; margin: 0;
	width: 100%; height: 100%;
	color: #fff; font-size: 90%;
	background-color: #65B688;
}

.table > thead > tr > th > span > em {
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
}


.table > thead.schedule > tr > th,
.table > thead.attendance > tr > th {
	vertical-align: middle;
	text-align: center;
	padding: 5px 8px;
	font-size: 95%;
	font-weight: normal;
	line-height: 160%;
	background-color: #FAFAFA;
}
.table > tbody.schedule > tr > td {
	vertical-align: top;
	text-align: center;
	padding: 8px;
	font-size: 95%;
	font-weight: normal;
	line-height: 170%;
	height: 110px;
}
.table > tbody.attendance > tr > td {
	vertical-align: top;
	padding: 6px;
	font-size: 95%;
	font-weight: normal;
	line-height: 90%;
	height: 58px;
}
.table > tbody.work > tr > td {
	vertical-align: top;
	padding: 8px;
	font-size: 95%;
	font-weight: normal;
	line-height: 170%;
	height: 80px;
}
.table > tbody.work > tr > td > p.day {
	font-size: 100%;
}

.table > tbody.schedule > tr > td > p.day {
	font-size: 120%;
}
.table > tbody.attendance > tr > td > p.day {
	font-size: 100%;
}
.table > tbody.work > tr > td > p.holiday,
.table > tbody.schedule > tr > td > p.holiday,
.table > tbody.attendance > tr > td > p.holiday {
	font-size: 95%; color: #C96D4A;
}

.table > tbody.work > tr > td > p.day-hidden,
.table > tbody.schedule > tr > td > p.day-hidden {
	font-size: 120%; color: #ddd;
}
.table > tbody.attendance > tr > td > p.day-hidden {
	font-size: 100%;  color: #ddd;
}

.table > tbody.work > tr > td > p.sc-time,
.table > tbody.work > tr > td > p.sc-time > a,
.table > tbody.schedule > tr > td > p.sc-time,
.table > tbody.schedule > tr > td > p.sc-time > a,
.table > tbody.attendance > tr > td > p.sc-time,
.table > tbody.attendance > tr > td > p.sc-time > a {
	padding: 0; margin: 0; color: #333;
}
.table > tbody.work > tr > td > p.sc-tutor,
.table > tbody.work > tr > td > p.sc-tutor > a,
.table > tbody.schedule > tr > td > p.sc-tutor,
.table > tbody.schedule > tr > td > p.sc-tutor > a,
.table > tbody.attendance > tr > td > p.sc-tutor,
.table > tbody.attendance > tr > td > p.sc-tutor > a {
	font-size: 100%; color: #00f; font-weight:600; padding: 5px 0; margin: 0; line-height: 160%;
}
.table > tbody.work > tr > td > p.sc-attend,
.table > tbody.work > tr > td > p.sc-attend > a,
.table > tbody.schedule > tr > td > p.sc-attend,
.table > tbody.schedule > tr > td > p.sc-attend > a,
.table > tbody.attendance > tr > td > p.sc-attend,
.table > tbody.attendance > tr > td > p.sc-attend > a {
	padding: 0; margin: 0; line-height: 160%;
}



.table > tbody.schedule > tr > td .btn {
	font-size: 14px; padding: 2px 10px; margin: 2px;
}



.table > thead.prev-sc > tr > th {
	padding: 5px;
	font-size: 85%;
	font-weight: bolder;
	background-color: #FAFAFA;
}

.table > tbody.prev-sc > tr > td {
	vertical-align: top;
	padding: 3px;
	font-size: 80%;
	font-weight: normal;
	height: 50px;
	line-height: 100%;
/*
	line-height: 170%;
*/
}

.table > tbody.prev-sc > tr > td p.count {
	font-size: 120%;
	font-weight: bolder;
}


@media (max-width: 767px) {
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		padding: 6px 5px;
		font-size: 95%;
	}

	.table > thead.schedule > tr > th,
	.table > thead.attendance > tr > th,
	.table > tbody.schedule > tr > td
	{ padding: 3px 6px; font-size: 12px; }
	.table > tbody.schedule > tr > td > p.day,
	.table > tbody.attendance > tr > td > p.day
	{ font-size: 12px; }

}


.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
	padding: 8px 10px;
}

.table > thead > tr > td.danger, 
.table > tbody > tr > td.danger, 
.table > tfoot > tr > td.danger, 
.table > thead > tr > th.danger, 
.table > tbody > tr > th.danger, 
.table > tfoot > tr > th.danger, 
.table > thead > tr.danger > td, 
.table > tbody > tr.danger > td, 
.table > tfoot > tr.danger > td, 
.table > thead > tr.danger > th, 
.table > tbody > tr.danger > th, 
.table > tfoot > tr.danger > th {
	background-color: #FDF5F5;
}

.table > thead > tr > td.success, 
.table > tbody > tr > td.success, 
.table > tfoot > tr > td.success, 
.table > thead > tr > th.success, 
.table > tbody > tr > th.success, 
.table > tfoot > tr > th.success, 
.table > thead > tr.success > td, 
.table > tbody > tr.success > td, 
.table > tfoot > tr.success > td, 
.table > thead > tr.success > th, 
.table > tbody > tr.success > th, 
.table > tfoot > tr.success > th {
	background-color: #F5FAF4;
}

.table > thead > tr > td.warning, 
.table > tbody > tr > td.warning, 
.table > tfoot > tr > td.warning, 
.table > thead > tr > th.warning, 
.table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, 
.table > thead > tr.warning > td, 
.table > tbody > tr.warning > td, 
.table > tfoot > tr.warning > td, 
.table > thead > tr.warning > th, 
.table > tbody > tr.warning > th, 
.table > tfoot > tr.warning > th {
	background-color: #FFFDF0;
}

.table > thead > tr > td.info, 
.table > tbody > tr > td.info, 
.table > tfoot > tr > td.info, 
.table > thead > tr > th.info, 
.table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, 
.table > thead > tr.info > td, 
.table > tbody > tr.info > td, 
.table > tfoot > tr.info > td, 
.table > thead > tr.info > th, 
.table > tbody > tr.info > th, 
.table > tfoot > tr.info > th {
	background-color: #F5FBFD;
}

.table > thead > tr > td.active, 
.table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, 
.table > thead > tr > th.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, 
.table > thead > tr.active > th, 
.table > tbody > tr.active > th, 
.table > tfoot > tr.active > th {
	background-color: #fafafa;
}

.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th,
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th {
	background-color: #fcfcfc;
}

.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
	background-color:#f5f5f5
}
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th {
	background-color:#e8e8e8
}
.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
	background-color:#dff0d8
}
.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th {
	background-color:#d0e9c6
}
.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th {
	background-color:#d9edf7
}
.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th {
	background-color:#c4e3f3
}
.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
	background-color:#fcf8e3
}
.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th {
	background-color:#faf2cc
}
.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
	background-color:#f2dede
}
.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th {
	background-color:#ebcccc
}


.table>thead.color-header {
	vertical-align:middle;
	background-color: #f9f9f9;
}
.table>thead.color-header th {
	border-top: 1px solid #ddd;
	border-left: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
}
.table>thead.color-header th.last-th {
	border-right: 0;
}



/* Feedback table */

.table-feedback thead > tr > th,
.table-feedback tbody > tr > td { 
	text-align: center; 
	width: 10%; 
}
.table-feedback thead > tr > th:first-child,
.table-feedback tbody > tr > td:first-child { 
/*	text-align: left; */
	width: auto; 
}
.table-feedback .radio, 
.table-feedback .checkbox, 
.table-feedback .checker, 
.table-feedback .choice { 
	margin: 0; 
}







/* ===== Tables ===== */

.table > thead.schedule > tr > th
{ vertical-align: middle; text-align: center; padding: 5px 8px; font-size: 95%; font-weight: normal; line-height: 160%; background-color: #FAFAFA; }
.table > tbody.schedule > tr > td
{ vertical-align: top; padding: 3px 8px; font-size: 14px; font-weight: normal; line-height: 170%; height: 150px; }
.table > tbody.schedule > tr > td > p
{ margin: 1px 0; text-align: center; }
.table > tbody.schedule > tr > td > p.day
{ font-size: 120%; }
.table > tbody.schedule > tr > td > p:first-child
{ text-align: right; font-size: 12px; }


.table > tbody.work > tr > td
{ vertical-align: top; padding: 8px; font-size: 95%; font-weight: normal; line-height: 170%; height: 80px; }
.table > tbody.work > tr > td > p.day
{ font-size: 12px; }

.table > tbody.work > tr > td > p.holiday,
.table > tbody.schedule > tr > td > p.holiday
{ color: #C96D4A; font-size: 11px; }

.table > tbody.work > tr > td > p.day-hidden,
.table > tbody.schedule > tr > td > p.day-hidden
{ color: #DDDDDD; }


.table > tbody.work > tr > td > p.sc-time,
.table > tbody.work > tr > td > p.sc-time > a,
.table > tbody.schedule > tr > td > p.sc-time,
.table > tbody.schedule > tr > td > p.sc-time > a
{ padding: 0; margin: 0; color: #333; text-align: center; font-size: 14px; }
.table > tbody.work > tr > td > p.sc-tutor,
.table > tbody.work > tr > td > p.sc-tutor > a,
.table > tbody.schedule > tr > td > p.sc-tutor,
.table > tbody.schedule > tr > td > p.sc-tutor > a
{ font-size: 100%; color: #00f; font-weight:600; padding: 2px 0; margin: 0; text-align: center; }

.table > tbody.work > tr > td > p.sc-attend,
.table > tbody.work > tr > td > p.sc-attend > a,
.table > tbody.schedule > tr > td > p.sc-attend,
.table > tbody.schedule > tr > td > p.sc-attend > a
{ padding: 0; margin: 0; line-height: 130%; text-align: center; }

.table > tbody.work > tr > td  > a > span
{ padding: 5px 8px; margin: 0; }
.table > tbody.work > tr > td  > a > span > i
{ font-size: 13px; }


.table > thead.prev-sc > tr > th
{ padding: 5px; font-size: 85%; font-weight: bolder; background-color: #FAFAFA; }

.table > tbody.prev-sc > tr > td
{ vertical-align: top; padding: 3px; font-size: 80%; font-weight: normal; height: 50px; line-height: 100%; }

.table > tbody.prev-sc > tr > td p.count
{ font-size: 120%; font-weight: bolder; }


@media (max-width: 767px) {
	.table > thead.schedule > tr > th
	{ padding: 3px 6px; line-height: 150%; }
	.table > tbody.schedule > tr > td > p.day
	{ font-size: 100%; 	}
}



.table-clist > thead > tr > th,
.table-clist > tbody > tr > td
{ vertical-align: middle; text-align: center; padding: 15px 5px; font-size: 14px; font-weight: normal; }
.table-clist > thead > tr > th
{ background-color: #FAFAFA; color: #000000; }
.table-clist > tbody > tr > td
{ padding: 5px 5px; color: #555555; }
.table-clist > tbody > tr > td > .btn
{ font-size: 14px; }








.dfb-video-wrap > p
{ text-align: center; font-weight: 600; background-color: #333333; color: #FFFFFF; padding: 10px; margin-top: 6px; border-radius: 4px; }
.dfb-video-wrap > p.today
{ background-color: #1db898; }

.dfb-video-wrap > .video-wrap
{ position: relative; padding-bottom: 56.25%; }
.dfb-video-wrap > .video-wrap > iframe {width: 100%; height: 100%; position: absolute; left:0; top:0;}



.well {
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#f5f5f5;
	border:1px solid #e3e3e3;
/*	border-top:0;*/
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, ., ., .05);
	box-shadow:inset 0 1px 1px rgba(0, ., ., .05)
}
.well blockquote {
	border-color:#ddd;
	border-color:rgba(0, ., ., .15)
}

.well > h6{margin:0;padding:8px 0 1px;font-weight:600;font-size:96%;}
.well > h6.first{padding:0 0 1px;}



.well {
	padding: 15px;
	margin-bottom: 0;
	background-color: #FCFCFC;
	border-color: #E5E5E5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: none;
}


@media (max-width: 767px) {
	.well {
		border-top:1px solid #e3e3e3;
	}

}