@charset "utf-8";
::-webkit-selection {
  background-color: #8A7D4A;
  color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
  background-color: #8A7D4A;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #8A7D4A;
  color: rgba(0, 0, 0, 0.87);
}


/* Force Simple Scrollbars */

body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: #8A7D4A;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}

body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}

/* Inverted UI */

body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.center {
    width: 90%;
}
.xs-font
{
	font-size: 2.5vw;
}
.s-font
{
	font-size: 3vw;
}
.m-font
{
	font-size: 3vw;
}
.l-font
{
	font-size:4vw;
}
.xl-font
{
	font-size:5vw;
}
.padding-5
{
	padding: 2%;
}
.padding-10
{
	padding: 3vw;
}
.padding-15
{
	padding: 4%;
}
.padding-30
{
	padding: 5%;
}
.section-white
{
	padding: 5% 0px;
}
.section-white-pro
{
	padding: 5% 0px 8% 0px;
}
.section-grey
{
	padding: 5% 0px;
}
.section-blue
{
	padding: 5% 0px;
}
.section-baby-blue
{
	padding: 5% 0px;
}
.btn
{
	padding: 5% 3vw;
	margin-top: 5%;
}
.input-form
{
	padding:4vw 3vw;
	font-size: 3vw;
}
.area-form
{
	padding: 4%;
	font-size: 3vw;
	min-height: 200px;
}
.left-30
{
	margin-left: 5%;
}

.title-section
{
	text-align: center;
	margin-bottom: 5%;
}
.title-section h2
{
	font-size: 5vw;
	line-height: normal;
}
.page-content {
  position: relative;
  z-index: 0;
	min-height: 100vh;
	background-color: #f7f7f7;
	width: 100%;
	  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
	 transform: translateX(0px);
}

.toggle {
  font-size: 6vw;
}

.sidebar {
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0px;
  right: -200px;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  width: 200px;
  padding: 5%;
  z-index: 0;
	flex-direction: column;
	visibility: hidden;
	flex-wrap: nowrap !important;
}
.nav-bar ul li 
{
  
  margin-bottom: 40px;
}
.nav-bar ul li :last-child
{
	margin-bottom: 0px;
}
#side:checked + .page-wrap .sidebar {
  transform: translateX(-200px);
	-webkit-transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    -moz-transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
	visibility: visible;
}
#side:checked + .page-wrap .page-content {
  transform: translateX(-200px);
	width: calc(100%);
	 -webkit-transition: width .6s ease-in-out, transform .6s ease-in-out;
    -moz-transition: width .6s ease-in-out, transform .6s ease-in-out ;
    -o-transition: width .6s ease-in-out, transform .6s ease-in-out;
    transition: width .6s ease-in-out, transform .6s ease-in-out;
}
.section {
    margin-top: 5%;
    padding-bottom: 5%;
}
.btn
{
	padding:4vw 3vw;
	margin-top: 5%;
}
.input-form
{
		padding:4vw 3vw;
	font-size: 3vw;
}
.area-form
{
	padding:4vw 3vw;
	font-size: 3vw;
	font-weight: 300;
	min-height: 200px;
}
.title-section
{
	margin-bottom: 5%;
}
.title-section h2
{
	font-size: 5vw;
}
.logo-student img
{
	height: 100px;
}
.choose-log
{
	margin-top: 5%;
}
.choose-log ul li
{
	margin-left: 4vw;
}
.choose-log ul li a div
{
	width: 37vw;
	height: 37vw;
}
.choose-log ul li a div img
{
	width: 50%;
}
.choose-log ul li a h2
{
	margin-top: 5%;
}
.right-log
{
	width: 100%;
}
.left-log
{
	display: none;
}
.logo-log img
{
	height: 100px;
	margin: auto;
}
.titles-log
{
	margin: 5% 0px;
}
.titles-log h2
{
	font-size: 5vw;
	line-height: normal;
}
.titles-log h3
{
	margin-top: 3vw;
	
}
.container-checkbox {
  font-size: 3vw;
}

.log-form .form-group
{
	margin-top: 5%;
}
.log-form .form-group:nth-child(1)
{
	margin-top: 0px;
}
.down-log 
{
	width: 100%;
	margin-top: 5%;
}
.log-form  .btn
{
	width: 100%;
}

