body {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
*::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgb(219, 219, 219);
}
*::-webkit-scrollbar {
	width: 8px;
	height:8px;
	background-color: #fff;
}
*::-webkit-scrollbar-thumb {
	background-color: #aeaeae;
	border: none;
}
.tooltip-input-intable{
	margin-top: -4px !important;
	background-color: rgba(0, 0, 0, 0.87);
    box-shadow: 2px 2px 0px rgba(0,0,0,0.4);
}
.rounded{
  border-radius: 15px;
}

.text-linethrough{
	text-decoration: line-through;
}
md-checkbox.chkbox-only .md-label {
	margin: 0px;
}
md-sidenav md-toolbar.md-default-theme:not(.md-menu-toolbar), md-sidenav md-toolbar:not(.md-menu-toolbar) {
  background: rgb(207, 207, 207);
  background: linear-gradient(0deg, rgb(205, 205, 205) 0%, rgba(255,255,255,1) 77%);
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) img, md-toolbar:not(.md-menu-toolbar) img {
	width: 100%;
	margin: auto;
}

md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar), md-toolbar.md-hue-2:not(.md-menu-toolbar) {
	background-color: #fafafa;
	background: #fafafa;
	color: #282828;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  /* max-width: 1140px;
  margin-left: auto;
  margin-right: auto; */
}
md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
	background: #A8DDCA;
}


.docs-menu > li{
	border-color:#78bb9e;
}


md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar) md-icon, md-toolbar.md-hue-2:not(.md-menu-toolbar) md-icon {
	color: rgba(0, 0, 0, 0.5);
	fill: rgba(0, 0, 0, 0);
}

.flex-2 {
	flex: 1 1 100%;
	max-width: 2%;
	max-height: 100%;
	box-sizing: border-box;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
	background: #78bb9e;
}

/* menu style for member,staff*/
md-toolbar .msMenu.md-hue-2:not(.md-menu-toolbar){
  background:none;
  background-color: transparent;


}
.msMenu .msContent{
  border-radius: 20px 20px 0px 0px;
}
.msContent{
  min-height: calc(var(--vh, 1vh)* 100);
  /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); */
  box-shadow: 0px 0px 9px 1px rgb(2 2 2 / 13%);
  /* height: 100vh; */
  /* border-radius: 20px 20px 0px 0px; */
  /* height: 100%; */
}


.msMenu {
  box-shadow: none !important;
  background-color: transparent !important;
  padding-left: 0px;
  padding-right: 0px
}
.admin {
  /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); */
  box-shadow: 0px 0px 9px 1px rgb(2 2 2 / 13%);
    background: #fafafa;
}
md-toolbar.md-hue-2.bg_admin:not(.md-menu-toolbar){
  background-image: url(../image/menu/bg.png);
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}


.msMenu .md-toolbar-tools{
  height: 200px;
  max-height: 200px;
  /* background-image:url(../image/member/menu/bgHeadMenu.png); */
  background-position: bottom right;
  background-size: cover;
  border-radius: 20px;
  /* padding: 0px 48px; */
  padding: 32px 48px;
  display: flex;
  align-items: flex-start;
  box-shadow: 5px 12px 9px -8px rgb(2 2 2 / 13%);
    /* box-shadow: none ; */
}
.memberMenu .md-toolbar-tools{
  background-image:url(../image/member/menu/bgHeadMenu.png);
}
.staffMenu .md-toolbar-tools{
  background-image:url(../image/staff/headline/bgHeadline.png);
}
.menu_tab{
  margin: 0px;
}
/* .memberMenu .md-toolbar-tools{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  
   
} */
/* .msMenu .memberMenu .md-toolbar-tools{
  height: 300px;
  max-height: 300px;
  background-image:url(../image/member/menu/bgHeadMenu.png);
} */
/* end menu style for member,staff*/

.md-dialog-container {
	z-index: 1050;
	background-color: rgba(0,0,0,0.5);
}
.md-dialog-container md-dialog md-dialog-content{
	padding:0px;
}
.md-dialog-container md-dialog md-dialog-content .md-title{
	padding: 5px 15px;
}
.md-dialog-container md-dialog md-dialog-content > div{
	padding: 5px 15px;
}

.md-dialog-container md-dialog md-dialog-actions{
	text-align: center;
}

table thead tr > th md-datepicker._md-datepicker-has-triangle-icon,table thead tr > td md-datepicker._md-datepicker-has-triangle-icon{
	padding-right: 0px;
	margin-right: 0px;
}

table thead tr > th md-datepicker > .md-datepicker-button, table thead tr > td md-datepicker > .md-datepicker-button{
	display: none;
}
table thead tr > th md-datepicker > .md-datepicker-input-container > .md-datepicker-triangle-button,table thead tr > td md-datepicker > .md-datepicker-input-container > .md-datepicker-triangle-button{
	display: none;
}


table thead tr > th md-datepicker > .md-datepicker-input-container,table thead tr > td md-datepicker > .md-datepicker-input-container{
	background-color: rgb(255, 255, 255);
    margin-left: 0px !important;
}
table thead tr > th md-datepicker > .md-datepicker-input-container > .md-datepicker-input,table thead tr > td md-datepicker > .md-datepicker-input-container > .md-datepicker-input{
	padding-left:5px;
}

table thead tr > th md-select,table thead tr > td md-select{
	padding:5px !important;
}
table thead tr > th md-select > md-select-value,table thead tr > td md-select > md-select-value{
	border-bottom: 0px !important;
}



md-dialog-content > .md-dialog-content > md-input-container {
	flex: unset;
}
md-dialog-actions.md-dialog-actions-foot {
	width: 100%;
	background: #A8DDCA;
}
md-dialog.md-confirm-theme > md-dialog-content > h2.md-title{
	background-color: #78bb9e;
    color: #fff;
}
md-dialog.md-confirm-theme > md-dialog-actions{
	background-color: rgba(0,0,0,0.1);
	display: block;
	padding:8px;
}
md-dialog.md-confirm-theme > md-dialog-actions > button{
	margin: 0px 3px;
}

md-dialog.md-confirm-theme .md-dialog-content-body{
	text-align: center;
}


md-checkbox.md-default-theme[disabled]:not(.md-checked) .md-icon, md-checkbox[disabled]:not(.md-checked) .md-icon {
	border-color: rgba(0, 0, 0, 0.16);
}

.imageShareFacebookArea{
	margin: auto;
	box-shadow: 0px 0px 1px 2px #d8d8d8;
	width:600px;
	letter-spacing: 0px !important;
}

.imageShareFacebook{
	width:600px;
	height:315px;
	background-image: url("../image/shareFacebook/shareFacebookhorizontal.jpg");
	background-size: cover;
	padding-top: 60px;
}
.imageShareFacebook .headnamequestionShare{
	    font-size: 23px;
    color: #616161;
    line-height: 27px;
    padding-left: 121px;
    padding-right: 35px;
    text-align: left;
}
.imageShareFacebook .scorequestionShare{
	text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 20px auto;
    max-width: 470px;
	    text-shadow: 1px 1px #9a9696;
}
.imageShareFacebook .starquestionShare{
	text-align: center;
}
.imageShareFacebook .starquestionShare img{
	height: 40px;
    width: auto;
    display: inline-block;
}


.table {
	background-color: #ffffff;
}
.table .thead-dark th {
	color: #fff;
	background-color: #5d5d5d;
	border-color: #7b7b7b;
	text-align: center;
	font-weight: 300;
}
.table .thead-dark tr td {
	color: #fff;
	background-color: #5d5d5d;
	border-color: #7b7b7b;
	text-align: center;
	font-weight: 300;
}
/*---- Table Fix header ---- */
.table-fixed {
	width: 100%;
	background-color: #f3f3f3;
}
.table-fixed tbody {
	height: 200px;
	overflow-y: auto;
	width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
	display: block;
}
.table-fixed tbody td {
	float: left;
}
.table-fixed thead tr th {
	float: left;
	background-color: #f39c12;
	border-color: #e67e22;
}
/*---- End Table Fix header ---- */
.bg-content {
	background-color: #b9b9b952;
	padding: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 10px 0px rgba(222, 222, 222, 0.25);
	-moz-box-shadow: 6px 6px 10px 0px rgba(222, 222, 222, 0.25);
	box-shadow: 6px 6px 10px 0px rgba(222, 222, 222, 0.25);
}
.yellow {
	color: rgb(222, 163, 43);
}
.content-area-size {
	width: 100%;
	height: calc(100vh - 64px);
}
.content-area {
	background-image: url(../image/menu/bg.png);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
}
.text-left {
	text-align: left!important;
}
.text-center {
	text-align: center!important;
}
.text-close {
	color: #ffffff;
}
.text-close:hover {
	color: #ffffff;
}
.mt-0 {
	margin-top: 0px!important;
}
.mrg-t5 {
	margin-top: 5px!important;
}
.mrg-t30 {
	margin-top: 30px!important;
}
.mg-0 {
	margin: 0px!important;
}
.mg-rl {
	margin: 0px 6px!important;
}
.pd-b0 {
	padding-bottom: 0px!important;
}
.pd-rl15 {
	padding: 0px 15px!important;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #e8e8e8;
}
md-sidenav {
	width: 270px;
}
md-input-container.md-input-focused md-icon, md-input-container.md-input-focused label {
	color: #579479 !important;
}
md-input-container.md-icon-left md-icon {
	top: 4px;
	color: rgba(0, 0, 0, 0.6);
}
md-input-container.md-icon-left md-icon > i {
	font-size: 22px;
}
md-input-container.md-input-focused .md-input {
	border-color: #579479 !important;
}
.login md-input-container.md-input-focused label{
  color: white !important;
}
.login md-input-container.md-input-focused .md-input {
	border-color: #fff !important;
}
.login md-input-container .md-input{
	border-color: #fff !important;
}

.search_bar md-input-container .md-input{
  border: none !important;
}
.search_bar md-input-container.md-icon-left md-icon {
  color: #34446d !important;
}
/* .search_bar md-input-container.md-icon-float {
  height: 34px !important;
} */
.search_bar .md-errors-spacer {
display: none !important;
}
.info_container .md-errors-spacer {
  display: none !important;
  }
.login md-input-container label {
  color: white !important;
}
button.md-link, md-button.md-link:hover, md-button.md-link:focus {
	background: none !important;
}
md-input-container.mrg0 md-switch {
	margin: 0px;
}
md-input-container.hide-md-errors-spacer .md-errors-spacer {
	display: none;
}
md-input-container.smallspace {
	margin: 6px 0;
}
/* button.md-link {
	color: #d0795b;
}
button.md-link:hover {
	color: #b96548;
} */
button.md-link {
	color: #78bb9e;
}
button.md-link:hover {
	color: #579479;
}
md-switch.md-checked:not([disabled]) .md-thumb {
	background-color: rgb(16, 108, 200)!important;
}
md-switch.md-checked:not([disabled]) .md-bar {
	background-color: rgba(16, 108, 200, 0.45)!important;
}
.md-primary {
	background-color: #78bb9e !important;
	color: #fff!important;
}
.md-facebook {
	background-color: #266cc7 !important;
	color: #fff !important;
}
.md-dialog-content {
	padding: 15px;
}
.md-edit {
	background-color: #ffc107!important;
	color: #fff!important;
}
.md-set {
	background-color: rgb(16, 108, 200)!important;
	color: #fff!important;
}
.md-warn {
	background-color: rgb(204, 101, 31)!important;
	color: #fff!important;
}
.icon-primary {
	color: #d0795b !important;
}
.icon-set {
	color: rgb(16, 108, 200)!important;
}
.icon-warn {
	color: rgb(255, 87, 34)!important;
}
/* .loginArea md-card.qlogin {
	background: #fff;
	background: linear-gradient(0deg, rgba(249, 184, 161, 1) 0%, rgba(255, 255, 255, 0) 40%);
}
.loginArea md-input-container .md-input {
	padding-left: 4px;
	padding-right: 4px;
} */
.noshadow {
	box-shadow: 0px 0px rgba(0, 0, 0, 0) !important;
}
.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
	border: 1px solid rgb(232, 142, 110);
}
.radio-images {
	width: 100%;
	text-align: center;
}
.radio-images input[type="radio"] {
	display: none;
}
.radio-images input[type="radio"]:checked + .box {
	border-top-color: #e88e6e;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}
.radio-images input[type="radio"]:checked + .box span {
	color: #e88e6e;
	transform: translateY(70px);
}
.radio-images input[type="radio"]:checked + .box span > img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.radio-images .box {
	width: auto;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.4);
	transition: all 250ms ease;
	will-change: transition;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-shadow: none;
}
.radio-images .box span > img {
	max-width: 100%;
	max-height: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.radio-images .box:active {
	transform: translateY(10px);
}
.radio-images .box span {
	transform: translate(0, 60px);
	left: 0;
	right: 0;
	transition: all 300ms ease;
	font-size: 1.5em;
	user-select: none;
	color: #007e90;
}
.radio-images .box span:before {
	display: block;
	opacity: 0;
	transition: all 300ms ease-in-out;
}
.profilebtn {
	color: #509e91 !important;
}
.profilebtn:hover {
	color: #509e91 !important;
	opacity: 0.7;
}
/* .loginArea md-card md-card-actions {
	margin: 8px 16px;
} */
/* .bg-light-orange {
	background: rgba(249, 184, 161, 1)!important;
} */
.orange{
  color: #f8a84a;
}
.bg-light-green{
  background-color: #A8DDCA !important;
}

.table td .md-fab.md-mini.md-button {
	margin: 0px;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	min-height: unset;
}
/* btn group angular */
.groupX {
	font-size: 16px;
	margin: 20px 0;
	padding: 3px 15px 3px 15px;
	background-color: rgb(241, 213, 203);
	text-transform: none;
	font-weight: 400;
	min-width: 100px;
	color: #2D2D2D;
	border-radius: 0px;
	border-right: 1px solid rgba(0,0,0,0.05);
}
/* .quesGrop_btn .groupX{
  min-width: 10px !important;
  margin: 0px;
  color: #fff;
  background-color: rgba(190, 212, 204);
} */
.groupX:nth-last-of-type(1) {
	border-right: 0px;
}

.barlevelandtext .groupX{
	margin: 0;
	margin-top:5px;
}

.groupX:disabled,.groupX.disabled{
	background-color: #dedede;
	color:#b3b3b3;
	cursor: not-allowed;
}
.groupX:disabled:hover,.groupX.disabled:hover{
	background-color: #dedede;
	color:#b3b3b3;
	cursor: not-allowed;
}

.groupX:disabled.active,.groupX.disabled.active{
	background-color: #d0795b;
	color: #FFFFFF;
	cursor: not-allowed;
}


.md-button.left {
	border-radius: 10px 0 0 10px;
}
.md-button.middle {
	border-radius: 0;
	border-left: 1px solid rgba(230, 230, 230, 0.96);
	border-right: 1px solid rgba(230, 230, 230, 0.96);
}
.md-button.right {
	border-radius: 0 10px 10px 0;
}
.docs-menu .md-button:not([disabled]):hover {
	background-color: #92c0b0 !important;
	color: #000;
	transition: 0.3s;
}
.md-button:not([disabled]):focus {
	color: #2D2D2D;
}
.docs-menu .md-button:focus{
	background-color: #92c0b0 !important;
	color: #000;
	transition: 0.3s;
}

.docs-menu .md-button:not([disabled]).active {
	background-color: #92c0b0 !important;
	color: #000;
	transition: 0.3s;
}

.md-button:not(.newColor_yesno):not([disabled]).active {
	background-color: #78bb9e !important;
	color: #FFFFFF;
	transition: 0.3s;
}
.md-select-value {
	min-height: 26px;
	border-bottom-color: rgba(0, 0, 0, 0.12) !important;
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon:not(.md-input-focused):not(.md-input-has-value) label {
	display: unset;
	margin-bottom: unset;
	font-weight: unset;
}
.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
	background-color: #e88e6e;
}
.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
	color: #e88e6e;
}
.member-head-icon-area{
	width:160px
}
.profile_icon{
  width: 24px;
  color: white;
}
.member-head-icon {
	width: 160px;
	height: auto;
}
.md-datepicker-calendar-pane, .md-whiteframe-z1, .md-pane-open {
	z-index: 9999!important;
}

