@charset "utf-8";

@font-face {
      font-family: Samim;
      src: url('/../fonts/samim/samim.eot');
      src: url('/../fonts/samim/samim.eot?#iefix') format('embedded-opentype'),
           url('/../fonts/samim/samim.woff') format('woff'),
           url('/../fonts/samim/samim.ttf') format('truetype');
      font-weight: normal;
}

@font-face {
      font-family: Parastoo;
      src: url('/../fonts/parastoo/parastoo.eot');
      src: url('/../fonts/parastoo/parastoo.eot?#iefix') format('embedded-opentype'),
           url('/../fonts/parastoo/parastoo.woff') format('woff'),
           url('/../fonts/parastoo/parastoo.ttf') format('truetype');
      font-weight: normal;
} 

*{
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
body{
	font-family: Samim,Arial,sans-serif!important;
	direction: rtl;
	position: relative;
	height: 100%;
	min-height: 100%;
	background-color: #D2D7DC;
}
header{
	position: relative;
	width: 100%;
	height: 55px;
	top: 0;
	z-index: 50;
	background-color: white;
	border-bottom: 1px solid #0f63d4;
}
footer{
	width: 100%;
	min-height: 50px;
	background-color: white;
	border-top: 1px solid #0f63d4;
}

.wrap{
	width: 1280px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.fullheight-wrap{
	min-height: 85vh;
}

.body-content{
	width: 100%;
	height: auto;
	min-height: 90vh;
	padding: 30px 0 30px 0;
}

.login-page-bg{
	background-image: url(../image/login-page-bg.jpg);
	background-repeat: repeat;
}

.center-container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.login-box{
	background-color: white;
	min-height: 500px;
	border-radius: 5px;
	border: 1px solid #0f63d4;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login-box-w{
	width: 380px;
}
.sup-box-w{
	width: 500px;
}
.login-box .input-box{
	width: 46%;
	float: right;
	display: block;
/*	margin-bottom: 10px;*/
}
.login-box .input-box:nth-of-type(2n){
	margin-right: 10px;
}
.login-box .title{
	width: 100%;
	background-color: #0f63d4;
	border-radius: 4px 4px 0 0;
	line-height: 40px;
	font-size: 1.2em;
	color: white;
	padding: 5px;
	display: block;
	text-align: center;
}
.login-box .login-form{
	padding: 30px;
}
.login-box .sup-box{
	width: 100%;
	height: auto;
	text-align: right;
	padding-top: 15px;
}
.sup-box .sup-tag{
	color: #0f63d4;
	text-decoration: underline;
}
.input-tag{
	font-size: 1.05em;
	margin-top: 10px;
	color: black;
	display: inline-block;
}
.input-tag i{
	color: #4D4D4D;
	margin-left: 5px;
}
.txt-input{
	height: 40px;
	background-color: white;
	border:solid 1px #C8C8C8;
	border-radius: 5px;
	font-size: 1em;
	padding: 5px 10px;
	font-family: Samim,Arial,sans-serif!important;
}
.txt-input:focus{
	outline: none;
	background-color: #C1E1FF;
	border:solid 1px #585858;
}
#show-password{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 15px;
	cursor: pointer;
	margin-right: 0px;
}
.inp-msg{
	display: block;
	color: #DF0D41;
	font-size: 0.8em;
	opacity: 0.0;
}
.inp-msg>i{
	margin-left: 3px;
}
.bad-input{
	border:solid 1px #FF3700!important;
}
.good-input{
	border:solid 1px #0CD850!important;
}
.txt-input-big{
	width: 100%;
}
.txt-input-mid{
	width: 50%;
}
.txt-input-sml{
	width: 250px;
}
.txt-input-ext-sml{
	width: 100px;
}

.solid-btn{
	display: inline-block;
	width: 120px;
	min-height: 38px;
	border-radius: 5px;
	color: white;
	padding: 4px 8px 4px 8px;
	font-size: medium;
	text-align: center;
}
.submit-btn{
	font-family: Samim,Arial,sans-serif!important;
	margin-top: 20px;
	font-weight: bold;
}
.submit-btn:hover{
	cursor: pointer;
}
.green-btn{
	background-color: #00A968;
	transition: background-color 0.5s;
}
.green-btn:hover{
	background-color: #007649;
	cursor: pointer;
}
.blue-btn{
	background-color: #0AB0E3;
	transition: background-color 0.5s;
}
.blue-btn:hover{
	background-color: #067395;
	cursor: pointer;
}
.red-s-btn{
	background-color: #f44336;
	transition: background-color 0.5s;
}
.red-s-btn:hover{
	background-color: #F2291B;
	cursor: pointer;
}

header .logo{
	height: 40px;
	width: auto;
	float: right;
	margin-top: 7px;
}
header .title{
	line-height: 40px;
	color: black;
	margin-top: 7px;
	margin-right: 10px;
	font-size: 1.3em;
	float: right;
}
header .user-logout{
	line-height: 35px;
	margin-top: 10px;
	color: white;
	float: left;
	text-align: center;
	cursor: pointer;
	background-color: #0f63d4;
	border-radius: 5px;
	padding: 0 10px;
}
header .user-logout i{
	margin-left: 5px;
}
header .user-logout:hover{
	background-color: #0B4AA0;
}

footer .footer-text{
	display: inline-block;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 1.1em;
	color: darkslategray;
}
footer .footer-text a{
	text-decoration: underline;
	color: darkslategray;
}

.righter-box-container{
	float: right;
/*	width: 250px;*/
	height: auto;
	width: 22%;
}
.righter-box{
	background-color: white;
	border-radius: 5px;
	width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
}
.righter-box .title{
/*	border: 1px solid #0f63d4;*/
/*	background-color: #0f63d4;*/
	background-color: #404040;
	width: 100%;
	height: 80px;
	border-radius: 4px 4px 0 0;
	padding: 10px;
}
.righter-box .title .profile-image{
	float: right;
	height: 60px;
	width: 60px;
	border: 2px solid white;
	background-image: url(../image/user-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50px;
}
.righter-box .title .text-box{
	float: right;
	height: 100%;
	width: 150px;
	margin-right: 10px;
}
.righter-box .title .text-box .big-txt{
	color: white;
	font-weight: bold;
	line-height: 30px;
	font-size: 1.1em;
	white-space: nowrap;
  	overflow: hidden;
 	text-overflow: ellipsis;
	display: block;
}
.righter-box .title .text-box .sml-link{
	color: white;
	font-size: 0.9em;
	line-height: 30px;
	text-decoration: underline;
	cursor: pointer;
	display: block;
}
.righter-box .title .text-box .sml-link i{
	margin-left: 5px;
}
.righter-box .menu-item{
	border-bottom: 1px solid #E9E9E9;
	width: 100%;
	display: block;
	padding: 10px 10px;
	color: black;
	cursor: pointer;
	transition: background-color 0.5s;
}
.righter-box .menu-item:hover{
	background-color: #F5F5F5;
}
.righter-box .menu-title{
	width: 100%;
	display: block;
	padding: 5px 10px;
	font-size: 0.9em;
	background-color: #E9E9E9;
	color: #9b9b9b;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding-right: 15px;
}
.righter-box .menu-title i,.menu-item i{
	margin-left: 5px;
}

.lefter-box-container{
	float: right;
/*	width: 950px;*/
	width: 77%;
	height: auto;
	padding-right: 25px;
}
.lefter-box-container .top-msg{
	background-color: white;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	font-weight: bold;
	display: block;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	margin-bottom: 15px;
}
.lefter-box-container .margin-top{
	margin-top: 25px;
}
.lefter-box{
	background-color: white;
	border-radius: 5px;
/*	min-height: 500px;*/
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
}
.lefter-box .title{
	width: 100%;
	background-color: #0f63d4;
	border-radius: 4px 4px 0 0;
	line-height: 40px;
	font-size: 1.2em;
	color: white;
	padding: 5px 15px;
	display: block;
	text-align: right;
}
.lefter-box .content-box{
	width: 100%;
	height: auto;
	min-height: 50px;
	padding: 15px;
}

.lefter-box .box-btn{
	color: white;
	text-align: center;
	cursor: pointer;
	background-color: #0f63d4;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
}
.lefter-box .box-btn i {
	margin-left: 5px;
}
.lefter-box .green-box-btn{
	background-color: #00a968;
	transition: background-color 0.5s;
}
.lefter-box .green-box-btn:hover{
	background-color: #008652;
}
.lefter-box .h-div-line{
	height: 1px;
	width: 100%;
	background-color: lightgray;
	display: block;
	margin: 10px 0;
}

.lefter-box .content-box .teacher-select-container{
	width: 100%;
	max-height: 498px;
	min-height: 110px;
	background-color: #F4F4F4;
	padding: 10px;
	-webkit-box-shadow: inset 0px 0px 4px 1px rgba(143,143,143,0.3);
	box-shadow: inset 0px 0px 4px 1px rgba(143,143,143,0.3);
	overflow-y: scroll;
}
.teacher-select-container .teacher-select-box{
	width: 31.15%;
	height: 80px;
	margin: 8px 1%;
	border-radius: 5px;
	background-color: white;
	box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.12);
	float: right;
	border: 1px solid #C8C8C8;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.teacher-select-container .selected-teacher-box{
	border: 1px solid #0f63d4!important;
}
.teacher-select-container .teacher-select-box:hover{
	cursor: pointer;
	background-color: #F3F3F3;
}
.teacher-select-container .teacher-select-box .profile-image-box{
	height: 78px;
	width: 60px;
	float: right;
	border-radius: 0 5px 5px 0;
	background-image: url(../image/user-bg-box.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	border-left: 1px solid #C8C8C8;
}
.teacher-select-container .teacher-select-box .profile-image-box img{
	height: 100%;
	width: 100%;
	border-radius: 0 5px 5px 0;
}
.teacher-select-container .teacher-select-box .chk-box{
	height: 100%;
	float: left;
	border-right: 1px solid #C8C8C8;
	padding: 5px;
	background-color: white;
	border-radius: 6px 0 0 6px;
}
.teacher-select-container .teacher-select-box .chk-box input{
	height: 100%;
}
.teacher-select-container .teacher-select-box .name-text-box{
	height: 100%;
	width: auto;
	float: right;
	padding: 10px 8px;
}
.teacher-select-box .name-text-box span{
	line-height: 25px;
	color: #404040;
	font-size: 0.84em;
	font-weight: bold;
}
.teacher-select-box .name-text-box .tag{
	color: #0f63d4;
}

.teacher-box-container{
	width: 100%;
	height: auto;
}
.teacher-box{
	height: 267px;
	width: 190px;
	float: right;
	border-radius: 5px;
	margin-left: 30px;
	margin-bottom: 30px;
	box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.12);
	background-color: white;
	border: 1px solid #e9e9e9;
}
.teacher-box-disable{
	border: 1px solid #F9A39D!important;
}
.teacher-box .top-box{
	width: 100%;
	height: 182px;
	background-color: #F8F8F8;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #e9e9e9;
}
.teacher-box .top-box .icon-box{
	width: 100%;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background-color: transparent;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	line-height: 40px;
	font-size: 0.8em;
}
.teacher-box .top-box .icon-box a{
	color: #4E5965;
}
.teacher-box .top-box .icon-box a:hover{
	cursor: pointer;
	color: #333B43;
	font-weight: bold;
}
.teacher-box .top-box .icon-box a:first-of-type{
	margin-left: 5px;
}
.teacher-box .top-box .image-box{
	width: 100%;
	height: auto;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}
.teacher-box .top-box .image-box img{
	height: 70px;
	width: 70px;
	background-image: url(../image/user-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50px;
	border: 1px solid #838383;
	display: block;
	margin: auto;
}
.teacher-box .top-box .name-box{
/*	color: #7c7c7c;*/
	color: #5D5D5D;
	width: 100%;
	text-align: center;
	padding: 0 5px 0 5px;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.9em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.teacher-box .top-box .phone-box{
	padding: 1px 5px 5px 5px!important;
}
.teacher-box .act-btn{
	width: auto;
	display: block;
	border-bottom: 1px solid #e9e9e9;
	text-align: right;
	color: white;
/*	font-weight: bold;*/
	margin: 5px;
	padding: 2px 10px;
	box-sizing: inherit;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.5s;
}
.teacher-box .act-btn i{
	margin-left: 5px;
}
.teacher-box .green-l-btn{
	color: #35AA67;
	border: 1px solid #35AA67;
}
.teacher-box .green-l-btn:hover{
	background-color: rgba(53,170,103,0.15);
}
.teacher-box .blue-l-btn{
	color: #0f63d4;
	border: 1px solid #0f63d4;
}
.teacher-box .blue-l-btn:hover{
	background-color: rgba(15,99,212,0.15);
}
.teacher-box .red-l-btn{
	color: #f44336;
	border: 1px solid #f44336;
}
.teacher-box .red-l-btn:hover{
	background-color: rgba(244,67,54,0.15);
}

.gclass-box{
	height: 352px;
	width: 240px;
	float: right;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.12);
	background-color: white;
	border: 1px solid #e9e9e9;
}
.gclass-box-disable{
	border: 1px solid #f44336!important;
}
.gclass-box-disable .icon-box{
	background-color: #f44336!important;
}
.gclass-box-disable .icon-box span{
	color: white!important;
}
.gclass-box-disable .icon-box{
	border-bottom: 1px solid #f44336!important;
}
.gclass-box .top-box{
	width: 100%;
	height: 232px;
	background-color: #F8F8F8;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #e9e9e9;
}
.gclass-box .top-box img{
	width: 100%;
	height: 192px;
}
.gclass-box .top-box .icon-box{
	width: 100%;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background-color: transparent;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	line-height: 40px;
	font-size: 0.8em;
	font-weight: bold;
}
.gclass-box .top-box .icon-box span{
	color: #4E5965;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gclass-box .mid-title{
	width: 100%;
	height: 35px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
}
.gclass-box .mid-title span{
	width: 100%;
	height: 100%;
	color: #5D5D5D;
	text-align: center;
	padding: 0 8px 0 8px;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 35px;
}
.gclass-box .mid-title i{
	margin-left: 5px;
}
.gclass-box .act-btn{
	width: auto;
	display: block;
	border-bottom: 1px solid #e9e9e9;
	text-align: right;
	color: white;
/*	font-weight: bold;*/
	margin: 5px;
	padding: 2px 10px;
	box-sizing: inherit;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.5s;
}
.gclass-box .blue-l-btn{
	color: #0f63d4;
	border: 1px solid #0f63d4;
}
.gclass-box .blue-l-btn:hover{
	background-color: rgba(15,99,212,0.15);
}
.gclass-box .act-btn i{
	margin-left: 5px;
}

.input-box{
	height: auto;
	width: 30%;
	float: right;
	margin-left: 2%;
}
.inb-top-margin{
	margin-top: 20px;
}
.inb-long{
	width: 62%!important;
}
.input-box .txt-area{
	width: 100%!important;
	min-height: 150px;
}
.input-box .ft-txt{
	color: black;
	line-height: 40px;
	width: 8%;
}
.image-upload-box{
	height: auto;
	width: 30%;
	float: right;
	margin-left: 2%;
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	font-family: inherit;
	font-size: 1em;
	padding: 5px;
	background-color: #F3F3F3;
}
.input-box .day-chk-box{
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	display: inline-block;
	background-color: #F3F3F3;
	padding: 2px 5px;
	width: 25%;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input-box .day-chk-box:hover{
	cursor: pointer;
	background-color: #E4E4E4;
}
.input-box .selected-day-chk-box{
	border: 1px solid #0f63d4!important;
}
.input-box .tag{
	color: black;
	display: block;
	font-size: 1.05em;
	padding-bottom: 3px;
}
.input-box .input{
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	font-family: inherit;
	font-size: 1em;
	padding: 0 5px;
	background-color: #F3F3F3;
}
.input-box .input:focus{
	outline: none;
	border: 2px solid #0f63d4;
	background-color: white;
}

.class-box-container{
	width: 100%;
	height: auto;
	padding-top: 15px;
}
.class-box{
	height: 133px;
	width: 30%;
	float: right;
	border-radius: 5px;
	margin-left: 30px;
	margin-bottom: 30px;
	box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.12);
	background-color: white;
	border: 1px solid #e9e9e9;
}
.class-box .title-box{
	width: 100%;
	height: 40px;
	display: block;
	text-align: center;
	padding: 5px;
	background-color: #F8F8F8;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #e9e9e9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.class-box .btm-box{
	width: 100%;
	display: block;
	height: 50px;
	padding: 10px 3px;
	text-align: center;
}
.class-box .btm-box .act-btn{
	width: auto;
	display: inline-block;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: white;
	padding: 2px 6px;
	box-sizing: inherit;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.5s;
}
.class-box .btm-box .lw-btn{
	width: 225px;
	margin-top: 5px;
}
.class-box .class-del-conf{
	padding-top: 30px!important;
}
.class-box .btm-box .act-btn i{
	margin-left: 5px;
}
.class-box .btm-box .green-l-btn{
	color: #35AA67;
	border: 1px solid #35AA67;
}
.class-box .btm-box .green-l-btn:hover{
	background-color: rgba(53,170,103,0.15);
}
.class-box .btm-box .red-btn{
	color: #f44336;
	border: 1px solid #f44336;
}
.class-box .btm-box .red-btn:hover{
	background-color: rgba(244,67,54,0.15);
}
.class-box .btm-box .blue-btn{
	color: #0f63d4;
	border: 1px solid #0f63d4;
}
.class-box .btm-box .blue-btn:hover{
	background-color: rgba(15,99,212,0.15);
}

.class-box .btm-box .s-green-btn{
	color: #00A968;
	border: 1px solid #00A968;
}
.class-box .btm-box .s-green-btn:hover{
	background-color: rgba(0,169,104,0.15);
}

.page-sel-form{
	margin-bottom: 10px;
}
.page-numbar-inp{
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	width: 65px;
	height: 35px;
	font-family: inherit;
	font-size: 1em;
	padding: 0 5px;
	background-color: #F3F3F3;
}
.page-numbar-inp:focus{
	outline: none;
	border: 2px solid #0f63d4;
	background-color: white;
}
.page-number-submit{
	width: 35px;
	height: 35px;
	background-color: #C8C8C8;
	border-radius: 5px;
	font-family: inherit;
	font-weight: bold;
	font-size: 1.1em;
	color: #494949;
}
.page-number-submit:hover{
	cursor: pointer;
}

/*base tabel*/
.base-table{
	width: 100%;
}
.base-table .pointer-cur:hover{
	cursor: pointer;
}
.base-table ,.base-table td,.base-table th{
	border: 1px solid darkgray;
	border-collapse: collapse;
	padding: 5px;
	text-align: center;
}
.base-table th{
	background-color: #404040;
	border: 1px solid black;
	color: white;
}
.base-table tr:nth-child(2n-1){
	background-color: #F0F0F0;
}

.base-table .add_link_btn{
	background-color:  #35AA67;
	border-radius: 5px;
	padding: 0 5px;
	color: white;
}
.base-table .add_link_btn i{
	margin-left: 4px;
}
.base-table .add_link_btn:hover{
	background-color:  #2A8651;
}

.base-table .del_link_btn{
	background-color:  #CC5B69;
	border-radius: 5px;
	padding: 0 5px;
	color: white;
}
.base-table .del_link_btn i{
	margin-left: 4px;
}
.base-table .del_link_btn:hover{
	background-color:  #C54757;
}

.comment-box{
	width: 100%;
	height: auto;
	border: 1px solid lightgray;
	border-radius: 5px;
	display: block;
	margin-bottom: 10px;
}
.comment-box .cb-title{
	width: 100%;
	height: 35px;
	border-radius: 5px 5px 0 0;
	background-color: #ECECEC;
	color: #303030;
	line-height: 35px;
	padding: 0 10px;
}
.comment-box .cb-title .tag{
	font-weight: bold;
}
.comment-box .text-box{
	width: 100%;
	height: auto;
	padding: 5px 10px;
	display: block;
	color: #323232;
}


/*new adds for user panel*/
.std-wrap{
	width: 945px!important;
}
.std-page-bg{
	background-image: -webkit-linear-gradient(270deg,rgba(132,211,253,1.00) 0%,rgba(10,144,213,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(132,211,253,1.00) 0%,rgba(10,144,213,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(132,211,253,1.00) 0%,rgba(10,144,213,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(132,211,253,1.00) 0%,rgba(10,144,213,1.00) 100%);
}
.std-top-m-container{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}
.std-top-menu{
	border-radius: 15px;
	width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	height: 60px;
	background-color: white;
/*
	background-image: -webkit-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
*/
}
.std-top-menu .std-righter-box{
	float: right;
	height: 100%;
}
.std-top-menu .std-lefter-box{
	float: left;
	height: 100%;
}
.std-uname-box{
	color:#262626;
	width: auto;
	height: 100%;
	line-height: 60px;
	font-size: 1.2em;
	padding-right: 15px;
}
.std-uname-box i{
	font-size: 1.5em;
	color:#ff5722;
}
.std-top-menu-btn{
	color: #262626;
	height: 100%;
	border-right: 1px solid #E5E5E5;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.std-top-menu-btn:nth-child(3){
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.std-top-menu-btn i{
	margin-left: 5px;
	font-size: 1.2em;
}
.std-top-menu-btn:hover{
	background-color: #F3F3F3;
	cursor: pointer;
}
.std-top-menu-btn-no-borders{
	border-bottom-left-radius: 0px!important;
	border-top-left-radius: 0px!important;
}
.std-top-menu-back-btn{
	padding-left: 5px!important;
	background-color: #ff5722!important;
	color: white!important;
	
}
.std-top-menu-back-btn:hover{
	background-color: #E53700!important;
}
header .std-logout{
	line-height: 35px;
	margin-top: 10px;
	color: #03a9f4;
	float: left;
	text-align: center;
	cursor: pointer;
/*	background-color: #0f63d4;*/
	border-radius: 5px;
	padding: 0 10px;
	border: 1px solid #03a9f4;
}
header .std-logout i{
	margin-left: 5px;
}
header .std-logout:hover{
	background-color: #E2F5FE;
}
.std-btm-container{
	width: 100%;
	height: auto;
}
.std-btm-center-box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.std-hmenu-box-top{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	width: 100%;
	height: 170px;
}
.std-hmenu-box-top i{
	float: right;
	color: #fff;
	line-height: 170px;
	font-size: 5em;
	margin-right: 30px;
}
.std-hmenu-box-btm{
	width: 100%;
	height: 80px;
	padding: 10px;
}
.std-hmenu-box-btm .std-right-orange{
	float: right;
	height: 100%;
	width: 10px;
	background-color: #ff5722;
	border-radius: 15px;
}
.std-hmenu-box-btm .left-box{
	float: right;
	height: 100%;
	width: auto;
	padding-right: 10px;
}
.std-hmenu-box-btm .left-box .title-top-txt{
	float: right;
	font-weight: bold;
	color: #383838;
}
.std-hmenu-box-btm .left-box .title-btm-txt{
	float: right;
	color: #A5A5A5;
}
.std-box-clickble:hover{
	cursor: pointer;
	opacity: 0.9;
}
#std-hmen-top-a{
	background-image: url(../image/user-hmenu-img-a.jpg);
}
#std-hmen-top-b{
	background-image: url(../image/user-hmenu-img-b.jpg);
}

.std-simple-w-box{
	border-radius: 15px;
	background-color: white;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	display: inline-block;
}
.std-2big-box{
	display: inline-block;
	width: 49%;
	height: 250px;
}
.std-2big-box:nth-of-type(odd){
	margin-left: 12px;
}
.std-2med-box{
	display: inline-block;
	width: 49%;
	height: 190px;
	margin-bottom: 8px;
}
.std-2med-box:nth-of-type(odd){
	margin-left: 12px;
}
.std-2med-box .g-title{
	width: 100%;
	height: 40px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #E5E5E5;
	padding: 0 10px;
	text-align: right;
	display: table;
	line-height: 40px;
	color: #262626;
}
.std-2med-box .std-btm-box{
	width: 100%;
	height: 150px;
}
.std-2med-box .std-btm-box img{
	border-bottom-right-radius: 15px;
	width: 150px;
	height: 100%;
	float: right;
	border: 1px solid white;
	border-left: 1px solid #E5E5E5;
}
.std-2med-box .std-btm-box .pac-left-box{
	float: right;
	height: 100%;
	padding: 10px;
	text-align: right;
}
.std-2med-box .std-btm-box .pac-left-box span{
	color:#171717;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
}
.std-2med-box .std-btm-box .pac-left-box>span>span{
	padding: 0 10px!important;
	color: #212121;
	background-color: #E5E5E5;
	border-radius: 50px;
}
.std-2med-box .std-btm-box .pac-left-box span:first-of-type{
	padding-top: 12px;
}
.std-2med-box .std-btm-box .pac-left-box span i{
	margin-left: 5px;
	color: #ff5722;
}

.std-2small-box{
	display: inline-block;
	width: 49%;
	height: 90px;
	margin-bottom: 8px;
}
.std-2small-box:nth-of-type(odd){
	margin-left: 12px;
}
.std-2small-box img{
	float: right;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	background-color: lightgray;
	width: 90px;
	height: 100%;
	border:1px solid white;
}
.std-2small-box .std-2sm-lefter-box{
	float: right;
	padding: 10px;
	text-align: right;
}
.std-2small-box .std-2sm-lefter-box .name-title{
	color: #4C4C4C;
	font-weight: bold;
	padding-top: 6px;
	display: inline-block;
}
.std-2small-box .std-2sm-lefter-box .info-title{
	color: #939393;
}


.std-singlebig-box{
	width: 99.5%;
	min-height: 80px;
	margin-top: 8px;
}
.std-singlebig-box .g-title{
	width: 100%;
	height: 40px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #E5E5E5;
	padding: 0 10px;
}
.std-singlebig-box .g-title span{
	color: #262626;
	line-height: 40px;
}
.std-singlebig-box .g-title span i{
	margin-left: 5px;
}
.std-singlebig-box .std-content-box{
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: right;
}
.std-singlebig-box .std-content-box span{
	color: black;
	font-size: 1.05em;
}
.std-singlebig-box .std-content-box span i{
	color: #ff5722;
	margin-left: 5px;
}
.std-contact-info{
	text-align: center!important;
}
.std-contact-info span{
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}
.std-contact-info span:nth-of-type(2){
	margin-left: 15px;
	margin-right: 15px;
}
.std-3small-box{
	display: inline-block;
	width: 32%;
	height: 80px;
	padding: 10px;
	margin-left: 12px;
	margin-bottom: 8px;
}
.std-3small-box:nth-of-type(3n),.std-3small-box:last-of-type{
	margin-left: 0px;
}
.std-3small-box .std-right-orange{
	float: right;
	height: 100%;
	width: 10px;
	background-color: #ff5722;
	border-radius: 15px;
}
.std-3small-box .left-box{
	float: right;
	height: 100%;
	width: auto;
	padding-right: 10px;
}
.std-3small-box .left-box span{
	color:#3E3E3E;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 58px;
}
.data-view{
	text-align: center;
}

.data-view-packages{
	text-align: center;
	padding-top: 17px;
}

/*
.std-on-off-menu{
	border-radius: 15px;
	width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	height: 60px;
	background-color: white;
	background-image: -webkit-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(62,138,241,1.00) 0%,rgba(23,114,238,1.00) 100%);
}
*/
/*
.std-on-off-menu .on-off-btn{
	height: 100%;
	width: 49.98%;
	line-height: 60px;
	float: right;
	text-align: center;
	color: #A5A5A5;
	font-size: 1.1em;
	font-weight: bold;
}
.std-on-off-menu .on-off-btn:hover{
	cursor: pointer;
}
.std-on-off-menu .on-off-btn:first-of-type{
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	border-left: 1px solid #E5E5E5;
}
.std-on-off-menu .on-off-btn:last-of-type{
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.std-on-off-menu .of-selected{
	background-color: #F4F4F4;
	-webkit-box-shadow: inset 0 0px 5px 1px rgba(146,146,146,0.30);
	box-shadow: inset 0 0px 5px 1px rgba(146,146,146,0.30);
}
*/
.std-on-off-menu{
	border-radius: 15px;
	width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	height: 60px;
	background-color: #EFEFEF;
	padding: 6px;
}
.std-on-off-menu .on-off-btn{
	height: 100%;
	width: 49.98%;
	line-height: 50px;
	float: right;
	text-align: center;
	color: #A6A6A6;
	font-size: 1.1em;
	font-weight: bold;
}
.std-on-off-menu .on-off-btn:hover{
	cursor: pointer;
}

.std-on-off-menu .of-selected{
	background-color: white;
	border-radius: 12px;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	color:#262626!important;
}

.std-tpage-tcard{
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #ECECEC;
	padding: 10px;
}
.std-tpage-tcard .tcard-right{
	height: 100%;
	width: 50%;
	float: right;
	display: block;
}
.std-tpage-tcard .tcard-left{
	height: 100%;
	width: 50%;
	float: left;
	background-color: #F3F3F3;
	display: block;
	border-radius: 10px;
	padding: 10px;
	overflow-y: auto;
}
.std-tpage-tcard .tcard-left::-webkit-scrollbar {
      background:transparent; 
}
.std-tpage-tcard .tcard-left::-webkit-scrollbar-thumb {
    background:#8C8C8C !important;
	border-radius: 10px;
}
.std-tpage-tcard .tcard-left::-webkit-scrollbar {
      width:10px;
 }
.std-tpage-tcard .tcard-right img{
	border-radius: 5px;
	border: 1px solid lightgray;
	float: right;
	height: 100%;
	width: 80px;
}
.tcard-right .left-text-box{
	float: right;
	height: 100%;
	width: auto;
	padding: 10px;
	padding-top: 20px;
}
.left-text-box #teacher-name{
	font-weight: bold;
	color: #2F2F2F;
}
.left-text-box #teacher-sinfo{
	color: #959595;
	font-size: 0.9em;
}

.tcard-left span{
	color: #7D7D7D;
}
.teacher-time-box-container{
	position: relative;
	width: 400px;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.teacher-time-box-title{
	width: 100%;
	text-align: center;
	color: #646464!important;
	font-weight: bold;
	display: block;
}
.teacher-time-box{
	width: 100%;
	border: 1px solid lightgray;
	border-radius: 10px;
	margin-bottom: 20px;
}
.teacher-time-info-box{
	width: 100%;
	min-height: 80px;
	border: 1px solid lightgray;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
}
.teacher-time-info-title{
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
}
.teacher-time-info-text{
	color: #656565!important;
}
.teacher-time-info-price{
	color: #656565!important;
	font-size: 1.1em!important;
	font-weight: bold;
}
.teacher-time-info-box #pay-btn{
	background-color: #00803E;
	border-radius: 10px;
	color: white;
	padding: 5px 20px;
	width: 50px;
}
.teacher-time-info-box #pay-btn:hover{
	background-color: #00612F;
	cursor: pointer;
}
.teacher-time-info-paybox{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: auto;
	text-align: center;
}
#pay-pw{
	text-align: center;
	display: block;
	
}
.teacher-time-box-times{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid lightgray;
	display: block;
	text-align: center;
	color: #656565!important;
	line-height: 40px;
}
.teacher-time-box-times:last-of-type{
	border-bottom: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.teacher-time-box-times:first-of-type{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.teacher-time-box-times:hover{
	cursor: pointer;
	background-color: #F1F1F1;
}
#teacher-time-back{
	color:#2F7AFF!important;
}
#teacher-time-back:hover{
	cursor: pointer;
}
#teacher-time-back i{
	margin-right: 5px;
	color: #2F7AFF!important;
}