.no-account span
{
	margin: 5% 0px;
}
.right-log-inner
{
	width: 90%;
}
.back-page a:after
{
	margin-right: 2vw;
}
.form-group label.error {
    font-size: 3vw;
   
    right: 5px;
	padding: 1vw;
}
.nav-bar ul li 
{
  
  margin-bottom: 7vw;
}
.logo-side
{
	margin-bottom: 7vw;
}
.logo-side img
{
	height: 80px;
	margin: auto;
}

.personal-side a img
{
	width: 12vw;
	height: 12vw;
	margin-left: 3vw;
}
.left-personal-side{
	width: calc(100% - 15vw);
}
.left-personal-side h2
{
	margin: 2% 0px;
}
.sidebar ul li a i
{
	font-style: normal;
	margin-left: 2vw;
}
.log-out i
{
	font-style: normal;
	margin-left: 2vw;
}
.down-icon
{
	margin-right: 5%;
}
.drop-li
{
	margin-top: 4vw;
	padding-right: 6vw;
}
.header
{
	padding: 5% 0px;
	background-color: #fff;
	    -webkit-box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 6%);
}
.user-header img
{
	width: 12vw;
	height: 12vw;
}
.bread-crumb ul li
{
	margin-left: 2vw;
}

.bread-crumb ul li a:after
{
	    content: "\f053";
	font-family: "Icons3";
	margin-right: 2vw;
	font-size: 3vw;
}
.section-top
{
	margin-top: 5%;
}
.section
{
	margin-top: 5%;
	padding-bottom: 5%;
}
.section-inner
{
	padding: 5%;
}
.tab-top ul li
{
	margin-left: 5%;
	width:calc(47% - 2.5%);
	margin-bottom: 5%;
	text-align: center;
}
.tab-top ul li:nth-child(2n)
{
	margin-left: 0px;
}
.tab-top ul li a span
{
	min-width: 7vw;
	padding: 1vw 0px;
	margin-right: 1vw;
}
.tab-top ul li a
{
	padding-bottom: 4vw;
}
.tabs_item {
  padding: 5% 0;
}
.newmassage
{
	align-self: flex-end;
}
.newmassage a:before
{
	margin-left: 2vw;
}
.newmassage a
{
	padding: 4vw 3vw;
}
.not-open
{
	width: 5px;
	height: 5px;
	margin-left: 2vw;
}
.status
{
	width: 30vw;
	margin-top: 2vw
}
table.dataTable tbody td h3
{
	margin-bottom: 2vw;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 5% !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5% 3vw !important;
}
.table .dataTables_wrapper .dataTables_paginate .paginate_button {
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
	font-size: 3vw;
}
.table .dataTables_wrapper .dataTables_paginate span .paginate_button
{
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
	margin: 0px 2vw;
	font-size: 3vw;
}

.paginate_button.next
{
	margin-right: 2vw;
}
.arrow-left,.arrow-right
{
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
	font-size: 3vw;
}
.dataTables_paginate
{
	margin-top: 5% !important;
}
.title-icon
{
	margin-bottom: 5%;
}
.title-icon i
{
	font-style: normal;
	font-size: 5vw;
	margin-left: 2vw;
}
.title-icon h2
{
	font-size: 4vw;
}
.socialCircle-item {
  width: 40vw;
  /*height: 40px;*/
  text-align: center;
  color: #ffffff;
  font-size: 4vw;
  cursor: pointer;
	

}
.socialCircle-item i
{
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
	margin-right: 2vw;
}
.socialCircle-container {
  position: fixed;
	z-index: 999999999999999;
	left: 30px;
	bottom: 70px;
}

.socialCircle-center {
	width: 12vw;
	height: 12vw;
	line-height: 12vw;
}
.fa-share-alt:before
{
	content: "\f086";
	    font-family: "Icons3";
	font-style: normal;
	font-size: 4vw;
	
}

