@charset "utf-8";
/* CSS Document */
/*fonts*/
@font-face {
	font-family: 'latolight';
	src: url('font/latolight/lato-light-webfont.eot');
	src: url('font/latolight/lato-light-webfont.eot?#iefix') format('embedded-opentype'),  
	url('font/latolight/lato-light-webfont.woff2') format('woff2'),  
	url('font/latolight/lato-light-webfont.woff') format('woff'), 
	 url('font/latolight/lato-light-webfont.ttf') format('truetype'),  
	 url('font/latolight/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latoregular';
	src: url('font/latoregular/lato-regular-webfont.eot');
	src: url('font/latoregular/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('font/latoregular/lato-regular-webfont.woff2') format('woff2'),
	   url('font/latoregular/lato-regular-webfont.woff') format('woff'), 
	    url('font/latoregular/lato-regular-webfont.ttf') format('truetype'), 
		 url('font/latoregular/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latosemibold';
	src: url('font/latosemibold/lato-semibold-webfont.eot');
	src: url('font/latosemibold/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('font/latosemibold/lato-semibold-webfont.woff2') format('woff2'),
	   url('font/latosemibold/lato-semibold-webfont.woff') format('woff'), 
	    url('font/latosemibold/lato-semibold-webfont.ttf') format('truetype'), 
		 url('font/latosemibold/lato-semibold-webfont.svg#latosemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latobold';
	src: url('font/latobold/lato-bold-webfont.eot');
	src: url('font/latobold/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('font/latobold/lato-bold-webfont.woff2') format('woff2'),  
	 url('font/latobold/lato-bold-webfont.woff') format('woff'),
	   url('font/latobold/lato-bold-webfont.ttf') format('truetype'), 
	    url('font/latobold/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latoitalic';
	src: url('font/latoitalic/lato-italic-webfont.eot');
	src: url('font/latoitalic/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('font/latoitalic/lato-italic-webfont.woff2') format('woff2'), 
	  url('font/latoitalic/lato-italic-webfont.woff') format('woff'), 
	   url('font/latoitalic/lato-italic-webfont.ttf') format('truetype'),
	     url('font/latoitalic/lato-italic-webfont.svg#latoitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('font/latoblack/Lato-Black.eot');
	src: url('font/latoblack/Lato-Black.eot?#iefix') format('embedded-opentype'),
	  url('font/latoblack/Lato-Black.woff') format('woff'),  
	  url('font/latoblack/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/latomedium/Lato-Medium.eot');
	src: url('font/latomedium/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		url('font/latomedium/Lato-Medium.woff') format('woff'),
		url('font/latomedium/Lato-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}


/*common styles*/
ul {
	margin:0;
	padding:0;
}
li {
	list-style: none;
}

a:focus {
	/* color:#fff; */
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
}
h1 {
	color:#75175a;
	font-size:32px;
}
h2 {
	color:#75175a;
	font-size:18px;
	font-weight: 900;
	text-decoration: underline;
}
h3 {
	color:#1872b6;
	font-size:22px;
	text-transform: uppercase;
}
h4 {
	color:#75175a;
	font-size:28px;
}
/*site styles*/
body {
	background: #dbecfc;
	color:#3a3a3a;
	font: normal 15px 'Lato';
}
#qw-full-container {
	border:1px solid #daebfb;
	background: #fff;
	margin-bottom: 25px;
}
#qw-full-container, .qw-avatar-customize, .panel-default > .panel-heading {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

/*login Area*/
#qw-login-section {
	margin-bottom:4px;
}

#qw-login-section ul li {
	float:left;
	width:160px;
}

#qw-login-section ul li a {
	color:#fff;
	display: block;
	font: 700 15px "latobold", Arial, Helvetica, sans-serif;
	line-height:22px;
	padding:5px 0;
	text-align:center;
	text-transform: uppercase;
}

#qw-login-section ul li a.qw-login {
	background:#1872b6;
}

#qw-login-section ul li a.qw-dashboard {
	background:#e27223;
}

#qw-login-section ul li a.qw-dashboard img, .qw-header-menu li span img {
	margin-right:6px;
	vertical-align: middle;
}

/*login Area Ends*/

/*menus*/
header {
	border-bottom: 1px solid #daebfb;
	position:relative;
	height:50px;
}

.qwerty-logo {
	display:block;
	position:absolute;
	top:-13px;
	left:13px;
}

.qw-header-menu {
	padding:4px 0;
}

.qw-header-menu li {
	float: left;
	line-height: 37px;
	padding:0px 15px;
}

.qw-header-menu li:last-child {
	padding-left:0;
}

.qw-header-menu li:first-child {
	background:url(../images/line-border.png) no-repeat right center;
	padding-right: 20px;
}

.qw-header-menu li a {
	font-weight: 500;
	padding: 5px 0;
	color: #3e3e3e;
	font-family: 'latosemibold', 'Roboto', 'Segoe UI', sans-serif;
	font-size: 14px;
}

.qw-user-icon img {
/* 	border:2px solid #c8dff6; */
	border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	display:inline-block;
}

.qw-coins, .qw-user, .qw-tokens {
	/* display: inline-block; */
	margin-left:4px;
	font-family: "latobold", Arial, Helvetica, sans-serif;
}

.qw-user {
	color:#75175a;
	text-decoration: underline;
	text-transform: capitalize;
}

/*menus End*/


/*Title block*/
#qw-title-block {
	/* border-top:1px solid #daebfb; */
	border-bottom:1px solid #daebfb;
	padding:30px 0;
}

#qw-title-block .qw-qmail-title-blk h1{
    font: 44px latolight;
    color: #76125b;
    margin-left: 15px;
}

/*Title block End*/
/*content-block*/
#qw-panel-left {
	background:#f6fbff;
	padding-top:15px !important;
}

#qw-panel-right {
	border-left: 1px solid #daebfb;
	border-bottom-right-radius: 5px;
	min-height: 600px;
}

.qw-avatar-customize {
	border:1px solid #daebfb;
	border-bottom:1px solid #e1e5e8;
	background:#fff;
	margin: 0 15px 15px;
	padding: 15px;
}

.qw-avatar-customize .qw-description .edit-profile-btn {
	width: 224px;
}


.qw-avatar-image {
	width:25%;
	position: relative;
	top: -30px;
	height:197px;
}

.qw-description {
	width:68%;
}

.qw-description h2 {
	margin-bottom:18px;
}

.qw-description ul {
	background:#f8f9fa;
	margin:0 0 18px 0;
	padding:10px;
	text-align: center;
}

.qw-description li {
	display: inline-block;
	text-align:center;
	margin:0 8px 0 8px;
}

.qw-description li span {
	color:#75175a;
	display: block;
	font-weight:900;
}
.qw-avatar-customize .qw-description li {
	margin:0 6px 0 6px;
}
.qw-common-btn {
    background-color: #e4720d;
    color: #fff;
    display: inline-block;
    font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    line-height: 16px;
    padding: 4px 20px;
    text-align: center;
    text-transform: uppercase;
    border: solid 2px #e8e8e8;
}

.qw-common-btn:hover {
	background:#d56b21;
	color:#fff;
}

.qw-common-btn img {
	float:right;
	margin-left:38px;
}
.qw-avatar-customize .qw-common-btn.customize-student-space img  {
	margin-left:4px;
}
/*content-block-Ends*/


/*content-block-Ends*/
.plus-accordion, .minus-accordion {
	display: block;
	float:right;
	width: 20px;
	height: 20px;
	margin-top:5px;
}

.plus-accordion {
	background:url(../images/accordion-down.png);
}

.minus-accordion {
	background:url(../images/accordion-up.png);
}
.avatar-page .plus-accordion {
	background:url(../images/accordion-up.png);	
}

.avatar-page .minus-accordion {
	background:url(../images/accordion-down.png);
}

.panel-default > .panel-heading {
	color: #1872b6;
	background-color: #fafafa;
	border-color: #e1e5e8;
	padding:0;
}

/* a.qw-common-btn:active .overlay {
	display: block;
	background-color: rgba(0, 0, 0, 0.30);
	border-radius: 20px;
	padding: 10px 25px;
	color: #fff;
}

a.qw-common-btn:hover .overlay {
	display: block;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	padding: 10px 25px;
	color: #fff;
} */

.panel-title {
	font: 700 15px 'latobold', Arial, Helvetica, sans-serif;
}

.panel-title > a {
	display: block;
	line-height: 17px;
	padding: 8px 10px;
	text-transform: uppercase;
}

.panel-title > a img {
	margin-right:5px;
}

.qm-pending-friends {
	color:#fff;
	background:#e27223;
	display:inline-block;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	margin-left:5px;
  padding: 2px 12px;
}

.panel-group .panel + .panel {
	margin-top: 15px;
}

.qw-support-collapse .panel-body {
	padding:0;
}

.qw-name {
	color:#831260;
	font: 16px 'latobold', Arial, Helvetica, sans-serif;
	text-transform:capitalize;
}

.qw-support-collapse .qw-view-mail-info {
	border-bottom:1px solid #e1e5e8;
	padding:15px;
}

.qw-support-collapse .qw-view-mail-info p, .Qw-mail-subject p {
	margin-bottom:0;
}

#qw-title-block h1 {
    font: 40px 'latolight';
	text-transform: capitalize;
}
/* .qw-support-collapse .qw-view-mail-info:last-child {
	border: none;
} */

.qw-time {
	margin-left: 4px;
    margin-top: 5px;
}

.qw-head img {
	width: 100%;
}

#qw-panel-right h3, .qw-level {
	margin-bottom:15px;
}

.qw-content-section {
	background: #f6fbff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	display: flex;
}

.qw-online {
	background: #fff;
	padding: 15px 15px 62px;
	border-bottom: solid 1px #daebfb;
}
.qw-online ul li {
	margin-bottom:10px;
}
.qw-online ul li a {
	display: inline-block;
	padding:0;	
}
.qw-online ul li a:hover {
	background: none;
}
#qw-panel-right .qw-online h3{
	margin-bottom:15px;	
}
.qw-online h4 {
	margin-bottom: 15px;
	font: 30px/32px 'latolight';
	color: #76125b;
}

.qw-level li {
	border-left:1px solid #000;
	float: left;
	line-height: 16px;
	padding:0 15px;
	text-transform: uppercase;
	font:900 16px 'latobold', Arial, Helvetica, sans-serif;
}

.qw-level li:first-child {
	border: none;
	padding-left:0;
}

.qw-table {
	margin-top:30px;
}

.qw-table .nav-tabs > li {
	width:16.66%;
	/* width: calc(99.99%/6); */
	text-align: center;
	margin-left: 0px;
}

.qw-table .nav-tabs > li img {
	margin:-3px 0 0 0;
	vertical-align: middle;
	/* background: #fff; */
	border-radius: 100%;
	padding: 2px 4px;
}

.qw-table .nav-tabs > li > a {
	background:#f8f9fa;
}

.qw-table .nav-tabs > li:last-child > a {
	margin-right:0px;
}
.nav-tabs > li > a {
	color:#929292;
	font:900 20px 'latobold', Arial, Helvetica, sans-serif;
}
.nav-tabs > li.active > a {
	color: #1872b6;
	background:#d6edfd !important;
}

.qw-table .tab-content {
	background:#d6edfd;
	padding:10px;
}

.qw-header {
	background-color: #81125e;
	padding:5px 15px;
}

#qw-panel-right .tab-content h3 {
	color:#fff;
	display:inline-block;
	text-transform:capitalize;
	margin-bottom: 0px;
}

.qw-swift-banner img, .qw-head-botttom-banner img {
	width:100%;
}

.qw-full-table {
	border:1px solid #e1e5e8;
}

.tab-content ul li {
	border-bottom:1px solid #e1e5e8;
}

.tab-content ul li.qw-add {
	background:#fff;
}

.tab-content ul li.qw-even {
	background:#fafafa;
}

.tab-content ul li > div {
	padding:8px 0;
}

.tab-content ul li ul li {
	float: left;
	padding:15px 8px;
	height:61px;
}

.tab-content ul li ul li:last-child {
	padding:0;
}

.tab-content ul li ul li span {
	vertical-align: middle;
}

.level-score {
	float: right;
	line-height: 40px;
	line-height: 30px;
	color: #ffffff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #640d49;
	padding: 0px 12px 0px 12px;
	height: 28px;
}

.qw-space span {
	border: 1px solid #c3d4e4;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 10px;
	background: #edf6ff;
	color: #242f33;
	font-style: normal;
	padding: 2px 4px;
	white-space: nowrap;
}

.qw-replay span {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	font-weight: bold;
	background-color: #e66f1d;
}

.qw-space span {
	padding: 6px 10px;
	background: url("../image/icons.png") 5px -397px no-repeat;
}

.qw-head-lession, .qw-accuracy, .qw-wpm, .qw-acheivement {
	color:#535353;
	font: 900 10px 'latobold', Arial, Helvetica, sans-serif;
}

.qw-accuracy, .qw-wpm, .qw-acheivement {
	text-align: center;
}

.qw-one, .qw-two, .qw-three, .qw-four, .qw-five, .qw-six, .qw-head-lession, .qw-accuracy, .qw-wpm, .qw-acheivement {
	float:left;
}

.qw-one, .qw-two, .qw-three, .qw-four, .qw-five, .qw-six {
	min-height: 59px;
	vertical-align: top;
	padding: 16px 0;
}
.qw-three {
	height:59px;
	min-height:59px;
}
.level-title {
    font: 700 18px 'latobold', Arial, Helvetica, sans-serif;
    margin: 0;
    display: inline-block;
    color: #fff;
}