.std-bclass-content-info-box{
	width: 100%;
	min-height: 200px!important;
	display: block;
}
.std-bclass-content-info-box img{
	border-radius: 5px;
	border: 1px solid lightgray;
	float: right;
	height: 100%;
	width: 200px;
}
.std-bclass-content-info-box .bclass-info-left-box{
	float: right;
	height: 100%;
	width: 680px;
	max-width: 100%;
	padding-right: 15px;
}
.bclass-info-left-box .info-table{
	width: 100%;
	background-color: white;
	text-align: center;
	height: 198px;
}

.bclass-info-left-box .info-table ,.bclass-info-left-box .info-table td{
	border: 1px solid #E4E4E4;
	border-collapse: collapse;
	padding: 5px;
	text-align: center;
}
.bclass-info-left-box .info-table tr:nth-child(2n-1){
	background-color: #F5F5F5;
}
.bclass-info-left-box .info-table span{
	color: #6D6D6D!important;
	font-size: 0.95em!important;
}
.bclass-info-left-box .info-table span i{
	margin-left: 5px;
	color:#03a9f4!important;
}

.std-bclass-content-middle-box{
	width: 100%;
	min-height: 50px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.std-bclass-content-middle-box .info-title{
	width: 100%;
	text-align: right;
	color: #2C2C2C!important;
	font-weight: bold;
	font-size: 1em!important;
	display: inline-block;
}
.std-bclass-content-middle-box .info-title i{
	margin-left: 5px;
	color: #2C2C2C!important;
}
.std-bclass-content-middle-box .info-box{
	border: 1px solid #E4E4E4;
	background-color: #f5f5f5;
	padding: 10px;
	width: 99%;
	height: auto;
	text-align: right;
	display: inline-block;
	font-size: 1em!important;
	color: #6D6D6D!important;
}

.std-bclass-content-btn-box{
	width: 100%;
	height: 50px;
	margin-top: 10px;
}
.std-bclass-content-btn-box .price-box{
	height: 100%;
	float: right;
	width: auto;
	line-height: 50px;
	padding-right: 10px;
}
.std-bclass-content-btn-box .price-box .bc-price-title{
	color: #676767;
	font-size: 1.2em;
	font-weight: bold;
}
.std-bclass-content-btn-box .price-box .price-offed{
	color: #fff;
	text-decoration: line-through;
	font-size: 1.1em;
	background-color: #FF2F00;
	border-radius: 50px;
	padding: 2px 10px;
}
.std-bclass-content-btn-box .price-box .price-real{
	color: #fff;
	font-size: 1.1em;
	background-color: #00A359;
	border-radius: 50px;
	padding: 2px 10px;
}
.std-bclass-content-btn-box .reserve-box{
	height: 100%;
	float: left;
	width: auto;
	line-height: 50px;
	padding-right: 10px;
}
.std-bclass-content-btn-box .reserve-box .reserve-btn{
	color: #fff;
	font-size: 1.1em;
	background-color: #1C76C0;
	border-radius: 50px;
	padding: 2px 40px;
}
.std-bclass-content-btn-box .reserve-box .reserve-btn i{
	margin-left: 5px;
	color: white!important;
}
.std-bclass-content-btn-box .reserve-box .reserve-btn:hover{
	cursor: pointer;
	background-color: #1763A1;
}
.std-bclass-content-btn-box .reserve-box .res-massage{
	color: #FF2F00;
	font-size: 1.1em;
	background-color: #fff;
	border-radius: 50px;
	padding: 2px 10px;
	border: 1px solid #FF2F00;
}
#std-prog-list .std-singlebig-box{
	min-height: inherit!important;
}