.socialCircle-item:nth-child(2)
{
	margin: 3vw 0px;
}
.how-list ol li
{
	width:100%;
	margin-top: 5%;
	margin-left: 0px;
}
.how-list ol li:nth-child(2),.how-list ol li:nth-child(3),.how-list ol li:nth-child(4)
{
	margin-top: 5%;
}
.number-list
{
	 width: 9vw;
    height: 9vw;
    line-height: 9vw;
}
.number-list::after {
    width: 11vw;
    height: 11vw;
    line-height: 11vw;
}
.line-list
{
	height: 30px;
}
.how-details p
{
	line-height: 1.6;
}
.how-list
{
	margin-bottom: 5%;
}
.label-regist
{
	margin-bottom: 5%;
	display: block;
}
.down-select {
    font-style: normal;
    position: absolute;
    left: 3vw;
    bottom: 4vw;
    display: block;
}
.down-select:before {
    content: "\f078";
    font-family: "Icons2";
}
.special-choose
{
	width: 100%;
}
.special-choose h2
{
	margin-bottom: 5%;
}
.special-choose2
{
	width: 100%;
}
.special-choose2 h2
{
	margin-bottom: 5%;
}
.special-choose2 .form-group
{
	width: 100%;
	margin-left: 0px;
}
.special-choose2 .form-group:nth-child(1)
{
	margin-bottom: 5%;
}
.center-days ul li
{
	margin-bottom: 5%;
}
.center-days ul li:last-child
{
	margin-bottom: 0px;
}
.change-days

{
	width: 100%;
}
.center-days
{
	margin-top: 5%;
}
.top-plan ul li
{
	width: 100%;
	margin-left: 0px;
}
.colum-plan
{
	width:100%;
	margin-left: 0px;
	margin-top: 5%;
}
.colum-plan h2
{
	margin-bottom: 5%;
}
.top-plan ul li:nth-child(2)
{
	margin: 5% 0px;
}
.left-c h3
{
	margin-bottom: 2vw;
}
.inner-colum-plan 
{
	border: 1px solid #f1f1f1;
}
.inner-colum-plan ul li
{
	margin-left: 0px;
	padding-bottom: 5%;
	padding-top: 5%;
}
.inner-colum-plan ul li:last-child
{
	border-bottom: 0px;
	padding-bottom: 0px;
}
.inner-colum-plan ul li:nth-child(1)
{
	padding-top: 0px;
}
.inner-colum-plan ul
{
	overflow-y: scroll;
	height: 285px;
}
.left-c
{
	margin-right: 15px;
}
.colum-plan .center-days
{
	border: 1px solid #f1f1f1;
	margin-top: 0px;
}
.center-plan
{
	margin: 5% 0px;
}
.down-plan ul li
{
	 width:100%;
	margin-left: 0px;
}
.down-plan ul li:nth-child(3)
{
	
	width: 100%;
	margin-top: 5%;
}
.down-plan ul li:nth-child(2)
{
	margin-left: 0px;
	margin-top: 5%;
}
.all
{
	width:100%;
	margin: auto;
}
.date-top
{
	margin-bottom: 5%;
}
.date-top span
{
	margin-left: 3vw;
	padding: 2vw;
}
.date-top span:before
{
	margin-left: 2vw;
}
.all h4
{
	margin-bottom: 5%;
}
.vacation ul li
{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 5%;
}
.vacation ul li:last-child
{
	margin-bottom: 0px;
}
.vacation ul li:nth-child(2n)
{
	margin-left: 0px;
}
.vacation ul li:nth-child(3)
{
	width: 100%;
	margin-top: 0;
}
.calen-icon
{
	padding:3.5vw 4vw;
}    
.registration ul li
{
	width:100%;
	margin-top: 5%;
	margin-left: 0px;
}
.registration ul li:nth-child(2),.registration ul li:nth-child(3)
{
	margin-top: 5%;
}
.registration ul li:nth-child(7),.registration ul li:nth-child(8)
{
	width:100%;
}
.registration .btn
{
	float: left;
}
.log-student
{
	padding: 0px;
}
.road ul li
{
	margin-bottom: 5%;
	margin-left: 5%;
}

.top-taq ul li
{
	width: 100%;
	margin-left: 0px;
}
.top-taq ul li:nth-child(2),.top-taq ul li:nth-child(3),.top-taq ul li:nth-child(3)
{
	margin-top: 5%;
}
.print:before
{

	margin-left: 2vw;
}
.center-taq
{
	margin: 30px 0px;
}
td.with-width:nth-child(1),td.with-width:nth-child(2),td.with-width:nth-child(3),td.with-width:nth-child(4),td.with-width:nth-child(5),td.with-width:nth-child(6)
{
	width: auto;
	white-space: inherit !important
}
td.with-width:nth-child(7)
{
	width: auto;
	white-space: inherit !important
}
p.with-width2 
{
	width: auto;
	white-space: inherit !important;
	line-height: 1.6;
}