.qw-sub-header {
	background: #e6ecf2;
	display:block;
	line-height: 18px;
	text-transform: uppercase;
}

.qw-head-lession {
	min-width: 295px;
	padding-left: 15px;
}

.qw-accuracy {
	min-width:64px;
}

.qw-wpm {
	min-width:38px;
}

.qw-acheivement {
	min-width:81px;
}

.qw-one {
	color:#1872b6;
	font: 700 16px 'latobold', Arial, Helvetica, sans-serif;
	min-width:92px;
	text-align:center;
}

.qw-two {
	min-width: 100px;
}

.qw-three {
	min-width: 102px;
}

.qw-four {
	border-left:1px solid #e1e5e8;
	color:#49595f;
	font:900 20px 'latobold', Arial, Helvetica, sans-serif;
	min-width:64px;
	text-align:center;
	width: 64px;
}
.qw-five {
	border-left:1px solid #e1e5e8;
	color:#49595f;
	font:900 20px 'latobold', Arial, Helvetica, sans-serif;
	min-width:37px;
	width: 37px;
	text-align:center;
}
.qw-six {
	border-left: 1px solid #e1e5e8;
	font:900 20px 'latobold', Arial, Helvetica, sans-serif;
	min-width: 83px;
	padding: 0;
	width: 83px;
	display: table;
}
.qw-six-question {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.qw-full-table .detail p {
	text-align: center;
    font: 13px latoregular;
    color: #929292;
	padding: 5px 0;
    margin: 0;
}
.qw-common-btn.pull-right.friend-request {
	margin-top: 5px;
}
.qw-image img {
	display: block;
	margin: 0 auto;
}
.qw-image {
	display: table-cell;
	height: 50px;
	width: 100%;
	vertical-align: middle;
}

.qw-two span {
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border: 1px solid #c3d4e4;
	background: #edf6ff;
	color: #242f33;
	font-style: normal;
	font-size:8px;
	/* line-height: 1; */
	padding: 2px 4px;
	display: block;
	width: 85px;
}

.qw-three a {
	font-size:14px;
	line-height: 20px;
	padding: 1px 3px 1px 7px;
	width: 97px;
}

.qw-three .qw-common-btn img {
	margin-left:5px;
	margin-top:2px;
}

.qw-head-botttom-banner {
	border-bottom: 1px solid #e1e5e8;
	border-left: 1px solid #e1e5e8;
	border-right: 1px solid #e1e5e8;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #f8f9fa;
	margin-bottom: 150px;
	padding: 12px;
	float: left;
	    position: relative;
}



.play-button-bottom {
	background: url(../../images/play-bottom-tabs.png) no-repeat;
	width: 124px;
	height: 42px;
	position: absolute;
    right: 40px;
    top: 36px;
}

.unlock-button-bottom {
	background: url(../../images/unlock-bottom-tabs.png) no-repeat;
	width: 124px;
	height: 42px;
	position: absolute;
    right: 40px;
    top: 36px;
}


.qw-tabs {
    margin: 0 15px 15px;
    float: left;
    width: 92%;
}

.qw-tabs .nav-tabs > li {
    width: 50%!important;
	margin-left:0px;
}

.qw-table .tab-content, .qw-tabs .qw-full-table {
    float: left;
    width: 100%;
}
.qw-tabs .qw-full-table {
    background-color: #fff;
    padding: 15px;
    border: none;
    float: left;
}
.qw-full-table {
    border: 1px solid #e1e5e8;
}

.faded-text {
    font: 400 13px 'latoregular';
    color: #929292;
    width: 50%;
    margin: 20px auto;
}
.pad0 {
    padding: 0!important;
}
.qw-tabs .nav-tabs > li:last-child > a {
    border-top: solid 1px #d8e3ef;
    border-right: solid 1px #d8e3ef;
    border-left: solid 1px #d8e3ef;
}
.qw-table .nav-tabs > li:last-child > a {
    margin-right: 0px;
}
.qw-tabs .nav-tabs > li > a {
    border-radius: 7px 7px 0 0;
}

.qw-mail-wrapper {
    float: left;
    width: 92%;
    margin: 15px;
}

.qw-mail-head {
    color: #1872b6;
    background-color: #f8f9fa;
    border: solid 1px #daebfb;
    font: 700 15px 'latobold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-radius: 7px 7px 0 0;
    padding: 10px;
}

.qw-mail-body {
    background-color: #ffffff;
    height: 124px;
    width: 100%;
    float: left;
    padding: 15px;
    border-right: solid 1px #daebfb;
    border-left: solid 1px #daebfb;
}

.qw-mail-footer {
    background-color: #f8f9fa;
    border: solid 1px #daebfb;
    border-radius: 0 0 7px 7px;
    float: left;
    padding: 15px;
    width: 100%;
}

.qw-mail-head img {
    margin-right: 5px;
}

.qw-description h2 {
    font: 700 20px 'latobold', Arial, Helvetica, sans-serif;
}

.qw-progress-wrapper {
    padding: 20px;
}

#qw-panel-right h3 {
    font: 700 18px 'latobold', Arial, Helvetica, sans-serif;
    color: #1872b6;
    margin-bottom: 0;
    padding: 15px;
    background-color: #f8f9fa;
}


/*page2 starts*/
.qw-find-friend, .qw-view-all-maill {
    border-top: 1px solid #daebfb;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background: #fafafa;
	padding:10px;
	position: relative;
}
.qw-no-friends, .qw-no-emails , .qw-no-pending-friends{
	padding: 30px 15px;
	text-align: center;
}
.qw-common-title { 
	color: #1872b6;
    font: 700 15px 'latobold', Arial, Helvetica, sans-serif;
    line-height: 17px;
    text-transform: uppercase; 
	margin-bottom:10px;
}
.search-area {
    padding: 8px 20px 8px 20px;
    color: #929292;
    font: italic 16px 'latoitalic';
    border: none;
    border-radius: 20px;
    border: solid 2px #e8e8e8;
}
.search-wrapper .search-area {
	width: 89%;
}
.search-wrapper {
	width: 100%;
    float: left;
    margin-top: 8px;
}
.search {
    float: left;
    margin:10px 8px 0 0;
}

.qw-emailer-subject {
	font: 18px latobold;
    color: #3e3e3e;
}

.Qw-mail-subject p {
	font: 18px latoregular;
}

input.search-area:focus {
    border: solid 2px #0c70b8;
	outline: none;
}
.qw-friend-list ul li {
	border-bottom:1px solid #daebfb;
	padding:10px;	
}
.qw-friend-list ul li .qw-name {
	text-decoration:underline;
}
.qw-time-online, .qw-time-ofline {
	margin-top:8px;
} 

.qw-mail-info.qw-view-mail ul li {
    padding:18px 10px;
}

.qw-mail-info.qw-friend-list ul li.new-mail .qw-name {
	color: #3e3e3e;	
}
.qw-mail-info.qw-view-mail ul {
	margin: 0;
}
.qw-view-mail .qw-width63 {
	width: 100%;
}
.qw-view-mail {
	padding: 0 30px 30px 30px;
	background-color: #fff;
}

.qw-time-online {
	background:url(../images/qw-message.png) no-repeat left center;
	padding-left: 22px;
    padding-right: 10px;
}
.qw-time-ofline {
	background:url(../images/qw-offline-message.png) no-repeat left center;
	padding-left:22px;
	padding-right: 10px;
}
.qw-content-section .qw-table.qw-tabs .nav.nav-tabs .qm-pending-friends {
	text-shadow: none;
}
.qw-pending-friend-list ul li:first-child {
	padding:0;
}
.qw-pending-friend-list ul li:first-child .qw-head-lession {
	min-width:221px;
}
.qw-pending-friend-list ul li:first-child .qw-accuracy {
	min-width:62px;
}
.qw-pending-friend-list ul li:first-child .qw-wpm {
	min-width:62px;	
}
.qw-friend-list-add-delete {
	display:inline-block;
	min-width:207px;
}
.qw-approve, .qw-decline {
	display:inline-block;
	min-width:62px;
	text-align:center;
	vertical-align: top;
}
.qw-approve a, .qw-decline a {
	width:32px;
	height:32px;
	display:inline-block;
	margin-top:4px;
}
.qw-approve a {
	background:url(../images/qw-approve.png) no-repeat left top;
}
.qw-decline a {
	background:url(../images/qw-decline.png) no-repeat left top;
}

/*5-5-16*/
#qw-panel-left.qw-qmail-blk, #qw-panel-right.qw-qmail-info-blk {
	padding-top:0;	
}
.qw-inbox {
    border-bottom: 1px solid #daebfb;
	padding:17px;
}
.qw-mail-header {
    border-bottom: 1px solid #daebfb;
	background-color: #f7f7f7;
    padding: 14px 15px 8px !important;
	min-height: 63px;
}
.qw-mail-info.qw-friend-list {
	background-color: #fff;
	min-height: 520px;
}

.qw-mail-header .qw-common-btn { 
	vertical-align:top;
	margin-right:10px;
	margin-top: 5px;
}

#btnDeletes {
	line-height: 20px;
	padding-top:2px;
	padding-bottom:2px;
}


#send-new-msg-form .chosen-choices, #block-user  .chosen-choices, #form_friend_finder .chosen-choices{
	border: 2px solid #e8e8e8;
	background: 0;
    font: 16px latoregular;
    color: #3e3e3e;
}

.qw-mail-header .qw-common-btn img {
	margin-left:10px;
	margin-top: 2px;
}
.qw-mail-header .pagination {
	margin: 6px 0 0 0;
}
.qw-mail-header .pagination > li > a, .pagination > li > span {
    background: none;
    border: none;
    color: #3e3e3e;
    float: left;
    margin-left: -1px;
    padding: 0 3px;
    text-decoration: none;
    position: relative;
    font: 15px latobold;
}
.qw-mail-header .pagination > li img {
	margin-left:15px;
}

.qw-mail-list ul li {
	margin-top:10px;
	margin-bottom:15px;
	    width: 100%;
    padding-right: 30px;
}
.qw-mail-list ul li a {
	color:#86898e;
	border-left: 6px solid transparent; 
	display: block;
	padding:5px 0 5px 20px;
		font: 15px latobold;
		color: #929292;
		text-transform: uppercase;
}
.qw-mail-list ul li a.active {
	border-left:3px solid #e27223;
}

.qw-mail-info ul {
	margin:0 15px 15px 15px;
}
.qw-mail-info ul li {
	padding-left:0;
	padding-right:0;
}

.qw-mail-info .qw-name p a ,.qw-mail-info .qw-name .qw-time{
	color: #3e3e3e;
}
.qw-mail-info ul li .qw-det img {
	margin-right:15px;
	margin-left:0;
}
.qw-mail-info ul li img {
	margin-left:15px;
}
.qw-mail-info ul li .qw-name p {
    text-decoration: none;
    font-weight: normal;
    margin-bottom: 0;
    font: 14px latoregular;
    color: #3e3e3e;
}
.qw-mail-info.qw-friend-list ul li .qw-name  {
	text-decoration:none;
	    font: 16px latobold;
	    text-transform: capitalize;
	    margin-left:10px;
	    max-width: 525px;
}
.qw-mail-info.qw-friend-list ul li:last-child {
	border: none;
}
.qw-mail-info ul li label {
	padding-right:15px;
}
.qw-mail-info label {
	margin-right:10px;
	margin-bottom:0;
	vertical-align:middle;
}

#block-users .qw-mail-info.qw-friend-list {
	padding: 20px;
}

#block-users .qw-mail-info.qw-friend-list p  {
	font: 16px/20px latoregular;
	    color: #3e3e3e;
}

#block-users .qw-mail-info.qw-friend-list p.italics  {
	font: 16px/20px latoitalic;
	color: #3e3e3e;
}

#block-users .qw-mail-info.qw-friend-list p.italic {
	font: 16px latoitalic;
}

#block-users .qw-pad15 {
	 padding: 17px 15px;
}