.md-fab.md-mini.inlineinput{
	 margin: 0px;
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    min-height: unset;
}
   

.input-group-addon md-checkbox {
	margin: 0px;
}
.input-group-addon md-checkbox .md-label {
	white-space: unset;
	line-height: 20px;
}
table.table > thead md-select .md-select-value {
	min-height: 20px;
}
/*============ List ============*/
.head-top-root-area {
	background-color: #A8DDCA;
	padding: 15px;
}
.head-top-root-area .md-errors-spacer {
	min-height: 5px;
}
.root-area {
	border: 1px solid rgba(0, 0, 0, 0.1);
	max-height: calc(100vh - 211px);
	overflow: auto;
}
.root-area.add-user{
	max-height: calc(100vh - 330px);
	min-height: 300px;
}

img.img-graycolor{
	  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	opacity: 0.3;
}

ul.list, ul.list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.list ul {
	position: relative;
	margin-left: 25px;
}
ul.list ul:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	border-left: 1px solid #ccc;
}
ul.list li {
	position: relative;
	margin: 0;
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}
ul.list li .list-line {
	color: #333333;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
ul.list li .list-line:hover {
	background-color: rgba(0, 0, 0, 0.04);
}
ul.list li .list-line .list_tool {
	display: flex;
	float: right;
}
ul.list li .list-line .list_tool .md-button md-icon {
	color: #15975B;
	padding: 0px 5px;
	font-size: 19px;
	line-height: 1em;
}
ul.list li .list-line .list_tool .md-button:focus {
	outline: none;
}
ul.list li .list-line .list_tool .md-button:hover {
	opacity: 0.8;
}
ul.list li .list-line .list_tool .md-button:disabled {
	cursor: not-allowed;
}
ul.list li .list-line .list_tool .md-button:disabled md-icon {
	color: #BDBDBD;
}
ul.list li .list-line .list_tool .md-button:disabled:hover md-icon {
	opacity: 1 !important;
}
ul.list li .list-line .list_tool .md-fab {
	line-height: 35px;
	width: 35px;
	height: 35px;
}
ul.list li .list-line .list_tool .md-fab:disabled {
	color: #BDBDBD;
	cursor: not-allowed;
}
.span_ul {
	display: inline-block;
	cursor: pointer;
}
.span_ul span:nth-of-type(1) {
	display: inline;
    max-width: 380px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.span_ul .span_ul_txthilight {
	background: #e4ab08;
	padding: 0px 6px;
	font-style: italic;
	border-radius: 7px;
	color: #8c280d;
}
.span_ul .span_ul_code {
	background-color: #de775b;
	color: #fff;
	padding: 0px 8px;
	font-size: 12px;
	display: inline-block;
	border-radius: 7px;
}
.span_ul .span_ul_code:hover {
	background-color: #bf5d42;
}
ul.list li .list-line .checkbox {
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.list ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 8px;
	height: 0;
	border-top: 1px solid #ccc;
}
ul.list ul.list-line-hide li:before {
	display: none;
}
ul.list ul li:last-child:before {
	top: 20px;
	bottom: 0;
	height: auto;
}
.list_tool {
	top: 5px;
	right: 5px;
	position: absolute;
	display: inline-block;
	float: right;
}
.list_tool md-fab-speed-dial md-fab-actions {
	margin-top: -2px;
}
ul li:not(.md-nav-item) {
	margin-left: 0px!important;
}
.root-area.add-user .list-line .list_tool .md-button md-icon{
	color: #797979;
}
.root-area.add-user .list-line .list_tool .md-button:hover md-icon{
	color: #15975B;
}

.listaddmemberpermission ul.list li .list-line{
	padding:0px 15px;
}
.listaddmemberpermission ul.list li .list-line .span_ul{
	    max-width: 380px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding-top:8px;
}
.listaddmemberpermission .list-line span.listbtnleftarea{
	display: inline-block;
    line-height: unset;
    padding: 0px;
    vertical-align: top;
    padding-top: 9px;
}
.listaddmemberpermission .list-line span.listbtnleftarea .a-success.listbtnleft{
	color:#59b1a1 ;
}
.listaddmemberpermission .list-line span.listbtnleftarea .a-warning.listbtnleft{
	color:#A27829 ;
}



/*=========== Spiner ==================*/

.overlay.loading{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1090;
	background-color: rgba(0,0,0,0.8);
}

.spinner {
  height: 120px;
  width: 120px;
  margin: 94px auto 0 auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 14px solid rgba(87, 148, 121, .15);
  border-right: 14px solid rgba(87, 148, 121, .15);
  border-bottom: 14px solid rgba(87, 148, 121,.15);
  border-top: 14px solid rgba(87, 148, 121, 1);
  border-radius: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.overlay.loading h3{
	color:rgba(87, 148, 121, 1);
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

/*============ End Spiner ================ */




/*=========== Product List =============*/
ul li .md-button.md-icon-button {
	height: 30px!important;
	width: 30px!important;
	padding: 0px 0px!important;
	margin: 0px!important;
}
.a-link {
	color: #6d6d6d!important;
}
.mt-4 {
	margin-top: 15px;
}
.hint {
	position: absolute;
	left: 5px;
	right: auto;
	bottom: -15px;
	font-size: 14px;
	line-height: 14px;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	color: grey;
}
#master_haappy_table .table > tbody > tr td:nth-of-type(2) {
	width: 150px;
	min-width: 150px;
	text-align: center;
}
#master_haappy_table .table > tbody > tr td:nth-of-type(4) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}

#master_haappy_table .table > tbody > tr td:nth-of-type(1), #master_haappy_table .table > tbody > tr td:nth-last-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#master_ques_table .table tr td:nth-of-type(1) ,#master_ques_table .table tr th:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#master_ques_table .table tr td:nth-of-type(2),#master_ques_table .table tr th:nth-of-type(2) {
	width: 200px;
	min-width: 200px;
}


#ebookhis_table .table tr td:nth-of-type(1) ,#ebookhis_table .table tr th:nth-of-type(1) {
	width: 50%;
	min-width: 50px;
}
#ebookhis_table .table tr td:nth-of-type(n+2):nth-of-type(-n+3),#ebookhis_tablee .table tr th:nth-of-type(n+2):nth-of-type(-n+3) {
	width: 25%;
	min-width: 25px;
}



#manage_ques_table{
	padding-bottom: 100px;
}
#manage_ques_table .table > tbody > tr td:nth-of-type(1), #ebook_table .table > tbody > tr td:nth-of-type(1)  {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
#manage_ques_table .table > tbody > tr td:nth-of-type(n+2):nth-of-type(-n+3), #ebook_table .table > tbody > tr td:nth-of-type(n+2):nth-of-type(-n+3) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#manage_ques_table .table > tbody > tr td:nth-last-of-type(1) {
	width: 115px;
	min-width: 115px;
	text-align: center;
}
#manage_ques_table .table > tbody > tr td:nth-last-of-type(n+2):nth-last-of-type(-n+3) {
	text-align: center;
}
#ebook_table .table > tbody > tr td:nth-last-of-type(n+1):nth-last-of-type(-n+2) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
#permission_sector_table .table > tbody > tr td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#permission_sector_table .table > tbody > tr td:nth-last-of-type(n+1):nth-last-of-type(-n+2) {
	width: 110px;
	min-width: 110px;
	text-align: center;
}
#permission_sector_table .table > tbody > tr td:nth-last-of-type(3) {
	width: 70px;
	min-width: 70px;
	text-align: center;
}
#select_question_table .table > tbody > tr td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#select_question_table .table > tbody > tr td:nth-of-type(n+2):nth-of-type(-n+3) {
	width: 150px;
	min-width: 150px;
	text-align: center;
}
#select_type_table .table > tbody > tr td:nth-of-type(1) {
	width: 300px;
	min-width: 300px;
	text-align: left;
}
#select_type_table .table > tbody > tr td:nth-last-of-type(1) {
	width: 150px;
	min-width: 150px;
	text-align: center;
}

#sidepair_answer_table .table > tbody > tr td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#sidepair_answer_table .table > tbody > tr td:nth-of-type(2) {
	width: 100px;
	min-width: 100px;
}
#sidepair_answer_table .table > tbody > tr td:nth-of-type(3) {
	width: 150px;
	min-width: 150px;
	text-align: left;
}

#addSection_table .table > tbody > tr td:nth-of-type(1), #addSection_table .table > tbody > tr td:nth-last-of-type(n+1):nth-last-of-type(-n+3) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#useranswer_list_table .table > tbody > tr td:nth-of-type(n+1):nth-of-type(-n+2) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#view_user_question .table > tbody > tr td {
	text-align: center
}
#view_user_question .table > tbody > tr td:nth-of-type(1), #view_user_question .table > tbody > tr td:nth-last-of-type(1) {
	width: 50px;
	min-width: 50px;
}
#admin_manage_setting .table tr td:nth-of-type(1),#admin_manage_setting .table tr th:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#admin_manage_setting .table tr td:nth-of-type(2),#admin_manage_setting .table tr th:nth-of-type(2) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
#admin_manage_setting .table tr td:nth-of-type(n+3):nth-of-type(-n+6), #admin_manage_setting .table tr th:nth-of-type(n+3):nth-of-type(-n+6){
  width: 20%;
	min-width: 20%;
}
#tablequestionaire .table tr td:nth-of-type(1), #tablequestionaire .table tr th:nth-of-type(1){
  /* width: 1200px; */
	min-width: 400px;
  text-align: left;
}
#tablequestionaire .table tr td:nth-of-type(n+2):nth-of-type(-n+3), #tablequestionaire .table tr th:nth-of-type(n+2):nth-of-type(-n+3){
  width: 100px;
	min-width: 100px;
}
/* #admin_manage_setting .table tr td:nth-of-type(3),#admin_manage_setting .table tr th:nth-of-type(3) {
	width: 100px;
	min-width: 100px;
	text-align: center;
} */
#staff_manage_setting .table tr td:nth-of-type(1),#staff_manage_setting .table tr th:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#staff_manage_setting .table tr td:nth-of-type(2),#staff_manage_setting .table tr th:nth-of-type(2) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
#staff_manage_setting .table tr td:nth-of-type(3),#staff_manage_setting .table tr th:nth-of-type(3) {
	width: 120px;
	min-width: 120px;
	text-align: center;
}
#data_side_table .table > tbody > tr td:nth-of-type(1), #data_side_table .table > tbody > tr td:nth-last-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}

#ebook_manage_setting .table tr td:nth-of-type(1),#ebook_manage_setting .table tr th:nth-of-type(1) {
  width: 80px;
	min-width: 80px;
  text-align: center;
}
#ebook_manage_setting .table tr td:nth-of-type(2),#ebook_manage_setting .table tr th:nth-of-type(2) {
	width: 60px;
	min-width: 60px;
  text-align: center;
}
#ebook_manage_setting .table tr td:nth-of-type(3),#ebook_manage_setting .table tr th:nth-of-type(3) {
  padding: 8px 12px !important;
}
#ebook_manage_setting .table tr td:nth-of-type(n+4):nth-of-type(-n+7),#ebook_manage_setting .table tr th:nth-of-type(n+4):nth-of-type(-n+7) {
  width: 80px;
	min-width: 80px;
  text-align: center;
}
/* #ebook_manage_setting .table tr td:nth-of-type(n+3):nth-of-type(-n+6), #admin_manage_setting .table tr th:nth-of-type(n+3):nth-of-type(-n+6){
  width: 25%;
	min-width: 25%;
} */