.notfound-box{
	min-width: 50px;
	min-height: 50px;
	text-align: center;
	padding: 10px 35px;
}
.notfound-box i{
	font-size: 2.5em;
	color:#ff5722;
}
.notfound-box span{
	color: #6E6E6E;
}

/*media*/
/*pc def*/
@media (min-width: 1280px){
	
}
/*pc*/
@media (min-width: 1024px) and (max-width: 1279px){
	
}
@media (min-width: 768px) and (max-width: 1023px){
	
}
/*not used*/
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){
	
}
@media (min-width: 480px) and (max-width: 767px){
	
}
@media (min-width: 320px) and (max-width: 479px){
	.std-top-menu .std-righter-box{
		display: none;
	}
	.std-2big-box{
		width: 100%;
	}
	.std-3small-box{
		width: 100%;
	}
	.std-2small-box{
		width: 100%;
	}
	.std-tpage-tcard .tcard-right{
		width: 100%;
	}
	.std-tpage-tcard .tcard-left{
		margin-top: 10px;
		width: 100%;
	}
	.std-tpage-tcard{
		height: auto;
	}
	.std-2med-box{
		width: 100%;
	}
	.std-bclass-content-info-box .bclass-info-left-box{
		width: 100%;
		padding-right: 0;
		margin-top: 10px;
	}
	.std-singlebig-box .g-title{
		height: auto;
	}
	.std-bclass-content-info-box img{
		width: 100%;
/*		margin-right: 25px;*/
	}
	.std-bclass-content-btn-box{
		height: auto;
	}
	.std-bclass-content-btn-box .price-box .bc-price-title{
		width: 100%;
		display: block;
		line-height: 25px;
	}
	.std-bclass-content-btn-box .price-box{
		display: inline-block;
		float: right;
	}
	.std-bclass-content-btn-box .reserve-box{
		display: inline-block;
		float: right;
		width: 100%;
		padding-right: 0;
		padding-top: 10px;
		text-align: center;
	}
	.std-bclass-content-btn-box .reserve-box .reserve-btn{
		width: 100%;
		display: inline-block;
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}
}
@media (min-width: 320px) and (max-width: 359px){
	
}