.qw-dot {
    background: #1b7fcd;
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.qw-det {
	float: left;
	vertical-align: top;
}
.qw-checkbox, .qw-radio {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
input[type=checkbox] {
    cursor: pointer;
}
.qw-checkbox.qw-checkbox-outline>span {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
		background: url(../images/checkbox-inactive.png) no-repeat;
	width: 24px;
	height: 24px;
}

.qw-checkbox.qw-checkbox-outline>input:checked~span {
	background: url(../images/checkbox-active.png) no-repeat;
	width: 26px;
	height: 24px;
}


.qw-checkbox>span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.qw-checkbox>span {
    border: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background: #E6E6E6;
}
.qw-checkbox>input, .qw-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* .qw-checkbox>span:after {
    content: '';
    position: absolute;
    display: none;
} */
.qw-checkbox>input:checked~span:after {
	display: block;
}
.qw-mail-info.qw-friend-list ul li .qw-common-btn img {
	margin-left:5px;
	margin-right:0;
}
.full-det textarea {
    color: #3e3e3e;
    font-weight: normal;
    border: 2px solid #e8e8e8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    margin: 20px 0 20px 0;
    min-height: 170px;
    padding: 11px 15px 15px 15px;
    width: 100%;
    resize: none;
    font: 16px latoregular;
}
.Qw-mail-subject {
	border-bottom:1px solid #daebfb;
	margin-bottom:0;
}
.qw-width63 {
    width: 63%;
}
.qw-width8 {
	width:8%;
}
.qw-width92 {
	width:92%;
}
.qw-width120 {
	width: 150px;
}
/*page2 Ends*/
footer {
	margin-bottom:30px;
}
footer span {
	color:#49595f;
	display: inline-block;
	font: 13px latoregular;
	color: #3e3e3e;
}
footer ul li {
	float: left;
}
footer ul li a {
	color: #49595f;
	font: 13px latobold;
	padding-left:15px;
}
/*site styles end*/

/*common-paddings and styles*/
.qw-padr5 {
	padding-right: 5px;
}
.qw-padrl0 {
	padding-right:0;
	padding-left:0;
}
.qw-padtop15 {
	padding-top:15px;
}
.qw-padtb15 {
	padding-top:15px;
	padding-bottom:15px;
}
.qw-pad15 {
	padding:15px;
}
.qw-pad0 {
	padding:0;
}
.blue-block { 
	color:#2581bc;
}
.qw-width20 {
	width:20px;
}
.qw-vertop {
	vertical-align: middle;
}

/* lesson demo */

.game-section {
/*     background: url(../images/game-back.png) left top no-repeat; */
/*     width: 938px; */
/*     height: 598px; */
/*     background-size: 100% 100%; */
}
.game-section  .content {
    position: relative;
    float: left;
    width: 100%;
    height: 598px;
}

.game-section  .content img{
    margin-top: 83px;
    margin-left: 90px;
}

.game-section .bottom-nav {
    background-color: #fff;
    float: left;
    width: 100%;
    margin: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	padding: 7px 10px;
}
.tools.bottom-bar a.start-over {
	background-color: #e4720d;
    color: #fff;
    display: inline-block;
    font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
    border-radius: 20px;
    line-height: 20px;
    padding: 2px 5px 2px 25px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #e8e8e8;
    position: relative;
}


.tools.bottom-bar a.start-over:hover .overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
}

.game-section a.start-over img {
	margin:-2px 0 0 4px;
	vertical-align: middle;
}
.game-section  .bottom-nav ul li {
	float: left;
	margin: 6px 10px 0 0;
}

.game-section .bottom-nav ul li:nth-child(2) {
	margin-right: 20px;
}


.game-section  .bottom-nav ul li span {
	font: 14px latobold;
    text-transform: uppercase;
    background-color: #929292;
    width: 110px;
    text-align: center;
    display: block;
    color: #fff;
    padding: 4px 0;
    float: left;
    margin-right: 2px;
    line-height: 20px;
}

.game-section  .bottom-nav ul li span:nth-child(1) {
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
	width: 150px;
}

.game-section  .bottom-nav ul li span:nth-child(4) {
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	width: 150px;
}

.game-section  .bottom-nav ul li span.active-purple {
	background-color: #9f1379;
}

.game-section  .bottom-nav ul li span.active-green {
	background-color: #0B9E36;
}

.game-section  .bottom-nav ul li span.active-blue {
	background-color: #1C6EB0;
}


.game-section  .bottom-nav ul li p {
    color: #3e3e3e;
    font: 16px latobold;
    width: inherit;
    margin: 8px 0;
    padding: 0 4px;
    text-transform: uppercase;
}
.game-section .bottom-nav ul li:last-child p {
    margin-left: 10px;
    padding-left: 0;
    padding-right: 0;
}
.game-section  .bottom-nav ul li p span{
    background: none;
    color: #2273b2;
    float: none;
    width: 20px !important;
    padding: 0;
    font: 16px latobold;
    display: inline-block;
}
.game-section  .bottom-nav ul li:nth-child(3) p {
	border-right: 1px solid #828282;
}

.game-section  .bottom-nav ul li:nth-child(3), .game-section  .bottom-nav ul li:nth-child(4) {
	margin: 0;
}
.game-section .content-gamesection {
    background: url(../images/text-bg.png) left top no-repeat;
    width: 652px;
    height: 225px;
    background-size: 100% 100%;
    position: absolute;
    top: 20px;
    left: 130px;
    border-radius: 10px;
    z-index: 100;
}

.game-section .content-gamesection .text-content {
	margin: 40px 30px 10px 30px;
    min-height: 118px;
	position: relative;
}
.game-section .content-gamesection .text-content p {
	font: 18px latoregular;
	color: #3e3e3e;
	margin-bottom: 10px;
}
.game-section .content-gamesection .text-content .navigation-buttons {
	padding: 0;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.game-section .content-gamesection .text-content p span {
	font: 800 18px latobold;
	text-transform: uppercase;

}
.navigation-buttons {
	float: left;
    width: 100%;
    padding: 0 20px;
}
.navigation-buttons .back-button, .navigation-buttons .next-button {
    background-color: #e4720d;
    color: #fff;
    display: inline-block;
    font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
    border-radius: 20px;
    padding: 5px 31px;
    text-align: center;
    text-transform: uppercase;
	position: relative;
}

.navigation-buttons .back-button {
	float: left;
} 
.navigation-buttons .next-button {
	float: right;
}


.navigation-buttons a.back-button:hover .overlay, .navigation-buttons a.next-button:hover .overlay {
	display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
}


/* result screen */

.result-screen  .close-okay {
	background-color: #e4720d;
    color: #fff;
    font: 14px latobold;
    border-radius: 20px;
    padding: 4px 20px;
    text-transform: uppercase;
    
    position: relative;
        float: right;
}


.result-screen .result-dialog {
    width: 691px;
    border: 15px solid #81125e;
    border-radius: 26px;
    height: 478px;
    background-color: #fff;
}

.result-screen .dashboard-button, .result-screen .tryagain-button{
	float: left;
	margin-right: 15px;
}

.result-screen .result-header  {
	padding: 10px 20px;
    height: 100px;
    border-bottom: 1px solid #d5d8da;

}
.result-screen .result-header h4 {
	font: 34px latoregular;
    color: #75175a;
    margin-bottom: 0;
}
.result-screen .result-header p {
	font: 18px latoregular;
    color: #3e3e3e;
    margin: 0;
}
.result-screen .result-footer {
    padding: 20px;
}

.result-screen .result-body{
	float: left;
    width: 100%;
	min-height: 300px;
	padding: 10px;
}
.result-screen .result-body ul {
    list-style: none;
    float: left;
    width: 100%;
    background-color: #dbedff;
    padding: 13px 20px;
    margin: 0;
}

.result-screen .result-body ul li:nth-child(3) {
    width: 14%;
    /* border-left: 1px solid #c5dae9; */
    padding: 26px 0 26px 18px;
}

.result-screen .result-body ul li:nth-child(3) img{
	margin-top: 2px;
}

.result-screen .result-body ul li:nth-child(2) {
	border-left: 1px solid #c5dae9;
	padding: 0px 0 6px;
	font-size:24px;
}


.result-screen .result-body ul li:nth-child(2) li span {
	    margin-top: -10px;
}

.result-screen .result-body ul li:nth-child(1) {
	width: 46%;
}
.result-screen .result-body ul li{
	float: left;
	width: 40%
}

.result-screen .result-body ul li img{
    float: left;
    margin: 8px 10px 0 0;
}
.result-screen .result-body ul li:first-child img {
	margin: 8px 20px 0 0;
}
.result-screen .result-body ul li span{
	float: left;
    font: 18px latobold;
    text-transform: uppercase;
    color: #1872b6;
}
.result-screen .result-body ul li p {
	float: left;
    font: 16px latoregular;
    color: #3e3e3e;
    margin: 0;
}
.result-screen .result-body ul li ul li {
    float: none;
    color: #3e3e3e;
    font: 18px latoregular;
    text-align: center;
    width: 100%;
	border: none !important;
}
.result-screen .result-body ul li ul{
	width: 60%;
}
.result-screen .result-body ul li ul:nth-child(2) {
	width: 40%;
}

.result-screen {
    top: 54px;
    position: absolute;
    left: 104px;
    height: auto;
    float: left;
    z-index:100;
}
.inner-content-chosefnd {
	position: relative;
	height: 651px;
}

.result-screen .result-content {
	float: left;
        padding: 10px 0 20px;
}

.result-screen .result-body ul.medal:nth-child(2) {
	background: #f8f9fa;
	margin-top: 10px;
}
.result-screen .result-body ul.medal:nth-child(2) li ul{
	    background: none;
}

.result-screen .result-body ul.medal:nth-child(2) li:nth-child(2) {
	    border-right: none;
}


.result-footer p {
    float: left;
    font: 16px latoregular;
    color: #3e3e3e;
    margin: 4px 0 0;
}

/* own profile popup */


#ownprofile .modal-dialog, #friendprofile .modal-dialog, #friend-request .modal-dialog, #teacherProfile .modal-dialog, #studentProfile .modal-

dialog, #runReports .modal-dialog , #studentOwnProfile .modal-dialog, #viewusertransactions .modal-dialog {
	width: 870px;
	height: auto;
}

#ownprofile .modal-content, #friendprofile .modal-content, #friend-request .modal-content, #studentOwnProfile .modal-content, 

#viewusertransactions .modal-content {
	float: left;
	border-radius: 10px;
}

.popup-fnd {
	padding:0px !important;
}

.popup-left-box {
	height: 560px;
	width: 345px;
	float:left;
	background: url("../images/avatar_popup_bg.png") no-repeat center;
	background-size: 100% 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}

/* .popup-left-box img {
	padding: 35px 70px;
} */

.close-btn {
	margin-right: 17px;
	margin-top: 10px;
	float: right;
}

.popup-right-box {
	height: auto;
	width: 518px;
	margin-top: 10px;
	float: left;
}

.chose-fnd-name {
	font: 36px/48px latoregular;
	color:#75175a;
	text-transform: Capitalize;
}

.display-fnd-name {
    margin:0 25px 30px 25px;
	padding: 22px 0 0;
}

.break-line-popup {
	border-bottom:1px solid #daebfb;
}

.display-fnd-about {
    margin: 20px 30px 30px 30px;
    position: relative;
    height: 399px;
    float: left;
    width: 88.5%;
}

.relationship {
	font: 18px/18px latobold;
	color:#1872b6;
	margin-top:20px;
	margin-bottom: 0;
}

.relationship .relationship-name {
	font: 18px/18px latoregular;
	color:#3e3e3e;
	padding-left:3px;
}

.relationship-remove, .relationship-remove:hover, .relationship-remove:active, .qwerty-trans, .qwerty-trans:hover, .qwerty-trans:active {
	font: 16px/18px latoregular;
	text-decoration:underline;
	outline:none;
	color: #e4720d;
}

.display-prize {
	/* margin-top:20px; */
	height:112px;
	width: 100%;
	background:#f8f9fa;
}

.prize {
	list-style: none;
	display: table;
	margin: 0 auto;
}

ul.prize li {
	list-style: none;
	padding: 16px 10px;
	float: left;
}

ul.prize li span {
	display: block;
	text-align: center;
	font: 18px/19px latobold;
	color:#7a1158;
}

.qtdetails ul li span {
	color: #3e3e3e;
}

.qtdetails ul li {
	list-style: none;
	float:left;
	font: 18px/19px latobold;
	color:#1872b6;
	width: 50%;
	margin-bottom: 25px;
}

.qtdetails ul li img {
	margin-right: 5px;
	float: left;
}

.qtdetails, .qwerty-transactions {
	width: 100%;
	float: left;
	margin-top: 15px;
}

a.edit-avatar {
	background-color: #e4720d;
	color: #fff;
	font: 14px latobold;
	border-radius: 20px;
	padding: 9px 25px;
	text-transform: uppercase;
	margin-right: 15px;
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0;
	    line-height: 20px;
	border: solid 2px #e8e8e8;
}

.overlay {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

.edit-avatar:hover .overlay {
	display: block;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	padding: 10px 25px;
	color: #fff;
}

/* unlock level popup */

#unlock-level .modal-dialog {
	width: 525px;
}

#unlock-level .modal-body h4 {
	font: 18px latobold;
    text-transform: uppercase;
    color: #1872b6;
    text-align: center;

}
#unlock-level .modal-body h3 {
    font: 36px/48px latoregular;
    color: #75175a;
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
}

#unlock-level .modal-body p {
	font: 18px latoregular;
	color: #3e3e3e;
	text-align: center;
}

#unlock-level  .close-okay {
	background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 2px solid #e8e8e8;
    line-height: 22px;
}

#unlock-level .modal-footer {
    padding: 30px 0 30px;
    text-align: center;
    border: none;
}

/* unlock-level-lesson level popup */

#unlock-level-lesson .modal-dialog {
    width: 525px;
}

#unlock-level-lesson .modal-body h4 {
    font: 18px latobold;
    text-transform: uppercase;
    color: #1872b6;
    text-align: center;

}
#unlock-level-lesson .modal-body h3 {
    font: 36px/48px latoregular;
    color: #75175a;
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
}

#unlock-level-lesson .modal-body p {
    font: 18px latoregular;
    color: #3e3e3e;
    text-align: center;
}

#unlock-level-lesson  .close-okay {
    background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 2px solid #e8e8e8;
    line-height: 22px;
}

#unlock-level-lesson .modal-footer {
    padding: 30px 0 30px;
    text-align: center;
    border: none;
}

/* playnow-restrict popup */

#playnow-restrict .modal-dialog, #playnow-restrict-token .modal-dialog, #playnow-restrict-off .modal-dialog,#h2hinvite-dialog .modal-dialog{
	width: 525px;
}

#playnow-restrict .modal-body h4, #playnow-restrict-token .modal-body h4, #playnow-restrict-off .modal-body h4,#h2hinvite-dialog .modal-body 

h4{
	font: 18px latobold;
    text-transform: uppercase;
    color: #1872b6;
    text-align: center;
	    margin-bottom: 10px;

}
#playnow-restrict .modal-body h3, #playnow-restrict-token  .modal-body h3, #playnow-restrict-off  .modal-body h3,#h2hinvite-dialog  .modal-body 