#moveQuestion_table{
	font-size: 14px;
}
#moveQuestion_table .table > tbody > tr td:nth-of-type(1) {
	width: 145px;
	min-width: 145px;
}
#moveQuestion_table .table > tbody > tr td:nth-of-type(2) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#moveQuestion_table .table > tbody > tr td:nth-of-type(3) {
	text-align: center;
	width: 195px;
	min-width: 195px;
}

#moveQuestion_table .btnpad.icon-left{
	min-height: 25px;
	line-height: 25px;
}
#moveQuestion_table .btnpad.icon-left > i{
	height: 25px;
    width: 25px;
	line-height: 25px;
}

#reportChooseQuestion_table .table > tbody > tr td:nth-of-type(n+1):nth-of-type(-n+2) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.table-profile-add-email > tbody > tr td:nth-of-type(1) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
table.table-profile-add-email > tbody > tr td:nth-of-type(2) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
table.table-profile-add-email > tbody > tr td:nth-last-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.table-profile-add-email md-radio-button, table.table-profile-add-email md-radio-button .md-label {
	margin: 0px;
}
#pairgraph_side_table tbody > tr td:nth-last-of-type(n+1):nth-last-of-type(-n+3) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}


.score_table.table > tbody > tr td:nth-of-type(1), .score_table.table > tbody > tr td:nth-of-type(n+3) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}


.score_table.table md-radio-group > md-radio-button{
	margin:0px;
}
.score_table.table md-radio-group > md-radio-button .md-container{
	left: 6px;
}



.range_answer_table.table > tbody > tr td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
.range_answer_table.table > tbody > tr td:nth-of-type(n+3) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}




#answer_upload_list_table .table > tbody > tr td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
#answer_upload_list_table .table > tbody > tr td:nth-of-type(2) {
	width: 150px;
	min-width: 150px;
	text-align: center;
}
#answer_upload_list_table .table > tbody > tr td:nth-of-type(3) {
	width: 120px;
	min-width: 120px;
	text-align: center;
}
#answer_upload_list_table .table > tbody > tr td {
	white-space: nowrap;
}
.table.reportFiltertable > tbody > tr td:nth-of-type(1), .table.reportFiltertable > tbody > tr td:nth-last-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
.addquesmodal-answer-area {
	background-color: rgb(230, 230, 230);
	border-radius: 10px;
}
.addquesmodal-answer-area > .addquesmodal-answer-choosetype {
	padding: 15px;
	background-color: rgba(249, 184, 160, 0.29);
	border-radius: 10px 10px 0px 0px;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail {
	padding: 15px;
}
.addquesmodal-answer-area > .addquesmodal-answer-action {
	padding: 8px;
	border-radius: 0px 0px 10px 10px;
	background-color: rgba(249, 184, 160, 0.29);
	text-align: center;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group {
	margin-bottom: 10px;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group .input-group-addon {
	border-color: #afafaf;
	background-color: #ebd8d1;
	text-align: center;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group .input-group-addon:first-child {
	border-radius: 4px 0px 0px 4px;
	min-width: 88px;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group .form-control {
	border-color: #afafaf;
	background-color: #fbfbfb;
}
.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group .form-control:disabled {
	/* background-color: #d2d2d2; */
	color:#828282;
}

.addquesmodal-answer-area > .addquesmodal-answer-detail .input-group .input-group-btn:not(:last-child) .btn {
	border-radius: 0px;
	border-left: 0px;
	border-right: 0px;
}
.bg_add_admin {
	background-color: rgba(255, 204, 188, 0.30);
	border-radius: 10px;
	padding: 15px;
}
/*
 .md-button.md-raised:not([disabled]):hover {
    color: #d0795b!important;
    background-color: rgb(250,250,250);
}
*/
.q-header {
	color: #dc7721;
	text-shadow: 2px 2px rgba(161, 161, 161, 0.36);
}
.p-descript {
	text-align: justify;
	text-indent: 3em;
	color: #566573;
	text-shadow: 2px 2px rgba(161, 161, 161, 0.36);
}
.questionnaire-survay-area {
	background-image: url("../image/member/home/bg3.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 110px;
}
.questionnaire-survay-area .headline-questionnaire.image-head img {
	max-width: 200px;
}
.head-logo-survey {
	padding-top: 12%;
	padding-bottom: 15px;
}
.head-logo-survey img {
	max-height: 90px;
	max-width: 90%;
}
.descript-bg {
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.12);
}
.questionnaire_box{
  border-radius: 15px;
    /* background-color: rgba(255, 255, 255, 0.6); */
    padding: 16px 32px;
}
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {

  .questionnaire_box {
    padding: 16px 8px !important;
    }  
    .questionnaire_box .q_name{
      margin-left:0px;
    }
  }


/* .title{
  gap: 12px;
} */
/* .nurse_img{
  display: flex;
  justify-content: flex-end;
} */


/* =======summary questionnaire======== */
.sum_box{
  border-radius: 20px;
  padding: 12px;
  text-align: center;
}
.sum_box h3{
  line-height: 1.5 !important;
}
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  .sum_box h1 {
    font-size: 2.6rem !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
        
      .sum_box h1 {
        font-size: 2.6rem !important;
        }  }

.Questionsum_img img{
  width: 170px !important;
}
/* @media (min-width: 600px) {
  .Questionsum_img img{
      width: 160px !important;
      margin: 0 !important;
  }
  } */

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  .Questionsum_img img {
    width: 150px !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
        
      .Questionsum_img img {
        width: 150px !important;
        }  }

.q_name{
  color: #457273;
  margin-left: -35px;
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  .q_name h2 {
    font-size: 2rem !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
        
      .q_name h2 {
        font-size: 2rem !important;
        }  }

.info{
  font-size: 24px;
  /* gap: 6px; */
  margin-right: 6px;
  }
.sum_suggested h3{
  margin: 0;
}
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  
    .info {
      font-size: 20px  !important;
      }  }
  @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
            
    .info {
      font-size:20px !important;
      }  }

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  
    .sum_suggested h3 {
      font-size: 1.6rem  !important;
      }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
                
      .sum_suggested h {
        font-size:1.6rem !important;
        }  }
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  .suggest_title h2 {
    font-size: 2rem  !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
              
      .suggest_title h2 {
        font-size:2rem !important;
        }  }
  

/* =======End summary questionnaire======== */

/* game level menu */
/* .level_group{
  gap: 24px;
} */

.level_group .menu img {
  width: 54px !important;
  border-radius: 14px;
}
@media (min-width: 600px) {
  .level_group{
      width: 50% !important;
      margin: auto;
  }
  }
  .level_title{
    margin-right: -55px;
    z-index: 2;
    color: #b55e5e;
}
@media (max-width: 600px) {
  .level_title h1{
    font-size: 2.4rem !important;
    line-height: 2.6rem;
  }
  }

    
  
/* end */

.descript-bg .image-head-questionnaire {
	/*background-image: url("../image/member/home/headimagequestionnaire.png");*/
	background-size: cover;
	background-position: top right;
	padding: 15px;
	border-radius: 15px 15px 0px 0px;
	min-height: 250px;
}
.descript-bg .image-head-questionnaire .md-display-1.headline-questionnaire.text-head-color {
	color: #ffffff;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.85);
}
.question-bg {
	margin-top: -60px;
	padding: 15px;
	/*	border-radius: 15px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(161,161,161,0.36);
	-moz-box-shadow: 0px 0px 20px -10px rgba(161,161,161,0.36);
	box-shadow: 0px 0px 20px -10px rgba(161,161,161,0.36);
	*/
}
.questionnaire-area > .q-section-area .q-section.score_table{
		box-shadow: none;
		border:1px solid rgba(0,0,0,0.04);
	}


/*---------- Process bar ----------*/
.progress {
	width: fit-content;
	width: -moz-fit-content;
	height: auto;
	text-align: center;
	background-color: transparent;
	margin: 0px auto;
	padding-bottom: 5px;
}
.progress .circle, .progress .bar {
	display: inline-block;
	background: #e7aa99;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #fff;
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.progress .bar {
	width: 50px;
	height: 6px;
	top: 0px;
	margin-left: -8px;
	margin-right: -8px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}
.progress .circle .label {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 25px;
	border-radius: 32px;
	margin-top: 3px;
	color: #fff;
	font-size: 17px;
}
.progress .circle .title {
	color: #b5b5ba;
	font-size: 13px;
	line-height: 30px;
	margin-left: -5px;
}
/* Done / Active */
.progress .bar.done, .progress .circle.done {
	background: #eee;
}
.progress .bar.active {
	background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progress .circle.done .label {
	color: #FFF;
	background: #81CE97;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.progress .circle.done .title {
	color: #444;
}
.progress .circle.active {
	background: #cc651f;
}
.progress .circle.active .title {
	color: #e88e6e;
}
.questionnaire-area > .q-section-area .q-section {
	margin: 20px 0px;
	/* background-color: rgba(231, 170, 153, 0.1); */
  background-color: rgba(231, 170, 153, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
	transition: box-shadow 0.3s ease-in-out;
}
.questionnaire-area > .q-section-area .q-section .q_input{
  background-color: rgba(255, 255, 255, 0.7);
  /* background-color: #fff; */
  padding: 12px;
}
.questionnaire-area > .q-section-area .q-section  md-input-container.md-input-focused .md-input {
	border-color: #e7aa99 !important;

  /* border-color: #cc651f; */
}
/* .questionnaire-area > .q-section-area .q-section  md-input-container.md-input-focused label {
	color: #e7aa99 !important;
} */
/* .questionnaire-area > .q-section-area .q-section md-input-container.md-input-focused md-icon{
	color: #e7aa99 !important;
} */
.questionnaire-area > .q-section-area .q-section .q_button{
  text-align: center;
  background-color: rgba(109, 83, 83, 0.2);
  padding: 8px;
}
.questionnaire-area > .q-section-area .q-section.disabled {
	/*pointer-events: none;*/
	cursor: pointer;
	opacity: 0.6;
	box-shadow: unset;
}

.questionnaire-area > .q-section-area .q-section.disabled * {
	pointer-events: none;
}
   
.questionnaire-area > .q-section-area .q-section .q-question {
	font-size: 20px;
	background-color: rgba(231, 170, 153, 0.1);
}
.questionnaire-area > .q-section-area .q-section .q-question.imagequestion  {
	text-align: center;
  padding: 15px;
  width: 400px;
  margin: auto;
  max-width: 100%;
}
.questionnaire-area > .q-section-area .q-section .q-question.imagequestion img {
	/* margin:10px; */
}
.questionnaire-area > .q-section-area .q-section .q-question .q-numb {
	padding: 0px 15px;
	background-color: #e7aa99;
	color: #404040;
	vertical-align: middle;
	text-align: center;
	text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.2);
}
.questionnaire-area > .q-section-area .q-section .q-question .q-text {
	padding: 6px 15px;
	font-size: 16px;
	/* background-color: rgba(231, 170, 153, 0.1); */
  background-color: rgba(231, 170, 153, 0.5);
}

.score-table-question-overlay{
	    position: fixed;
    width: 95%;
    top: 15px;
    left: 2.5%;
    background-color: rgba(231, 170, 153, 0.9);
    padding: 5px 15px;
    border-radius: 5px;
	text-align: justify;
	line-height: 1.2em;
	z-index: 1;
}

.questionnaire-area md-calendar {
	display: inline-block;
}
.questionnaire-area > .q-section-area .q-section .q-answer {
	padding: 15px;
}
.questionnaire-area > .q-section-area .q-section .q-answer img{
	margin: 10px 0px;
	width:100%;
    max-width: 350px;
    display: block;
}

.questionnaire-area > .q-section-area .q-section .q-answer span.hide-choice-img img{
	display: none;
}

.nextButtonMemberquestion{
	text-align: center;
}

.questionnaire-area > .q-section-area .q-section .q-answer md-input-container .md-errors-spacer{
	min-height: 0px;
}

.q-section p {
	margin: 0em 0 1.6em!important;
}


.questionnaire-area > .q-section-area .q-section .q-answer table.table-bordered{
	 border-color: #c7c7c7;
	    background-color: rgba(255, 255, 255, 0.57);
}
.questionnaire-area > .q-section-area .q-section .q-answer table .thead-dark th{
	color: #5d5d5d;
    background-color: rgb(232, 220, 217);
    border-color: #c7c7c7;
}

.questionnaire-area > .q-section-area .q-section .q-answer md-datepicker .md-icon-button + .md-datepicker-input-container{
	margin-left:2px;
	width: calc(100% - 35px);
}
.questionnaire-area > .q-section-area .q-section .q-answer md-datepicker .md-icon-button + .md-datepicker-input-container .md-datepicker-input{
	font-size: 15px;
	width:100%;
	min-width: 100%;
	max-width: 100%;
}

.questionnaire-area > .q-section-area .q-section .q-answer md-datepicker .md-datepicker-button.md-icon-button{
	margin:0px;
	margin-left: -7px;
	padding:0px;
}

.questionnaire-area > .q-section-area .q-section .q-answer.layout-xs-column md-input-container.flex{
	width:100%;
}

.questionnaire-area > .q-section-area .q-section .q-answer .groupX{
	min-width: unset;
}





/*------ multi radio button ------*/

.q-radio-area > .q-radio > md-radio-group md-radio-button {
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, 31%);
  /* background-color: #fff; */
	margin: 8px 0px;
}
.q-radio-area > .q-radio > md-radio-group md-radio-button.md-checked {
	background-color: rgba(255, 204, 188, 0.3);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
}
.q-radio-area > .q-radio > md-radio-group md-radio-button > .md-container {
	left: 10px;
}

.q-radio .addmoretext{
	margin-left:0px;
	margin-top:-8px;
	margin-bottom: 0px;
	background-color: rgba(255, 255, 255, 0.4);
	width:100%;
	padding: 10px 5px 10px 70px;
}
.q-radio .addmoretext > md-icon{
	left: 40px;
	 top: 16px;
}
.q-radio-area .q-radio md-radio-button.md-checked + .addmoretext{
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
	background-color: #fbefec;
}




/*------ Checkbox button ------*/
.q-checkbox-area .q-checkbox {
	margin: 8px 0px;
	
}
.q-checkbox-area .q-checkbox > md-checkbox{
	width:100%;
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, 0.4);
	    margin: 5px 0px;
}

.q-checkbox-area .q-checkbox > md-checkbox.md-checked{
	background-color: rgba(255, 204, 188, 0.3);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
}
.q-checkbox-area .q-checkbox > md-checkbox > .md-container.md-ink-ripple{
	left: 10px;
}


.q-checkbox .addmoretext{
	margin-left:0px;
	margin-top:-5px;
	margin-bottom: 0px;
	background-color: rgba(255, 255, 255, 0.4);
	
	padding: 10px 5px 10px 70px;
}
.q-checkbox .addmoretext > md-icon{
	left: 40px;
	 top: 16px;
}
.q-checkbox-area .q-checkbox > md-checkbox.md-checked + .addmoretext{
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
	background-color: #fbefec;
}
md-slider .md-track-container{
	height:4px;
}
 md-slider .md-track{
	background-image: url("../image/member/questionnaire/bgslider.jpg");
	background-size: cover;
}
md-slider.md-default-theme .md-track.md-track-fill, md-slider .md-track.md-track-fill{
	background-image: none;
}

.row-bordered {
	padding-top: 15px;
	padding-left: 15px;
	border-bottom: 1px dashed #ddd;
}
md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
	color: rgba(204, 101, 31, 0.45);
}
md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
	border-color: rgb(204, 101, 31);
}
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
	background-color: rgb(204, 101, 31);
}
.div_checked {
	background-color: rgba(255, 204, 188, 0.3)!important;
	border-radius: 10px!important;
}
/*------- Range slider --------*/
md-slider-container {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
}
.range-height md-slider {
	height: 400px;
}
md-slider.md-default-theme .md-track-ticks, md-slider .md-track-ticks {
	display: none;
	color: rgb(86, 101, 115);
}
md-slider.md-default-theme .md-track.md-track-fill, md-slider .md-track.md-track-fill {
	background-color: rgb(204, 101, 31);
}
md-slider.md-default-theme .md-thumb:after, md-slider .md-thumb:after {
	border-color: rgb(204, 101, 31);
	background-color: rgb(204, 101, 31);
	box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.1);
	width: 26px;
    height: 40px;
    border-radius: 0px;
    border-width: 0px;
	margin-top:-9px;
}
md-slider.md-default-theme.md-min[md-discrete] .md-thumb:after, md-slider.md-min[md-discrete] .md-thumb:after{
	background-color: rgb(80, 159, 145);
	box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.1);
}
md-slider.md-default-theme .md-sign, md-slider .md-sign {
	background-color: rgb(204, 101, 31);
	
}
md-slider.md-default-theme[md-vertical] .md-sign:after, md-slider[md-vertical] .md-sign:after {
	border-top-color: transparent;
	border-left-color: rgb(204, 101, 31);
}
md-slider.md-default-theme .md-sign:after, md-slider .md-sign:after {
	border-top-color: rgb(204, 101, 31);
}
md-slider-container > *:first-child:not(md-slider), md-slider-container > *:last-child:not(md-slider) {
	max-width: 60px;
}
.img-gender img {
	width: 100%;
	height: auto;
	text-align: center;
}
.choice {
	margin-bottom: 10px;
	padding: 15px 15px 15px 15px;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	-moz-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
}
.choice md-checkbox {
	margin-bottom: 10px!important;
}
.numberCircle {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 8px;
	background: #e88e6e;
	color: #ffffff;
	text-align: center;
	font: 22px;
}
md-slider-container {
	text-align: center;
}
md-slider .md-sign {
	left: -11px;
}
.value-label {
	width: 69px!important;
	color: rgb(247, 117, 77)!important;
	font-size: x-large;
	font-weight: 600;
	margin-bottom: 15px;
}
md-tabs [role="tabpanel"] {
	transition: none;
}
/* This will disable the `ink-bar` animation (border-bottom of selected tab) */
md-tabs md-ink-bar {
	transition: none;
}


