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: rgba(232, 141, 109, 0.38);
}
*::-webkit-scrollbar {
	width: 8px;
	height:8px;
	background-color: #fff;
}
*::-webkit-scrollbar-thumb {
	background-color: #E88D6D;
	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);
}

.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(232, 141, 109);
	background: linear-gradient(180deg, rgba(232, 141, 109, 1) 0%, rgba(231, 170, 153, 1) 100%);
}
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);
}
md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
	background: #59b1a1;
}

.docs-menu > li{
	border-color:#47988a;
}


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.5);
}
.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: #e88e6e;
}
.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: rgba(249, 184, 161, 1);
}
md-dialog.md-confirm-theme > md-dialog-content > h2.md-title{
	background-color: #d0795a;
    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: #a34708 !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: #a34708 !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;
}
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: #d0795b !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;
}
.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);
}
.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: #47988a !important;
	color: #FFFFFF;
	transition: 0.3s;
}
.md-button:not([disabled]):focus {
	color: #2D2D2D;
}
.docs-menu .md-button:focus{
	background-color: #47988a !important;
	color: #FFFFFF;
	transition: 0.3s;
}

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

.md-button:not([disabled]).active {
	background-color: #d0795b !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
}
.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: rgba(249, 184, 161, 1);
	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(208,121,91, .15);
  border-right: 14px solid rgba(208,121,91, .15);
  border-bottom: 14px solid rgba(208,121,91, .15);
  border-top: 14px solid rgba(208,121,91, .8);
  border-radius: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.overlay.loading h3{
	color:#b16b52;
	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;
}


#manage_ques_table{
	padding-bottom: 100px;
}
#manage_ques_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) {
	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;
}
#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(3),#admin_manage_setting .table tr th:nth-of-type(3) {
	width: 100px;
	min-width: 100px;
	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;
}

#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);
}
.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);
	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.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;
}
.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);
}

.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, 0.4);
	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;
}


.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-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;
}
.pad-l15 {
	padding-left: 15px !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-brown {
	background-color: #de775b !important;
	color: #FFFFFF !important;
}
.bg-yellow {
	background-color: rgb(222, 163, 43) !important;
	color: #FFFFFF !important;
}
.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;
}


button.bg-lightgray{
	color: rgb(105, 105, 105) !important;
}
.btnpad.icon-left.md-button:disabled{
	opacity: 0.4;
	cursor: not-allowed;
}

.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: #cc651f;
}
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
	background-color: #cc651f;
}
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 + 4),table.tablememberlistmanagement th:nth-of-type(n + 2):nth-of-type(-n + 4)  {
	text-align: center;
	min-width: 50px;
	max-width: 50px;
}
table.tablememberlistmanagement td:nth-of-type(n + 5):nth-of-type(-n + 7),table.tablememberlistmanagement th:nth-of-type(n + 5):nth-of-type(-n + 7) {
	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.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;
}
.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: #f9ab8f;
}
.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: #e88e6e;
}
.rzslider .rz-tick {
	background: #dacdc7;
}
.rzslider .rz-tick.rz-selected {
	background-color: #e88e6e;
}
.rzslider .rz-pointer.rz-active:after {
	background: #bb5353;
}
.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;
}
.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: rgb(232, 141, 109);
	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;
}
.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;
}

.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 - 280px);
}

#master_ques_table{
	max-height: calc(100vh - 235px);
}


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;
	}
	.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;
	}
	.descript-bg{
		box-shadow: none;
		border:1px solid rgba(0,0,0,0.04);
	}
	
}
@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;
}