h3{
    font: 36px/48px latoregular;
    color: #75175a;
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
}

#playnow-restrict .modal-body p,#playnow-restrict-token .modal-body p, #playnow-restrict-off .modal-body p,#h2hinvite-dialog .modal-body p {
	font: 18px latoregular;
	color: #3e3e3e;
	text-align: center;
}
#h2hinvite-dialog .modal-body p {
	color: #565656 !important;
}

#playnow-restrict  .close-okay,  #playnow-restrict-token  .close-okay, #playnow-restrict-off  .close-okay{
	background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 2px solid #e8e8e8;
    line-height: 22px;
}

#h2hinvite-dialog .modal-content {
     height: 347px;
}
#h2hinvite-dialog span{
	font-weight:bold;
	text-transform:capitalized;
}

#h2hinvite-dialog  .close-okay,#h2hinvite-dialog .close-cancel{
	background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    border: 2px solid #e8e8e8;
    line-height: 22px;
    margin-right: 13px;
}

#playnow-restrict .modal-footer, #playnow-restrict-token .modal-footer, #playnow-restrict-off .modal-footer{
    padding: 30px 0 30px;
    text-align: center;
    border: none;
}
#h2hinvite-dialog .modal-footer {
	padding-top: 80px !important;
	text-align: center;
    border: none;
}
#h2hinvite-ok {
    margin-left: 1px !important;
}


/* qwert coins tokens popup */

#qwerty-token-coins .close-btn {
	margin-right: 5px;
    margin-top: 0;
    float: right;
}

.close-okay:hover .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 10px 25px;
  color: #fff;
}


#qwerty-token-coins  .close-okay {
	background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 2px solid #e8e8e8;
    line-height: 22px;
}

#qwerty-token-coins .modal-header {
	padding-left: 30px;
}
#qwerty-token-coins .modal-footer {
    padding: 30px 0;
    text-align: center;
    border: none;
}
#qwerty-token-coins .modal-body {
	padding: 30px;
	    float: left;
}


#qwerty-token-coins .modal-body .left-part {
	width: 50%;
    float: left;
    border-right: 1px solid #c5dae9;
}
#qwerty-token-coins .modal-body .right-part {
	float: left;
    padding-left: 30px;
	width: 50%;
}

#qwerty-token-coins .modal-body .left-part h6 img, #qwerty-token-coins .modal-body .right-part h6 img{
	    margin-right: 10px;
}
#qwerty-token-coins .modal-body .left-part h6 span, #qwerty-token-coins .modal-body .right-part h6 span {
	font: 16px latobold;
	color: #2581bc;
}
#qwerty-token-coins .modal-body .right-part p, #qwerty-token-coins .modal-body .left-part p {
	font: 16px latoregular;
	color: #3e3e3e;
	width: 90%;
	margin-top: 15px;
}

#qwerty-token-coins .modal-body .left-part h6, #qwerty-token-coins .modal-body .right-part h6 {
	font: 16px latosemibold;
}

/* new message popup */

#new-message .modal-content {
	float: left;
}
#new-message .modal-header {
	padding: 20px 30px;
	border-bottom-color: #daebfb;
}

#new-message .modal-body {
	padding: 25px 30px;
	float: left;
}
#new-message .close-btn {
	margin-right: -10px;
    margin-top: 0;
    float: right;
}
#new-message .modal-body textarea  {
	width: 100%;
    height: 130px;
    border: 2px solid #e8e8e8;
    resize: none;
    border-radius: 20px;
	outline: none;
    padding: 10px;
	color: #3e3e3e;
    font: 16px latoregular;
}
#new-message .modal-body input  {
	width: 100%;
    height: 38px;
    border: 2px solid #e8e8e8;
    border-radius: 20px;
	margin-bottom: 20px;
	padding: 0 10px;
    color: #3e3e3e;
    font: 16px latoregular;
}
#new-message .modal-body label {
    width: 100%;
    color: #1872b6;
    font: 16px latobold;
    text-transform: uppercase;
}

.send-message:hover .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 10px 25px;
  color: #fff;
}

a.send-message {
    background-color: #e4720d;
    color: #fff;
    font: 14px latobold;
    border-radius: 20px;
    padding: 3px 65px;
    text-transform: uppercase;
    margin: 20px 0 0;
    position: relative;
    float: right;
    border: 2px solid #e8e8e8;
}

/* block user popup */

#block-user .modal-dialog {
	width: 525px;
}
#block-user .modal-header .close-btn {
	margin-right: -10px;
    margin-top: -10px;
    float: right;
}
#block-user .modal-header {
	padding: 25px 30px;
}

#block-user .modal-body {
	padding: 30px;
}
#block-user .modal-body p {
	font: 18px/26px latoregular;
    color: #3e3e3e;
    width: 95%;
    margin-bottom: 20px;
}

#block-user .modal-body input  {
	width: 60%;
    height: 32px;
    border: 2px solid #e8e8e8;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 0 10px;
    color: #3e3e3e;
    font: 16px latoregular;
}
#block-user .modal-body label {
    width: 100%;
    color: #1872b6;
    font: 16px latobold;
    text-transform: uppercase;
}

.add-blocked:hover .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 10px 25px;
  color: #fff;
}

a.add-blocked {
    /* background-color: #e4720d; */
    color: #3e3e3e;
    font: 14px latobold;
    border-radius: 20px;
    padding: 5px 22px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    float: right;
    border: 2px solid #efefef;
}

a.add-blocked:hover {
	background-color: #e4720d;
	color: #fff;
}

#block-user .modal-body .qw-common-btn.pull-right {
	margin-top: 20px;
}
#block-user .modal-body p.small {
	font: 12px latoregular;
	width: 100%;
	    margin-top: 20px;
	    text-align: left;
}


/* changes saved popup */

.close-okay:hover .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 10px 25px;
  color: #fff;
}
#changes-saved .modal-dialog {
	width: 525px;
}
#changes-saved .modal-body h4 {
	text-align: center;
    width: 290px;
    margin: 0 auto;
    font: 36px latoregular;
    color: #75175a;
	    padding: 40px 0;
}
#changes-saved .modal-footer {
    padding: 30px 0 50px;
    text-align: center;
    border: none;
}

#changes-saved  .close-okay {
    background-color: #e4720d;
    color: #fff;
    font: 18px latobold;
    border-radius: 20px;
    padding: 5px 70px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    text-align: center;
}

/* result screen */


.result-page {
	background: url(../images/result-back.png) left top no-repeat;
    width: 938px;
    height: 598px;
    background-size: 100% 100%;
}

.result-screen  .close-okay {
	background-color: #e4720d;
    color: #fff;
    font: 14px latobold;
    border-radius: 20px;
    padding: 4px 20px;
    text-transform: uppercase;
        border: 2px solid #e8e8e8;
    position: relative;
        float: right;
}


.result-screen .modal-dialog {
	width: 650px;
    border: 15px solid #75175a;
    border-radius: 26px;
}

.result-screen .dashboard-button, .result-screen .tryagain-button{
	float: left;
	margin-right: 15px;
}

.result-screen .modal-header p {
	font: 16px latoregular;
    color: #3e3e3e;
    margin: 0;
}
.result-screen .modal-footer {
	border: none;
}

.result-screen .modal-body{
	float: left;
    width: 100%;
	min-height: 250px;
}
.result-screen .modal-body ul {
	list-style: none;
	float: left;
    width: 100%;
	background-color: #fafafa;
	padding: 10px 20px;
}

.result-screen .modal-body ul li:nth-child(3) {
    width: 10%;
    margin-top: 20px;
    margin-left: 15px;
}

.result-screen .modal-body ul li:nth-child(2) {
	border-left: 1px solid #d5d8da;
    border-right: 1px solid #d5d8da;
}
.result-screen .modal-body ul li:nth-child(1) {
	width: 46%;
}
.result-screen .modal-body ul li{
	float: left;
	width: 40%
}

.result-screen .modal-body ul li img{
	float: left;
	    margin-right: 10px;
}
.result-screen .modal-body ul li span{
	float: left;
    font: 16px latobold;
    text-transform: uppercase;
    color: #1872b6;
}
.result-screen .modal-body ul li p{
	float: left;
    font: 16px latoregular;
    color: #3e3e3e;
    margin: 0;
}
.result-screen .modal-body ul li ul li {
    float: none;
    color: #3e3e3e;
    font: 16px latoregular;
    text-align: center;
    width: 100%;
	border: none !important;
}
.result-screen .modal-body ul li ul{
	width: 60%;
}
.result-screen .modal-body ul li ul:nth-child(2) {
	width: 40%;
}

/* home page */

#leftpart {
    background-color: #1972b6;
    height: 650px;
    width: 400px;
    display: inline-block;
    margin: 0;
    padding: 20px;
    float: left;
    position: relative;
	    border-bottom-left-radius: 4px;
}
#rightpart {
    background: url(../images/avatar_popup_bg.png) no-repeat;
    height: 650px;
    width: 537px;
    background-size: 100% 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
	border-bottom-right-radius: 4px;
}
#leftpart h4 {
    font: 18px latobold;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#leftpart .home-default #collapse1 .panel-title a {
    padding: 4px 10px;
    font-size: 15px;
}

#leftpart .home-default #collapse1 .panel-body {
    padding: 10px;
}

#leftpart .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

/* #rightpart img {
    width: 140px;
    height: 477px;
    top: 110px;
    position: relative;
    left: 200px;
} */

/* #leftpart .home-default .panel-default{
	border: none;
} */
#leftpart .home-default {
	background-color: #fff;
    border-radius: 10px;
}
#leftpart .home-default h4 {
	font: 18px latobold;
    color: #1872b6;
	margin-bottom: 0;
}

#leftpart .home-default .panel-title a {
	padding: 6px 10px;
}
#leftpart .home-default .panel-title a img {
	margin-top: 0;
	min-width: 40px;
	vertical-align:middle;
}

a.cancel, a.save-changes {
    background-color: #e4720d;
    color: #fff;
    display: inline-block;
    font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
    border-radius: 20px;
    line-height: 28px;
    padding: 4px 25px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #efefef;
    position: absolute;
    bottom: 20px;
    width: 165px;
}
a.cancel {
	   padding: 4px 30px; 
}
a.save-changes {
	left: 210px;
}

a.cancel:hover .overlay, a.save-changes:hover .overlay {
	    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.cancel:active .overlay, a.save-changes:active .overlay {
	    display: block;
    background-color: rgba(0, 0, 0, 0.30);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.plus1-accordion, .minus1-accordion {
	display: block;
	float:right;
	width: 20px;
	height: 20px;
	margin-top: 0;/* transition: transform 0.1s ease-in; */
}

.plus1-accordion {
	background:url(../images/accordion-down.png);
}

.minus1-accordion {
	background:url(../images/accordion-up.png);
}

#leftpart .panel-default > .panel-heading {
	background: none;
}

#leftpart #collapse1 .panel-group {
    border: solid 1px #c2dbf2;
    border-radius: 5px;
    height: 296px;
	padding: 5px 0;
	margin-bottom: 0;
}


/* changes saved popup */

.close-okay:hover .overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#changes-saved .modal-dialog {
	width: 525px;
}
#changes-saved .modal-body h4 {
	text-align: center;
    width: 290px;
    margin: 0 auto;
    font: 36px latoregular;
    color: #75175a;
	    padding: 40px 0;
}
#changes-saved .modal-footer {
    padding: 30px 0;
    text-align: center;
    border: none;
}

#changes-saved  .close-okay {
    background-color: #e4720d;
    color: #fff;
    font: 15px latobold;
    border-radius: 20px;
    padding: 8px 73px;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 2px solid #e8e8e8;
    line-height: 22px;
}

.qw-content-section #qw-panel-left .nav-pills > li.active > a, .qw-content-section  #qw-panel-left .nav-pills > li.active > a:hover, .qw-

content-section  #qw-panel-left .nav-pills > li.active > a:focus {
	background: none;
    color: #831260;
    border-left: 6px solid #e4720d;
    display: block;
	padding: 5px 0 5px 20px;
    border-radius: 0;
	
}

.qw-content-section .nav-pills > li + li {
	margin-left: 0;
}

.qw-content-section #qw-panel-left.qw-pad0 .nav > li > a:hover, .qw-content-section #qw-panel-left.qw-pad0 .nav > li > a:focus {
	background: none;
	background: none;
    color: #831260;
    border-left: 6px solid #e4720d;
    display: block;
    padding: 5px 0 5px 20px;
    border-radius: 0;
	font: 15px latobold;
}

#unlock-level .modal-content {
	padding: 15px 20px 0 0;
}
#unlock-level .modal-body {
	padding-top:0;
}
.blocked-list ul {
	    margin: 0 0px 0 5px;
}
.blocked-list {
	margin-top: 50px;
	margin-left: 25px;
	    width: 92%;
}

#qw-panel-right .blocked-list h3{
		border-bottom: 1px solid #daebfb;
		    padding-bottom: 15px;
    margin-bottom: 0;
	    font: 18px latobold;
}


.qw-mail-info.qw-friend-list .blocked-list ul li:last-child {
	border-bottom: 1px solid #daebfb;
}

.blocked-name, .blocked-date {
	font: 16px latoregular;
    color: #3e3e3e;
	display: inline-block;
}

.blocked-name {
	width: 169px;
}