/* =====Game play Multichoice====== */
.multichoice_area{
  width: 100%;
}
.multichoice_area > .gamechoice_area .game_section {
	/* margin: 24px 0px;
  gap: 24px; */
	/* background-color: rgba(231, 170, 153, 0.1); */
  /* padding: 8px; */
}
.multichoice_area > .gamechoice_area .game_section .game_choice{
  padding: 6px;
  background-color: #efc8bb;
  border-radius: 12px;
  margin: 8px 24px;
}
.multichoice_area > .gamechoice_area .game_section .game_choice .game_numb{
  /* padding: 0px 12px; */
  background-color: #fff;
  border-radius: 8px;
  width: 32px;
  vertical-align: middle;
  text-align: center;
  /* font-weight: 600; */
  font-size: 24px;
}
.multichoice_area > .gamechoice_area .game_section .game_choice .game_text{
  padding: 0px 8px;
  /* font-weight: 600; */
  font-size: 24px;
}
.game_question{
  width: 100%;
  padding: 18px;
  text-align: center;
  border-radius: 20px;
  /* background-color: #e9a789; */
  background-color: #f8e4db;
  margin-bottom: 12px;
}

.game_pic{
  background-color: #fff;
  border-radius: 20px;
  padding: 12px;
}
.game_pic img{
  max-height:40vh;
  width: auto !important;
  max-width: 100%;;
}

.game{
  z-index: 2;
  /* margin-top: -28px; */
  margin-top: -48px;
  position: relative;
  left: 0;
  padding: 0px 16px;

}
@media (max-width: 866px) {
  .game{
    margin-top: -40px;
  }
  }
@media (min-width: 700px) {
  .multichoice_area{
      width: 80% !important;
      /* margin: auto; */
  }
  }
  @media (max-width: 578px) {
    .multichoice_area > .gamechoice_area .game_section .game_choice{
        /* gap: 12px !important;
        margin: 12px 0px !important; */
        margin: 6px 0px !important;
 
    }
    }
/* =========End=========== */

/* =======Game summary=========== */
@media (min-width: 1200px) {
  .graph{
      width: 70% !important;
      /* margin: auto; */
  }
  }
.text_score{
  color: #205991;
  z-index: 2;
    margin-right: -42px;
}
@media (max-width: 600px) {
  .text_score h1{
    font-size: 2.8rem !important;
    line-height: 3rem;
  }
  }
  @media (max-width: 600px) {
    .text_score {
      margin-right: -54px !important;
    }
    }

  .Gamesum_avatar{
    width: 160px !important;
    
}
@media (max-width: 600px) {
  .game_progress .Gamesum_avatar img{
    width: 130px !important;
  }
  }

/* =========End=========== */

/* =======Ebbok =========== */
  /* home */