.links-left a
{
	min-width: 39vw;
	margin-left: 3vw;
}
.links-left a:nth-child(2n)
{
	margin-left: 0px;
}
.links-left .star:before
{
	margin-left: 2vw;
}
.vacation-icon:before
{
	margin-left: 2vw;
}

.top-c-image
{
	width: 14vw;
	height: 14vw;
}
.top-c-image img
{
	height: 8vw;
}
.down i:before
{
	margin-right: 2vw;
}
.up i:before
{
	content: "\f062";
	font-family: 'Icons3';
	margin-right: 2vw;
	font-style: normal;
}
.right-center ul li
{
	width: calc(50% - 2.5%);
	border: 1px solid #E5E5E5;
	background-color: #f9f9f9;
	margin-left: 5%;
	margin-top: 5%;
}
.right-center ul li:nth-child(-n+2)
{
	margin-top: 0px;
}
.right-center ul li:nth-child(2n)
{
	margin-left: 0px;
}
.top-c
{
	margin-bottom: 3vw;
}
.right-center ul li h2
{
	margin-top: 2vw;
}
.right-center
{
	width:100%;
	margin-left: 0px;
}
.center-home
{
	margin: 5% 0px;
}
.left-center
{
	width: 100%;
	margin-top: 5%;
}
.one-day
{
	margin-top: 4%;
	width: 100%
}

.one-day h2
{
	width: 100%;
	margin-bottom: 3vw;
}
.one-day span
{
	margin-left: 2vw;
}
.one-day .type-day
{
	background-color: #EEEEEE;
	margin-right: 0px;
	margin-top: 3vw;
}
.educat
{
	width: 100%;
	margin-left: 0px;
}
.type-day
{
	width: 100%;
	margin-right: 0px;
}
.episode-start
{
	margin-right: 2vw;
}
.episode-start:before
{
	margin-left: 2vw;
}
.episode-start span
{
	font-size: 2.5vw
}
.episode-start i
{
	font-size: 2.5vw
}
.all-ep 
{
	width: 100%;
	align-items: stretch;
	margin-bottom: 5%;
	
}
.episode
{
	width: 100%;
	border-radius: 15px;
}
.episode div:nth-of-type(1)
{
	width:90%;
	margin-bottom: 5%;
}
.episode div
{
	width: 48%;
}
.episode div h2
{
	margin-bottom: 2vw;
}
.goto
{
	border-radius: 15px;
	width: 100%;
	margin-top: 5%;
}