.blocked-date {
	border-right: 1px solid #daebfb;
	padding: 5px 20px 5px 0;
}
.remove-button {
    margin-left: 20px;
    font: 14px latobold;
    padding: 3px 29px;
    border: 2px solid #efefef;
	float: right;
	margin-top:5px;
}
.modal-title {
	    font: 36px/49px latoregular;
}

.qw-full-table .odd, .qw-full-table .even, .qw-mail-body .odd {
	background-color: #fff;
    padding: 5px 0;
}
.qw-full-table .even {
	background-color: #f8f8ff;
}

.qw-full-table .odd a, .qw-full-table .even a, .qw-mail-body .odd a {
	color: #e4720d;
    font: 16px latobold;

} 



#form_friend_finder span.select2-container {
    border-radius: 15px !important;
    width: 65% !important;
    float: left;
    border: 2px solid #e8e8e8;
    background: 0;
    font: 16px latoregular;
    color: #3e3e3e;
}
#form_friend_finder span.select2-container span.select2-selection--multiple {
    border: none !important;
    border-radius: 16px;
}
 .select2-container--focus{
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container--open .select2-dropdown--below {
    margin-top: 10px;
    border: 2px solid #ddd !important;
    border-top: 2px solid #ddd !important;
    box-shadow: none !important;
    box-sizing: border-box;
    width: 100%;
}
.select2-container--open .select2-dropdown--below:before, .select2-container--open .select2-dropdown--below:after  {
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}
.select2-container--open .select2-dropdown--below:before {
	border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ddd;
    border-width: 13px;
    margin-left: -13px;
}
.select2-container--open .select2-dropdown--below:after {
    border-color: rgba(0, 221, 221, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.select2-container--open .select2-dropdown--below .select2-results ul li {
    color: #75175a;
    padding: 10px 6px;
    font: 900 16px 'latobold', Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    line-height: 30px;
}
.select2-container--open .select2-dropdown--below .select2-results ul li.select2-results__message{
	background: #f4f4f4;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: white !important;
    background-color: #e4720d !important;
    padding: 6px 7px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    list-style: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 2px solid #c2dbf2 !IMPORTANT;
    background-color: #e4720d !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    color: #fff;
    display: inline-block;
    font: 16px 'latoregular', Arial, Helvetica, sans-serif;
    line-height: 16px;
    padding: 4px 20px;
    text-shadow: none;
    position: relative;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice span{
	display: none;
}

@media (max-width: 800px) {
	.nav > li > a {
   	  position: relative;
  	  display: block;
  	  padding: 10px 10px;
	}
	/* 
	* Customize User
	*/
	#leftpart {
		background-color: #1972b6;
		height: 650px;
		width: 314px;
		display: inline-block;
		margin: 0;
		padding: 20px;
		float: left;
		position: relative;
		border-bottom-left-radius: 4px;
	}
	#rightpart {
		background: url(../images/avatar_popup_bg.png) no-repeat;
		height: 650px;
		width: 403px;
		background-size: 100% 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border-bottom-right-radius: 4px;
	}
	#rightpart img {
		width: 140px;
		height: 477px;
		top: 110px;
		position: relative;
		left: 137px;
	}
	a.cancel, a.save-changes {
		background-color: #e4720d;
		color: #fff;
		display: inline-block;
		font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
		border-radius: 20px;
		line-height: 28px;
		padding: 4px 25px;
		text-align: center;
		text-transform: uppercase;
		border: 2px solid #efefef;
		position: absolute;
		bottom: 20px;
		width: 165px;
		left: 70px;
	}
	a.save-changes {
    /* left: 20px; */
	}
	a.cancel {
		padding: 1px -11px;
		top: 200p;
		margin-bottom: 52px;
	}
	
	#leftpart #collapse1 .panel-group {
	    border: solid 1px #c2dbf2;
	    border-radius: 5px;
	    height: 250px;
	    padding: 5px 0;
	    margin-bottom: 0;
	}
	#mouth-detail{
	    width: 75%;
	}
}


.error {
    border: 2px solid red !important;
}

/* status table */
.student-coins-status {
    float: left;
    padding: 0 20px;
}
.status-table, .total-coins {
    float: left;
    margin-top: 30px;
}

.status-table ul, .total-coins ul {
    float: left;
}
.status-table li, .total-coins li {
    float: left;
    font: 14px latoregular;
    color: #49595F;
    border-bottom: 1px solid #dde4e6;
    padding: 5px;
    min-height: 33px;
}

.status-table li a {
    text-decoration: underline;
}

.status-table li a:hover {
    text-decoration: none;
}

.status-table ul.headings, .total-coins ul.headings {
    background: #e6ecf2;
    text-transform: uppercase;
    color: #49595f;
    font-weight: normal;
}
.status-table ul.headings li, .total-coins ul.headings li {
    font: 14px latoregular;
    text-transform: uppercase;
    border-top: 1px solid #dde4e6;
        border-bottom: 0;
    
}

.status-table li.qw-coins-1 {    width: 130px;    text-align: right;    padding-right: 10px; border-left: 1px solid #dde4e6;}
.status-table li.qw-coins-2 {width: 180px;}
.status-table li.qw-coins-3 {width: 200px;}
.status-table li.qw-coins-4 {width: 80px;}
.status-table li.qw-coins-5 {width: 80px; border-right: 1px solid #dde4e6;}
.status-table ul.even, .total-coins ul.even {
    background-color: #f8f9fa;
}


.total-coins  li.qw-coins-1 {    width: 250px;    text-align: left;    padding-right: 10px; border-left: 1px solid #dde4e6;}
.total-coins  li.qw-coins-2 {width: 200px;     border-right: 1px solid #dde4e6;}
.qwerty-trans { padding : 50px 0px; border-top:1px solid #daebfb;}


/* Pending Friend List*/
.qw-tabs .qw-full-table {
	padding: 0;
	display: table;
}

.qw-tabs .qw-full-table .detail {
	display: table;
	vertical-align: middle;
}

.qw-find-friend h4 {
	padding-top: 10px;
    display: inline-block;
}

.accept {
	background: url(../images/approve-butt.png) no-repeat;
	width: 36px;
	height: 36px;
	margin-right: 20px;
}
.accept:hover {
	background: url(../images/approve-butt-hover.png) no-repeat;
}
.decline {
	background: url(../images/decline-butt.png) no-repeat;
	width: 36px;
	height: 36px;
}
.decline:hover {
	background: url(../images/decline-butt-hover.png) no-repeat;
}
.headings, .headings .qw-name {
    font: 10px latobold !important;
    text-transform: uppercase;
    color: #535353;
    text-decoration: none !important;
	padding: 5px 10px 5px 5px !important;
	background-color: #e6ecf2;
}

.accept-text {
	margin-right: 12px;
}

/* validation message  */
#error_msg_box{
    color: #e6153a;
    min-height: 50px;
    padding: 6px 15px;   
    background: #85a0bc;
    display:none;
   
}
#error_msg_box #error_contaner{
    background: #fff;   
     min-height: 40px;
    padding: 6px 15px;
    width: 100%;
    margin: 0;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #85a0bc;
    
}
#error_contaner li{
    list-style-type: circle;
    margin-left: 50px;
    padding: 3px;
    font-size: 14px;
}

.display-fnd-about .qwerty-trans {
	border-top: 0;
}

 /*26-7-16*/
.common-container {
    margin: 0 40px;
    padding: 20px 0;
    width: 860px;
}
.common-container .form-control {
    border-radius: 15px;
    resize: none;
}
.common-container  .tab-content {
    background:#d6edfd;
    padding:15px;
}
.common-container  .tab-content .tab-pane {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    background:#fff;
    padding:10px;
}
.common-container  .qw-table.qw-tabs .nav-tabs > li > a, .common-container .qw-profile .nav-tabs > li > a {
  background-color: #fff;
  border: 1px solid #daebfb;
  border-radius: 7px 7px 0 0;
  color: #1872b6;
  font: 700 18px "latosemibold";
}
.common-container .view-wrapper label, .common-container .view-wrapper .qw-tips {
    color: #1872b6;
    font: 700 16px "latobold";
    text-transform: uppercase;
}
.common-container .view-wrapper .tips {
    margin:15px 0;
}
.common-container .view-wrapper .tips li{
    line-height:28px;
    border:none;
}
.common-container .view-wrapper .nav.nav-list li {
    border: none;
}
.common-container .view-wrapper .qw-more-info {
    padding:10px 0 0 0;
}
.common-container .view-wrapper .row-wrapper  {
    float: left;
    padding-bottom: 15px;
    width: 100%;
}
.common-container .view-wrapper .discription {
    padding:0 0 15px 0;
}
/*district admin - table*/
.qw-People .table > thead:first-child > tr:first-child > th {
    padding: 4px 10px;
}
.qw-People .your_classes thead {
    background-color: #f0f7ff;
    border-top: solid 1px #daebfb;
    border-right: solid 1px #daebfb;
    border-left: solid 1px #daebfb;
}
.qw-People .your_classes th {
    font: 700 10px 'latobold';
    text-transform: uppercase;
    color: #535353;
}
.qw-People .your_classes tbody tr td {
    padding: 8px 10px;
    border-right: solid 1px #daebfb;
    vertical-align: middle;
    border-top: solid 1px #daebfb;
}
.qw-People .your_classes tbody tr td:first-child {
    border-left: solid 1px #daebfb;
}
.qw-People .your_classes tbody tr:last-child {
    border-bottom: solid 1px #daebfb;
}
.qw-People .table tr td a.name {
    color: #82125e;
    font: 700 16px 'latobold';
    text-decoration: underline;
}
.qw-People .table-block label {
    padding:15px 0;
}
/*common-styles*/
.qwerty-margin-top {
    margin:0 0 15px 0;
}
.qw-margin0 {
    margin:0;
}
/*26-7-16 - END*/

/*27-7-16*/

.qw-profile.qw-table .nav-tabs > li {
    width: calc(100%/4);
}
.qw-profile-contents h2 {
    font: 700 16px "latobold";
    margin-bottom: 15px;
}
.qw-profile-contents .tab-content ul li  {
    border: none;
    line-height:28px;
}
.qw-profile-contents .checkbox {
    float: left;
    margin-right: 15px;
    width: auto;
}
.qw-profile-contents input.css-checkbox[type="checkbox"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: -1000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -1000;
}
.qw-profile-contents input.css-checkbox[type="checkbox"] + label.css-label {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 17px;
    margin-bottom: 0;
    padding-left: 36px;
    vertical-align: middle;
}
.qw-profile-contents input.css-checkbox[type="checkbox"]:checked + label.css-label {
    background-position: 0 -33px;
}
 .qw-profile-contents label.css-label {
    -moz-user-select: none;
    background-image: url("../images/checkbox.png");
    color: #81125e;
    font: 700 16px "latobold";
}
 .qw-profile-contents .password-strength {
    float: left;
    font: 12px latobold;
    margin:0 0 0 15px;
}
 .qw-profile-contents input.password {
    float:left;
    width: 50%;
}
 .qw-profile-contents #passwordStrength {
    background: #cccccc none repeat scroll 0 0;
    display: block;
    height: 10px;
    width: 250px;
}
.qw-profile-contents .features-list .checkbox p {
    padding-left:36px;
}
.qw-profile-contents .edit-wrapper p.description {
    margin:5px 0 0;
    font: 12px latoregular;
}
.qw-profile-contents .qw-edit-panel  span {
    color: #3e3e3e;
    display: inline-block;
    float: left;
    font: 16px "latobold";
    margin: 0px 7px 0 0;
    text-transform: uppercase;
}
.block-display {
    display: block;
}

.qw-profile-contents .qw-acheivement-level .achievement-status {
    float: left;
    margin-top: 25px;
}
.qw-profile-contents .qw-acheivement-level .achievement-status ul li {
    border-bottom: 1px solid #daebfb;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}
.qw-profile-contents .qw-acheivement-level .achievement-status span.level {
    width: 70px;
}
.qw-profile-contents .qw-acheivement-level .achievement-status  input, .qw-profile-contents .qw-acheivement-level .achievement-status textarea 

{
    border-radius: 15px;
    resize: none;
}
.qw-profile-contents .qw-acheivement-level .achievement-status input {
    float: left;
    margin-right: 10px;
    width: 70px;
}
.qw-profile-contents .qw-acheivement-level .achievement-status span {
    color: #3e3e3e;
    display: inline-block;
    float: left;
    font: 16px "latobold";
    margin: 7px 30px 0 0;
    text-transform: uppercase;
}
.qw-profile-contents .user-accordion  .panel-title  {
    font: 700 18px "latobold" !important;
    margin-bottom: 15px;
    position:relative;
}
.qw-profile-contents  .user-accordion .panel-default {
    border: medium none transparent;
    box-shadow: none;
}
.qw-profile-contents .user-accordion .panel-default > .panel-heading {
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #daebfb;
    padding-top: 16px;
}
.qw-profile-contents .user-accordion  .panel-title > a {
    padding: 8px 0;
    display: block;
    line-height: 17px;
    text-transform: uppercase;
}
.qw-profile-contents .user-accordion .plus-accordion {
    background: rgba(0, 0, 0, 0) url("../images/down-arrow.png") repeat scroll 0 0;
}
.qw-profile-contents .user-accordion .minus-accordion {
    background: rgba(0, 0, 0, 0) url("../images/up-arrow.png") repeat scroll 0 0;
}
.qw-profile-contents .user-accordion .plus-accordion, .qw-profile-contents .user-accordion .minus-accordion {
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    margin-top: 5px;
    width: 23px;
    position: absolute;
    top:0;
    right:0;
    z-index:999;
    
}
/*27-7-16 - End*/
#student_operation, .qw-select-common {
    background: url(../../images/down-arrow.png) no-repeat 98% center;
    border: 2px solid #e8e8e8;
    width: 100%;
    height: 40px;
    border-radius: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 4px 10px;
    position: relative;
    box-shadow: none;
    font: 16px latoregular;
}

.dropdown-studentoperation::after, .qw-unique::after {
    content: "";
	border: 1px solid #e8e8e8;
    width: 1px;
    height: 26px;
    position: absolute;
    right: 50px;
    display: block;
    top: 7px
}
.updatetitle {
	margin: 10px 0 20px 30px;
}
.edit-class-student {
    float: left;
    margin: 25px 40px 20px 30px;
}
.your_classes.edit-student-table tbody tr td a {
	font: 16px latoregular;
}
.groupmanager {
    margin: 10px 30px 20px;
    font: 22px latobold;
    color: #82125e;
}
.submit-content {
	float: left;
    width: 100%;
}
.dropdown-studentoperation {
	width: 50%;
    position: relative;
    margin-left: 30px;
}


/*28-7-16 Jayesh*/
.error_span{
    color: #dc2929 !important;
    font-size: 12px !important;
}
.error_span1{
    color: #dc2929 !important;
    font-size: 12px !important;
}

#passwordStrength {
    background: #cccccc none repeat scroll 0 0;
    display: block;
    height: 10px;
    width: 250px;
}
#passwordStrengthProgress {
    display: block;
    height: 10px;
}