.ebooktab{
  border-radius: 20px;
  min-width: 72px;
  margin: 6px 0px;
  margin-right: 8px;
}
.ebooktab_group{
  /* gap: 8px; */
  margin-bottom: 12px;
}
/* ---------- */
/* memberebookView */
.ebook_page{
    /* bottom: 10%; */
    padding: 5px 15px;
    /* z-index: 60;
    position: absolute; */
    /* right: 0; */
    border-radius: 8px 0px 0px;
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {

  .ebook_page {
    font-size: 16px !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {

      .ebook_page {
        font-size: 16px !important;
        }  }


.ebook_actionarea{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
.page_container{
  text-align: right;
    display: flex;
    /* flex-direction: row-reverse; */
    justify-content: right;
    padding: 0px;
    position: relative;
}
.ebook_area{
  /* gap: 18px; */
  position: relative !important;
}
.ebook_btn_area{
  margin: 0px 18px;
}
.ebook_btn{
  padding: 3px 0px 3px 0px ; 
  min-width: 42px ;
  border-right: none !important ;
  border-left: none !important;
  font-size: 16px;
  /* margin: 20px 0; */
  margin: 0;
  text-transform: none;
  font-weight: 400;
  border-radius: 0px;
}
.ebook_btn:disabled{
  opacity: 0.7;
  cursor: not-allowed;
}

.e_left{
  border-radius: 16px 0 0 16px !important;
}
.e_right{
  border-radius: 0 16px 16px 0 !important;
}
.ebook_chevron .md-button{
  margin: 0px 2px!important;
}
.ebook_img{
  width: 250px;
}
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {

  .ebook_img {
    width: 200px !important;
    }  }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {

      .ebook_img {
        width: 200px !important;
        }  }

/* ===========End================= */

.mrg-auto {
	margin-left: auto;
	margin-right: auto;
}
.pad0 {
	padding: 0px !important;
}
.mrg0 {
	margin: 0px !important;
}
.mrg-t0 {
	margin-top: 0!important;
}
.mrg-b0 {
	margin-bottom: 0px!important;
}
.mrg-t10 {
	margin-top: 10px !important;
}
.mrg-t15 {
	margin-top: 15px !important;
}
.mrg-b15 {
	margin-bottom: 15px !important;
}
.mrg-b30 {
	margin-bottom: 30px !important;
}
.mrg-b80 {
	margin-bottom: 80px !important;
}
.mrg-b10 {
	margin-bottom: 10px !important;
}
.mrg-r5 {
	margin-right: 5px !important;
}
.mrg-rl5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mrg-rl10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mrg-rl24 {
	margin-left: 24px !important;
	margin-right: 24px !important;
}
.pad-l15 {
	padding-left: 15px !important;
}
.pad-l30 {
	padding-left: 30px !important;
}
.md-button.btnpad {
	padding: 0px 15px !important;
}

.modal-xl {
	width: calc(100% - 30px);
	margin-left: auto;
	margin-right: auto;
}
.ang-row-6 {
	margin: 0px -6px 0px -6px;
}
.bg-activeTab{
  color: white !important;
  background-color: #e59a7c !important;
}
.bg-tab{
  color: #000 !important;
  background-color: #edd9d1 !important;
}
.bg-easy{
  background-color: rgb(171, 201, 186, 80%);
}
.bg-medium{
  background-color: rgb(251, 211, 35,80%) ;
}
.bg-hard{
  background-color: rgb(196, 50, 43, 80%);
  color: #fff;
}
.bg-darkyellow{
  background-color: #b99731 !important;
  color: #FFFFFF !important;
}
.bg-brown {
	background-color: #de775b !important;
	color: #FFFFFF !important;
}

.bg-yellow {
	background-color: rgb(222, 163, 43) !important;
	color: #FFFFFF ;
}
.bg-teal {
	background-color: #59b1a1 !important;
	color: #fff !important;
}
.bg-red {
	background-color: #bb5353 !important;
	color: #fff !important;
}
.bg-lightred {
	background-color: #F7A2A4 !important;
}
.bg-lightyellow {
	background-color: rgba(253, 177, 0, 0.53) !important;

}
.bg-lightyellow2 {
	background-color: rgba(253, 177, 0, 0.2) !important;
}
.bg-lightgray {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-facebook{
	background-color: #4267b2 !important;
	color:#fff !important;
}

.bg-menuBlue{
  background-color: #b7dbf9 !important;
  color: #000 !important;
}
.bg-lightBlue{
  background-color: rgb(255,255,255,50%)!important;
  color: #000 !important;
}
.bg-menuYellow{
  background-color: #fbd323 !important;
  color: #000 !important;
}
.bg-menuGray{
  background-color: #f4f4f4 !important;
}
.bg-menuBeige{
  background-color: #ffe9cc !important;
}
.bg-black{
  box-shadow: none !important;
}
.bg-pink{
background-color: #f8f0ed;
}
.bg-ebookPlay{
background-color: #e59a7c !important;
color: #000 !important;
}
.bg-ebook{
  background-color: #faf3cc !important;
  color: #000 !important;
}
button.bg-lightgray{
	color: rgb(105, 105, 105) !important;
}
.btnpad.icon-left.md-button:disabled{
	opacity: 0.4;
	cursor: not-allowed;
}
.btnpad.icon-left.md-button.btn-sm{
	height: 25px !important;
    line-height: 26px !important;
    min-height: unset !important;
}
.btnpad.icon-left.md-button.icon-left.btn-sm i {
	font-size: 14px;
    line-height: 24px;
}


.bg-box-pad15-brad15 {
	background-color: rgba(249, 184, 160, 0.28);
	padding: 15px;
	border-radius: 10px;
}
.bg-box-pad10-brad15 {
	background-color: rgba(249, 184, 160, 0.28);
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.text-success {
	color: #53a595;
}
.md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled] {
	background-color: rgba(0, 0, 0, 0.12) !important;
	cursor: not-allowed;
}
.btn-group-dropdown .btn {
	padding: 3px 8px;
	border-radius: 0px;
	border: 0px;
}
.btn-group-dropdown .btn:first-child {
	/* border-right: 1.5px solid rgba(0, 0, 0, 0.1); */
}
/* .btn-group-dropdown {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)
} */
md-card md-card-header {
	padding: 10px 15px;
}
md-card md-card-header .md-title {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.74);
}
md-card md-card-header .md-button.md-fab.md-mini {
	margin: 0px;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	min-height: unset;
}
.text-center-sm {
	text-align: left;
}
.textdate-st-end {
	display: block;
	background-color: #e88d6c;
	border-radius: 3px;
	padding: 0px 12px;
	color: #fff;
	width: fit-content;
	width: -moz-fit-content;
	margin-top: 10px;
}
h3 .textdate-st-end {
	font-size: 14px;
	margin: auto;
	margin-top: 8px;
	padding: 5px 8px;
}
md-input-container label {
	font-weight: normal;
}
.md-button.icon-left i {
	margin-left: -15px;
	background-color: rgba(0, 0, 0, 0.1);
	height: 36px;
	width: 36px;
	vertical-align: top;
	font-size: 20px;
	line-height: 36px;
	margin-right: 8px;
}
.md-button.icon-left.w100 {
	width: 100%;
}
.md-button.icon-left.w100 i {
	float: left;
}
.md-button.icon-left.btn-block i {
	float: left;
}
table.table td > button {
	margin: 0px;
}
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
	color: #579479;
}
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
	background-color: #579479;
}
table.content-middle > tbody > tr > td, table.content-middle > thead > tr > td, table.content-middle > thead > tr > th {
	vertical-align: middle;
}
table md-checkbox {
	margin-bottom: 0px;
}
.icon-size-40 {
	width: 40px;
	height: 40px;
}

.text-head-color {
	color: #cc651f;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.member-home-area {
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
}
.member-home-area.bg1 {
	background-image: url(../image/member/home/bg1.png)
}
.member-home-area.bg2 {
	background-image: url(../image/member/home/bg2.png);
	background-position: top;
	background-size: cover;
}
.maring-tb-150 {
	margin-top: 150px;
	margin-bottom: 150px;
}
.padding-b-80 {
	padding-bottom: 80px;
}
.bg-q-white {
	margin-top: -50px;
	background-color: rgba(250, 250, 250, 0.8);
	box-shadow: 0px 10px 40px 12px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	padding: 20px 50px;
}
.bg-q-white .q-img-area-set {
	padding: 0px 15px;
	text-align: center;
	-webkit-filter: grayscale(35%);
	filter: grayscale(35%);
}
.bg-q-white .q-img-area-set:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.bg-q-white .q-img-area-set img {
	width: 100%;
}
.bg-q-white .q-img-area-set.disabled {
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	opacity: 0.7;
}
md-checkbox.md-checked .md-icon:after {
	height: 12px;
	left: 5.2px;
}
/* .loginArea {
	height: calc(100vh - 32px);
	width: 100%;
} */
.table-bordered {
	border: 1px solid #5d5d5d;
}


table.member-history {
	background-color: rgba(255, 255, 255, 0.8);
}
table.member-history td:nth-of-type(2) {
	text-align: left;
}
table.member-history td:nth-of-type(2) > .md-caption {
	display: block;
	color: #59b1a1;
}
table.tableChooseModalQuestionnaire td {
	text-align: center;
}
table.tableChooseModalQuestionnaire td:nth-of-type(1) {
	width: 50px;
}
table.tableChooseModalQuestionnaire td:nth-of-type(3) {
	width: 130px;
}
table.tableChooseModalQuestionnaire td:nth-last-of-type(1) {
	width: 180px;
}
table.tablememberlistmanagement td:nth-of-type(1),table.tablememberlistmanagement th:nth-of-type(1){
	text-align: center;
	min-width: 50px;
	max-width: 50px;
}
table.tablememberlistmanagement td:nth-of-type(n + 2):nth-of-type(-n + 3),table.tablememberlistmanagement th:nth-of-type(n + 2):nth-of-type(-n + 3)  {
	text-align: center;
	min-width: 70px;
	/* max-width: 70px; */
}
table.tablememberlistmanagement td:nth-of-type(n + 4):nth-of-type(-n + 12),table.tablememberlistmanagement th:nth-of-type(n + 4):nth-of-type(-n + 12) {
	min-width: 250px;
	max-width: 250px;
}

table.tablememberlistmanagement td:nth-last-of-type(2),table.tablememberlistmanagement th:nth-last-of-type(2) {
	min-width: 200px;
	max-width: 200px;
}
table.tablememberlistmanagement td:nth-last-of-type(1),table.tablememberlistmanagement th:nth-last-of-type(1) {
	min-width: 250px;
	max-width: 250px;
}


table.tableuserimportfilelist td:nth-of-type(1) {
	text-align: center;
}
table.tableuserimportfilelist td:nth-of-type(2) {
	width: 160px;
	min-width: 160px;
}
table.tableuserimportfilelist td:nth-of-type(n + 6):nth-of-type(-n + 8) {
	width: 100px;
	text-align: center;
}
table.tableusertemplist td:nth-of-type(1) ,table.tableusertemplist th:nth-of-type(1){
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.tableusertemplist td:nth-of-type(n + 2):nth-of-type(-n + 3),table.tableusertemplist th:nth-of-type(n + 2):nth-of-type(-n + 3) {
	width: 120px;
	min-width: 120px;
	text-align: center;
}
table.tableusertemplist td:nth-last-of-type(1) ,table.tableusertemplist th:nth-last-of-type(1){
	width: 50px;
	min-width: 50px;
	text-align: center;
}

table.tableusertemplist .md-fab.md-btn-danger.md-mini.md-button{
	margin:5px;
}
table.tableusertemplist{
	font-size: 14px !important;
}

/* table.tablequestionaire td:nth-last-of-type(1),table.tablequestionaire th:nth-last-of-type(1) {
	min-width: 500px;
	max-width: 500px;
}
table.tablequestionaire td:nth-of-type(n+2):nth-of-type(-n+3),table.tablequestionaire th:nth-of-type(n+2):nth-of-type(-n+3){
	text-align: center;
	min-width: 500px;
	max-width: 500px;
} */

table.tablememberdoquestionnaire td:nth-of-type(n+1):nth-of-type(-n+2),table.tablememberdoquestionnaire th:nth-of-type(n+1):nth-of-type(-n+2){
	text-align: center;
	min-width: 50px;
	max-width: 50px;
}
table.tablememberdoquestionnaire td:nth-of-type(n+3):nth-of-type(-n+5),table.tablememberdoquestionnaire th:nth-of-type(n+3):nth-of-type(-n+5){
	min-width: 200px;
	max-width: 200px;
}
table.tablememberdoquestionnaire td:nth-last-of-type(1),table.tablememberdoquestionnaire th:nth-last-of-type(1){
	min-width: 200px;
	max-width: 200px;
}

table.tablereportansweruser td:nth-of-type(1),table.tablereportansweruser th:nth-of-type(1){
	width: 60px;
	min-width: 60px;
	text-align: center;
}
table.tablereportansweruser td:nth-of-type(2) ,table.tablereportansweruser th:nth-of-type(2) ,table.tablereportansweruser td:nth-of-type(n+5):nth-of-type(-n+6) ,table.tablereportansweruser th:nth-of-type(n+5):nth-of-type(-n+6) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.tablereportansweruser td:nth-of-type(3) ,table.tablereportansweruser th:nth-of-type(3){
	width: 120px;
	min-width: 120px;
	text-align: center;
}

table.templateDetailTable td:nth-of-type(1),table.templateDetailTable th:nth-of-type(1){
	width:50px;
	min-width: 50px;
	text-align: center;
}

.member-history-mobile-area {}
.member-history-mobile-area > .mh-lsit {
	background-color: rgba(231, 170, 153, 0.8);
	margin-bottom: 5px;
}
.member-history-mobile-area > .mh-lsit:nth-child(even) {
	background-color: rgba(231, 170, 153, 0.32);
}
.member-history-mobile-area > .mh-lsit > .mh-content {
	text-align: left;
	padding: 15px;
	line-height: 1.2em;
}
.member-history-mobile-area > .mh-lsit > .mh-content > .md-caption {
	display: block;
	font-size: 14px;
	margin-top: 7px;
}
.member-history-mobile-area > .mh-lsit > .mh-action {
	background-color: rgba(0, 0, 0, 0.1);
}
.member-history-mobile-area > .mh-lsit > .mh-action > .checkbox-boxstyle {
	background-color: rgb(227, 187, 106);
	color: rgb(60, 60, 60);
	padding: 5px 9px 7px 9px;
	box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px;
	margin: 6px 8px;
	font-size: 15px;
}
.member-history-mobile-area > .mh-lsit > .mh-action > .checkbox-boxstyle > .md-container.md-ink-ripple {
	left: 8px;
}
.mh-compare-action-area {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	padding:5px 15px;
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.5);
	z-index: 60;
}

.mh-compare-action-area.memberhomearea{
	z-index: 1050;
  background-color: #f4f4f4;
  box-shadow: none !important;
}
.mh-compare-action-area.questionaire-action-area {
	box-shadow: 0px -4px 19px rgba(0, 0, 0, 0.5);
  
  
}
.add-btn-absolute-area {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.add-btn-absolute-area .md-button md-icon {
	font-size: 30px;
	height: auto;
	width: auto;
	text-align: center;
}
.add-btn-absolute-area .addbtntextabsolute {
	color: #d0795b;
}
.questionListArea {}
.questionListArea > .questionNumber {}
.questionListArea > .questionNumber > .questionHead {
	width: 100%;
	padding: 5px 15px;
	background-color: #A8DDCA;
}
.questionListArea > .questionNumber > .questionHead > .questionHeadNumber {}
.questionListArea > .questionNumber > .questionHead > .questionHeadAction .groupX {
	min-width: unset;
	font-size: 13px;
	margin: 0;
	padding: 0px 10px;
}
.questionListArea > .questionNumber > .questionHead > .questionHeadAction .groupX.md-button {
	border: 0.5px solid rgba(0, 0, 0, 0.1);
}
.questionListArea > .questionNumber > .questionHead > .questionHeadAction .groupX.md-button:disabled {
	opacity: 0.5 !important;
	cursor: not-allowed;
}



.questionListArea > .questionNumber > .questionDetail {
	width: 100%;
	padding: 15px;
	background-color: #f3e2dc;
	margin-bottom: 15px;
}
.questionListArea > .questionNumber > .questionDetail > .question {
	margin: 0px 0px 5px 0px;
}
.questionListArea > .questionNumber > .questionDetail > .answer {
	margin-top: 15px;
}

.questionListArea > .questionNumber.questionRecalculate >.questionHead{
	background-color: #565656;
	color:#fff;
}

.questionListArea > .questionNumber.questionRecalculate >.questionDetail{
	background-color: #cccccc;
}

.questionListArea > .questionNumber.questionRedelete >.questionHead{
	background-color: #8e1414;
	color:#fff;
}

.questionListArea > .questionNumber.questionRedelete >.questionDetail{
	background-color: #dcb1b1;
}



table.tableQuestionmanageShowNumber td:nth-last-of-type(n + 1):nth-last-of-type(-n + 2) {
	width: 100px;
	min-width: 100px;
}
table.tableQuestionmanageShowNumber thead > tr > th:nth-of-type(1) {
	text-align: left;
}
table.tableQuestionmanageShowNumberLinearscale td p.question {
	margin: 0px;
}
table.tableQuestionmanageShowNumberLinearscale td:nth-last-of-type(n + 1):nth-last-of-type(-n + 3), table.tableQuestionmanageShowNumberLinearscale td:nth-of-type(1) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.tableQuestionmanageShowNumberLinearscale td:nth-of-type(3){
	width: 50px;
	min-width: 50px;
	text-align: center;
}
table.tableQuestionmanageShowNumberLinearscale td:nth-of-type(4){
	width: 70px;
	min-width: 70px;
	text-align: center;
}
table.tableQuestionmanageShowNumberLinearscale td md-checkbox .md-label {
	margin: 0px;
}
/*rzslider*/
.rzsliderArea {
	background-color: rgba(255, 255, 255, 0.5);
	margin-bottom: 15px;
}
.rzsliderArea .rzHeader {
	padding: 15px;
	background-color: #5d5d5d;
	color: #fff;
}
.rzsliderArea .rzContent {
	padding: 15px;
}
.rzsliderArea .rzFooter {
	padding: 15px;
	background-color: #5d5d5d;
}
.rzslider .rz-bar {
	background: rgba(255, 255, 255, 0.6);
}
.rzslider .rz-pointer {
	background-color: #78bb9e;
}
.rzslider .rz-tick {
	background: #dacdc7;
}
.rzslider .rz-tick.rz-selected {
	background-color: #78bb9e;
}
.rzslider .rz-pointer.rz-active:after {
	background: #579479;
}
.rzsliderArea .rzContent ul li:not(.md-nav-item) {
	margin-top: 0px;
}
/*------- questionnaire mobile ---------*/
.btn-start {
	position: relative;
	top: -70px;
	right: 10px;
}
.set-header {
	text-align: left;
	padding-left: 30px;
	font-size: 20px;
	color: white;
}
.p-desript {
	text-align: justify;
}
.descript-bg-mobile {
	margin-top: -60px;
	margin-bottom: 30px;
	width: 95%;
	padding: 15px;
	border-radius: 15px;
	background-color: #ffd6b438;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161, 0.36);
	-moz-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161, 0.36);
	box-shadow: 0px 0px 20px -10px rgba(161, 161, 161, 0.36);
}
.mobi-progress .progress {
	/*	background-color: #fda085;*/
	background: linear-gradient(0deg, rgba(253, 160, 133, 1) 0%, rgba(247, 188, 106, 1) 100%);
	height: 20%;
	padding-top: 22px;
	position: absolute;
	width: 101%;
	left: -5px;
	top: 45px;
	border-radius: 0 0 50% 50%
}
.mobi-progress .progress .md-tab {
	padding: 12px 10px;
}
.question-bg-mobile {
	position: relative;
	top: 110px;
	width: 100%;
	padding: 10px;
	border-radius: 15px;
	background-color: #FFFFFF;
	color: #424242;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	-moz-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
}
.btn-line {
	display: inline-block;
	width: 40px;
	;
	height: 6px;
	border-radius: 15px;
	background-color: #ffffff50;
}
.btn-line.active {
	background-color: #ffffff;
}
.btn-line .active md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
	color: transparent;
	background: transparent;
}
.p-bg-mobile {
	color: #4f4f4f;
	font-size: 18px;
	padding: 0px 10px;
	margin-bottom: 15px;
}
.answer {
	margin-top: 5px;
	padding: 15px 15px 15px 15px;
	position: relative;
	top: 120px;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	-moz-box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
	box-shadow: 0px 0px 20px -10px rgba(161, 161, 161);
}
.answer md-checkbox {
	margin-bottom: 0px!important;
}
.answer.div_checked md-checkbox {
	margin-bottom: 0px!important;
}
/*-------- set for mobile --------*/
.answer.radioButtondemoMultiColumn {
	padding: 0px;
	/*	border-radius: 15px; */
	/* -webkit-box-shadow: 0px 0px 20px -10px rgba(161,161,161); */
	/*    -moz-box-shadow: 0px 0px 20px -10px rgba(161,161,161);*/
	/* box-shadow: 0px 0px 20px -10px rgba(161,161,161); */
}
.answer.radioButtondemoMultiColumn .row {
	border-bottom: 0px;
}
.mobile-section {
	margin-bottom: 200px;
}
.foot-box {
	background-color: rgb(76, 76, 76);
	position: fixed;
	display: inline-block;
	bottom: 0px;
	left: -7px;
	padding: 15px 15px;
	width: 104%;
}
.foot-link {
	color: #fda085!important;
}
.answer md-checkbox {
	width: 100%;
}
.choice md-checkbox {
	width: 100%;
}
/*--------- Login Form ---------*/
.login-wrap {
	width: 100%;
	margin: auto;
	max-width: 525px;
	min-height: 720px;
	position: relative;
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
	padding-bottom: 15px;
}
.login-wrap .regis-agree-btn{
	vertical-align: middle;
}
.login-wrap a.regis-agree-btn{
	color:#d0795b;
}
.login-wrap a.regis-agree-btn:hover{
	color:#b15e42;
}


.login-html {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 0px;
	background: rgba(244, 245, 247, 1);
}
.login-html .sign-in-htm, .login-html .sign-up-htm {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	transition: all .4s linear;
}
.login-html .sign-in, .login-html .sign-up, .login-form .group .check {
	display: none;
}
.login-html .tab, .login-form .group .label, .login-form .group .button {
	text-transform: uppercase;
}
.login-html .tab {
	font-size: 22px;
	margin-right: 15px;
	padding-bottom: 5px;
	margin: 0 15px 10px 0;
	display: inline-block;
	border-bottom: 2px solid transparent;
	color: rgba(47, 96, 102, 0.54);
	cursor: pointer;
}
.login-html .sign-in:checked + .tab, .login-html .sign-up:checked + .tab {
	color: #2f6066;
	border-color: #2f6066;
}
.login-area-content {
	padding: 0px 25px;
	text-align: center;
	margin-top: 10px;
}
.login-form {
	text-align: left;
	min-height: 345px;
	position: relative;
	perspective: 1000px;
	transform-style: flat;
	margin-top: 15px;
	background-color: #f4f5f7;
}
.login-form .group {
	margin-bottom: 15px;
}
.login-form .group .label, .login-form .group .input, .login-form .group .button {
	width: 100%;
	color: #fff;
	display: block;
}
.login-form .group .input, .login-form .group .button {
	border: none;
	padding: 15px 20px;
	border-radius: 25px;
	background: rgba(255, 255, 255, .1);
}
.login-form .group input[data-type="password"] {
	text-security: circle;
	-webkit-text-security: circle;
}
.login-form .group .label {
	color: #aaa;
	font-size: 12px;
}
.login-form .group .button {
	background: #1161ee;
}
.login-form .group label .icon {
	width: 15px;
	height: 15px;
	border-radius: 2px;
	position: relative;
	display: inline-block;
	background: rgba(255, 255, 255, .1);
}
.login-form .group label .icon:before, .login-form .group label .icon:after {
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
}
.login-form .group label .icon:before {
	left: 3px;
	width: 5px;
	bottom: 6px;
	transform: scale(0) rotate(0);
}
.login-form .group label .icon:after {
	top: 6px;
	right: 0;
	transform: scale(0) rotate(0);
}
.login-form .group .check:checked + label {
	color: #fff;
}
.login-form .group .check:checked + label .icon {
	background: #1161ee;
}
.login-form .group .check:checked + label .icon:before {
	transform: scale(1) rotate(180deg);
}
.login-form .group .check:checked + label .icon:after {
	transform: scale(1) rotate(-180deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm {
	transform: scale(1) rotate(0deg);
	transition: opacity 1s;
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm {
	transform: scale(1) rotate(0deg);
	transition: opacity 1s;
}
.sign-in:checked ~ .login-form .sign-up-htm * {
	opacity: 0;
	transition: opacity 0.7s;
}
.sign-up:checked ~ .login-form .sign-in-htm * {
	opacity: 0;
	transition: opacity 0.7s;
}
.login-html .line-or {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.login-html .line-or span {
	background-color: #f4f5f7;
	display: block;
	width: fit-content;
	width: -moz-fit-content;
	margin: auto;
	margin-top: -12px;
	padding: 0px 14px;
	color: rgba(0, 0, 0, 0.5);
}
.login-html md-input-container .md-errors-spacer {
	min-height: 10px;
}
.md-button.btn-block {
	width: calc(100% - 15px);
	font-size: 16px;
	padding: 3px 15px;
}
.foot-lnk {
	text-align: center;
	margin-top: 25px;
}
hr {
	color: #5e5e5e;
}
.head-img img {
	width: 100%;
	height: auto;
}
.email-default {
	background-color: #fffbe8;
	border-radius: 15px;
	padding: 15px 30px;
	margin-bottom: 15px;
}
.login-content-area {
	background-image: url("../image/login/bglogin.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bgBtm{
  background-image: url("../image/admin/login/greenBgLogin.png");
	background-size: 100%;
	background-repeat: no-repeat;
  height: 100%;

}
.login-html .foot-lnk a {
	color: #d0795b;
}
/*---------Table----------*/
#profile_email_table .table > tbody > tr td:nth-of-type(1) {
	width: 80px;
	min-width: 80px;
	text-align: center;
}
#profile_email_table .table > tbody > tr td:nth-last-of-type(n + 1):nth-last-of-type(-n + 2) {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
.table > tbody > tr td md-switch > .md-container {
	margin: auto;
}
md-tabs .md-tab.md-active {
	background-color: #78bb9e;
	color: #fff;
}
md-tabs .md-tab-footer {
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.05);
	border-top: 1px solid rgba(0, 0, 0, 0.07);
	text-align: right;
}
.headlineMember .text-head-color {
	margin-top: -50px;
}
.memberprofilearea md-input-container {
	margin-bottom: 0px;
}
.memberprofilearea md-input-container md-select {
	margin-bottom: 24px;
}

.logout_btn{
  font-size: 24px;
  color: red;
}
.modal-dialog .modal-content .md-dialog-content {
	max-height: calc(100vh - 180px);
	overflow: auto;
	min-height: 300px;
}


.modal-dialog .modal-content .md-dialog-content.non-set-height {
	max-height: calc(100vh - 180px);
	overflow: auto;
	min-height: unset;
}




/*modal menu member */
.menu_dialog{
  background: rgba(0, 0, 0, 0.7);
}
.menu_dialog .modal-dialog ,.menu_dialog .modal-content{
  background-color: transparent;
  box-shadow: none;
  margin-top: 14px;
  /* margin-top: 48px; */
  /* width: 1170px; */
  /* width: 100%; */
  margin-left: auto;
  margin-right: auto;
}

.menu_dialog .modal-content .md-dialog-content {
	max-height: calc(100vh - 180px);
	overflow: hidden;
	min-height: 550px;
}

.menu_dialog .md-dialog-content{
  display: flex;
}
.menu_dialog .md-toolbar-tools{
  padding: 0px 40px;
}

/* @media (min-width: 1200px) {
.menu_dialog .modal-dialog {
    width: 1170px !important;
    margin: auto;
}
} */
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  
  .menu_dialog .modal-dialog {
    width: 100% !important;
    }  }
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
          
  .menu_dialog .modal-dialog {
    width: 100% !important;
    }  }
.dialog_close i{
  font-size: 24px !important;
}
@media (min-width: 992px){
  .menu_dialog .modal-lg{
    width: 980px !important;
    margin: auto !important;
  }
}
@media (min-width: 1440px){
  .menu_dialog .modal-lg{
    width: 1170px !important;
    margin: auto !important;
  }
}

/* @media (min-width: 992px) {
  .menu_dialog .modal-lg {
      width: auto !important;
      margin: 68px auto;
  }
  } */

/* @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  .menu_dialog{
    min-width: 1170px; }
    .modal-dialog .md-dialog-content {
    width: 1170px !important;
    margin: 62px auto;} }
    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
      .menu_dialog{
        min-width: 1170px; }
        .modal-dialog .md-dialog-content{
        width: 1170px !important;
        margin: 62px auto;} } */

/* @media (min-width: 768px) {
  .menu_dialog .modal-dialog {
      width: auto;
      margin: 62px auto;
  }
  } */



/* @media (min-width: 992px){
  .menu_dialog .modal-dialog {
      width: auto;
      margin: 62px auto;
  }
  } */


/* end modal menu member */




.reportArea.report-user-list > .reportArea-contentarea > .headline {
	text-align: center;
	padding-bottom: 20px;
}
.reportArea.report-user-list > .reportArea-contentarea > .headline .headline-img {
	display: inline-block;
	width: 80px;
}
.reportArea.report-user-list > .reportArea-contentarea > .headline .headline-text {
	display: inline-block;
	font-size: 30px;
	color: #cc651f;
	text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
	margin: 5px auto;
	text-align: left;
	vertical-align: middle;
}
.reportArea.report-user-list > .reportArea-contentarea > .headline .headline-text > span {
	font-size: 23px;
	display: block;
	color: #696969;
}

.reportArea .headlinememberbmi .summary-side-report > span{
	padding: 6px 5px;
    color: #fff !important;
}
.reportArea .headlinememberbmi .summary-side-report + .memberbmiexpect{
	margin-top:5px;
	font-size: 21px;
    color: #868686;
}


table.table-report-user-list tr > td:nth-of-type(1) {
	width: 50px;
	text-align: center;
}
table.table-report-user-list tr > td:nth-of-type(2) {
	width: 60px;
	text-align: center;
}
table.table-report-user-list tr > td:nth-of-type(3) {
	width: 110px;
	text-align: center;
}
.filter-report-user-area {
	width: 100%;
}
.filter-report-user-area .panel-heading {
	background-color: rgba(232, 196, 171, 1);
	color: rgba(58, 58, 58, 0.9);
	text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
	padding: 7px 15px;
}
.filter-report-user-area .panel-heading a:hover {
	color: rgba(58, 58, 58, 0.8);
}
.filter-report-user-area .panel-heading .md-button.icon-left {
	height: 25px;
	line-height: 25px;
	min-height: 25px;
}
.filter-report-user-area .panel-heading .md-button.icon-left i {
	height: 25px;
	line-height: 25px;
	font-size: 17px;
}
.filter-report-user-area .panel-body {
	background-color: #f3dfd1;
}
.filter-report-user-area .panel-group {
	margin-bottom: 0px;
}
.filter-report-user-area .panel {
	box-shadow: none;
	border: 0px;
}
.filter-report-user-area .filter-sector {
	background-color: rgba(255, 255, 255, 0.35);
	color: #9c4c14;
	text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	padding: 5px 9px;
	margin-bottom: 8px;
	box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}
.filter-report-user-area .filter-sector > span {
	display: block;
}
.filter-report-user-area .filter-sector > span:nth-of-type(2) {
	color: rgba(0, 0, 0, 0.7);
}


/*========== TABLE MD ===========*/

.md-table-responsive * ::-webkit-scrollbar{
	width : 0px !important;
}

md-table-container::-webkit-scrollbar{
	width : 0px
}

.md-table-responsive{
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
}

.md-table-responsive .table-bordered{
	border:0px;
	
}
.md-table-responsive table{
	margin-bottom: 0px;
}
table.md-table{
	overflow: auto;
}

table.md-table th.md-column{
	color: rgb(255, 255, 255);
      font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
	border-bottom: 0px;
}
table.md-table td{
	word-break: break-all;
}

md-table-container{
	max-height: calc(100vh - 235px);
}

#master_ques_table md-table-container{
	max-height: calc(100vh - 140px);
}

#manage_games_table md-table-container{
	max-height: calc(100vh - 135px);
}
  