.goto i:before
{
	margin-left: 2vw;
}
.latest-massage
{
	height: 56vh;
	    overflow-y: scroll;
	padding-left: 5%;
}
.all-massage h3
{
	margin-bottom: 5%;
}
.icon-man 
{
	width: 14vw;
	height: 14vw;
	line-height: 14vw;
	margin-left: 3vw;
}
.icon-man span:before
{
	font-size: 5vw;
}
.details-latest-massage
{
	width: calc(100% - 19vw);
}
.details-latest-massage a p
{
	line-height: 1.6;
}
.details-latest-massage div
{
	margin-bottom: 4%;
}
.latest-massage ul li
{
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.delete a
{
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
}
.delete a:before
{
	content: "\f2ed";
	font-size: 4vw;
	font-family: "Icons3"
}
.left-top-write div h2
{
	margin-bottom: 2vw;
}
.write-massage
{
	width:100%
}
.all-massage
{
	width:100%;
	margin-right: 0px;
	height: 68vh;
	margin-top: 5%;
}
.top-write
{
	padding: 30px;
	border-bottom: 1px solid #E5E5E5
}
.mail
{
	padding: 5%;
}
.send-massage
{
	margin-bottom: 30px;
}

.face-icon
{
	width: 12vw;
	height: 12vw;
	line-height: 12vw;
	margin-left: 3vw;
}
.face-icon span:before
{
	font-size: 5vw;
}
.text-send
{
	width: calc(100% - 15vw)
}
.text-send p
{
	line-height: 1.6;
}
.time-send
{
	display: inline-block;
	width: calc(100% - 2vw);
	margin-top: 2vw;
}
.time-send span
{
	display: block;
	text-align: left;
}
.request-massage .face-icon
{
	margin-left: 0px;
	margin-right: 3vw;
}
.request-massage .time-send span
{
	text-align: right;
}
.request-massage
{
	margin-bottom: 5%;
}
.send-mail
{
	padding: 5%;
    border-top: 1px solid #E5E5E5;
}
.email-text
{
	padding:4vw 3vw;
	max-width: 80%;
	width: 80%;
	height: 40px;
}
.send-email
{
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border: 0px;
	cursor: pointer;
	margin-right: 15px;
}
.send-email:before
{
	content: "\f1d8";
	font-size: 14px;
	font-family: "Icons3"
}
.greatmassage
{
	padding: 5%;
}
.greatmassage ul li
{
	margin-bottom: 5%;
}
.greatmassage ul li:last-child
{
	margin-bottom: 0px;
}

.greatmassage h2
{
	font-size: 4vw;
	margin-bottom: 4%;
}
.greatmassage h2 i
{
    font-size: 4vw;
    margin-left: 2vw;
}
.blocked
{
	flex-direction: column;
	background-color: rgba(255,255,255,.8);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: 99999999999999999999999999999999999999;
}
.blocked h2
{
	font-size: 5vw;
	font-weight: 700;
}
.blocked i
{
	 font-style: normal;
    font-size: 8vw;
	    color: #AF0818;
	margin-bottom: 3vw;
}
.blocked i:before {
    content: "\f071";
    font-family: 'Icons3';
}
.activation
{
	width: 90%;
}
.activation i
{
	 font-style: normal;
    font-size: 8vw;
	    color: #006604;
	margin-bottom: 3vw;
}
.activation i:before {
    content: "\f058";
    font-family: 'Icons2';
}
.activation h2
{
	font-size: 5vw;
	line-height: normal
}
.cal-icon{
    content: "\f073";
    font-family: 'Icons2';
}
.special-choose .form-group label.error
{
	    top: 21px;
}
.all-report {
    width: 100%;
    text-align: center;
    margin-top: 5%;
	margin-left: 0px;
}
.all-report:nth-child(2),.all-report:nth-child(3)
{
	margin-top: 5%;
}
.all-report ul li a {
    display: flex;
    text-align: center;
    margin: 5% auto 0px auto;
    justify-content: center;
    align-items: center;
    width: 50%;
}
.names span {
    padding: 2vw;
}
.names h2
{
	padding: 2vw;
}
.top-a7sa {
    margin-bottom: 5%;
}
.top-a7sa h2
{
	margin-bottom: 5%;
}
.top-a7sa .form-group
{
	width: 100%;
}
.cal-icon {
    position: absolute;
    right: 4vw;
    bottom: 4vw;
    display: block;
}
.sub-title
{
	margin-bottom: 4%;
}
.top-a7sa
{
	width: 100%;
	justify-content: flex-end;
}
.delete-all
{
	min-width: 30vw;
	display: inline-block;
	text-align: center;
	margin-top: 5%;
}
.delete-all a
{
	padding: 4vw 3vw;
	
}
.left-top-a7 .delete-all
{
	min-width: 100%;
}
.left-top-a7
{
	width: 100%;
	margin-top: 5%;
}
.removeto-all
{
	min-width: 48%;
	display: inline-block;
	text-align: center;
	
}
.removeto-all a
{
	padding: 4vw 3vw;
}
.copy-all
{
	min-width: 48%;
	display: inline-block;
	text-align: center;
	margin-right: 4%;
	margin-left: 0px;
}
.copy-all a
{
	padding: 4vw 3vw;
}
.home-down h2
{
	margin-bottom: 5%;
}
.teacer-times ul li {
    width: 100%;
    border: 1px solid #E5E5E5;
    margin-left: 0px;
    margin-top: 5%;
}
.teacer-times ul li:nth-child(2),.teacer-times ul li:nth-child(3)
{
	margin-top: 5%;
}
.colum-t span {
    margin-bottom: 2vw;
}
.colum-t {
    margin-top: 5%;
}
.read-list p {
    margin-left: 2vw;
    margin-bottom: 2vw;
}
.write-news .form-group {
    margin-top: 5%;
}
.add-news {
    margin-bottom: 5%;
}
.add-news a:before {
    content: "\2b";
    font-family: "Icons4";
    margin-left: 2vw;
    font-size: 4vw;
}
.rating-all
{
	width: 48%;
	margin-left: 4%;
	text-align: center;
}
.rating-all a
{
	padding: 4vw 3vw;
}
.send-all
{
	width: 48%;
	margin-left: 0px;
	text-align: center;
}
.left-top-a7 .send-all a,.left-top-a7 .rating-all a
{
	padding: 4vw 3vw;
	display: block;
}
.links a
{
	margin-left: 3vw;
	width: 6vw;
	line-height: 6vw;
	height: 6vw;
	text-align: center;
}
.down-rating {
    margin-bottom: 5%;
}
.down-rating .docs-datepicker.form-group {
    margin-left: 0px;
	margin-bottom: 5%;
}
.down-rating .docs-datepicker.form-group:nth-child(2)
{
	margin-bottom: 0px
}
.width-p {
    width: auto;
    line-height: 1.6;
}
.down-rating div {
    width: 100%;
}
.reason ul li {
    margin-top: 5%;
    width: 100%;
}
.one-day, .one-day .form-group {
    width: 100%;
}
.two-day .form-group {
    width: 100%;
	margin-bottom: 5%;
}
.two-day .form-group:nth-child(2) {
	margin-bottom: 0;
}
.top-tabs
{
	width: 100%;
	margin-top: 5%;
}
.tab-top ul li {
    margin-left: 5%;
    width: 47.5%;
    margin-bottom: 5%;
    text-align: center;
}
.tab-top ul li:nth-child(2n)
{
	margin-left: 0px;
}
.tab-top
{
	width: 100%;
}
.right-details span {
    width: 14vw;
    height: 14vw;
    line-height: 14vw;
}
.right-details span:before {
    content: "\f501";
    font-family: "Icons3";
    font-size: 5vw;
}
.left-details h2 {
    margin-bottom: 2vw;
}
.student-taq {
    margin-top: 5%;
}
.student-taq ul li {
    width:47%;
    text-align: center;
	margin-bottom: 5%;
}
.student-taq ul li:nth-child(2n)
{
	margin-left: 0px;
}
.student-taq ul li h3 {
    margin-bottom: 2vw;
}
.socialCircle-item a span
{
	padding: 2vw;
}

.manhag ul li
{
	margin-bottom: 5%;
}
.manhag ul li:nth-child(1)
{
	width: 100%;
}
.inner-all-manhag
{
	margin-top: 5%;
}
.right-man
{
	width: 100%;
	margin-bottom: 5%
}
.right-man .form-group
{
	margin-left: 0px;
	width: 100%;
}
.right-man .form-group:nth-child(2)
{
	margin-left: 0px;
	margin-top: 5%;
}
.right-man .input-form
{
	width: calc(100% - 80px);
}
.right-man .label-regist
{
	margin-bottom: 0px;
	width: 80px;
}
.right-man .form-group:nth-child(2) .label-regist
{
	width: 80px;
}
.right-man .form-group:nth-child(2) .input-form
{
	width: calc(100% - 80px);
}
.manhag ul li:nth-child(2),.manhag ul li:nth-child(3)
{
	width: 100%;
}
.manhag ul li:nth-child(4),.manhag ul li:nth-child(5),.manhag ul li:nth-child(6),.manhag ul li:nth-child(7)
{
	width: 100%;
	margin-left: 0px;
}

.top-tabs .btn
{
	margin-right: 0px;
}
.new-r ul li:nth-child(2) .form-group {
    width: 100%;
	margin-left: 0px;
}
.new-r ul li:nth-child(2) .form-group:nth-child(2)
{
	margin-top: 5%;
}
.exam-time2 ul li:nth-child(2) .container-checkbox
{
	margin-bottom: 5%;
}
.exam-time ul li
{
	margin-top: 5%;
	margin-left: 0px;
	width: 100%;
}
.exam-time ul li:nth-child(2) {
   margin-top: 5%;
}
.noti ul li
{
	margin-bottom: 5%;
}
.noti ul li p
{
	line-height: 1.8;
}
.noti ul li a
{
	display: inline-block;
	margin-right: 2vw;
}
/*17*/
.page-time
{
	width: 100%;
	margin-bottom: 7%
}
.page-time ul li
{
	width: 100%;
	margin-top: 5%;
}
.page-time ul li .container-checkbox 
{
	width: 33%;
}
.page-time ul li .form-group 
{
	width: 40%;
}
.page-time h2
{
	margin-bottom: 5%;
}
.d-butt
{
	margin-top: 5%;
}
.d-butt input
{
	margin-left: 3vw;
	padding: 4vw 3vw;
}
.d-butt input:last-child
{
	margin-left: 0px;
}

.news-status a.tarsh
{
	width: auto;
	padding: 0px 3vw;
}
.test-link ul li
{
	margin-top: 5%;
}
.test-link ul li span
{
	margin-bottom: 5%;
}


.links-d
{
	margin-top: 5%;
}
.pr:before
{
	margin-left: 2vw;
}
.pd:before
{
	margin-left: 2vw;
}
.registration ul li
{
	width: 100%;
	margin-top: 5%;
	margin-left: 0px;
}
.registration ul li:nth-child(-n+4)
{
	margin-top: 5%;
}
.registration ul li:nth-child(4n)
{
	margin-left: 0px;
}
.registration ul li:nth-child(5),.registration ul li:nth-child(6),.registration ul li:nth-child(7)
{
	width: 100%;
}
.registration ul li:nth-child(8)
{
	margin-left: 0px;
}
.registration ul li:nth-child(12),.registration ul li:nth-child(13),.registration ul li:nth-child(14)
{
	width: 100%;
}
.registration ul li:nth-child(12)
{
	margin-left: 0px;
}
.registration ul li:nth-child(16)
{
	margin-left: 0px;
}
.registration ul li:nth-child(20)
{
	margin-left: 0px;
}
.registration ul li:nth-child(20),.registration ul li:nth-child(21),.registration ul li:nth-child(22),.registration ul li:nth-child(23),.registration ul li:nth-child(24)
{
	width: 100%;
}
.registration ul li:nth-child(25),.registration ul li:nth-child(26)
{
	width: 100%;
}
.registration ul li:nth-child(27)
{
	width: 100%;
}
.upload-file-g ul li
{
	margin-bottom: 5%;
	width: 100%;
	margin-left: 0px;
}
.upload-file-g ul li .upload-wrapper
{
	width: 100%;
}
.all-page-time2 .test-link
{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 5%;
}
.all-page-time2 .page-time
{
	width: 100%;
	margin-left: 0px;
}
.d-butt a
{
	width: 47.5%;
}

.steps
{
	padding: 5%;
	margin-bottom: 5%;
}
.steps ul li
{
	width: 50%;
	margin-top: 5%;
}
.steps ul li:nth-child(1)
{
	margin-top: 0px;
}
.steps ul li i
{
	margin-bottom: 5px;
}
.steps ul li i:before
{
	font-size: 5vw;
}

.tab-regist label.error
{
	font-size: 3vw;
	bottom: -7px;
	right: 20px;
}
.next-step
{
	padding: 15px 20px;
	margin-top: 5%;
}
.next-step:after
{
	margin-right: 3vw;
}
.submit-step
{
	margin-top: 5%;
}
.previous-step
{
	margin-top: 5%;
	margin-left: 3vw;
}
.previous-step:before
{
	margin-left: 3vw;
}
.tab-regist ul li
{
	width: 100%;
	margin-top: 5%;
	margin-left: 0px;
}
.tab-regist ul li:nth-child(3),.tab-regist ul li:nth-child(2)
{
	margin-top: 5%;
}
.page-four ul li:nth-child(2),.page-four ul li:nth-child(3)
{
	margin-top: 5%;
}
.page-four ul li .container-checkbox
{
	margin-bottom: 15px;
}

.t-new
{
	width: 100%;
	margin: 15px auto auto auto
}
.t-new input
{
	text-align: center;
}
.sec-table
{
	width: 100%;
}
.sec-table2
{
	width: 100%;
}
.checkkk:before
{
	content: "\f00c";
	font-family: "Icons2";
	margin-left: 5px;
}
.in-table-area .area-form
{
	width: 100%;
}
.t-new2
{
	width: 130px;
}
 .nnwe .container-checkbox 
{
	margin-bottom: 15px;
	font-size: 10px;
}
table.dataTable.stripe>tbody>tr> .baby-green, table.dataTable.display>tbody>tr> .baby-green
{
	background-color: #d1e7dd !important;
}