.strength1
{
    width:50px;
    background:#ff0000;
   transition: 0.4s linear;
}

.strength2
{
    width:100px;    
    background:#ff5f5f;
    transition: 0.4s linear;
}

.strength3
{
    width:150px;
    background:#56e500;
   transition: 0.4s linear;
}

.strength4
{
    background:#4dcd00;
    width:200px;
   transition: 0.4s linear;
}

.strength5
{
    background:#399800;
    width:250px;
   transition: 0.4s linear;
}
/*End*/

#lesson-progress .lessonstats-content li:nth-child(2) span {
    font: 10px latobold;
    color: #535353;
    padding: 0 5px!important;
    margin: 0;
    min-height: inherit;
    border: none;
}

#lesson-progress .lessonstats-content li .table-cont {
	display: table;
    height: 80px;
	    margin: 5px 0 2px !important;
}

#lesson-progress .lessonstats-content li .setimage {
	    display: table-cell;
    vertical-align: middle;
}

/*8-1-16*/
#lessonstats .modal-header {
    padding: 15px 29px;
    border-bottom: 1px solid #daebfb;
}
#lessonstats .modal-body,  #runReports .modal-body, #deleteStudents .modal-body {
    padding: 20px 29px;
}
#lessonstats .modal-header .close-btn {
    margin-right: -10px;
    margin-top: 0;
    float: right;
}
.lessonstats-content .nav-tabs li a img {
    margin-left: 5px;
    margin-top: -2px;
}

.lessonstats-content .nav-tabs > li {
    float: left;
    background-color: #f8f9fa;
    border: 1px solid #daebfb;
    margin-right: 4px;
    min-width: 86px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 0;
}
.lessonstats-content .nav-tabs > li.active > a {
    background: #d6edfd !important;
    color: #1872b6;
    border: 2px solid #daebfb;
}
.lessonstats-content .nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font: 20px latobold;
    color: #929292;
    margin-right: 0;
    text-align: center;
}
.lessonstats-content .tab-content .tab-pane {
    padding-bottom: 137px;
}
.lessonstats-content .qw-full-table {
    border: 9px solid #daebfb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tab-content ul li {
    border-bottom: 1px solid #daebfb;
}
.lessonstats-content .nav-tabs > li:last-child {
    min-width: 90px;
    margin-right: 0;
}
.lessonstats-content .tab-content ul li div {
    padding: 8px 10px;
}
.qw-header {
    background-color: #81125e;
    padding: 5px 15px;
}
.level-title {
    font: 700 18px 'latobold', Arial, Helvetica, sans-serif;
    margin: 0;
    display: inline-block;
    color: #fff;
}
.level-score {
	font: 900 11px 'latobold', Arial, Helvetica, sans-serif;
    float: right;
    line-height: 40px;
    line-height: 30px;
    color: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #640d49;
    padding: 0px 12px 0px 12px;
    text-transform: uppercase;
    height: 28px;
}
.level-score span strong{
	font: 900 15px 'latobold', Arial, Helvetica, sans-serif;
}
.lessonstats-content .qw-sub-header {
    background: #eff7ff;
    display: block;
    line-height: 18px;
    text-transform: uppercase;
    height: 22px;
}

.lessonstats-content .qw-head-lession {
    min-width: 225px;
    padding-left: 15px;
    text-align: left;
}
.lessonstats-content .qw-accuracy {
    min-width: 85px;
}
.lessonstats-content .qw-wpm {
    min-width: 63px;
}
.lessonstats-content .qw-played {
    min-width: 63px;
}
.lessonstats-content .qw-acheivement {
    min-width: 80px;
}
.tab-content ul li.qw-add {
    background: #fff;
}
.lessonstats-content .qw-one {
    padding-left: 15px;
    min-width: 225px;
    text-align: left;
    font: 700 16px/24px 'latobold', Arial, Helvetica, sans-serif;
    color: #1872b6;
}
.lessonstats-content .qw-two {
    min-width: 85px;
    text-align: center;
    border-left: 1px solid #daebfb;
    display: table;
}
.lessonstats-content .qw-three {
    min-width: 63px;
    text-align: center;
    border-left: 1px solid #daebfb;
    display: table;
}
.lessonstats-content .qw-four {
    border-left: 1px solid #daebfb;
    min-width: 63px;
    text-align: center;
    width: 64px;
    display: table;
}
.lessonstats-content .qw-five {
    border-left: 1px solid #daebfb;
    min-width: 80px;
    width: 70px;
    text-align: center;
    display: table;
}

.lessonstats-content .qw-one, .lessonstats-content .qw-two, .lessonstats-content .qw-three, .lessonstats-content .qw-four, .lessonstats-content 

.qw-five, .lessonstats-content .qw-six, .lessonstats-content .qw-head-lession, .lessonstats-content .qw-accuracy, .qw-wpm, .lessonstats-content 

.qw-acheivement {
    float: left;
}
.lessonstats-content .qw-head-lession, .lessonstats-content .qw-accuracy, .lessonstats-content .qw-wpm, .lessonstats-content .qw-acheivement, 

.lessonstats-content .qw-played {
    font: 700 10px/18px 'latobold', Arial, Helvetica, sans-serif;
    float: left;
    text-align: center;
    margin-top: 3px;
    color: #3e3e3e;
}
.qw-head-lession {
    text-transform: uppercase;
}
.lessonstats-content .qw-head-lession {
	text-align: left;
}
a.download-button {
    background-color: #e4720d;
    color: #fff;
    display: inline-block;
    font: 700 14px 'latobold', Arial, Helvetica, sans-serif;
    border-radius: 20px;
    line-height: 16px;
    padding: 5px 5px 5px 30px;
    text-align: center;
    text-transform: uppercase;
    border: solid 2px #e8e8e8;
    margin-top: 90px;
    float: right;
    position: relative;
}
a.download-button img {
    margin-left: 5px;
}
a.download-button:hover .overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.30);
    border-radius: 20px;
    padding: 10px 25px;
    color: #fff;
}
/*search dropdown*/
#friend_search>.chosen-choices,.chosen-container {
    border-radius: 15px !important;
    width: 88% !important;
}
#friend_search>.chosen-container, .chosen-container-multi {
    border-radius: 15px !important;
    width: 88% !important;
}
#friend_search>.chosen-container{
    border-radius: 15px !important;
    width: 65% !important;
    float: left;
}
#friend_search> .chosen-drop {
	width:100%;
}
#friend_search .chosen-choices {
	background:#fff;
}
#friend_search>.chosen-container .chosen-results li.highlighted, #new-message .chosen-container .chosen-results li.highlighted {
	color:#fff;
	background:#d56b21;
	/*background: #d56b21 url("../images/avator-icon.png") no-repeat;*/
	/*background-image: url("../images/avator-icon.png");
	background-repeat: no-repeat;*/
	border-radius: 0px;	
}
/*#friend_search>.chosen-container .chosen-results li{
    width: 41px;
    height: 40px;
    display: inline-block;
    background: url(../../images/avatar_popup_bg.png);
    background-size: 80px 60px;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 20px;
    -moz-border-radius: 20px;
    float: left;
    border: solid 2px #daebfb;
    position: relative;
}*/
#friend_search>.chosen-container-multi .chosen-choices li.search-field{
	height: 30px !important;
}
/* #friend_search>.chosen-container-multi .chosen-choices li.search-field input[type=text]{
	padding: 12px !important;
} */
#friend_search>.chosen-container .chosen-results li, #new-message .chosen-container .chosen-results li {
	color: #75175a;
	padding:10px 6px;
    font: 900 16px 'latobold', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	width: 100%;
	text-align: left;
	/*padding: 3px 6px 3px 50px;   */
	line-height:30px;
}
.chose-fnd-id{
	visibility: hidden;
}
.chosen-choices, .chosen-container {
    border-radius: 20px;
    width: 100% !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none !important;
    border-radius: 3px;
    box-shadow: none;
    color: #929292;
    font: 16px 'latoitalic', Arial, Helvetica, sans-serif;
    line-height: normal;
    margin-bottom: 10px !important;
    outline: 0 none;
    padding-top: 2px;
    padding-left:8px !important;
    width:100% !important;
}
.chosen-drop {
	margin-top:10px;
	border:2px solid #ddd !important;
	border-top:2px solid #ddd !important;
	box-shadow: none !important;
}
.chosen-drop:after, .chosen-drop:before {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.chosen-drop:after {
	border-color: rgba(0, 221, 221, 0);
	border-bottom-color: #fff;
	border-width: 10px;
    margin-left: -10px;

}
.chosen-drop:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ddd;
    border-width: 13px;
    margin-left: -13px;
}
#new-message .chosen-container .chosen-drop:after, #new-message .chosen-container .chosen-drop:before {
	left:95%;
}
#friend_search .chosen-container .chosen-results .highlighted, #new-message .chosen-container .chosen-results .highlighted {
	background-color:#d56b21;
}
#friend_search .chosen-container .chosen-results li.highlighted, #new-message .chosen-container .chosen-results li.highlighted {
	border-radius: 0px;
}
#friend_search .chosen-container-multi .chosen-choices li.search-field, #new-message .chosen-container-multi .chosen-choices li.search-field{
	height: 38px;
}


.chose-fnd-id {
    visibility: hidden;
}
/*search dropdown end*/


/*search dropdown - Blcok user popup*/
#block_user_search>.chosen-choices,.chosen-container {
    border-radius: 15px !important;
    width: 88% !important;
}
#block_user_search>.chosen-container, .chosen-container-multi {
    border-radius: 15px !important;
    width: 99% !important;
}
#block_user_search>.chosen-container{
    border-radius: 15px !important;
    width: 99% !important;
}
#block_user_search> .chosen-drop {
    width:100%;
}
#block_user_search .chosen-choices {
    background:#fff;
}
#block_user_search>.chosen-container .chosen-results li.highlighted, #new-message .chosen-container .chosen-results li.highlighted {
    color:#fff;
    background:#d56b21;
    border-radius: 0px; 
}
#block_user_search>.chosen-container-multi .chosen-choices li.search-field{
    height: 30px !important;
}

#block_user_search>.chosen-container .chosen-results li, #new-message .chosen-container .chosen-results li {
    color: #75175a;
    padding:10px 6px;
    font: 900 16px 'latobold', Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    line-height:30px;
}
/** Search drop down - Block user popup end**/

/*reports start*/

#runReports .css-label {
	color: #1872b6;
    font: 700 15px 'latobold', Arial, Helvetica, sans-serif;
	height: 28px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-left: 36px;
    text-transform:uppercase;
}
#runReports .form-group {
    float: right;
    width: 85%;
}
#runReports .form-group label {
	text-transform: uppercase;
	font-size:12px;
}
.view-btn {
	width:20%;
}
#runReports #display-name {
	color: #75175a;
}
#runReports .qw-common-btn {
    padding: 6px 25px;
}
#runReports .qw-bottom.css-label {
	margin-bottom:0;
}
.qw-view-report {
	background:#d6edfd;
	border-radius: 7px 7px 0 0;
	height:350px;
	margin-bottom:15px;
	padding:15px;
}
.qw-report-view {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
	border-radius: 7px 7px 0 0;
	background:#f7f7f7;
	height:320px;
	padding:15px;
}
.qw-delete-info {
	height:120px;
}
#deleteStudents .modal-header {
	border: none;
	
}
/*reports end*/
/*qwerty coins*/
li.qmaildropdown.highlighted{
    background: #d56b21 url("../images/avator-icon.png") no-repeat;
}

.qmaildropdown
{
    background-image: url("../images/avator-icon.png");
    background-repeat: no-repeat;  
    height: 40px;
    position: relative;
    width: 41px;
    z-index: 2147483647;
    right: -10px;
}

#qwerty-token-coins h3 {
	font: 700 16px 'latobold', Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
/*feature-section*/
.features-section {
  width: 45%;
	float: left;
	margin: 15px 5% 20px 0;
}

.features-section .checkbox {
  width: 50px;
	float: left;
	margin-top: 0;
	margin-right:0;
}

.features-section .features-detail {
  width: 80%;
	float: left;
}