md-table-container > .md-table > tbody > tr:nth-of-type(1) td{
	border-top:0px;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2),table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child{
	padding:0px 5px !important;
}
table.md-table td.md-cell{
	    font-size: 1.6rem;
}
table.md-table thead.md-head > tr.md-row{
	height:40px;
}
table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child{
	padding: 0px 5px;
}
ul.table-page-nav{
	background-color: #5d5d5d;
	width:100%;
	list-style: none;
	padding:5px 15px;
	text-align: center;
	font-size: 23px;
}


ul.table-page-nav > li{
	display: inline-block;
	color:#fff;
	cursor: pointer;
	margin:0px;
	vertical-align: middle;
}
ul.table-page-nav > li:not([disabled]):hover{
	opacity: 0.7;
}
ul.table-page-nav > li[disabled]{
	opacity: 0.5;
	cursor: not-allowed;
}
ul.table-page-nav > li[disabled]:hover{
	opacity: 0.5;
}


ul.table-page-nav > li.first-page , ul.table-page-nav > li.last-page{

}
ul.table-page-nav > li.prev , ul.table-page-nav > li.next{

}
ul.table-page-nav > li.page-num-dot{

}
ul.table-page-nav > li.page-num{
	font-size: 16px;
	color:rgba(255,255,255,0.7);
	margin:0px 5px !important;
}
ul.table-page-nav > li.page-num.active{
	color: rgba(0,0,0,1);
    background-color: #fff;
    padding: 0px 8px;
    border-radius: 4px;
}



#table-report-goto tr > td:nth-of-type(1),#table-report-goto tr > td:nth-last-of-type(1),#table-report-goto tr > th:nth-of-type(1),#table-report-goto tr > th:nth-last-of-type(1){
	text-align: center;
	width:50px;
	min-width: 50px;
	max-width: 50px;
}



md-tabs.md-default-theme.md-primary>md-tabs-wrapper, md-tabs.md-primary>md-tabs-wrapper {
    background-color: #f4f5f7;
}

.login-bg md-tab-item.md-tab {
	color: #d0795b!important;
	background-color: #E0E0E0;
}
.login-bg md-tab-item.md-tab.md-active {
	color: #FFF!important;
	background-color:#d0795b!important;
}

.login-bg {
	background-color: #f4f5f7;
}
.login-bg md-tab-item.md-tab  {
	line-height: 15px;
	height: 35px;
}
@media (max-width: 375px) {
	.mobi-progress .progress {
		height: 25%;
	}
	.login-wrap {
		height: calc(100vh - -70px)!important;
	}
}
@media only screen and (max-width: 599px) {
	.questionnaire-survay-area .md-display-1.headline-questionnaire.text-head-color {
		text-align: center;
	}
	.bg-q-white {
		padding: 20px 10px;
	}
	.bg-q-white .q-img-area-set {
		padding: 15px;
	}
	.md-display-1 {
		font-size: 23px;
		line-height: 27px;
	}
	.bg-q-white .q-img-area-set .md-title {
		text-align: left;
		padding-left: 10px;
	}
	.groupX {
		padding: 0px 10px;
		min-width: unset;
		font-size: 14px;
	}
	h3 .textdate-st-end {
		margin-left: unset;
		margin-right: unset;
	}
	.progress {
		height: 13%;
	}
	.md-toolbar-tools > md-menu:last-child > .md-button {
		margin-right: 15px;
	}
	.md-toolbar-tools h2 > i > .far.fa-file-alt {
		display: none!important;
	}
	.m-padding {
		padding: 0px!important;
	}
	.mb-t0 {
		margin-top: 0px;
	}
	.mb-b0 {
		margin-bottom: 0px!important;
	}
  .mb-20{
    margin-bottom: 20px !important;
  }

  
	.filter-report-user-area .panel-heading {
		text-align: center;
	}
	.xs-mrg-t10 {
		margin-top: 10px;
	}

	.questionnaire-survay-area {
		padding:0px 3px 110px 3px;
	}
	.q-section-area{
		    /* padding: 16px 6px; */
        padding: 0px 6px;
	}
	.descript-bg{
		box-shadow: none;
		border:1px solid rgba(0,0,0,0.04);
	}
  /* .questionnaire-area > .edit_profile_area{
    padding: 0px 6px;
} */
	
}
@media only screen and (max-width: 959px) {
	.text-center-sm {
		text-align: center;
	}
	.textdate-st-end {
		margin: auto;
	}
}

.reportAnalyzeGraphRadar .report-side-area{
	width: fit-content;
    float: right;
}


.reportAnalyzeGraphRadar .chart.chart-radar{
	    width: fit-content;
	max-width: calc(100vh - 115px);
		max-height: calc(100vh - 115px);
    float: left;
}
.btnviewtablemodalPabsolute{
	    position: absolute;
    width: calc(100% - 45px);
    bottom: 0px;
}
@media only screen and (max-width: 959px) {
	.reportAnalyzeGraphRadar canvas.chart.chart-radar{
		max-width: 500px;
		max-height: 500px;
	}
	.reportAnalyzeGraphRadar .report-side-area{
		width: fit-content;
		float: unset;
	}
	.reportAnalyzeGraphRadar .chart.chart-radar{
	    width: fit-content;
		max-width: calc(100vh - 115px);
		max-height: calc(100vh - 115px);
		float: unset;
	}
	.btnviewtablemodalPabsolute{
		position: absolute;
		width: calc(100% - 45px);
		bottom: 20px;
	}
}

.view_ex_date_fm_span {
	font-size: 12px;
    padding: 0px 0px 0px 6px;
    color: #b1b1b1;
}



.setheight01{
	height: calc(100vh - 100px);
	background-color: #fff;
}
.w100{
	width:100%
}


/* --- redesign for elder --- */

.newColor_yesno.active {
  background-color: #d0795b !important;
  color: white;
}

.ques_btn{
  color: #000 !important;
  border-radius: 8px;
}
.homeicon_btn{
  font-size: 20px;
  min-width: 20px;
  border-radius: 8px;
}
.editicon_btn{
  font-size: 20px;
  min-width: 40px;
  /* margin: 20px 4px; */
  margin: 0px 4px;
  border-radius: 16px !important;
}
.font_initial{
  font-size: initial;
}


/* admin member management questionnaire */
.questionnaire-area > .admin_manage_area .q-section {
  margin: 20px 0px;
  background-color: rgb(168 221 202 / 20%);
}

.questionnaire-area > .admin_manage_area .q-section .q-question {
  background-color: rgb(168 221 202 / 14%);
}
.questionnaire-area > .admin_manage_area .q-section .q-question .q-numb {
  background-color: #A8DDCA;

}
.questionnaire-area > .admin_manage_area .q-section .q-question .q-text {
  background-color: rgb(168 221 202 / 50%);
}
.a_radio_area > .q-radio > md-radio-group md-radio-button {
  background-color: rgb(255 255 255 / 31%);

}
.a_radio_area > .q-radio > md-radio-group md-radio-button.md-checked {
  background-color: rgb(168 221 202 / 21%);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
}

.a_radio_area > .q-radio > md-radio-group md-radio-button.md-checked .md-off {
  border-color: #579479;
}
.a_radio_area > .q-radio > md-radio-group md-radio-button .md-on {
  background-color: #579479;
}
.questionnaire-area > .admin_manage_area .q-section  md-input-container.md-input-focused .md-input {
	border-color: #579479 !important;
  /* border-color: #cc651f; */
}
.other_input{
  margin: 0;
}
.q-checkbox{
  gap: 8px;
}
.q-checkbox md-checkbox{
  background-color: rgb(255 255 255 / 31%);
    padding: 5px 10px;
    margin: 0px;
/* 
    margin-left: 0;
    margin-right: 0; */
}
.q-checkbox md-checkbox .md-container {
  left: 10px;
 }
 .q-checkbox  md-checkbox.md-checked  {
  background-color: rgb(168 221 202 / 21%);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.18);
}
.q-label{
  margin: 8px 0px;
}

/* End admin member management questionnaire */


/* =======================Member Edit profile dialog======================= */
.member_profile_dialog{
  border-radius: 20px 20px 0 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  background: transparent !important;
  color: #282828 !important;
}
.member_profile_dialog i{
color: #808080 !important;
font-size: 24px;
}
.editProfile_dialog .md-dialog-content{
  padding: 0;
  height: calc(var(--vh, 1vh)* 78);
  overflow: hidden;
}
.editProfile_dialog{
  background: rgba(0, 0, 0, 0.7);
}

.editProfile_dialog .modal-dialog ,.editProfile_dialog .modal-content{
  box-shadow: none;
  border-radius: 20px;
  /* max-height: calc(100vh - 180px); */
	/* overflow: hidden; */
}
.member_profile_dialog_foot{
    border-radius: 0 0 20px 20px;
    padding: 5px 15px;
    background-color: #f4f4f4;
}
.questionnaire-area > .edit_profile_area .q-section .q_input {
  margin: 0;
  padding: 4px ;
}
.questionnaire-area > .edit_profile_area .q-section .q-answer {
  padding: 8px;
}
.edit_addr{
    background-color: rgb(255 255 255 / 70%);
    padding: 0px 10px;
}
.edit_profile_area .q-radio-area > .q-radio > md-radio-group md-radio-button {
  margin: 2px;
}

.questionnaire-area > .edit_profile_area .q-section .edit_addr md-input-container.md-input-focused label{
  color: #e7aa99 !important;
}

.questionnaire-area > .edit_profile_area .q-section md-input-container.md-input-focused .md-icon {
	color: #e7aa99 !important;
}
/* .q_input .md-datepicker-open .md-datepicker-calendar-icon {
	color: #9fe799 !important;
}
.questionnaire-area > .admin_manage_area .q-section .q-answer  .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background-color: #9fe799 !important;
}
.questionnaire-area > .q-section-area .q-section .q_input .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 1px solid rgb(110, 232, 141) !important;
} */


.questionnaire-area > .q-section-area .q-section .q_input .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator   {
	border: 1px solid rgb(0, 112, 15) !important;
}

.questionnaire-area > .q-section-area .q-section .q_input .testdate .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator   {
	background-color: #9fe799 ;
}



/* ====================End Member Edit profile dialog======================= */

@media (max-width: 425px){
  .mrg-b{
    margin-bottom: 25% !important;
  }
  /* .mh-compare-action-area.memberhomearea{
  display: block;
  text-align: center;
  } */
  .page_footer span{
    font-size: x-small !important;
  }
  /* .mh-compare-action-area .button_footerArea{
    display: block;
    text-align: center;
  } */
  
  .ebook_btn_area{
    margin: 0 4px !important;
  }
  .homeicon_btn{
    font-size: 16px !important;
    padding: 0 9px;
    margin: 6px 2px;
  }
}
.mrg-b{
  margin-bottom: 10%;
}

@media (max-width: 820px) {
  .container {
      width: 100% !important;
  }
}

@media (min-width: 956px) {
  .summary_area{
      width: 60% !important;
      /* margin: auto; */
  }
  }
  .md-padding {
    padding: 16px; }
  
/* @media (min-width: 960px) {
  .md-padding {
    padding: 16px; } } */

    md-dialog.md-msdialog-theme > md-dialog-content > h2.md-title{
      background-color: #de775b ;
        color: #fff;
    }
    md-dialog.md-msdialog-theme > md-dialog-actions {
      background-color: rgba(0, 0, 0, 0.1);
      display: block;
      padding: 8px;
  }
  md-dialog.md-msdialog-theme > md-dialog-actions .md-button {
    background-color: #de775b !important;
    color: #fff;
}
md-dialog.md-msdialog-theme .md-dialog-content-body {
  text-align: center;
}

    /* md-dialog.md-ebook-theme > .md-dialog-container md-dialog md-dialog-content .md-title {
      background-color: #de775b !important;
      color: #fff;
    } */


    .membermanageNo8SubQuestion{
      margin-left: 30px !important;
    margin-bottom: 15px;
    padding: 0px 15px ;
    background-color: #fff6;
    border: 1px solid #bbd2c9;
    }
    .q-section-description-area p{
      /* background-color: #a8ddca;
      line-height: 20px; */
    }
    .admin-layout{
      padding:15px;
    }

    .memberQ .questionnaire-area md-tabs .md-tab.md-active{
      background-color: #de775b;
    }

    .memberQ .q-section-description-area p{
      background-color: #e7aa99;
    }

    .memberQ .a_radio_area > .q-radio > md-radio-group md-radio-button.md-checked{
      background-color: rgb(238 198 188 / 27%);
    }


    /* test phase additional style */
    .member_checkbox md-checkbox.md-checked {
      background-color: rgba(255, 204, 188, 0.3);
    }
    .member_checkbox md-checkbox.md-checked .md-icon {
      background: #de775b;
  }
  .membermanageNo8_profileModal{
    border: 1px solid rgb(248, 210, 199);
  }
  .SubQuestion_checkbox md-radio-button.md-checked .md-off {
    border-color: #579479;
}
.SubQuestion_checkbox md-radio-button.md-checked .md-on {
  background-color: #579479;
}
table.table > thead .custom_md_select .md-select-value {
  min-width: auto;
}

.Logo_name{
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: center;
    /* margin-top: 4px; */
    height: 100%;
}

.Logo_name h2 {
	font-size: 1.4em;
	position: absolute;
	transform: translate(0%, -16%);
}

.Logo_name h2:nth-child(1) {
	/* color: transparent;
	-webkit-text-stroke: 1px #eb846d; */
  color: #ffffffc0;
  font-weight: 700;
  /* color: #ffdc8b; */
  text-shadow: -1px 1px 3px rgb(0 0 0 / 30%), 0px -4px 10px rgb(223 126 87 / 37%);
}

.Logo_name h2:nth-child(2) {
	/* color: #ffe8d3; */
	animation: animate 4s ease-in-out infinite;
  color: #fff;
  font-weight: 700;
}

@keyframes animate {
	0%,
	100% {
		clip-path: polygon(
			0% 45%,
			16% 44%,
			33% 50%,
			54% 60%,
			70% 61%,
			84% 59%,
			100% 52%,
			100% 100%,
			0% 100%
		);
	}

	50% {
		clip-path: polygon(
			0% 60%,
			15% 65%,
			34% 66%,
			51% 62%,
			67% 50%,
			84% 45%,
			100% 46%,
			100% 100%,
			0% 100%
		);
	}
}




/* .page_footer{
  position: relative;
    z-index: 2;
}
.page_footer p{
  margin: 16px;
} */
/* .page_footer{
  text-align: center;
} */
.page_footer span{
  font-size: small;
}