.features-section .features-detail h4 {
  color: #3e3e3e;	
	font: 16px 'latobold';
	text-transform: uppercase;
}

.features-section .features-detail p {
  font: 12px 'latoregular';	
}

.features-section .features-detail p span {
  font: 12px 'latobold';	
}
/*fiend range*/
.user-accordion .friend-range {
  width: 100%;
	float: left;
	margin-top: 25px;
	margin-bottom:30px;
}

.user-accordion .friend-range ul li {
  float: left;
	margin-right: 20px;
}

.user-accordion .friend-range ul li a {
  display: block;
	text-align: center;
	border-radius: 15px;
	border: solid 2px #929292;
	width: 136px;
	padding: 2px 0;
	color: #929292;
	text-transform: uppercase;
	font: 14px 'latobold';
}

.user-accordion .friend-range ul li a.active {
  color: #e4720d;	
	border: solid 2px #e4720d;
}
/*friend list*/
#friendList .student-list .qw-relationship {
	width: 100%;
}
#friendList .student-list .qw-relationship .student-fname, #friendList .student-list .qw-relationship .profession-detail { 
	display:inline-block;
}
#friendList .student-list .qw-relationship .profession-detail {
	color: #81125e;
	font-size: 14px;
	font-style: italic;
	padding:0 5px 0 5px;
	text-transform: lowercase;
		
}
#friendList .for-fnd-name {
	color: #81125e;
	display: block;
	font-size: 14px;
	padding-bottom: 10px;
	text-transform: capitalize;
}
#friendList .display-fnd-name {
	padding: 15px 0 0;
}
#friendList .display-fnd-about {
	margin: 25px;
}
#friendList .qtdetails {
	margin-top:0;
}
#friendList .qtdetails ul li {
	margin-bottom: 15px;
}
/*friend list End*/
/*qmail*/
#qw-panel-left .qw-support-collapse {
    margin-top: 20px;
    padding: 0 15px;
}
.qw-support-collapse, #qw-panel-left .panel-group .panel  {
    float: left;
    width: 100%;
}

.panel.panel-default {
    position: relative;
}
.find-friend-wrapper {
    border: 1px solid #d6edfd;
    float: left;
    width: 100%;
}
/*acheivement level*/
.user-accordion .achievement-wrapper {
    width: 100%;
}
.achievement-wrapper .achievement-status {
    float: left;
    margin-top: 25px;
}

.achievement-wrapper .achievement-status ul li {
    border-bottom: 1px solid #daebfb;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.user-accordion .achievement-wrapper .achievement-status span.level {
    width: 70px;
}
.user-accordion .achievement-wrapper .achievement-status span {
    color: #3e3e3e;
    display: inline-block;
    float: left;
    font: 16px "latobold";
    margin: 7px 30px 0 0;
    text-transform: uppercase;
}

/*tabs*/
#qw-panel-left .qw-tabs.qw-table .nav-tabs > li.active > a {
    color: #1872b6;
}
#qw-panel-left .qw-tabs.qw-table .nav-tabs > li > a {
	background: #f8f9fa;
	color:#1872b6,;
	text-shadow:1px 1px 1px #daebfb; 
	font:900 18px 'latobold', Arial, Helvetica, sans-serif;
	border: solid 1px #daebfb;
	border-radius: 7px 7px 0 0;
}
.qw-tabs .nav-tabs > li > a {
    text-transform: uppercase;
}
.nav-tabs > li.active > a {
    background: #d6edfd none repeat scroll 0 0 !important;
}



/*common-styles*/
#main-container {
    display: inline-block;
    margin: 0 40px;
    padding: 20px 0;
    width: 860px;
}
#main-container .tab-content {
    background: #d6edfd;
    padding: 15px;
}
#main-container .tab-content .tab-pane {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 10px;
}
#main-container .dashboard-wrapper label {
    color: #1872b6;
    font: 700 16px "latobold";
    text-transform: uppercase;
}
#main-container .dashboard-wrapper input, #main-container .dashboard-wrapper textarea {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ccc;
    border-radius: 15px;
    resize: none;
}
.qw-common-remove {
	display: block;
}
.qw-unique {
	position: relative;
}
.row-wrapper {
    width: 100%;
	float: left;
	padding-bottom: 15px;
}
.qw-common-relation {
	margin-bottom:30px;
}
.mar10 {
    margin: 10px;
}
 
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.qw-profile-contents .qw-acheivement-level .achievement-status ul li {
    border-bottom: 1px solid #daebfb;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}
.achievement-wrapper .achievement-status ul li {
    border-bottom: 1px solid #daebfb;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.qw-profile-contents .tab-content ul li {
    border: medium none;
    line-height: 28px;
}
.tab-content ul li {
    border-bottom: 1px solid #daebfb;
}
.tab-content ul li {
    border-bottom: 1px solid #daebfb;
}
li {
    list-style: outside none none;
}
* {
    box-sizing: border-box;
}

body {
    color: #3e3e3e;
    font-family: 'latoregular';
    font-size: 14px;
    line-height: 1.42857;
}
html {
	 font-size: 10px;
    font-family: sans-serif;
}
*::before, *::after {
    box-sizing: border-box;
}

#ecls_friends_list {
    background: url(../../images/down-arrow.png) no-repeat 98% center;
    border: 2px solid #e8e8e8;
    width: 60%;
    height: 35px;
    border-radius: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 6px 10px;
    position:relative;
}

.dropdown-friendslist::after, .qw-common-select-border::after, #runReports .qw-unique::after {
    border: 1px solid #e8e8e8;
    content: "";
    display: block;
    height: 21px;
    position: absolute;
    right: 42px;
    top: 7px;
    width: 1px;
}
.user-accordion label {
    color: #3e3e3e;
    float: left;
    font: 16px "latobold";
    width: 40%;
   text-transform: uppercase;
}
 .user-accordion .friend-range ul li p {
    font-size: 10px;
}
.search-dropdown {
    float: left;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 94%;
    margin-bottom: 30px;
}
.user-accordion .search-dropdown .friend-range {
    margin-top: 0;
    width: 60%;
}
.your_classes.qw-profile-contents .checkbox {
	margin-top:0;
	margin-bottom:0;
}



/* Avatar Section */

.assets-holder-wrapper{ 
	height:510px;
}

.avatar-page .mCSB_container{
	width:100%;
}

.avatar-page .asset-holder {
	border: solid 1px #c2dbf2;
    border-radius: 5px;
    height: 296px;
    padding: 5px 0;
    margin-bottom: 0;
	
}

.avatar-page .asset-wrapper{
	background: #7f0a5b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	width:95%;	
}

.avatar-page .asset-wrapper .asset{
	display: inline-block;
	width: 50px;
	height: 48px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	background: #ffffff;
	position: relative;
}

.avatar-page .asset-wrapper .asset .asset-image{
	width:100%;
	/* height:33px; */
	height:100%;
	background: #ffffff;
}	

.avatar-page .asset-wrapper .asset .asset-price{
	width:100%;
	background: #5a9209;
	display: table;
    height: 15px;
    text-align: center;
    width: 100%;
	position: absolute;
	bottom: 0;
}
.avatar-page .asset-wrapper .asset .asset-image img{
	width:33px;
	margin:0px 9px;	
}

.avatar-page .asset-wrapper .body-asset .body-asset-image img{
	width:33px;
	margin:0px 9px;	
	height: 100%;
}

.avatar-page .asset-wrapper .asset .asset-price img{
	display: table-cell;
    height: 10px;
    margin: 3px 2px 2px 4px;
    vertical-align: middle;
}

.avatar-look-n-feel .design-wrapper{
	position:relative;
}

.avatar-look-n-feel .design-wrapper .default-image,
.avatar-look-n-feel .design-wrapper .design-layer-wrapper{
	position:absolute;
	top:0;
	left:0;
}



.avatar-look-n-feel .design-wrapper .default-image img{
	/* width: 140px;
    height: 477px; */
	width: auto;
    height: auto;
    /*top: 110px;*/
    position: relative;
    /*left: 200px;*/
}

.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div{
	position:absolute;
}
.avatar-look-n-feel .design-wrapper .default-image{
	padding-top: 43px;
}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body_base{
	padding-top: 43px;
}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body{
	padding-top: 43px;
}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories{
	padding-top: 43px;
}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing{
	padding-top: 43px;
}

.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div > div{
	position:absolute;
}