.page_footer{
  position: relative;
  bottom: 0px; 
  left: 0px; 
  width: 100%; 
  text-align: center;
  background-color: #f4f4f4;
  z-index: 2;
  padding: 16px;
}
.page_footer.pFixed{
  position: fixed;
  padding: 0;
}
.mh-compare-action-area.footmenumarginb, .page_container.footmenumarginb{
  bottom: 15px;
}
#pageFooter {
  display: block !important;
}

#pageFooter:after {
  counter-increment: none !important;
  content: none !important;
}
md-input-container.smallspace.md-input-has-value{
  margin: 16px 0 0 0 !important;
}
/* .tatest.md-input-has-value .md-errors-spacer{
  display: none !important;
} */
.game_headques{
    font-size: 1.5em;
    /* font-size: 5vw; */
    font-weight: bold;
    /* text-shadow: 3px 2px 0 hsl(0deg 0% 100%); */
    /* color: white; */
    color: #4d2817;
    /* text-shadow: .08em .05em 0 hsl(18.75deg 55.2% 52.88%); */
    text-shadow: .04em .05em 0 hsl(18.26deg 75.41% 76.08%);
    -webkit-text-stroke-width: 0.5px;
    /* -webkit-text-stroke-color: #933815; */
    -webkit-text-stroke-color: #d3876a;
    padding-top: 4px;
}
.math_headques{
  font-size: 2.0em;
  font-weight: 900;
  text-shadow: 3px 2px 0 hsl(0deg 0% 100%);
  color: #4d2817;
  text-shadow: .04em .05em 0 hsl(18.26deg 75.41% 76.08%);
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #d3876a;
  padding-top: 4px;
  line-height: normal;
}
.math_headques.lv1{
  font-size: 2.0em;
  padding-top: 0px;
}
.math_headques.lv1 .lv1question{
  display: inline-block; text-align: center; white-space: pre-line;
  padding: 0px 5px;
}
@media (max-width: 450px){
  .game_question{
    padding:18px 5px;
  }
  .math_headques.lv1{
    font-size: 1.6em;
  }
}
@media (max-width: 390px){
  .math_headques.lv1{
    font-size: 1.5em;
  }
}

.game_item{
  position: absolute;
  top: 22px;
  right: 55px;
  padding: 0px 8px;
  border-radius: 99px;
  background-color: #ffffff8f;
}
.game_item span{
  display: flex;
}
@media (max-width: 866px){
  .game_item {
    right: 30px;
  }
  .game_item span{
    font-size: 14px;
  }
  }
  @media (min-width: 768px) {
.game_headques{
  font-size: 2.0em !important;
}
    }
@media (orientation: landscape) {
  .game_item {
    right: 55px;
  }
}
@media (orientation: landscape) {
  .member_menu {
    flex-direction: row;
  }
  .menu_dialog .modal-content .md-dialog-content {
    height: 350px;
  }
}
/* คลาสรูปบนhead ของเกมกับebook */
.head_img_radius{
  border-radius: 20px;
}
.select_container{
  padding: 2px 0;
}
/* Ebook-test phase */
.download_btn{
border-radius: 16px;
}
.md-button.icon-left.download_btn i {
  height: 40px;
  width: 40px;
  vertical-align: middle;
}

@media (max-width: 520px){
  .md-button.download_btn{
    padding: 0px !important;
    min-width: 36px;
    margin: 0px;
    min-height: 36px;
    border-radius: 99px;
  }
  .download_btn.icon-left i{
    background-color: transparent;
    margin-left: 0px;
    width: 36px !important;
    height: auto !important;
    font-size: 15px;
    margin-right: 0;
    margin-top: -4px;
  }
  .download_btn span{
    display: none;
  }
  .md-button.md-fab.md-mini {
    line-height: 36px;
    width: 36px;
    height: 36px;
}
.ebook_btn{
  padding: 0;
  min-width: 32px;
}
.editicon_btn{
  font-size: 16px;
  min-width: 36px;
}
.md-button.ques_btn{
  padding: 0px 7px !important;
  min-width: 78px;
  margin: 6px 2px;
}
.ques_btn.icon-left i{
  margin-left: -7px;
  margin-right: 0;
  width: 32px;
  font-size: 16px;
}
.home_btn span{
  display: none;
}
.md-button.home_btn{
  min-width: auto;
}
.home_btn.icon-left i {
  background-color: transparent;
  margin-left: -1px;
  width: 24px;
}
}
.suggest_color{
  color: #4f4e4e !important;
}


.ck.ck-content.ck-editor__editable{
  border:1px solid #ccced1;
}
.ck.ck-content.ck-editor__editable p{
  margin:0px;
  padding:0px;
}

.ck-content.ck-view p{
  margin:0px;
  padding:0px;
}

strong{
  font-weight: bold;
}

.mb-1{
  margin-bottom: 10px !important;
}

/*money style*/
.money-images{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.money_1{
  height:60px;
  width: auto !important;

  }
  .money_2{
    height:70px;
    width: auto !important;
  }
  .money_5{
    height:80px;
    width: auto !important;
  }
  .money_10{
    height:80px;
    width: auto !important;
  }
  .money_20,.money_50,.money_100,.money_500,.money_100,.money_1000{
    max-height:100px;
    width: auto !important;
  }
  .money-stack{
    margin:5px;
  }
  .money-type{
    display: contents;
  }

  /*map area*/
  .mapArea{
    position: relative;
    width: 100%;
    height: calc(100vh - 65px);
    background-color: #f4f4f4;
    overflow: hidden;
  }
  #map{
    width: 100%;
    height: 100%
  }
  .mapToolsArea{
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffffffea;
    padding: 10px 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 4px 0px #00000059;
    width: 300px;
  }
  .mapInfo{
    margin-top: 8px;
    font-size: 16px;;
  }
  table.profileOnMap td:nth-child(1){
    text-align: left;
    padding-right: 10px;
    font-weight: bold;
    width:210px;
  }
  table.profileOnMap td:nth-child(2){
    color:#f39c12;
  }
  table.profileOnMap td:nth-child(1) i{
    width:20px;
    text-align: center;
  }
  table.profileOnMap td{
    padding:4px 2px;
  }


  .seniorcareProfileTabs{
    background-color: transparent;
    box-shadow: none;
    margin-top: 20px;
    padding: 0px 40px;
  }
  .seniorcareProfileTabs md-content{
    background-color: transparent;
  }
  
  .seniorcareProfileTabs md-tabs-wrapper{
    background-color: transparent;
    border: none !important;
  }

  .seniorcareProfileTabs md-tabs.md-dynamic-height md-tabs-content-wrapper{
    background-color: transparent;
  }

  .seniorcareProfileTabs md-tabs .md-tab{
    border-radius: 15px;
    padding: 5px 8px;
    height: fit-content;
    background-color: #edd9d1;
    margin: 0px 2px;
  }
  .seniorcareProfileTabs md-tabs .md-tab.md-active{
    background-color: #e59a7c;
  }
  .pa-15{
    padding: 15px !important;
  }
  .borderR-15{
    border-radius: 15px !important;
  }
  .radarChartTableStyle {
    font-size: 16px;
  }
  .text-purple{
    color:#6709af
  }

  .textContentEditorShowArea img{
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .showInfoInSummaryQ{
    margin: auto 15px auto 15px;
    border-top: 2px solid #00000014;
  }
  .bgAnsSummaryModal{
    background-color: #e8e8e8;
  }

  .bgAnsSummaryModal .q-section-list-area{
    background-color: #ffffff78;
  }

  
/* ================================ Sudoku Style ================================ */
.sudoku-play {
  max-width: 100%;
  margin: 0 auto;
  padding: 12px;
  font-family: 'Prompt', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center
}

.sub-title {
  text-align: center;
  font-size: 1.2rem;
  margin: 6px 0 12px
}

.board {
  display: inline-block;
  border: none;
  box-shadow: none;
  margin-bottom: 10px
}

.board.board-error {
  box-shadow: 0 0 0 6px rgba(255, 0, 0, .18) inset, 0 2px 8px rgba(0, 0, 0, .1)
}

.sudoku-play .row {
  display: flex
}

.cell {
  width: 50px;
  height: 50px;
  border: 1px solid #111;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  touch-action: manipulation;
  transition: background .12s ease
}

.cell.given {
  background: #eef3ff
}

.cell.given .val {
  color: #0b3d91;
  font-weight: 800;
  letter-spacing: .3px;
  border: 2px solid #0b3d91;
  border-radius: 6px;
  padding: 2px 5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .85)
}

.cell.user .val {
  color: #1b5e20;
  font-weight: 700
}

.cell.selected {
  outline: 2px solid #4caf50;
  outline-offset: -2px;
  background: #eaf6ea
}

.cell.striped {
  background: #dff2d8
}

.cell.striped.given {
  background: #e6eefb
}

/* >>> ถมทั้งแถวและคอลัมน์ที่มีเลขเดียวกับที่เลือก <<< */
.cell.stripe-by-val {
  background: #d1fae5 !important;
}

/* เขียวอ่อน */
.cell.stripe-by-val.given {
  background: #c7f9e5 !important;
}

/* เน้น "ตัวเลข" ที่ตรงกับเลขที่เลือกให้ชัดขึ้น */
.cell.same-val .val {
  color: #166534 !important;
  font-weight: 900 !important;
  border-color: #16a34a !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, .12);
}

.cell.error-strong {
  background: #ffcccc !important
}

.cell.error-strong .val {
  color: #b00020 !important;
  font-weight: 800
}

.bR {
  border-right: 3px solid #111
}

.bB {
  border-bottom: 3px solid #111
}

.val {
  font-size: 2rem;
  line-height: 1
}

/* Notes 2×2 */
.notes-quad {
  position: absolute;
  inset: 1px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1px;
  pointer-events: none
}

.notes-quad .slot {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #374151;
  background: #eef2ff;
  border: 1px solid #c7d2fe
}

.pad {
  margin: 6px auto 0;
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
  max-width: 520px
}

.pad-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap
}

.pill {
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  background: #69c07d;
  color: #fff !important;
  font-size: 2rem;
  white-space: nowrap
}

.pill-alt {
  background: #3b82f6
}

.pill-danger {
  background: #e57373
}

.legend {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 6px 0 12px
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f4f5f7;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 1.4rem
}

.dot {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 2px solid #111
}

.dot-given {
  background: #eef3ff;
  border-color: #0b3d91
}

.dot-user {
  background: #e7f5ea;
  border-color: #1b5e20
}

.dot-strip {
  background: #dff2d8
}

.dot-error {
  background: #ffe5e5
}

.num-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

.num-modal {
  width: min(92vw, 420px);
  background: #fff;
  border-radius: 16px;
  padding: 14px 14px 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
  text-align: center;
  position: relative;
}

.num-modal h4 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 2rem;
  border-bottom: 1px solid #00000026;
}
.num-modal .btn-close {
  position: absolute;
  right:0;
  font-size: 21px;
  color: #acacac;
  top: 0;
}
.mode-switch {
  display: inline-flex;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px
}

.mode-btn {
  border: none;
  padding: 8px 14px;
  font-size: 2rem;
  background: #f3f4f6;
  color: #374151
}

.mode-btn.active {
  background: #bf5d42;
  color: #fff !important;
}

.mode-btn[disabled] {
  opacity: .45;
  cursor: not-allowed
  
}

.num-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 6px
}

.num-btn {
  border: none;
  border-radius: 12px;
  padding: 14px 0;
  background: #d08773;
  color: #fff !important;
  font-size: 2rem;
  line-height: 2rem
}


.num-btn.on-note {
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .85)
}

.num-btn.suggested {
  background-color: #bf5d42;
}

.num-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none
}
.num-actions{
  margin-top:10px;
  padding-top:10px;
}

@media (max-width:768px) {
  .cell {
    width: 40px !important;
    height: 40px !important;
  }
}
  
/* ================================ End Sudoku Style ================================ */

/* ================================ Start Reportquestionnaire Style ================================ */
table.tablereportquestionnaire td:nth-last-of-type(1),table.tablereportquestionnaire th:nth-last-of-type(1){
  text-align: center;
}
table.tablereportquestionnaire td:nth-of-type(1),table.tablereportquestionnaire th:nth-of-type(1){
	width: 60px;
	min-width: 60px;
	text-align: center;
}
table.tablereportquestionnaire td:nth-of-type(2),table.tablereportquestionnaire th:nth-of-type(2){
	width: 300px;
	min-width: 300px;
}
table.tablereportgame td:nth-of-type(1),table.tablereportgame th:nth-of-type(1){
	width: 60px;
	min-width: 60px;
	text-align: center;
}
table.tablereportgame td:nth-last-of-type(1),table.tablereportgame th:nth-last-of-type(1){
  text-align: center;
}
.reportQuestionnaire{
  .filter-report-user-area {
    .panel-heading{
      background-color: rgb(168 221 202);
      text-shadow: none;
    }
    .panel-body {
      background-color: #def2eb;
    }
    .filter-sector{
      color: #509f91;
      text-shadow: none;
    }
  }
}
.mrgl-48{
  margin-left: 48px !important;
}
.tablereportquestionnaire .md-datepicker-input-container, .tablereportgame .md-datepicker-input-container{
  min-height: 34px;
  width: 100%;
  .md-datepicker-input{
    min-height: 34px;
  }
}

/* add by gusarea @14 nov 2025*/
.position_relative{
  position: relative;
}
.sum_point{
  position: absolute;
  right: 0px;
  padding: 4px 10px;
  margin-top: -40px;
  font-size: 14px;
  background-color: #f0c2b5;
  border-radius: 9px 9px 0 0;
}
.sum_box.position_relative{
  border-top-right-radius: 0px;
}

ul.list_normal_bullet{
  margin-left: 16px;
}
ul.list_normal_bullet li{
  margin-left: 16px !important;
  margin-top: 3px !important;
  list-style-position: outside;
}
.click_btn_text{
  color:#1161ee;
  cursor: pointer;
}