/*body section*/
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body_base{ z-index: 4; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body_base div.body { z-index: 4; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body_base div.hair_back { z-index: 3; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body{ z-index: 6;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.head{ z-index: 3; }
/*.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.body{ z-index: 1; }*/
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.eyebrows{ z-index: 3; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.eyes{ z-index: 3; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.facial_hair{ z-index: 4;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.hair{ z-index: 3;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.mouth{ z-index: 3; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.body div.nose{ z-index: 3;}


/*body section ends*/

/*clothing*/
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing{ z-index: 5; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing .armware{}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories .hats{z-index:4;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing .neckware{z-index:4;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing .pants{z-index: 1;}
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing .shirts{ z-index: 3; }
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.clothing .shoes{z-index:2;}

/*clothing ends*/

/*accessories*/
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories{ z-index: 7;}	
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories > .accessories{}	
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories > .earware{}	
.avatar-look-n-feel .design-wrapper .design-layer-wrapper > div.accessories div.eyeware{z-index: 3;}	

/*accessories*/


/*dashboard avatar*/
#qw-panel-left .qw-avatar-customize .qw-avatar-image img{
	position: absolute;
    left: -20px;
    	
}

/* avatar points */

.asset-price .avatar_points{
	color: white;
    display: table-cell;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

div.avatar-dialog{
	display: none;
}

div.avatar-small-head-bg{
	width: 41px;	
	height: 40px;
	display: inline-block;
	background: url(../../images/avatar_popup_bg.png);
	background-size: 80px 60px;
    background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 20px;
	-moz-border-radius: 20px;
	/* float: left; */
	vertical-align: middle;
	border: solid 2px #daebfb;
	position:relative;
	margin-right:8px;
}

form#send-new-msg-form div.avatar-small-head-bg{
	float:left;
	
}
.qw-mail-info .avatar-small-head-bg {
	float: left;
}

/*Only should effect friend list*/
.qw-friend-list li div.avatar-small-head-bg img{
	position: absolute;
    top: 1px;
    left: 1px;
    margin-left:0;
}
/*header profile pic*/
.qw-header-menu .avatar-small-head-bg .qw-user-icon img{
	position: absolute;
    top: 1px;
    left: 1px;
}

div.wrap-avatar-small-head-name{
	display:inline-block;
	height:40px;
	float: left;	
    padding-left: 7px !important;
    width:60%;
    overflow:hidden;
}

.profile-popup .popup-left-box img{
	position: absolute;
    left: -77px;
    top: -22px;
    /* width: 289px; */
    height: 555px;
}

/*--------------------Avatar section ends here ---------------------*/


 .pull-right.qw-header-menu li:first-child a {
 /*   width: 240px;
    display: block;
	text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:0;*/
    
    display: block;
    line-height: 37px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px !important;
    padding:0;

}
a.only-play {
    width: 218px !important;
}  

.pull-right.qw-header-menu li:first-child a span.qw-user {
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 93px;
    display: initial;
	vertical-align: top;*/
	
	/* display: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93px; */

}

/*1-9-16*/
.qw-tokens.blue-block {
	padding-right:4px;
}
.qw-description li span.qw-position {
	font: 16px 'latobold', Arial, Helvetica, sans-serif;
}
.qw-progress {
	background: #fff;
}
.common-nomessages {
	display: table;
	text-align: center;
	width:100%;
}
.common-nomessages p {
	color:#929292;
	display: table-cell;
	height:148px;
	vertical-align: middle;
}
.common-nomessages span {
	font-weight:900;
	text-transform: uppercase;
}
.detail.qw-no-friends {
	border: 1px solid #c0cfde;
	text-align: center;
	display: table;
	width: 100%;

}
.detail.qw-no-friends .qw-friend {
	display: table-cell;
	height: 138px;
	width: 100%;
	vertical-align: middle;
}
.qw-mail-info p a {
	color: #3e3e3e;
}
.no-qw-qmail {
	background: #fafafa;
}
.qw-friend-list ul li.headings {
	border-bottom:1px solid #daebfb;
	padding:5px 10px !important;
}
 .avatar-page #leftpart #body-wrap .panel a, .avatar-page #leftpart #clothing-wrap .panel a, .avatar-page #leftpart #accessories-wrap .panel a 

{
	background-color: #d8e3ef;
	width: 95%;
	padding: 3px 10px;
}

.avatar-page #leftpart #body-wrap .panel a.collapsed, .avatar-page #leftpart #clothing-wrap .panel a.collapsed, .avatar-page #leftpart 

#accessories-wrap .panel a.collapsed {
	background-color: #fff;
}
/*2-9-16*/
.display-fnd-about .qtdetails p {
	margin:0;
} 
.avatar-page .assets-holder-wrapper .panel.panel-default .panel {
	border-bottom: 1px solid #daebfb;
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-o-border-radius: none;
	-ms-border-radius: none;	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	margin-top:0;
}
.avatar-page .assets-holder-wrapper .panel.panel-default .panel a {
	line-height:36px;
}
.avatar-page .assets-holder-wrapper .panel.panel-default .panel .panel-body {
	padding:12px 10px;
}

.avatar-page .assets-holder-wrapper .panel.panel-default .panel-group{
	padding:0 !important;
}


#qw-panel-left .qw-inbox {
	padding-top:2px;
}
#qw-panel-right .qw-mail-header .qw-common-select-border {
	width:142px;
}
#qw-panel-right .qw-mail-header .qw-common-select-border .qw-select-common {
	background-position:94%;
}
#qw-panel-right .qw-mail-header .qw-common-select-border::after {
	right:70px;
}
#qw-panel-right {
	background-color:#FFF;
}
#send-new-msg-form .chosen-container {
	margin-bottom:30px;
}
.chosen-container-multi .chosen-choices li.search-choice {
	border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	-webkit-border-radius:20px;
	border:2px solid #c2dbf2 !IMPORTANT;
	 background-color: #e4720d !important;
	 background-image: none !important;
	 box-shadow: none !important;
	 -webkit-box-shadow: none !important;;
	 -moz-box-shadow: none !important;;
	 -o-box-shadow: none !important;;
	 -ms-box-shadow: none !important;;
	 color:#fff;
	 display: inline-block;
	 font: 16px 'latoregular', Arial, Helvetica, sans-serif;
	 line-height: 16px;
    padding: 4px 20px;
    text-shadow: none;
}
.qwerty-coins-all {
	color:#e4720d;
	text-decoration: underline;

}
/*7-9-16*/
.form-control {
	border:2px solid #e8e8e8;
	height:38px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
.qw-pass-match {
	font-size:12px;
}
.qw-empty-records {
	display: table;
	margin:0 auto;
	height:280px;
}
.qw-empty-records .empty-records {
	display: table-cell;
	padding-right: 49px;
	vertical-align: middle;
}
.achievement-wrapper .achievement-status input[type="text"]{
	font-size:18px;
}
.qw-gmail-user {
	margin-left:15px;
}
#qw-title-block .students-mail h1.qw-students {
	font-size:44px;
}

.avtr_dialog_image_css {
	display: inline-block;
    margin: 0px 9px;
    background: #ffffff;
    border-radius: 6px;
    border: solid 2px #d8e3ed;
    width:52px;
    vertical-align: top;
    height: 52px;
}
.avtr_dialog_image_css img {
	width:33px;
}
.avtr_dialog_image {
    width:33px;
    margin:0px 9px; 
    background: #ffffff;
}
.avtr_img_title {
	    color: #1872b6;
    display: block;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}
.qw-purchase {
	display: inline-block;
}
.buying-coin {
	padding:0 0 8px 0;
}
.ui-dialog-titlebar-close {
    visibility: hidden;
}
.qw-super-admin {
    background: #0d4b79;
    margin-bottom: 5px;
}
.qw-super-admin ul li {
    float: left;
}
.qw-super-admin .qw-login, .qw-super-admin .qw-dashboard {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 5px 5px;
}
.qw-super-admin .qw-login span {
    font-weight: bold;
    color: #e27223;
    text-transform: capitalize;
}
.qw-super-admin .qw-dashboard {
    background: #e27223;
    color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    line-height: 11px;
    margin: 4px 3px 4px 3px;
}
.lbl_teacher{
	color: #1872b6;
    font: 700 16px 'latobold';
    text-transform: uppercase;
	
}
#editteacher{
	border: 2px solid #e8e8e8;
    height: 38px;
    border-radius: 20px;
    width:300px;
    padding: 10px;	
	
}
.del_teacher{
	  margin-left: 40px;
}
#h2hfriend-dialog{
    font-weight: bold;
    text-transform: capitalize;
}
.qt-err-pg{
	height:400px;
	
}
.qt-err-pg a{
	color:#0645AD;
}
hr {
	    border-top: solid 1px #daebfb;
}
.qw-progress .qw-progress-wrapper .qw-table .nav.nav-tabs > li.active > a, .qw-progress .qw-progress-wrapper .qw-table .nav.nav-tabs > 

li.active > a:hover, .qw-progress .qw-progress-wrapper .qw-table .nav.nav-tabs > li.active > a:focus {
	border-left: none;
	border-right: none;
}
.qw-progress .qw-progress-wrapper .qw-table .nav-tabs {
	border-bottom: none;
}
.qw-progress .qw-progress-wrapper .qw-table .nav-tabs > li > a {
	border-top:1px solid #daebfb;
	border-right:1px solid #daebfb;
	border-left:1px solid #daebfb;
	border-bottom:1px solid #daebfb;
}
#studentOwnProfile .qw-common-btn {
	padding:7px 29px;
}
#friendprofile .relationship-remove {
    margin-bottom: 20px;
    display: inline-block;
}
#friendprofile a.edit-avatar {
	margin-right:0;
}
#qw-panel-right .qw-mail-header .qw-common-select-border .qw-select-common {
    background-position: 94% center;
    height: auto;
}
.qw-friend-list-pending {
	border:0px none;
}
.qw-us-name {
    float: left;
}
.qw-mail-info.qw-friend-list.qw-view-mail ul li .full-det .qw-time {
    float: left;
    line-height: 16px;
    font-size: 14px;
}
.qw-content-home.avatar-page .panel-group .panel:first-child {
		border-radius:10px 10px 0 0;
}
.qw-content-home.avatar-page .panel-group .panel.panel-default {
	border-bottom:1px solid #ccd8e4;
	border-top:0;
	border-left:0;
	border-right:0;
	border-radius:0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

.qw-content-home.avatar-page .panel-group .panel + .panel {
	margin-top:0;
}
.qw-content-home.avatar-page .panel-group .plus-accordion, .minus-accordion {
	margin-top:10px;
}
.qw-content-home.avatar-page .panel-group .panel-collapse .panel {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
}
.panel-group.home-default.assets-holder-wrapper:first-child .panel.panel-default {
	border-radius: 10px 10px 0 0;
}
.avatar-page .asset-wrapper .asset.body-asset.qw-av-head .asset-image img {
	margin-top: 8px;
}
.qw-white-bg {
    background: white;
    width: 21px;
    height: 100%;
    position: absolute;
    right: 0;
    border-left: 1px solid #daebfb;
}
.qw-content-home.avatar-page .asset-outer-panel #collapse1 .asset-holder .panel:first-child , .qw-content-home.avatar-page .asset-outer-panel 

#collapse1 .asset-holder .panel:last-child  {
	border-radius:10px 10px 0 0;
}
.view-trans-action .popup-right-box {
	margin-top:22px;
}
.view-trans-action .display-fnd-name {
	position: relative;
	padding: 35px 0 0;
	margin-bottom: 0;
}
.view-trans-action .qw-common-btn {
	position: absolute;
	left: 0;
	top: 0;
}
.view-trans-action .chose-fnd-name {
	display: block;
    margin: 10px 0;
}
.qw-pagination-view {
	background: #f8f9fb;
	border-bottom: 1px solid #daebfb;
}
.view-trans-action div.avatar-small-head-bg {
	background: none;
	border-radius: 5px;
	width:48px;
	height:46px;
		border: none;
	overflow: inherit;
	
}
.view-trans-action .qw-friend-list li div.avatar-small-head-bg img {
	position: static;
}
.view-trans-action .qw-coin-block {
    display: table;
    height: 50px;
}
.view-trans-action .qw-coin-block-inside {
    display: table-cell;
    vertical-align: middle;
    padding-right:24px;
}
.view-trans-action .qw-mail-info ul li .qw-det img {
	margin-right:5px;
	vertical-align: middle;
}

.view-trans-action .qw-coin-details {
	color: #2481bc;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
}
.view-trans-action .qw-mail-info.qw-friend-list {
    background-color: #fff;
    min-height: 388px;
}
.view-trans-action #qw-panel-right {
    min-height: 388px;
}
.view-trans-action ul {
	margin:0;
}
.view-trans-action ul li {
	padding:0 15px;
	border: none;
}
.view-trans-action ul li:nth-child(odd) {
	background: #ffffff;
}
.view-trans-action ul li:nth-child(even) {
	background: #f8f9fb;
}
.view-trans-action .qw-mail-subject {
	padding-right:15px;
}
.view-trans-action .close-btn {
    float: right;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
    z-index: 9999;
}

.tab-content .tab-pane .qw-friend-list{
	height:458px;
	margin-top: 0px;
    margin-bottom: 3px;
}
.tab-content .tab-pane .qw-friend-list .mCSB_container {
	width: 100%;
}
.qw-friend-list .mCSB_inside .mCSB_container {
    margin-right: 0;
}
.avatar-custom-sm .modal-dialog {
	width: 394px;
	height: 303px;
}
.avatar-custom-sm .checkbox-wrapper{
padding-top: 34px;
}
.buying-coin p {
	font-size: 18px;
	margin-bottom: 20px;
}
.avatar-custom-sm .qw-purchase {
	text-align: left;
}
.avatar-custom-sm .modal-dialog {
	width: 394px;
	height: 303px;
}
.avatar-custom-sm .checkbox-wrapper{
padding-top: 34px;
}
.buying-coin p {
	font-size: 18px;
	margin-bottom: 20px;
}
.avatar-custom-sm .qw-purchase {
	text-align: left;
}

.deletes_blocks{
	display: none;
}
#viewusertransactions .mCSB_container {
	width: 100%;
 }
 .view-trans-action .qw-friend-list li div.avatar-small-head-bg img.mCS_img_loaded {
    width: 53px;
    height: 53px;
    border-radius: 7px;
    border: 2px solid #d8e2ec;
}
.view-trans-action .qw-coin-block {
    min-width: 100px;
}
.view-trans-action .qw-coin-block-inside {
    padding-right: 0;
}
.view-trans-action .qw-mail-info.qw-friend-list {
    padding-bottom: 0;
	background-color: transparent;
	padding-top: 3px;
	
}
.view-trans-action  .tab-content ul li > div {
    padding: 9px 0;
}
.qw-mail-info div#mCSB_2_container {
    width: 100%;
}
.custom_modal_avatar1 .modal.fade.in {
    position: static;
}
.avatar-custom-sm.custom_modal_avatar1 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999999999999;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.disablediv{
	pointer-events: none;
    /* opacity: 0.4; */

}
.friend_disable , .qmail_disable {
    margin: 0 15px 15px;
    /* float: left; */
    width: 92%;
    top: 55%;
    position: absolute;
    height: 100%;
    background-color: transparent;
    /* background: red; */
    left: 0;
    top: 0;
    z-index: 999;
}
.qw-support-coll {
	position: relative;
}
.friend_disable p{
	text-align: center;
	color: red;
	margin: 7% auto;
}

.qmail_disable p{
	text-align: center;
	color: red;
	margin: 20% auto;
}
.avatar-custom-sm.custom_modal_avatar1 .modal.fade.in .modal-dialog {
    width: 360px;
    margin-left: 20px;
}

.qw-avatar-customize .qw-description .customize-student-space {
    margin-top: 4px;
}
.block-message {
/*     border-width: 3px;
	border-color: #1872b6;
	border-style: solid;
	border-radius: 8px; */
	color:#ff0000;
	text-transform: uppercase;
	font-size:16px;
}
.qw-lock-gray {
	background-color:#fff;
	border:2px solid #e8e8e8;
	color:#929292;
	padding: 4px 8px;
}
.qw-lock-gray img {
	margin-left:8px;
}
.qw-lock-gray:hover {
	background:#fbfbfb;
	color:#929292;
}
.qw-lock-gray:focus {
	color:#929292;
}
#studentOwnProfile .viewtransaction {
	font: normal 15px 'latoregular';
	position: absolute;
    left: 0;
    bottom: 0;
}
#studentOwnProfile .qw-edit-av {
    position: absolute;
    right: 0;
    bottom: 0;
}
#main-container .dashboard-wrapper input, #main-container .dashboard-wrapper textarea, #runReports .form-group input, .user-accordion 

.achievement-wrapper .achievement-status input {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    resize: none;
}
#main-container .dashboard-wrapper .current-password {
    border-bottom: 2px solid #daebfb;
    float: left;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}
#main-container .dashboard-wrapper input.col-md-6 {
    width: 50%;
}
#main-container .dashboard-wrapper .password-strength {
    float: left;
    margin: 0 0 0 15px;
}
#main-container .dashboard-wrapper .row-wrapper span {
    font-size: 18px;
}
#main-container .dashboard-wrapper .current-password .qw-common-btn {
    margin-top: 26px;
}
#main-container .dashboard-wrapper .qw-common-btn {
    padding: 7px 25px;
}
.qw-specific-btn {
	line-height: 22px;
}
#frm_editProfile.disabled {
    opacity: 0.5;
}
#unlock-level, #messagealertdialog {
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	
}
#message_list .full-det {
	padding:0;
}
.qw-dashboard img{
	margin-top:-3px;
}
.head_by {
	line-height:22px;
}
#h2hinvite-dialog .modal-body {
	padding-top:38px;
}
.qw-time-align {
	display: block;
	width:100%;	
}
.qw-coins.blue-block img, .qw-tokens.blue-block img {
    margin: 0;
    width: 32px;
}

div.avatar-small-head-bg {
    /* float: left; */
}
@media screen and (max-width: 991px) {
.container {
    width: 100%;
}
header .qwerty-logo {
    top: -23px;
    width: 205px;
}
header .qwerty-logo img {
    width: 100%;
}
#qw-full-container .qw-head img {
    width: auto;
    max-width: 100%;
}
div.wrap-avatar-small-head-name {
    width: 50%;
}
.qw-tabs .qw-full-table .detail {
    width: 50%;
}
#friend_search > .chosen-container {
    width: 57% !important;
}
}
/*
* tooltip css
*/
.ui-tooltip {
	-webkit-box-shadow: 2px 2px 5px #aaa;
	box-shadow: 2px 2px 5px #aaa;
}
body .ui-tooltip {
    border-width: 3px;
}