/*------------------------------------------------------------------
Main Style Stylesheet
-------------------------------------------------------------------*/
/*=======================================================
		THEME STYLING START
========================================================*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #e9eaed;
	height: 100%;
	width: 100%;
	font-weight: normal;
	margin: 0;
	font-family: "Arial";
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	padding-right: 0 !important;
	/* padding-bottom: 50px !important; */
}
body.salesbg {
	background: #e9eaed url("../images/salesbg.png")  center center repeat !important;
}
body.app_greetbg {
	background: #1e2c43 !important;
	background-position: center;
	background-size: cover;/*now this is known for the safari*/	
}

.container {
	padding-left: 1.071rem;
	padding-right: 1.071rem;
}
.row {
	margin-left: -1.071rem;
	margin-right: -1.071rem;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 1.071rem;
	padding-right: 1.071rem;
}
/*=======================================================
		WRAPPER
========================================================*/
#wrap {
	position: relative;
	width: 100%;
}
/*=======================================================
		HEADINGS
========================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bolder;
}
h1 {
	font-size: 2.143rem;
}
h2 {
	font-size: 2rem;
	margin-bottom: 0rem;
	margin-top: 0rem;
	line-height: 2.857rem;
}
h3 {
	font-size: 1.71rem;
}
h4 {
	font-size: 1.42857rem;
}
h5 {
	font-size: 1.286rem;
}
h6 {
	font-size: 1.071rem;
	color: #9c9c9c;
	margin: 0;
	margin-top: 1.42857rem;
	line-height: 0.714rem;
}
small {
	font-size: 0.80rem;
	margin-right: 0;
	float: none;
}
p {
	color: #777777;
}
img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block !important;
}
li {
	list-style: none;
}
a {
	text-decoration: none !important;
	color: #757575;
}
a:hover {
	color: #27ae60;
}
.popover, .popover-title {
	font-size: 0.7857rem;
}
.tooltip-inner {
	background: #e2e2e2;
	color: #555;
}
/*CONTENT*/
html, body, .content-wrap {
	/*
	overflow: hidden;
	*/
	/*
	overflow: auto;
    overflow: initial;
	*/
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body { /* iphone X */
	padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
	padding-top: env(safe-area-inset-top); /* iOS 11.2 */	
}
.content-wrap {
	/*
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	*/
}
.content {
	/* padding: 72px 0 1.42857rem 0; */
	/* padding: 4.5rem 0 1.42857rem 0; */
	padding: 3.4285rem 0 2.5714rem 0;
	/*background: #e9eaed;*/
	position: relative;
}
.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	z-index: 999;
	height: 100%;
	/*background: rgba(0,0,0,0.3);*/
	/* content: ''; */
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.sub-content {
	margin-top: 1.42857rem;
}
.sub-content.row {
	margin-left: 0;
	margin-right: 0;
}
/* MARGIN PADDING WIDTH*/
.width100 {
	width: 100%;
}
#ajaxLoading {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
	display:none;
    /* background-color:grey; */
    /* opacity: .8; */
 }

#ajaxLoadingImage {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}
/* */
/*=======================================================
		HEADER
========================================================*/
header {
	background: #fff;
	position: fixed;
	z-index: 2;
	width: 100%;
	/* height: 51px; */
	height: 2.92857142rem;
	/*
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	*/
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;	
	
	border-bottom: 1px solid #e1e1e1;
	/* padding-right: 1.143rem; */
}
/*=======================================================
		FOOTER
========================================================*/
.footer {
	bottom: 0;
	width: 100%;
	background: #C0C0C0;
	padding-top: 0;
	margin-top: 0.714rem;
	height: 2.85714rem+env(safe-area-inset-bottom);
	border-top: 1px solid #e1e1e1;
	z-index: 2002;
	padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
	padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
	left:0;
}
.footer .container {
background: #fff;
}
/*=======================================================
		MARGIN 1.42857rem
========================================================*/
.no-padding {
	padding: 0 !important;
}
.margin-r-20 {
	margin-right: 1.42857rem;
}
.margin-l-20 {
	margin-left: 1.42857rem;
}
.margin-l-40 {
	margin-left: 2.857rem;
}
.margin-t-20 {
	margin-top: 1.42857rem;
}
.margin-t-5 {
	margin-top: 0.357rem;
}
.margin-b-5 {
	margin-bottom: 0.357rem !important;
}
.margin-l-5 {
	margin-left: 0.357rem;
}
.margin-l-10 {
	margin-left: 0.714rem;
}
.margin-r-5 {
	margin-right: 0.357rem;
}
.margin-r-10 {
	margin-right: 0.714rem;
}
.margin-l-15 {
	margin-left: 1.071rem;
}
.margin-b-10 {
	margin-bottom: 0.714rem !important;
}
.margin-t-10 {
	margin-top: 0.714rem !important;
}
.margin-b-20 {
	margin-bottom: 1.42857rem !important;
}
.margin-t-33 {
	margin-top: 33px;
}
/* text */
.green-text {
	color: #27ae60 !important;
}
.black-text {
	color: #000 !important;
}
.red-text {
	color: #ce3e3e !important;
}
.white-text {
	color: #fff !important;
}
.gray-text {
	color: #777777;
}

.page_module {
	display:none;
}
.header_main {
	/*
	display:inline-block;
	padding: 0.714rem 0;
	*/
    display: inline-block;
    padding: 0;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
}	
.header_main span {
	color: #777;
	font-size: 0.857rem;
	line-height: 1.42857rem;
}
/*LOGO*/
.logo {
	display: inline-block;
	right: 0;
	left: 0;
	z-index: 99;
	/*
	width: 7.5714rem;
	height: 3.6428rem;
	*/
	width: 8.5714rem;
	height: 1.42857rem;
	margin: 0 auto;
	text-align: center;
	/* padding: 1.1428rem 0; */
	cursor: pointer;
}
.logo a {
	line-height: 1.2857rem;
}
.header_text i.fa-info{
	margin-right: 0 !important;
}
#rightnav1 {
	float: right;
	margin-right:0;
}
#rightnav1 > li {
    float: left;
	height: 2.80rem;
	width: 2.2rem;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
#rightnav1 > li > a.btn {
/*#search_button a.btn, #header_conversations_notifications a.btn, #header_connections a.btn {*/
	/* height: 2.85714rem; */
	/* height: 2.80rem; */
	/*padding: 0.714rem;*/
	padding:0;
	border: 0;
	font-size: 1.2rem;
	/*line-height: 1.2857rem;*/
	line-height: 2.80rem;
	width:100%;
	color: #7c7d78;
	margin-top: 0;
	float:none;
}
.noti-num {
	background: #ce3e3e;
    font-size: 0.714rem;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    text-align: center;
    line-height: 1rem;
    /*color: #27ae60;*/
	color: #fff;
    position: absolute;
    display: inline-block;
    float: left;
    z-index: 1;
    margin-left: 1.1rem;
    margin-top: 0.4rem;
}
.headerphoto {
    border-radius: 50%;
    max-height: 2.1428rem;
    max-width: 2.1428rem;
	
}
#mainmenu {
	width: 100%;
}
#mainmenu a.btn{
	height: 2.85714rem;
	padding: 0.357rem 0;
	border: 0;
	font-size: 0.7rem;
	line-height: 1.2857rem;
	color: #7c7d78;
	display: block;
	margin-top: 0;
	float: none;
}
#mainmenu a.btn.green, #mainmenu a.btn[aria-expanded="true"], #rightnav1 > li > a.btn[aria-expanded="true"] {
	color: #27ae60;
}
#rightnav1 > li > a.btn[aria-expanded="true"] .headerphoto { 
	border: 1px solid #27ae60;
}
#mainmenu a.btn i.fa {
    display: block !important;
	font-size: 1rem;
}
#mainmenu li {
    width: 20%;
    float: left;
	text-align:center;
}
.header_sales {
    display: inline-block;
    padding: 0;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
	text-align:center;
	width:100%;
}
.header_sales_right {
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	float: right;
}
.header_sales_left {
	display: inline-block;
	text-align: center;
	float:left;
}
.header_sales_center {
	color: #182536;
}
.header_sales_ssl {
	display: inline-block;
	right: 0;
	left: 0;
	width: 4.142857rem;
	height: 1.57142rem;
	margin: 0 auto;
	text-align: center;
	float: right;
}
.header_sales_back {
	color: #CCC;
	float:left;
	cursor: pointer;
	padding: 0 0.714rem;
}
/*=======================================================
		BUTTONS
========================================================*/
a.btn.btn-primary {
	background: #fff;
	color: #777;
	border:1px solid #e1e1e1 !important;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
}
a.btn.btn-primary:hover {
	background: #27ae60;
	box-shadow: 0 1px 1px 1px rgba(39, 174, 96, 0.75);
	border:1px solid #27ae60 !important;
	color:#fff !important;
}
a.btn-primary i.fa {
	margin-right: 0.357rem;
}
a.btn.btn-green {
	background: #27ae60;
	color: #fff;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
}
a.btn.btn-green:hover {
	background: #21d36c;
	box-shadow: 0 1px 1px 1px rgba(39, 174, 96, 0.75);
	/* border:none !important; */
	border: 1px solid transparent;
}

a.btn.btn-danger {
	background: #fff;
	color: #777;
	border:1px solid #e1e1e1 !important;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
}
a.btn.btn-danger:hover {
	background: #ce3e3e;
	color: #fff !important;
	box-shadow: 0 1px 1px 1px rgba(206, 62, 62, 0.75);
	border:1px solid #ce3e3e !important;
}
a.btn.btn-danger2 {
	background: #ce3e3e;
	color: #fff;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
}
a.btn.btn-danger2:hover {
	background: #f03737;
	box-shadow: 0 1px 1px 1px rgba(206, 62, 62, 0.75);
}
/*=======================================================
			SELECT
========================================================*/
select {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	/*height: 2.643rem*/
	height: 1.857rem;
	outline: medium none;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
	text-overflow: ellipsis;
	color: #777;
	width: 100%;
}
select:focus {
	-webkit-box-shadow: 0 0 7px 0 #27ae60;
	-moz-box-shadow: 0 0 7px 0 #27ae60;
	outline: none;
}
option {
	padding: 0.714rem;
	border: none;
	font-size: 1rem;
	line-height: 1rem;
	color: #777;
}
option:hover {
	box-shadow: 0 0 0.714rem 100px #27ae60 inset !important;
}

/* summary */
/*Labels*/
label::before {
    content: "";
    display: inline-block;
    width: 1.42857rem;
    height: 1.42857rem;
    margin-right: 0.714rem;
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 0.214rem solid #d7dcde;
    margin-top: 0;
    outline: 0;
}
label {
    font-weight: normal;
    padding-left: 1.786rem;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 1.071rem;
    max-width: 100%;
    margin-bottom: 5px;
	color: #777777;
}
input[type=radio] {
	display: none;
	outline: 0;
}
label::before {
	content: "";
	display: inline-block;
	width: 1.42857rem;
	height: 1.42857rem;
	margin-right: 0.714rem;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 0.214rem solid #d7dcde;
	margin-top: 0;
	outline: 0;
}
.radio label::before {
	border-radius: 50%;
	outline: 0 !important;
}

input[type=radio]:checked + label::before, input[type=checkbox]:checked + label:before {
	text-shadow: none;
	font-size:1.071rem;
	color: #fff;
	text-align: center;
	line-height:1.071rem;
	outline: 0;
	border-color: #1abc9c;
	background: #1abc9c;
}
input[type=radio]:checked + label::before {
	content: "\2022";
}
input[type=checkbox] {
	display: none;
	outline: 0;
}
.checkbox label:before {
	border-radius: 3px;
	outline: 0;
}
input[type=checkbox]:checked + label:before {
	content: "\2713";
}
.radio input[type="radio"] {
	cursor: pointer;
}
table .radio {
    margin-top: 0;
    margin-bottom: 0;
}
textarea:focus, input:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 7px 0 #27ae60;
	-moz-box-shadow: 0 0 7px 0 #27ae60;
}
#optiontable td {
	cursor:pointer;
}
/* SUMMARY */

#summary_chart_all {
	display:block;
	float:left;
	width:100%
}

.summary_chart_header {
    display: block;
	background: #27ae60;
    color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid transparent;
	font-size: 0.7857rem;
}
.summary_chart_header li {
	padding: 0.357rem;
}
.summary_chart_header .col-xs-7 {
	
	/* border-right: 1px groove #1f9450; */
	border-right: 1px solid #1f9450;
}
.userinfo {
	display: block;
	padding: 0.357rem 0;
	margin: 0;
	float:left;
}
.userinfo .media {
	margin-top: 0;
}
.userinfo p {
    margin: 0;
    line-height: 1.71428rem;
    font-weight: bold;
	font-size: 1.2rem;
	color: #515151;
}
.userinfo .value {
    color: #777777;
    font-size: 1.71428rem;
    font-weight: normal;
    float: right;
    position: relative;
    right: auto;
}
.value2 {
    font-size: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0.7rem;
	color: #b3b3b3;
}
.twosidebuttonleft {
	padding: 0 0.357rem 0 0;
}
.twosidebuttonright {
	padding: 0 0 0 0.357rem;
}
.bigbutton {
	display:block;
	background: #FFF;
	border-radius: 4px;
	padding: 0.357rem;
	text-align: left;
	white-space: normal;
	border-color: transparent;
	vertical-align: middle;
	border: 0;
}
.bigbutton .progress {
	margin-top: 2.25px;
}
.summary-second-buttons {
	display: block;
	padding: 0;
	margin: 0;
}
.summary-scan, .summary-duel, .summary-kmt, .summary-guide {
	padding: 0.357rem 0 0 0;
}
.summary-second-buttons span {
	font-size: 0.857rem;
}
.twosidebuttonleftbd {
	padding: 0 1.5rem 0 0;
}
.twosidebuttonrightbd {
	padding: 0 0 0 1.5rem;
}
.summary-second-buttons .bigbutton {
	/*padding: 0.675rem 0.5rem;*/
	padding: 0.675rem 0.3rem;
}

.summary-scan .bigbutton {
	border-left: 4px solid #815ac0;
}
.summary-duel .bigbutton {
	border-left: 4px solid #f4820e;
}
.summary-kmt .bigbutton {
	border-left: 4px solid #00b6d5;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	line-height:1.2;
}
.summary-kmt .bigbutton .media-body {
	height: 2.73rem;
}
.summary-kmt .bigbutton span {
	/*font-size: 0.714rem;*/
	font-size: 0.857rem;
}
.summary-kmt .bigbutton .col-xs-12 {
	padding-right: 0.714rem;
}
.summary-kmt .bigbutton .media-right {
	padding-left:0;
}
.summary-kmt .bigbutton .media-left {
	padding-right: 0.2rem;
}
.summary-kmt .bigbutton .media-left .media-object {
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
}
.summary-kmt .bigbutton span.text1 {
	font-size:0.7857rem;
	display:block;
	color: #777777;
	opacity:0.5;
	line-height: 1.4285;
}
.summary-kmt .text2 {
	display:block;
	color: #777777;
	line-height: 1.4285;
}
.summary-kmt .text2 .fa {
	line-height:1;
	color: #777777;
	opacity: 0.5;
	line-height: 1.4285;
}

.summary-second-buttons .text {
	color: #777777;
}
.summary-scan .fa {
	color: #815ac0;
}
.summary-duel .fa {
	color: #f4820e;
}
.summary-kmt .fa {
	color: #00b6d5;
}
.summary-guide .fa {
	color: #27ae60;
}
.number-circle {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    /* border: 2px solid #ce3e3e; */
    line-height: 1.5rem;
    text-align: center;
    background: #CCC;
    color: #fff;
	font-size: 0.857rem;
}
.summary-guide .bigbutton{
	height: 9.4rem;
	border-left: 4px solid #27ae60;
}
.summary-guide span{
	font-size: 0.9rem;
}
.summary-guide .bigbutton .media {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*Progress Bars*/
.gray-bar {
	background: #7f8c8d !important;
}
.red-bar {
	background: #ce3e3e !important;
}
.progress {
	border-radius: 2px;
	margin-bottom: 0;
	height: 3px;
	padding: 0;
}
.progress-bar {
	background-color: #27ae60;
}
/* modal */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#myModal {
	z-index: 2100;
}
#myModal .modal-content {
	border-radius: 4px;
	padding: 0;
	font-size: 0.7857rem;
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
#myModal .modal-header, #myModal .modal-body, #myModal .modal-footer {
	padding: 0.714rem;
}
#myModal .modal-header {
	background: #f0f0f0;
	color: #757575;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}
/*
#myModal a.btn.btn-default {
	background: #27ae60;
	color: #fff;
}
*/
#myModal p {
	margin: 0;
}

#myModal .modal-dialog{
    overflow-y: initial !important;
}
#myModal .modal-body{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

/* table */
table.table {
	margin-bottom:0;
}
table.table thead tr
{
	background: #f0f0f0;
	color: #757575;
	font-weight: bold;
}
table.table tbody tr {
	background: #fff;
	color: #696969;
}
table.table.tablehover tbody tr:hover {
	background: #f4f4f4;
	border-left: 1px solid #27ae60;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
	padding: 0.714rem;
	line-height: 1.42857rem;
/* border: 0 !important; */
	border-top: 0 !important;
}
th {
	border: 0 !important;
}

/* panel*/
.panel {
	background-color: inherit;
	border: 0;
	border-radius: 0;
	box-shadow: 0;
	margin: 0;
}
.panel-default {
	border: none;
}
/* vocabulary_packet_list */
#wsettings {
	background: #fff;
	margin-bottom: 0.357rem;
	/*border: 1px solid #27ae60;*/
	border-radius: 1px;
  	box-shadow: 0px 0px 0px 2px rgba(39,174,96,0.3)	
}
#wsettings td {
	border:0;
	padding: 0.357rem;
}
.expertise .progress {
	height: 6px;
}
.expertise .row {
	background: #fff;
	display: block;
	padding: 0;
	margin: 0 0 0.714rem 0;
	border-radius: 4px;
}
.expertise .col-xs-12 {
	color: #7c7d78;
	font-size: 0.857rem;
	padding: 0.714rem;
	border-bottom: 1px solid #f5f6f7;
	font-weight: bold;
}
.expertise .col-xs-12.resetstudy {
	border-bottom: 0;
	border-top: 1px solid #f5f6f7;
	padding: 0.357rem;
}

.expertise .col-xs-4 {
	padding: 0.357rem;
}
.expertise p {
	color: #aeaeae;
	font-size: 0.714rem;
	margin-bottom: 0.357rem;
	line-height: 1rem;
}
.expertise p span {
    color: #27ae60;
    float: right;
    font-weight: bolder;
    font-size: 0.714rem;
}
.expertise .btn.btn-primary {
	width: 100%;
	padding: 0.357rem;
	text-align: left;
	white-space:normal;
}

.expertise .btn.btn-primary:hover p, .expertise .btn.btn-primary:active p, .expertise .btn.btn-primary:hover span, .expertise .btn.btn-primary:active span {
	color: #FFF;
}
/* Vocabulary Study*/
table.alert {
    border: 1px dashed #a94442;
    margin-bottom: 0.714rem;
}
/* table.congrats */
#vocabulary_study {
	font-size: 0.7857rem;
}
.congrats {
	margin-bottom: 0.357rem;
	display: none;
}
.congrats1, .congrats2, .congrats3, .congrats4 { display: none; }
.congrats.animated, .congrats1.animated, .congrats2.animated, .congrats3.animated, .congrats4.animated { display: block; }
.congrats > table .col-xs-12 {
	padding: 0.357rem 1px;
}
.congratsin {
	width: 100%;
	margin-left:auto;
	margin-right: auto;
}
.congratsin > tbody > tr > td:nth-child(1), .congratsin > tbody > tr > td:nth-child(4) {
	padding: 0;
}
.congratsin > tbody > tr > td:nth-child(2) {
	padding: 0 0.357rem;
}
.congratsin > tbody > tr > td:nth-child(3) {
	padding: 0 0.357rem 0 0;
}
#top .congrats1 td, #top .congrats2 td, #top .congrats3 td, #top .congrats4 td {
	padding: 0.257rem;
}
.congrats2 table {
	border-bottom: 2px #27ae60 solid;
}
.congrats3 table {
	border-bottom: 2px #000 solid;
}
.congrats2 h2, .congrats3 h2 {
	padding: 0.333rem 0;
	font-size: 1.5rem;
}
#game_wp .congrats1 h2,  #game_wr .congrats1 h2{
	padding: 0.333rem 0;
}
#game_wp .congrats1 table, #game_wr .congrats1 table {
	border-bottom: 2px #27ae60 solid;
}
a.btn.disabled {
	opacity: 0.3;
}
.congrats4 .btn.btn-facebook {
	/*
	background-color: #3a5795;
	color: #fff;
	*/
	padding: 0 0.2805rem;
	line-height: 1.4rem !important;
	font-size: 0.8rem;
}
.congrats4 .btn.btn-twitter {
	/*
	background-color: #55acee;
	color: #fff;
	*/
	padding: 0 0.2805rem;
	line-height: 1.4rem !important;
	font-size: 0.561rem;
}
#top .congrats #point-popover {
	padding: 0;
}
/* table accordionlist */
table.accordionlist tr {
	cursor: pointer;
	font-weight: bold;
}
table.accordionlist tr[aria-expanded="true"] {
	background-color: #f8f8f8 !important;
	color: #27ae60 !important;
}
table.accordionlist tr.collapsed {
	background-color: #fff;
	color: #696969;
}
table.accordionlist tr.collapsed:hover{
	background-color: #f4f4f4;
}
table.accordionlistin tr {
	cursor: pointer;
}
table.accordionlistin tr:hover {
	cursor: pointer;
	color: #27ae60 !important;
}
table.accordionlist .chevronswitch:before {
	position: relative;
}
/*Chevronswitch*/
.chevronswitch {
	content: "\f077";
}
.chevronswitch::before {
	content: "\f077";
	font-family: FontAwesome;
	z-index: 0;
	position: absolute;
	line-height: inherit;
}
.collapsed .chevronswitch::before {
	content: "\f078";
}
.collapsed .chevronswitch{
	content: "\f078" !important;
}
/* table wordstudy */
table.wordstudy td {
	height: 3.286rem;
}
table.wordstudy .ubaplayer-controls {
	padding-right:0;
	padding-left:0;
}
table.wordstudy .ubaplayer-controls .audioButton, table.wordstudyresult .ubaplayer-controls .taskButton {
	display: none;
}
table.wordstudy .ubaplayer-controls .audioButton .audioButton, table.wordstudyresult .ubaplayer-controls .audioButton {
	display: inline-block;
}
table.wordstudyresult tr:hover .ubaplayer-controls .taskButton {
	display: inline-block;
}
/* down-p down-d*/
.down-p:hover .down-d {
	display: block;
}
.down-d {
	display: none;
	background: #fff;
	width: 150px;
	position: absolute;
	z-index: 99;
	padding: 0.357rem 0.714rem;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
table.wordstudy .down-d {
	padding: 0;
	width: auto;
}
table.wordstudy select {
	max-width: 11.429rem;
}
table.wordstudy.accordionlistin tr {
	border-bottom: 1px solid #f0f0f0;
	background: #FCFCFC;
}
table.wordstudy.accordionlist td[aria-expanded="true"] {
	border-bottom: 2px solid #27ae60 !important;
}
table.wordstudy.accordionlist td {
	font-weight:normal;
}
table.wordstudy.accordionlistin td {
	font-weight:bold;
}
.topt_answer .chevronswitch {
	margin-left: 0.2rem;
}
.topt_clicked {
	color: #27ae60;
	font-weight: bold;
}
#uanswer-popover {
	cursor: pointer;
}
#wsinfo-popover a.btn {
	padding: 0.357rem;
}
#wsinfo-popover .fa {
	margin-right: 0;
}
/* table vocabbars */
table.pointtime thead tr, table.vocabbars thead tr, table.answerlist thead tr{
	background: #fff;
}
table.vocabbars span.pull-right {
	font-weight: bold;
}
table.vocabbars div.progress {
	height: 1px;
}
table.tborderbottomgray tr{
	border-bottom: 1px solid #e2e2e2;
}
.borderbottomgray {
	border-bottom: 1px solid #e2e2e2;
}
.bordertopgray {
	border-top: 1px solid #e2e2e2;
}
.bblbgray {
	border-bottom: 1px solid #f1f1f1;
}
.bbltgray {
	border-top: 1px solid #f1f1f1;
}
#performance .col-xs-6:nth-child(1),#performance .col-xs-6:nth-child(3) {
 	padding-right: 0;
}
#performance {
	font-size: 0.714rem;
}
#performance td {
	padding: 0.357rem;
}
.box-border-bottom-x1 {
	border-bottom: 1px solid #27ae60 !important;
}

#point-popover {
	padding: 0.714rem;
}
#headerstudyexit {
	display: inline-block;
	color: #777;
	margin-top: 0.42rem;
	float:right;
}
#headerstudyexit .btn, #myModal .btn {
	font-size: 0.7857rem;
	padding: 0.357rem;
}
/* quizset */ /* quizset_solved_list */ /* exam_solved_list */ 
#quizset, #quizset_solved_list, #exam_solved_list {
	font-size: 0.7857rem;
}
#answer_list .col-xs-5 {
	padding-right: 1px;
}
#answer_list .col-xs-7 {
	padding-left: 0;
}
#answer_list th, #answer_list td {
	padding: 0.357rem;
}
.answerlist li {
	width: 20%;
	display:inline-block;
	font-weight: bold;
	line-height:0.92857rem;
	vertical-align: middle;
}
.answerlist img {
	width: 0.92857rem;
	height: 0.92857rem;
	vertical-align: middle;
}
/* quizset_solved */ /* exam_solved  */
#quizset_solved, #exam_solved {
	font-size: 0.7857rem;
}
#quizset_solved #scoretimes, #exam_solved  #scoretimes {
	padding: 0.357rem;
}
#quizset_solved .answerlist, #exam_solved .answerlist {
	background: #fff;
}
/* personal_words */
#personal_words {
	font-size: 0.857rem;
}
#personal_words th, #personal_words td {
	padding: 0.357rem;
}
.word_sentence {
	padding: 0.357rem;
}
/* scan_list */
#scan_list, #duel_list {
	font-size: 0.857rem;
}
.voc_gr_scan_duel_main {
	margin-bottom: 1.42857rem;
}
.voc_scan_duel_info > .row, .gr_scan_duel_info > .row {
    background: #fff;
    display: block;
    padding: 0.357rem 0;
    margin: 0 0 0.714rem 0;
    border-radius: 4px;
}
#duel_list .voc_scan_duel_info > .row, #duel_list .gr_scan_duel_info > .row {
	margin: 0;
}
.voc_scan_duel_info h5, .gr_scan_duel_info h5 {
	font-size: 0.92857rem;
}
.bblinegray {
	border-bottom: 1px solid #efefef;
	width:100%;
	margin-bottom: 0.2rem;
}
#point-popover.corner-popover {
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	padding: 0.1rem;
}
.scan_control {
    height: 1.42857rem !important;
    margin-top: 0.357rem !important;
}
.scan_control .progress-bar {
    text-align: center;
    font-weight: bold;
    font-size: 0.857rem;
    line-height: 1.42857rem;
}
.scan_duel_test_list li {
	padding: 0 0 0.714rem 0;
}
.scan_duel_test_list .col-xs-12 {
 padding-top: 0.714rem;
 padding-bottom: 0.714rem;
}
.scan_duel_test_list .row .col-xs-4:nth-child(2) {
	padding-left: 2.142rem;
	padding-right: 0;
}
.scan_duel_test_list .row .col-xs-4:nth-child(4) {
	padding-right: 2.142rem;
	padding-left: 0;
}
.scan_duel_test_list li .btn-primary {
	text-align: left;
}
.graybox {
	background: #f7f7f7;
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 0.357rem;
	border-radius: 4px;
}
.graybox p {
	margin-bottom:0;
}
.scan_duel_test_list .progress {
	height: 4px;
	margin-top: 0.2rem;
}
.scan_duel_test_list .stl_in {
	background: #fff;
	color: #777;
	border: 1px solid #e1e1e1 !important;
	font-size: 0.857rem;
	line-height: 1rem;
	padding: 0.357rem 0.714rem;
	display: block;
	border-radius: 4px;
}
.scan_duel_test_list .media-left {
	width: 4rem;
	height: 4rem;
}
.scan_duel_test_list .media-left .img-responsive {
	max-width:none;
	width: 4rem;
	height: 4rem;
}
.scan_duel_test_list .border-red {
	border: 2px solid #ce3e3e;
	border-radius: 4px;
}
.scan_duel_test_list .border-green {
	border: 2px solid #27ae60;
	border-radius: 4px;
}
.scan_duel_test_list .border-black {
	border: 2px solid #333;
	border-radius: 4px;
}
.scan_duel_test_list .media {
	padding-bottom: 0.357rem;
	border-bottom: 1px solid #f1f1f1;
}
.scan_duel_test_list .media-body .col-xs-12 {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
.scan_duel_test_list .media-body {
	font-size: 0.714rem;
}
.scan_duel_test_list .sdtl_name {
	padding-top: 0.357rem;
	padding-bottom: 0;
	vertical-align: middle;
	display:table-cell;
}
.sdtl_name span {
	display: inline-block;
	line-height: 1.857rem;
}
#duel_list .sdtl_name .fa {
	margin-right: 0;
}
/* duel */
#duel {
	font-size: 0.7857rem;
}
.flag-image{
	height: 14px;
}
.v-s-compair .normal-border {
	outline: 0.429rem solid #fff;
}
.v-s-compair {
	background: url(../images/versec-bg.png) center bottom no-repeat;
	padding-bottom: 0.714rem;
	background-size: contain;
}
div.duello_break
{
	height: 0.357rem;
}
.v-s-compair .avatar1 {
	background: url(../images/avatar-bg.png) no-repeat;
	height: 3.5rem;
	width: 3.5rem;
	padding-left: 0.4rem;
	padding-top: 0.2rem;
	padding-right: 0.6rem;
	background-size:contain;
}
.v-s-compair .avatar1 img{
	width: 3.5rem;
    max-height: 2.5rem;
    max-width: 2.5rem;	
}
.v-s-compair .winner-border {
	outline: 0.2rem solid #27ae60;
}
.v-s-compair .loser-border {
	outline: 0.2rem solid #ce3e3e;
}
.v-s-compair .winner-cup {
	position: absolute;
	top: -0.5rem;
	height: 2rem;
	width: 2rem;
}
.winner-cup-r
{
	left: -0.8rem;
}
.winner-cup-l
{
	right: -0.8rem;
}

.v-s-compair .puan-sec span {
	font-weight: bold;
	font-size: 0.5rem;
	position: relative;
}
.v-s-compair .number li {
	display: inline-block;
	height: 1.2rem;
	width: 1.2rem;
	border-radius: 50%;
	border: 2px solid #fff;
	line-height: 0.857rem;
	text-align: center;
	background: #bebebe;
	color: #fff;
	margin: 0 0 0 1px;
	font-size: 0.714rem;
}
.v-s-compair .number li.dark {
	background: #293e53;
}
.v-s-compair .number li.red {
	background: #ce3e3e;
}
.v-s-compair .number li.green {
	background: #27ae60;
}
.win-part .value {
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	display: inline-block;
}
.duello-include h4{
	font-size: 0.714rem;
	padding-top: 2px;
}
#duel_result {
	padding-top: 0.714rem;
}
#duel_result .progress {
	height: 2px;
    margin-top: 0.429rem;
    margin-bottom: 0.429rem;	
}
.duello-include .number {
	padding-left: 0.357rem;
	padding-right: 0.357rem;
}
.duello-include .col-xs-2 {
	padding-left: 0.357rem;
	padding-right: 0.357rem;
}
ul.glist li.row {
	margin: 0 auto;
	background: #fff;
	color: #696969;
}
ul.glist.win-part li.row {
    line-height: 0.357rem;
}
ul.glist li div.glistcontent {
    padding: 0.714rem;
    height: 100%;
}
ul.glist.win-part li.row div.glistcontent.icon-duello i {
	height: 26px;
	width: 26px;
	line-height: 26px;
	background: #27ae60;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}
ul.glist.win-part li.row{
	line-height:0.357rem;
}
ul.glist.win-part li.row div.glistcontent i.red {
	background-color: #ce3e3e;
}
ul.glist.win-part li.row div.glistcontent i.fa.fa-star.point-icon {
	background-color: #059de2;
}
#duel_head > .row {
	margin: 0;
}
#time_table #scoretimet {
	padding: 0.357rem;
}
/* wkmtest kmtest*/
#wkmtest, #kmtest {
	font-size: 0.7857rem;
}
#goals_wkmt {
	margin-bottom: 1.428rem;
}
#wkmtest #scoretimes, #wkmtest #scoretimet, #kmtest #scoretimes, #kmtest #scoretimet {
	padding: 0.357rem;
}
#wkmtest .ptestanswers td, #kmtest .ptestanswers td {
	line-height: 1.571428rem;
	vertical-align: middle;
}
#exam_results {
	color:#696969;
}
#exam_results p {
	margin-bottom: 0;
}
.kmt_title {
	background: #27ae60;
	padding: 0.714rem;
	font-size: 1rem;
	color: #fff;
	text-align:center;
	font-weight:bold;
	margin-bottom: 0.714rem;
}
.kmt_title p {
	color: #fff;
}
.kmt_first_message {
	background: #fff;
	padding: 0.714rem;
	text-align:center;
	margin-bottom: 0.714rem;
}
.kmt_page {
	background: #fff;
	border: 1px solid #f1f1f1;
}

.kmt_page_title {
	border-bottom: 1px solid #f1f1f1;
	color: #27ae60;
	padding: 0.714rem;
}
.kmt_page_text {
	border-bottom: 1px solid #f1f1f1;
	padding: 0.714rem;
}
.kmt_page_media {
	color: #27ae60;
	padding: 0.714rem;
	border-bottom: 1px solid #f1f1f1;
}
.kmt_page_next {
	padding: 0.714rem;
	text-align:center;
}
.kmt_certificate_box {
	width:100%;
	display:inline-block;
	background:#e9eaed;
	text-align:center;
	width:290px;
}
#kmt_page1,#kmt_page2,#kmt_page3,#kmt_page4,#kmt_page5,#kmt_page6,#kmt_page7 {
	display:none;
	width:290px;
}
#kmt_page .kmt_page_media, #kmt_page4 .kmt_page_media {
	padding: 0.714rem 0;
	background:#e9eaed;
}
#exam_results #certificate {
	margin-top:0.714rem;
	margin-bottom:0.714rem;
	width:280px;
	display:inline-block;
}
/* english-menu */
.english-menu {
	background: #e9eaed;
	float:left;
}
.english-menu li {
    width: 50%;
    float: left;
    text-align: center;
	padding: 0.357rem;
}
#myModal .english-menu a.btn {
    height: 4rem;
    padding: 0 0.375rem;
    border: 0;
    font-size: 0.857rem;
    line-height: 1.2857rem;
    color: #7c7d78;
    display: table;
	white-space:normal;
	width: 100%;
}
.english-menu a.btn i.fa {
    display: block !important;
    font-size: 0.857rem;
	line-height: 1rem;
}
.buttoninsidemiddle {
	height: 3.2857rem;
	vertical-align: middle;
	display:table-cell;
	text-align: center;
	width:100%;
}
/* sub-menu */
#sub-menus {
	margin-bottom:0;
	max-width: -moz-fit-content;
}
.sub-menu {
	width:100%;
	height:100%;
	z-index:2000;
	/*bottom:2.5714rem;*/
	padding: 0 0.357rem;
	background: rgb(0, 0, 0); 
	/* RGBa with 0.8 opacity */ 
	/*background: rgba(0, 0, 0, 0.6); */
	background: #FFF;
}
.sub-menu ul {
	background: #FFF;
	/* position: absolute;*/
	/* position: fixed; */
	position:relative;
    left: 0;
	width:100%;
	overflow-y: scroll;
	height: 100%;
	max-height: calc(100vh - 40px);
	padding: 0 1.071rem;
}
.sub-menu a.btn, #header_profile_menu a.btn {
	display:block;
	width:100%;
	border:0;
	font-size: 0.857rem;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	padding: 0.714rem;
	border-radius: 0;
	white-space: normal;
}
#header_profile_menu a.btn {
	display: table;
}
.sub-menu .fa, #header_profile_menu .fa {
	opacity: 0.3;
	margin-right: 0.357rem;
}
/* sub-menuh */
#sub-menush {
	margin-bottom:0;
	float: left;
	width:100%;
	margin-top: 2.93rem;
}
.sub-menuh {
	width:100%;
	height:100%;
	z-index:2000;
	/*bottom:2.5714rem;*/
	padding: 0 0.357rem;
	background: rgb(0, 0, 0); 
	/* RGBa with 0.8 opacity */ 
	/*background: rgba(0, 0, 0, 0.6); */
	background: #FFF;
	font-size: 0.7857rem;
}
.sub-menuh > div {
	background: #FFF;
	position: fixed;
    /*bottom: 0;*/
    left: 0;
	width:100%;
	height: 100%;
	/*max-height: calc(100vh - 80px);*/
	overflow-y: scroll;
	padding-left: 1.071rem;
	padding-right: 1.071rem;

    max-height: calc(70vh);
	-webkit-box-shadow: 0 0 2px 2px rgba(39, 174, 96, 0.75);
	box-shadow: 0 0 1px 1px rgba(39, 174, 96, 0.75);
}
#header_connections_menu td, #header_connections_menu th, #header_conversations td, #header_conversations th, #header_notifications td, #header_notifications th, #header_system_messages th, #header_system_messages td, #notification_list td{
	padding: 0.357rem;
}
#sub-menush .connection_info {
	border-top: 1px solid #f1f1f1 !important;
}
#header_connections_menu ul.glist.friends li {
	border: 1px solid #f1f1f1;
}
.all-claim {
    font-weight: bold;
    background-color: #e9eaed;
}
#hdr_conversation_list tr, #hdr_notification_list tr, #notification_list tr, #conversation_list tr, #message_list tr {
	border-top: 1px solid #f1f1f1 !important;	
}
#header_conversations_notifications_menu p, #notification_list p, #conversation_list p {
	margin-bottom:0;
	line-height: 1rem;
}
.unseen-and-hovered {
	background: #f4f4f4;
	border-left: 1px solid #27ae60;
}
.unseen-and-hovered td{
	background: #f4f4f4;
}
.search.input-group {
	width: 100%;
}
.search input {
	background: #e9eaed;
	padding: 0 1.42857rem;
	width: 100%;
	display: inline-block;
	height: 2rem;
	padding: 0 0.714rem;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	margin-top: 0.714rem;
}
.search button {
	color: #79868f;
	border: none;
	background: none;
	position: relative;
	z-index: 1;
	margin-top: -22px;
	float: right;
	margin-right: 0.714rem;
	outline: none;
}

.dropdown-menu.search-user {
	border-top: 2px solid #27ae60;
	margin:0;
	width: 100%;
	position: static;
	font-size: 0.857rem;
}
.dropdown-menu.search-user > .active > a, .dropdown-menu.search-user > li > a:hover, .dropdown-menu.search-user > li > a:focus {
    background-color: #f5f5f5 !important;
	color: #27ae60;
}
.search .active a.result{
	color:#27ae60 !important;
}
.dropdown-menu.search-user a {
	float: left;
	white-space:normal;
	width:100%;
	padding: 0.357rem;
}
.dropdown-menu.search-user li a.result i {
	margin-right: 0.6rem;
}
.dropup .dropdown-menu li a {
    border: none;
    color: #777;
}

.search_word_list, .search_people, .search_groups
{
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	margin-top: 0;
}
.search_word_list li, .search_people li, .search_groups li
{
	padding-top: 0.357rem;
	padding-bottom: 0.357rem;
}

.search_word_list li.row.active, .search_people li.row.active, .search_groups li.row.active {
  background: #f4f4f4;
  border-left: 1px solid #27ae60;
}
.search_word_list li div.glistcontent {
	padding: 0.357rem 0.714rem !important;
}
.search_people li div.glistcontent, #hdr_connection_list li div.glistcontent, .search_groups li div.glistcontent {
	padding: 0 0.714rem !important;
}
.search_people p, .search_groups p {
	margin-bottom: 0 !important;
}
.sn_connect, .sn_reaction {
	cursor: pointer;
}
.all-results {
	font-weight: bold;
	background-color: #e9eaed !important;
}
.all-results .glistcontent, .hovercard-user-info .glistcontent{
	padding: 0.357rem !important;
}
#header_search_menu .media-heading, #search_people .media-heading, #message_friends .media-heading{
    font-weight: bold;
    color: #757575;
    font-size: 0.857rem;
	line-height: 0.857rem;
	margin-bottom: 0;
}


/* materials */
#materials {
	font-size: 0.857rem;
}
.material .btn {
	padding:0;
	border: 0;
}
.material.row {
	margin:0 -0.357rem;
}
.material li {
    margin-bottom: 0.714rem;
	padding: 0 0.357rem;
}
.material .img-responsive {
	display:block !important;
}
.material .bar-btmm {
	padding: 0.357rem;
}
/* grammar_book_study */
#grammar_book_study {
	font-size: 0.857rem;
}
#grammar_book_study td span {
	display:inline-block;
}
/* grammar_page */
.p-info {
	background: #ffffff;
	padding: 0.5rem;
	display: inline-block;
	width: 100%;
	position: relative;
	border-bottom: 4px solid #e1e1e1;
	margin: 0.714rem 0;
}
.p-info p {
	color: #696969;
	margin: 0;
	font-size: 0.714rem;
}
.p-info h6 {
	margin: 0;
	margin-bottom: 0.357rem;
	font-weight: bold;
	color: #27ae60;
}
.nomar {
    margin-top: 1rem;
    display: inline-block;
    width: 100%;
}
.nomar li {
    display: inline-block;
    margin-right: 0.357rem;
    float: left;
    padding: 0;
    width: auto !important;
}
.nomar li a {
    height: 1.83rem;
    width: 1.83rem;
    border-radius: 4px;
    display: inline-block;
    border-bottom: 3px solid #cacaca;
    background: #d9d9d9;
    text-align: center;
    line-height: 1.786rem;
	font-size: 0.714rem;
	color: #1e1e1e;
}
.nomar a:hover {
	background: #00b050 !important;
	border-bottom: 3px solid #037f3c !important;
	color: #fff !important;
}
.nomar a.active {
	border-bottom: 3px solid #037f3c !important;
}
.nomar a i {
	margin-top: 0.1rem;
}
#gramer th, #gramer td {
	padding: 0.2rem;
}
/* head-timer */
.head-timer {
	float: right !important;
	background: #ce3e3e;
	padding: 0.357rem;
	color: #fff;
	font-size: 0.714rem;
}

/* proverbs idioms slangs */

#proverbs, #idioms, #slangs {
	font-size: 0.857rem;
}
.nomar.alphabet {
	margin-top: 0;
}
.nomar.alphabet li {
	margin-top: 0;
	/* margin-bottom: 0.714rem; */
	margin-right: 0.472rem;
}
ul.glist.proverbs li {
    margin-bottom: 0.714rem;
}
ul.glist.proverbs h6 {
    line-height: 1.429;
}
.no-margin-t {
    margin-top: 0 !important;
}
ul.glist.proverbs p {
    color: #696969;
    margin: 0;
    font-weight: normal;
}
.well-sm {
    background: #f2f2f2;
    margin-top: 0.714rem;
    padding: 0.714rem 1.42857rem;
	border-radius: 4px;
}
/* carousel */
#myCarousel .item {
	width: 100%;
}
#myCarousel .carousel-indicators {
    position: relative;
    margin-top: 0.357rem;
	bottom: auto;
	padding-bottom: 0.45rem;
	z-index:1;
}
#myCarousel .carousel-indicators li {
	border-color: #27ae60;
}
#myCarousel .carousel-indicators .active {
	background: #27ae60;
}
#myCarousel .nomar.alphabet {
	width: auto;
}
/* reading_study */
#reading_study {
	font-size: 0.857rem;
}
#reading_study td span {
	display:inline-block;
}
/* reading */
#reading {
	font-size: 0.857rem;
}
ul.glist.translation div.glistcontent:nth-child(1) {
	border-right: 1px solid #f0f0f0;
}
ul.glisthead.translation div.glistcontent:nth-child(1) {
	border-right: 1px solid #fff;
}
li.passage {
	/* display: inline-block; */
	display: inline;
	list-style-type: none;
	/* padding-right: 0.714rem; */
	text-align: justify;
	margin-bottom: 0.714rem;
}
li.passage br {
	display: inline-block;
}
ul.tst-justify {
text-align:justify;
}
ul.glisthead {
	width: 100%;
}
ul.glisthead li.row {
	margin: 0;
	background: #f0f0f0;
	color: #757575;
	font-weight: bold;
}
ul.glisthead li div.glistcontent {
	padding: 0.714rem;
}
span.chevronswitch.csrelative::before {
	position: relative;
}
div.tittle-head {
	background: #f0f0f0;
	color: #757575;
	font-weight: bold;
	padding: 0.357rem;
	margin-bottom:0.357rem;
}
/* passage_study */
#passage_study {
	font-size: 0.857rem;
}
#passage_study td span {
	display:inline-block;
}
/* passage */
#passage {
	font-size: 0.7857rem;
}
/* nav-tabs */
.nav-tabs {
    border-bottom: 1px solid #27ae60;
	margin-bottom: 0.357rem;
}
.nav-tabs li {
    margin: 0;
	margin-bottom: -1px;
}
.nav-tabs li a {
    background: #fff;
    padding: 0.4rem;
    line-height: inherit;
    text-align: center;
    margin-right: 0.143rem;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background: #fff;
	color: #27ae60;
	outline: none;
}
.nav-tabs > li.active > a {
	background: #fff;
	color: #27ae60;
	border: 1px solid #27ae60;
	border-bottom: 1px solid #fff;
}
.nav-tabs > li.active > a:hover{
    color: #27ae60;
    border: 1px solid #27ae60;
    border-bottom: 1px solid #fff;
}
.msg-tab {
	margin-top: 0.357rem;
}
/* exam_study */
#exam_study {
	font-size: 0.857rem;
}
#exam_study td span {
	display:inline-block;
}
#exam_study #accordion a.btn {
	white-space:normal;
}
/* exam */
#exam {
	font-size: 0.7857rem;
}
.score {
    border-right: 2px solid #e9eaed !important;
}
#exam #scoretimes, #exam #scoretimet {
	padding: 0.357rem;
}
#exam .answerlist {
	background: #fff;
}
/* pt_exam */
#pt_exam {
	font-size: 0.7857rem;
}
.score {
    border-right: 2px solid #e9eaed !important;
}
#pt_exam #scoretimes, #pt_exam #scoretimet {
	padding: 0.357rem;
}
#pt_exam .answerlist {
	background: #fff;
}
#pt_exam #examdetail .sub-content {
	margin-top: 0;
}
#pt_exam #examdetail th, #pt_exam #examdetail td {
	padding: 0.357rem;
}
#pt_exam  #examdate tr.passed td {
	color: #CCC;
}
#pt_exam #examdate tr.active td {
	background: #b1fcb4;
}
/* skam */
#skam {
	font-size: 0.7857rem;
}
#skam .nav-tabs {
	padding-bottom: 1px;
}
#skam .nav-tabs li {
	float:left;
	width: 50%;
}
#skam .nav-tabs li a {
	border: 1px solid #e9eaed;
	padding: 0.714rem 0.357rem;
}
#skam input#search_word {
	width: 100%;
	display: inline-block;
	height: 2.5rem;
	padding: 0 0.714rem;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
ul.glist.questionword li {
	border-bottom: 0.714rem solid #e9eaed;
}
.undr-btn span {
	margin-bottom: 0.714rem;
	display: block;
	width: 100%;
}
/* news_category */
#news_category {
	font-size: 0.857rem;
}
div.bar-btmm p.news {
    font-size: 0.857rem;
	margin-bottom: 0.357rem;
	text-align: left;
	white-space: normal;
}
/* news_list */
#news_list {
	font-size: 0.857rem;
}
ul.glist.newscategory img {
	width: auto;
}
ul.glist.newscategory li{
	color: #a5a5a5;
}
ul.glist.newscategory p {
	/* float: left; */
	color: #a5a5a5;
	margin-top: 0.357rem;
}
.news_title {
	font-size: 1rem;
	color: #696969 !important;
}
ul.glist.newscategory li {
	cursor: pointer;
	margin-bottom: 0.714rem;
	border-radius: 4px;
}
ul.glist.newscategory li.nolink {
	cursor: default;
}
.newscategory .btn {
	padding:0;
	white-space:normal;
	font-size: 0.857rem;
	text-align: left;
	border: 0;
}
.newscategory .glistcontent {
	padding: 0.357rem;
}
/* news */
#news {
	font-size: 0.857rem;
}
#news .glisthead, #dictionary .glisthead {
	font-size: 0.714rem;
}
#news .glistcontent, #dictionary .glistcontent {
	padding: 0.357rem;
}
.news_blue_sq {
	display:inline-block;
	cursor:help; color:#4FA115;
	font-weight:bold;
	font-size: 1.142857rem;
}
.news_green_sq {
	display:inline-block;
	cursor:help; color:#4FA115;
	font-weight:bold;
	font-size: 1.142857rem;
}
.news_blue_sq {
	display:inline-block;
	cursor:help; color:#0000FF;
	font-weight:bold;
	font-size: 1.142857rem;
}
/* games */
#games {
	font-size: 0.857rem;
}
img.profile-image {
	border: 0;
	overflow: hidden;
	vertical-align: middle;
	text-align: right;
	display:block;
	height: 2rem;
	width: 2rem;
}
table.gameleftlist td, table.gameleftlist th {
	padding: 0.357rem;
}
.game-score {
	margin-bottom: 0.357rem;
}
#game-score-b {
	float: right;
	position:relative;
	margin-bottom: 0.357rem;
	z-index:1;
}
/* game_true_false */
#game_true_false {
	font-size: 0.7857rem;
}
table.truefalse thead div {
    border: 1px solid #d9d9d9;
    padding: 0 0.357rem;
    float: right;
    background: #FFF;
}
table.gameleftlist span {
    color: #27ae60;
    float: right;
    font-size: 0.714rem;
    font-weight: bolder;
}
/* game_ik */
#game_ik {
	font-size: 0.7857rem;
}
#game_ik #answer_list {
	display: table;
	width:100%;
}
/* game_we */
#game_we {
	font-size: 0.7857rem;
}
#game_we #answer_list {
	display: table;
	width:100%;
}
#hints span {
	display:block;
	width:100%;
	margin-bottom: 0.357rem;
}
/* game_ike */
#game_ike {
	font-size: 0.7857rem;
}
#game_ike #answer_list {
	display: table;
	width:100%;
}

/* synchronic_courses */
#synchronic_courses {
	font-size: 0.857rem;
}
.lessons .row {
    background: #fff;
    display: block;
    padding: 0;
    margin: 0 0 0.714rem 0;
    border-radius: 4px;
}
.lessons .col-xs-12 {
    color: #7c7d78;
    font-size: 0.857rem;
    padding: 0.714rem;
    border-bottom: 1px solid #f5f6f7;
    font-weight: bold;
}
.lessons div {
	padding: 0.357rem;
}
/* synchronic_list */
#synchronic_list {
	font-size: 0.857rem;
}
#synchronic_list td, #synchronic_list th {
	padding: 0.357rem;
}

/* asynchronic_courses */
#asynchronic_courses {
	font-size: 0.857rem;
}
/* asynchronic_list */
#asynchronic_list {
	font-size: 0.857rem;
}
.lessons .media, .lessons .media-left, .lessons .media-body, .lessons .media-right {
	padding: 0;
}
.lessons .media-left {
	padding-right: 0.357rem;
	font-weight: bold;
}
.lessons .media-right {
	padding-left: 0.357rem;
	font-weight: normal;
	white-space:nowrap;
}
.lessons .media-right span{
	font-size: 0.7857rem;
}
.lessons .media-body {
	font-weight: normal;
}
#asynchronic_list td, #asynchronic_list th {
	padding: 0.357rem;
}
/* point_store_list */
#point_store_list {
	font-size: 0.857rem;
}
#point_store_list .bar-btmm span {
	color: #777;
}
/* point_store */
#point_store {
	font-size: 0.857rem;
}
#point_store td, #point_store th {
	padding: 0.357rem;
}
/* pilot_test*/
#pilot_test {
	font-size: 0.7857rem;
}
#pilot_test td, #pilot_test th {
	padding: 0.357rem;
}
#pilot_test .nomar, #quizset_solved_list .nomar {
	margin-bottom: 1rem;
}
#pilot_test ul.glist li div.glistcontent, #pilot_test ul.glisthead li div.glistcontent, #quizset_solved_list ul.glist li div.glistcontent, #quizset_solved_list ul.glisthead li div.glistcontent, #exam_solved_list ul.glist li div.glistcontent, #exam_solved_list ul.glisthead li div.glistcontent { 
	padding: 0.357rem;
}
#timeLeft {
	font-size: 1.2rem;
	font-weight: bold;
}
/* certificate */
#certificate {
	font-size: 0.857rem;
	/* emboss effect */
	/*
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  box-shadow: 
    inset 0 2px 3px rgba(255,255,255,0.3),
    inset 0 -2px 3px rgba(0,0,0,0.3),
    0 1px 1px rgba(255,255,255,0.9);
	*/
	margin: 1.8rem 0 0 0;
}
.certificate_header {
    display: block;
	background: #27ae60;
    color: #fff;
	padding: 0.714rem;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid transparent;
	font-size: 0.857rem;
}
.certificate_header span {
	font-weight: bold;
}
.certificate_header img {
	float: right;
}
.active-certificate {
	background-color: #1b904c; /* #219251 */
	float: right;
}
.passive-certificate {
	background-color: #ce3e3e;
	float: right;
}
.certificate_main {
	margin:0;
	background-image: linear-gradient(to right bottom, #fff, #d4d4d4);
	box-shadow: 0 0 0.714rem #b2b2b2;
	padding: 0.714rem;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.certificate_main .cert_user {
    padding: 0.714rem 0 1.428rem 0;
	border-bottom: 1px solid #b2b2b2;
}
.certificate_main .media {
	margin-top: 0;
}
.certificate-profile-img {
    border-radius: 50%;
    float: left;
    height: 4.571rem;
    width: 4.571rem;
}
.certificate_main .cert_pna {
	color: #757575;
	font-size: 1.071rem;
	font-weight: bold;
}
.certificate_main .media p {
	margin:0;
}
.certificate_main .cert_voc {
    padding: 0.714rem 0.714rem 0 0;
}
.certificate_main .cert_gr {
    padding: 0.714rem 0 0 0.714rem;
}
.certificate_main .cert_voc p, .certificate_main .cert_gr p {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	line-height: 1.42857rem;
}
.certificate_main .value {
    color: #777777;
    font-size: 1.42857rem;
    font-weight: bold;
    float: right;
    position: relative;
    right: auto;
}
.certificate_main .value2 {
    font-size: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0.7rem;
	color: #b3b3b3;
}
.certificate_main .progress {
    border-radius: 2px;
    margin-bottom: 0;
    height: 6px;
    padding: 0;
}

#certificate_info {
	background-color: #f5f5f5;
	color: #687074;
	border-radius: 4px;
	margin-top: 0.714rem;
	padding: 0.714rem;
	box-shadow: 0 0 0.714rem #b2b2b2;
	display:none;
}
#certificate_info img {
    width: 1.42857rem;
    height: 1.42857rem;
}
a.certif {
    color: #afafaf;
    margin: 0.357rem 0;
	padding-right: 0.357rem;
    display: block;
    width: 100%;
}
.certificate_share_header {
    display: block;
	background: #fff;
	margin: 0;
	padding: 0.357rem;
	margin-top: 1.7857rem;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid transparent;
	font-size: 0.857rem;
}
.certificate_share_header span {
	color: #7c7d78;
	font-weight: bold;
}
.certificate_share_link {
	text-align:center;
	font-size: 0.857rem;
	padding: 0.357rem;
	background: #fff;
}
.certificate_share_link span, #referral_link  {
	display: block;
	color: #777777;
	text-align:center;
	padding: 0.357rem 0.714rem;
	font-size: 0.857rem;
	-moz-box-shadow: inset 0 0 0.357rem #b2b2b2;
   -webkit-box-shadow: inset 0 0 0.357rem #b2b2b2;
   box-shadow: inset 0 0 0.357rem #b2b2b2;
   border-radius: 4px;
   cursor: pointer;
}
.certificate_share {
	background: #fff;
	margin: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 4px 2px -2px #ccc;
}
.certificate_share li{
	padding: 0.714rem 0.357rem;
}
.certificate_share .btn {
	font-size: 1.2rem !important;
	border-radius: 50%;
	padding: 0.5rem !important;
	line-height: 1.5 !important;
	width: 2.7rem;
	height: 2.7rem;
	border:none !important;
}
.social-btn .btn {
	font-size: 1rem !important;
	border-radius: 50%;
	padding: 0.4rem !important;
	line-height: 1.2 !important;
	width: 2rem;
	height: 2rem;
	border:none !important;
}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2);}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}

/* classes */
#classes {
	font-size: 0.7857rem;
}
.group_create {
    display: block;
    text-align: right;
    margin-bottom: 0.714rem;
}
li.row.create-class {
    border-bottom: 1px solid #efefef;
}
#groups_result_message h5 {
	font-size: 0.857rem;
	line-height: 1.42857143rem;
}
#classes .glistcontent {
	padding: 0.357rem;
}
#classes .nav-tabs {
	margin-top: 0.714rem;
}

#classes .nav-tabs a {
	margin-top: 0.714rem;
    border: 1px solid #f1f1f1;
    border-bottom: none;
}

.class_type_info {
	padding: 0.357rem;
}
.nadara-space {
	height: 3.5rem;
}
.nadara-in {
    border: 1px solid #d9d9d9;
    padding-top: 1.2rem;
    position: relative;
    display: inline-block;
    width: 100%;
}

.nadara-in .icon {
    text-align: center;
    line-height: 5rem;
    font-size: 2.857rem;
    background: #27ae60;
    height: 5rem;
    width: 5rem;
    color: #fff;
    left: 0;
    right: 0;
    position: absolute;
    top: -2.9rem;
    margin: 0 auto;
    border-radius: 50%;
    display: inline-block;
}

#classes td, #classes th {
	padding: 0.357rem;
}
#group_form {
	border-radius: 4px;
}

.form-control {
	font-size: 0.7857rem;
	height: auto;
}
.form-control:focus {
	-webkit-box-shadow: 0 0 7px 0 #27ae60;
	-moz-box-shadow: 0 0 7px 0 #27ae60;
}
#classes .radio {
	display: inline-block;
}
#groups{
	display:block;
}
.span_link {
	cursor: pointer;
	display: block;
}
.group_info{
	display:block; 
	background: #fff;
	/* padding: 0.714rem 0.714rem 0 0.714rem; */
	margin-bottom: 0.714rem;
	border-radius: 4px;
	color: #757575;
}
.word_break {
	word-break: break-all;
}
.material div.imagehover:hover {
    -webkit-box-shadow: 0 0 3px 3px rgba(39, 174, 96, 0.75);
    box-shadow: 0 0 2px 2px rgba(39, 174, 96, 0.75);
}
.group_name, .group_admin, .group_members, .group_numbers {
	display:block;
	text-align:center;
	padding: 0.714rem;
}
.group_name {
	font-size: 1rem;
	line-height: 1.071rem;
	font-weight:bold;
}
#group_settings .down-d {
	font-size: 0.857rem;
	line-height: 1rem;
	font-weight: normal;
	margin-left:-9rem;
	bottom: 2.5rem;
}
.group_numbers {
	border-top: 1px solid #e4e4e4;
	background-color: #fbfbfb;
	color: #757575;
}
.group_numbers > span {
	width: 45%;
	text-align: center;
	display:inline-block;
}
.group_numbers .down-p {
	width: 10%;
	text-align: center;
	display:inline-block;
	float: right;
}
.group_members {
	/* min-height: 8rem; */
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.group_members img {
    margin-bottom: 0.357rem;
}
.avara img, #group_info_result .media-left .media-object, #group_info_result_me .media-left .media-object {
    border-radius: 50%;
    height: 2.857rem;
    width: 2.857rem;
}
.member_number {
	display:inline-block;
	border-radius: 50%;
    height: 2.857rem;
    width: 2.857rem;
	color: #79868f;
	background-color: #e9eaed;
	margin-bottom: 0.357rem;
	vertical-align: middle;
	text-align:center;
	line-height:2.857rem;
	font-size: 0.80rem;
}

.group_description {
    color: #777777;
	background: #fff;
    border-bottom: 2px solid #cecece;
    padding: 0.714rem;
	margin-bottom: 0.714rem;
}
/* classx */
#classx {
	font-size: 0.7857rem;
}
#classx td, #classx th {
	padding: 0.357rem;
}
#classx .btn-danger2 {
    background: #ce3e3e !important;
    padding: 0.357rem 0.714rem !important;
}

#group_info_table tr.green-text span.value2 {
	color: #27ae60;
}

#group_info_table span.value2 {
	font-size: 0.65rem;
}
.profile_flag {
    height: 1.3rem;
    width: 1.3rem;
    position: absolute;
    display: inline-block;
    float: left;
    z-index: 1;
	margin-left: 0;
	margin-top: 2rem;
}
/*
.profile_gender {
    height: 1.3rem;
    width: 1.3rem;
    position: absolute;
    display: inline-block;
    float: left;
    z-index: 1;
	margin-left: 0;
	margin-top: 0;
	opacity: 0.6;
}
*/
.post-duvar {
    background: #fff;
    padding: 0.714rem;
    position: relative;
}
.post-duvar textarea, #conversations_main textarea {
    display: inline-block;
    width: 100%;
    padding: 0.357rem;
    background: #f6f6f6;
    border-radius: 4px;
    height: 2.5rem;
    position: relative;
    border: 1px solid #e2e2e2;
    resize: none;
}
.post-button-area {
    border-top: 1px solid #f0f0f0;
    margin-top: 0.357rem;
    padding-top: 0.357rem;
    text-align: right;
}
.duvar-in {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-top: 0.714rem;
    position: relative;
    border-bottom: 2px solid #cecece;
}
.duvar-in .main-go-d {
    float: right;
    height: 2.143rem;
    width: 1.42857rem;
    position: absolute;
    right: 0.714rem;
    font-size: 1rem;
	text-align: center;
}
.duvar-in .go-dwn-l {
    position: absolute;
    float: right;
    right: 0;
    background: #ffffff;
    padding: 0.357rem 0.714rem;
    border: 1px solid #dbdbdb;
    width: 170px;
    display: none;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    z-index: 1;
}
.duvar-in .go-dwn-l a {
    font-size: 0.786rem;
    border-bottom: 1px solid #f1f1f1;
    padding: 7px 0;
    display: inline-block;
    width: 100%;
}
.duvar-in .go-dwn-l a:hover {
	color: #27ae60;
}
.duvar-in .go-dwn-l a:hover {
	color: #27ae60;
}
.duvar-in .main-go-d:hover .go-dwn-l {
	display: block;
}

.sn_connect, .sn_reaction {
    cursor: pointer;
}
.duvar-in .duvar-main {
    border: 1px solid #e4e4e4;
    padding: 0.357rem;
    border-radius: 2px;
}
.duvar-in .duvar-main .media {
    margin-bottom: 0.714rem;
    margin-top: 0;
}
.duvar-in .duvar-main .media-heading {
    font-size: 0.857rem;
    color: #7f8c8d;
	margin-bottom: 0;
}
.duvar-in .duvar-main .media span {
    color: #c6c6c6;
    float: none;
}
.date {
    text-align: right;
    font-size: 0.714rem;
    float: right;
}
.duvar-in .duvar-main p {
    color: #696969;
    width: 95%;
	margin-bottom: 0.357rem;
	word-break:break-all;
}
.duvar-in .duvar-main ul {
    padding-top: 0.357rem;
    border-top: 1px solid #f0f0f0;
}
.duvar-in .duvar-main ul li a {
    display: inline-block;
    color: #c6c6c6;
    margin-right: 1.42857rem;
}
.duvar-in .duvar-main ul li a:hover {
	color: #27ae60 !important;
}
.duvar-in .duvar-main ul li b i, .yorum .sn_reaction b i{
	color: #757575;
}
.duvar-in .duvar-main ul li i {
    margin-right: 0.714rem;
    font-size: 1rem;
}
.duvar-in .yorum {
    background: #fbfbfb;
    display: inline-block;
    width: 100%;
}
.yorum .com-w {
    position: relative;
}
.yorum .com-w textarea {
    display: inline-block;
    width: 100%;
    padding: 0.357rem;
    padding-left: 50px;
    background: #fff;
    border-radius: 4px;
    height: 2.14rem;
    position: relative;
    border: 1px solid #e2e2e2;
    resize: none;
}
.yorum .com-w i {
    position: absolute;
    left: 1rem;
    top: 0.357rem;
    font-size: 1.42857rem;
    color: #e2e2e2;
}
.yorum .media {
    border-top: 1px solid #f0f0f0;
    padding: 0.357rem !important;
    margin: 0 !important;
}
.comment .media-left, .comment .media-right, .comment .media-body {
    vertical-align: top !important;
}
.yorum .sn_reaction {
    color: #c6c6c6 !important;
    margin-right: 1.42857rem;
}
.defult-bg {
	/* background: #fff; */
	margin-top: 0.357rem;
	padding-bottom: 0;
}
ul.glist.friends .row {
    background: #fff;
    display: block;
    padding: 0;
    margin: 0 0 0.714rem 0;
    border-radius: 4px;
}
ul.glist.friends li .col-xs-12 {
    padding: 0.714rem;
    border-bottom: 1px solid #f5f6f7;
    font-weight: bold;
}
ul.glist.friends .media-heading {
    font-weight: bold;
    color: #757575;
    font-size: 0.857rem;
	line-height: 0.857rem;
	margin-bottom: 0;
}
ul.glist.friends .tcolor {
	font-weight: lighter;
}
ul.glist.friends li .col-xs-4, ul.glist.friends li .col-xs-6 {
    padding: 0.357rem;
}
ul.glist.friends .btn {
    width: 100%;
    padding: 0.357rem;
    text-align: left;
    white-space: normal;
}
ul.glist.friends p {
	margin-bottom: 0;
	font-size: 0.7857rem;	
}
ul.glist.friends a.btn i.fa {
    margin-right: 0.357rem;
}
/* point_report_archive */
#point_report_archive {
	font-size: 0.7857rem;
}
.point-report .icon {
	height: 2.3rem;
	width: 2.3rem;
	float: left;
	border-radius: 50%;
	background: #27ae60;
	text-align: center;
	line-height: 2.3rem;
	font-size: 1rem;
	color: #fff;
	margin-right: 0.357rem;
}
.point-report h3 {
	font-size: 1.2rem;
}
.point-report li {
	position: relative;
}
.point-report-in {
	margin 0;
}
.point-report-in .row {
	margin: 0;	
}
.point-report-in li {
	padding:0.357rem;
}
.report-point ul.glisthead li div.col-xs-2.glistcontent {
	margin-left: -10px;
}
.point-report-in section {
	background: #f5f5f5;
	padding: 0.357rem;
	padding-top: 0.929rem;
	padding-bottom: 0;
	border-bottom: 2px solid #cecece;
}
.point-report .bg-blue {
	background: #059de2;
}
.point-report .bg-red {
	background: #f63434;
}
.point-report-in li h3 {
	margin: 0;
	color: #717171;
	font-weight: bold;
}
.report-point {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 0 0.357rem 0.357rem 0.357rem;
	position: relative;
	overflow: hidden;
}
.report-point h6 {
	font-weight: bold;
	color: #717171;
	margin-bottom: 0.714rem;
}
.report-point .icon {
	float: right;
	margin-top: -32px;
	height: 29px;
	line-height: 29px;
	font-size: 1.143rem;
	width: 29px;
}
.report-point li {
	border-bottom: 1px solid #e3e3e3;
	display: inline-block;
	width: 100%;
	float: left;
}
.report-point li span {
	color: #717171;
}
.report-point .red-text{
	font-weight: bold;
}
.sum-text{
	font-weight: bold;
}
.tab-content.login-screen {
	background: none;
}
.small-word {
	font-size: 0.714rem;
}
.point-report .col-xs-12 {
	margin-bottom: 0.714rem;
}
#chart_time {
	width: 50%;
}
/*Puan Arsivi*/
#point_archive_list li {
	margin-bottom: 0.714rem;
}
.arsivim {
	background: #fff;
	padding: 0.714rem 0 0.714rem 0.357rem;
}
.arsivim .timeline {
	/* margin-bottom: 1.42857rem; */
	display: inline-block;
	width: 100%;
}
.arsivim .col-xs-12 {
	padding:0;
}
.arsivim .col-xs-10 {
	padding: 0 0 0 0.714rem;
}
.arsivim .timeline .round {
	width: 3.371rem;
	border-radius: 50%;
	padding: 0.5rem;
	background: #f2f2f2;
	float: left;
	position: relative;
	/* z-index: 2; */
	/* margin-bottom: 1.42857rem; */
}
.arsivim .timeline .round span {
	width: 2.443rem;
	background: #a7a6a6;
	border-radius: 50%;
	text-align: center;
	line-height: 2.3rem;
	float: left;
}
.arsivim .timeline .top-src {
	position: relative;
	border: 1px solid #a7a6a6;
	border-radius: 2px;
	padding: 0.357rem 0.714rem;
	color: #a5a5a5;
	margin-top: 0.714rem;
	font-family: FontAwesome;
}
.arsivim .timeline .top-src:before {
	content: "\f0d9";
	position: absolute;
	left: -7px;
	top: 3px;
	font-size: 1.42857rem;
}
.arsivim .timeline p {
	display: inline-block;
	width: 100%;
	margin-top: 0.357rem;
	margin-bottom: 0;
}
.arsivim .green-prt .top-src:before {
	color: #27ae60;
}
.arsivim .green-prt .top-src {
	border-color: #27ae60;
	color: #27ae60;
}
.arsivim .green-prt .timeline h6 {
	display: inline-block;
	width: 100%;
	color: #535353;
	font-weight: normal;
}
.arsivim .green-prt .timeline h6 strong {
	color: #27ae60;
}
.arsivim .green-prt .timeline .round span {
	background: #27ae60;
}
.arsivim .red-prt .top-src:before {
	color: #f42323;
}
.arsivim .red-prt .top-src {
	border-color: #f42323;
	color: #f42323;
}
.arsivim .red-prt .timeline h6 {
	display: inline-block;
	width: 100%;
	color: #535353;
	font-weight: normal;
}
.arsivim .red-prt .timeline h6 strong {
	color: #f42323;
}
.arsivim .red-prt .timeline .round span {
	background: #f42323;
}
/*
.arsivim .timeline:before {
	position: absolute;
	width: 1px;
	height: 100%;
	content: "";
	background: #e3e3e3;
	margin-left: 5px;
}
*/
.arsivim .dark-b-prt .top-src:before {
	color: #1f2d3b;
}
.arsivim .dark-b-prt .top-src {
	border-color: #1f2d3b;
	color: #1f2d3b;
}
.arsivim .dark-b-prt .timeline h6 {
	display: inline-block;
	width: 100%;
	color: #1f2d3b;
	font-weight: normal;
}
.arsivim .dark-b-prt .timeline h6 strong {
	color: #1f2d3b;
}
.arsivim .dark-b-prt .timeline .round span {
	background: #1f2d3b;
}
#moreArchive {
	margin: 0.714rem 0;
}
/* posts */
#posts {
	font-size: 0.857rem;
}
/* post */
#post {
	font-size: 0.857rem;
}
/* knowledge_league */
#knowledge_league {
	font-size: 0.7857rem;
}
#knowledge_league td, #knowledge_league th {
    padding: 0.357rem;
}
#kl_result .media-left .media-object {
    border-radius: 50%;
    height: 2.857rem;
    width: 2.857rem;
}
#kl_result span.value2 {
    font-size: 0.65rem;
}
#kl_head {
	padding: 0.357rem;
}
#kl_head h5 {
	font-size: 0.7857rem;
	line-height: 1.429;
	margin: 0;
	color: #757575;
}
/* expert_lookup */
#expert_lookup {
	font-size: 0.7857rem;
}
#expert_lookup td, #expert_lookup th {
    padding: 0.357rem;
}
#expert_lookup #name input, #expert_lookup #english_knowledge input {
	width: 100%;
	display: inline-block;
	height: 2rem;
	padding: 0 0.714rem;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
#expert_lookup .radio {
	display:inline-block;
}
#expert_lookup .el_result_number .row{
	background: transparent;
}
.el_result_number .alert {
	margin-bottom:0;
	padding: 0.357rem;
}
#el_result {
	margin: 0 -0.357rem;
}
#el_result li.col-xs-12 {
	padding: 0.357rem;
}
#el_result .media-left {
	padding-right:0.357rem;
}
.uzmoj-prium .ion-oi {
	background: #fff;
	border-radius: 4px;
	padding: 0.357rem;
}
.expert_name_islive{
	padding: 0.357rem 0 0 0;
}
.expert_name_islive .media-heading{
	color: #1f2d3b;
	vertical-align: middle;
	line-height: 1.1rem;
	/* height: 2.2rem; */
	display: table-cell;
	font-size: 0.857rem;
}
.expert_flag_gender{
	text-align:center;
	padding:0;
}
.expert_flag_gender i{
	opacity: 0.6;
}
.uzmoj-prium .user-info ul {
	border: none;
	width: auto;
	display: block;
	border-top: 1px solid #f1f1f1;
	margin-top: 0.714rem;
}
.uzmoj-prium .user-info {
	background: #fff;
	position: relative;
	margin: 0;
	border: none;
}
.uzmoj-prium .user-info .cert_voc {
    padding: 0.357rem 0.357rem 0 0;
}
.uzmoj-prium .user-info .cert_gr {
    padding: 0.357rem 0 0 0.357rem;
}
.uzmoj-prium .user-info .cert_voc p, .uzmoj-prium .user-info .cert_gr p {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	line-height: 1.42857rem;
}
.uzmoj-prium .user-info .value {
    color: #777777;
    font-size: 1.42857rem;
    font-weight: bold;
    float: right;
    position: relative;
    right: auto;
}
.uzmoj-prium .user-info .value2 {
    font-size: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0.7rem;
	color: #b3b3b3;
}
.uzmoj-prium .user-info .progress {
    border-radius: 2px;
    margin-bottom: 0;
    height: 6px;
    padding: 0;
}
#el_result .hovercard-live {
	font-size: 0.714rem;
}
.load_more_experts {
	margin: 0.714rem 0;
}
/* connections */
#connections {
	font-size: 0.7857rem;
}
.load_more_connections {
	margin-bottom: 0.714rem;
}
#connections .doen {
    background: #fff;
	padding: 0.357rem 0.714rem;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0.357rem;
}
#connections .srch {
    color: #f5f5f5;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e2e2e2;
	margin: 0;
}
#connections .srch div {
	padding: 0.357rem;
}
#connections .srch div:nth-child(1) {
	padding-left: 0;
}
#connections .srch div:nth-child(2) {
	padding-right: 0;
}
#connections .srch input {
    display: inline-block;
    width: 100%;
    height: 2rem;
    border: none;
    background: #f8f8f8;
    color: #4d4d4d;
    padding: 0 0.357rem;
    border-bottom: 2px solid #e4e4e4;
}
/* dictionary */
#dictionary {
	font-size: 0.7857rem;
}
#dictionaryResult {
	margin-bottom: 0.714rem;
}
#dictionaryResult table.word-dictionary td {
	padding: 0.357rem 0.714rem;
}
table.word-dictionary h1 {
    font-size: 2rem;
	margin:0;
}
table.word-dictionary p {
	margin-bottom:0;
}
table.word-dictionary {
	border-bottom: 3px solid #e1e1e1;
	border-radius: 4px;
}
#dictionaryResult .madd p {
    background: #f7f7f7;
    padding: 0.357rem 0.357rem;
    /*margin-top: 0.714rem;*/
	margin-bottom: 0.357rem;
}
ul.glist.dictionary-search li {
	border-bottom: 1px solid #f1f1f1;
	position: relative;
}
ul.glist.dictionary-search .main-go-d {
	position: absolute;
	right: 0.357rem;
	top: 0.714rem;
}
ul.glist.dictionary-search p {
	margin-bottom: 0;
	margin-right: 0.357rem;
	cursor: pointer;
}
ul.glist.dictionary-search .go-dwn-l {
	position: absolute;
	right: 0;
	background: #ffffff;
	padding: 0 0.357rem 0 0.357rem;
	border: 1px solid #dbdbdb;
	width: 140px;
	display: none;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	z-index: 1;
}
ul.glist.dictionary-search .go-dwn-l a {
	font-size: 0.786rem;
	border-bottom: 1px solid #f1f1f1;
	padding: 7px 0;
	display: inline-block;
	width: 100%;
}
ul.glist.dictionary-search .main-go-d:hover .go-dwn-l {
	display: block;
}
#examplesentences .tab-content { background: transparent; }
.wordspeak img {
	margin-right: 1.42857rem;
}
ul.wordspeak {
	background: inherit;
}
.wordspeak li {
	text-align: center;
}
.wordspeak li div {
	background: #fff;
	text-align: center;
	padding: 0.714rem 0.071rem;
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	cursor: pointer;
}
.wordspeak li div:hover {
	border-bottom: 3px solid #27ae60;
}
/* search_people_more */
#search_people_more {
	font-size: 0.7857rem;
}
/* notifications */
#notifications {
	font-size: 0.7857rem;
}
/* messages */
#messages {
	font-size: 0.7857rem;
}
#conversations_main {
	margin-bottom: 0.714rem;
}
#conversations_main0 div.new_message_head {
	padding: 0.357rem;
	text-align: right;
}
#conversations_main0 > td, #conversations_main1 > td {
	padding: 0;
}
#conversation_list td, #new-msg td, #message_list td {
	padding: 0.357rem;
}
#conversations_main1 ul.glist {
    border-bottom: 1px solid #f1f1f1;
}
#conversation-btn-area {
	padding: 0.357rem;
}
#conversation-btn-area p {
	margin-bottom: 0.357rem;
	padding-bottom: 0.357rem;
	border-bottom: 1px solid #f1f1f1;
	text-align: right;
}
#conversation-btn-area .media {
	margin-top:0;
}
#conversation-btn-area h6 {
	margin-top:0;
	font-size: 0.857rem;
	display: inline-block;
	line-height:1.855rem;
	color: #27ae60;
}
.message-button-area {
	text-align: right;
	padding: 0.357rem;
}
.message-detail .main-go-d {
    float: right;
    margin-left: 0.357rem;
	margin-right: 0.357rem;
}
.message-detail .go-dwn-l {
    position: absolute;
    float: right;
    right: -10px;
    background: #ffffff;
    padding: 0.357rem 0.714rem;
    border: 1px solid #dbdbdb;
    display: none;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
.message-detail p {
	margin-bottom:0;
	line-height: 1rem;
}
.message-detail .main-go-d:hover .go-dwn-l {
	display: block;
}
.message-detail .go-dwn-l a {
	font-size: 0.7857rem;
	border-bottom: 1px solid #f1f1f1;
	padding: 0.357rem 0;
	color: #626262;
	display: inline-block;
	width: 100%;
}
.message-detail .go-dwn-l a:hover {
	color: #27ae60;
}
#message_friends {
	position:absolute;
	display:none;
	width: 17.857rem;
	opacity: 1;
	z-index: 1;
}
/* account_settings */
#account_settings {
	font-size: 0.7857rem;
}
#account_settings td {
	padding: 0.714rem 0.357rem;
}
#account_settings .radio, #reading .radio {
	display: inline-block;
}
#account_settings .btn-sm .fa {
	margin-right:0;
}
#account_settings .mini-input {
    background-color: #e2e2e2;
}
#account_settings #gsm span {
	padding: 0;
}
#account_settings #gsm span:nth-child(2) {
	padding-left: 0.357rem;
}
#account_settings #birth select, #account_settings #education_ranges select{
	padding: 0.357rem 0;
	width: 4rem;
}
/* contact_form */
#contact_form {
	font-size: 0.7857rem;
}
#contact_form td {
	padding: 0.357rem;
}
#contact_form #security_code span {
	padding: 0;
}
#contact_form #security_code span:nth-child(2) {
	padding-left: 0.357rem;
}
#contact_form .glist {
	margin-bottom: 0.714rem;
}
.location iframe {
	width: 100%;
	border: none;
}
/* hovercard*/
.hovercard {
	cursor: pointer;
}
.hovercardclose {
	border-radius: 50px;
	float: right;
	padding: 0.357rem 0.55rem !important;
}
.hovercardclose .fa {
	margin-right: 0 !important;
}
/* limited_usage*/
#limited_usage {
	/* orijinali : #d4d4d4*/
	/* background-image: linear-gradient(to right bottom, #fff, #d4d4d4); */
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #e8e8e8); /* Standard syntax */
	box-shadow: 0 0 0.714rem #b2b2b2;
	border-radius: 4px;
	/*padding: 0 0.714rem;*/
	color: #757575;
	font-size: 0.857rem;
}
#solutioncontent #limited_usage {
	margin-left: -0.714rem;
	margin-right: -0.714rem;
}
#limited_usage_header {
	font-size:0.857rem;;
	padding: 0.714rem;
	border-bottom: 1px solid #f1f1f1;
}
#limited_usage .limit_type {
	color: #ce3e3e;
	font-weight: bold;
}
#limited_usage .limit_info {
	color: #7f8c8d;
}
#limited_usage_body {
	padding: 0.714rem;
}
#limited_usage_body_title {
	color: #777777;
	font-size: 1.25rem;
	text-align:center;
	/*padding: 0.714rem;*/
	padding-bottom: 0.357rem;
}
#show_limited_usage_body {
	cursor: pointer;
}
#limited_usage_body_content {
	padding: 0 0 0.714rem 0;
	display: none;
}
#limited_usage_body_content_left {
	text-align: center;
	/* height: 19rem; */
}
#limited_usage_body_content_left img {
	margin-top: 2.85rem;
}
#limited_usage_body_content_right {
	text-align: center;
	/* height: 19rem; */
}
#limited_usage_info_fp {
	/*padding: 0 0.714rem;*/
}
#limited_usage_info_area {
	/*padding: 0 0.714rem;*/
	/*height: 17rem;*/
	/*height: calc(100vh-300px);*/
	height:100%;
}
#limited_usage_info_list_header, #limited_usage_info_list, #limited_usage_info_list_header tr, #limited_usage_info_list_header tr {
	background: none;
}
#limited_usage_info_list tr {
	background: none;
	border-bottom: 1px solid #ebebeb;
}
#limited_usage_info_list tr:hover {
	background: #fafafa;
}
#limited_usage_info_list_header td,#limited_usage_info_list td {
	text-align: left;
	padding: 0.357rem;
}

#limited_usage_footer_title {
	color: #7f8c8d;
	font-size:0.929rem;
	font-weight: bolder;
	text-align:center;
	background:url(../images/limit_modal_student.png);
	background-repeat: no-repeat;
    background-position: 98%;
	/*padding: 1.7rem;*/
	padding: 0.357rem;
	
	width: 100%;
}
#limited_usage_footer_content {
	padding: 0 0 0.714rem 0;
	margin:0;
}
#limited_usage_footer_content div.col-xs-6:nth-child(1) {
	padding: 0 0.2rem 0 0.2rem;
}
#limited_usage_footer_content div.col-xs-6:nth-child(2) {
	padding: 0 0.2rem 0 0.2rem;
}

/* dli -> double line icon */
.btn-fb-dli .btn-dli-left {
	/* border-right: 2px #32437b groove; */ /* #6377b9 */
	border-right: 1px #f1f1f1 solid;
	width: 10%;
	/*
	padding-left: 0.714rem;
	padding-right: 0.357rem;
	*/
} 
.btn-fp-dli .btn-dli-left {
	border-right: 1px #f1f1f1 solid;
	width: 10%;
} 
.btn-premium-dli .btn-dli-body {
	/* border-left: 2px #2d9055 groove; */
	border-left: 1px #f1f1f1 solid;
	width: 10%;
	padding-right: 0.357rem;
} 
.btn-premium-dli .btn-dli-left {
	text-align:right;
	padding-right: 0.357rem;
} 
.btn-dli-left, .btn-dli-body{
    display: table-cell;
    vertical-align: middle;
	padding: 0.2rem;
	/*height:3.79rem;*/
}
.btn-dli-body {
	text-align:left;
}
a.btn.btn-fb-dli {
	background: #475993;
	color: #fff;
	/*height: 3.80rem;*/
	padding:0 !important;
	border-radius: 4px;
	/* width:14.28rem; */
	width:100%;
	font-size: 0.7857rem;
	/*line-height: 1.42857143rem;*/
}
a.btn.btn-fb-dli:hover {
	background: #6377b9;
	box-shadow: 0 1px 1px 1px rgba(71, 89, 147, 0.75);
	border:none !important;
}
a.btn.btn-premium-dli {
	background: #27ae60;
	color: #fff;
	/*height: 3.80rem;*/
	padding:0 !important;
	border-radius: 4px;
	width:100%;
	font-size: 0.7857rem;
	/*line-height: 1.42857143rem;*/
}
a.btn.btn-premium-dli:hover {
	background: #21d36c;
	box-shadow: 0 1px 1px 1px rgba(39, 174, 96, 0.75);
	border:none !important;
}
a.btn.btn-fp-dli {
	background: #00b6d5;
	color: #fff;
	/*height: 3.80rem;*/
	padding:0 !important;
	border-radius: 4px;
	/* width:14.28rem; */
	width:100%;
	font-size: 0.7857rem;
	/*line-height: 1.42857143rem;*/
}
a.btn.btn-fp-dli:hover {
	background: #00b6e9;
	box-shadow: 0 1px 1px 1px rgba(71, 89, 147, 0.75);
	border:none !important;
}
a.btn.btn-fb-dli i.fa, a.btn.btn-premium-dli i.fa, a.btn.btn-fp-dli i.fa {
	margin-right: 0;
}
/* premium_compare */
#premium_compare {
	font-size: 0.714rem;
	/* background: #fff; */
}
#premium_compare .jumbotron {
	text-align:center;
	margin-bottom: 0;
	/*position: relative;*/
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	border-radius: 0;
}
#premium_compare .jumbotron.mps28 {
	padding: 5em 0 9em 0;
	background: #182536 center center no-repeat;
}
#premium_compare .jumbotron.mps28 h1 {
	margin-top: 0;
	padding-top: 0;
	color: #000;
	font-size: 2.5em;
	font-weight: normal;	
}
#premium_compare .jumbotron.mps28 h1 .text1 {
	color: #27ae60;
	font-weight: bold;
	line-height: 1.25;
}
#premium_compare .jumbotron.mps28 h1 .text2 {
	color: #fff;
	line-height: 1.25;
}

#premiumbox {
	background:#FFF;
	padding: 0.357em;
	-moz-box-shadow: 0 0 4px #b2b2b2;
	-webkit-box-shadow: 0 0 4px #b2b2b2;
	box-shadow: 0 0 4px #b2b2b2;
	border-radius: 4px;
	/*border: 1px solid transparent;*/
	margin-top: -5rem;
}
#premiumtable {
	margin-bottom:0;
}
#premiumtable tr {
	border-bottom: 1px solid #f1f1f1;
}
#premiumtable tr.tablehover:hover {
	background: #fafafa;
	border-left: 1px solid #27ae60;
}

#premiumtable tr.tablehover:hover a.detailed_info {
	color: #27ae60;
	text-decoration: underline !important;
}

#premiumtable a.detailed_info .fa-external-link {
	display: none;
}
#premiumtable td {
	vertical-align: middle;
	padding: 0.357rem;
	line-height: 1.42857em;
	border-top: 0;
	font-size: 1.07142857em;
}
#premiumtable .pthead {
	color: #474747;
	font-weight: normal;
	font-style:italic;
	font-size: 1.7857em;
	line-height: 1em;
}
#premiumtable .nobottomborder {
	border-bottom: none;
}
#premiumtable .bottomborder {
	border-bottom: 1px solid #f1f1f1;
}
#premiumtable .saleoptcomptitle {
	width:100%;
	display:inline-block;
	/* padding: 0.857em 1.40em; */
	font-size: 0.928em;
	font-weight: bold;
	border: 1px solid transparent;
	line-height: 1em;
	border-radius: 5px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;	
}
#freetitle {
	color: #aaa;
}
#premiumtitle  {
	color: #27ae60;
}
#freebutton2 {
	width:100%;
	display:inline-block;
	background: #fff;
	color: #27ae60;
	border: 2px solid #27ae60;
	white-space:normal;
	line-height: 1.4em;
}
#freebutton2:hover {
	background: #27ae60;
	color: #fff;
}
#premiumbutton2 {
	width:100%;
	display:inline-block;
	white-space:normal;
	border: 2px solid #27ae60;
	line-height: 1.4em;
	font-weight: bold;
}
#premiumbutton2:hover {
	border: 2px solid #21d36c;
}
#premiumtable .bottombuttons {
	/* padding-top: 2.142857rem; */
	padding-top: 0.714em;
}
#premiumtable .bigtext {
	font-style:italic;
	font-size: 1.7857em;
	display:block;
	font-weight: normal;
	line-height: 1.5em;
}
#premiumtable .smalltext {
	font-style:italic;
	font-size: 0.857em;
	display:block;
	font-weight: normal;
	line-height: 1.5em;
}

#premiumtable .lighttext {
	color: #a4a4a4;
}
#premiumtable .tablecontentheader {
	color: #27ae60;
	font-size: 1.07142857em;
	display:block;
	font-weight: bold;
	padding: 1rem 0;
}
#premiumtable .bigprice {
	font-size: 2.142857em;
}
#premiumtable .smallprice {
	font-size: 1.142857em;
}
#premiumtable .smallpriceduration {
	font-size: 1.142857em;
	color: #898989;
}
#premiumtable .ptablem {
	padding-left: 1em;
}
#premiumtable .ptablep {
	background: #fafafa;
}
#premium_compare .asterisk {
	padding: 0.714em;
	/*color: #c0c0c0; */
	/*font-size: 0.92857rem;*/
	color: #595959;
	font-size: 1em;
	margin-bottom:0.714em;
}
.premium_check {
	width:1.5rem;
}
/* sale_options */
#sale_options {
	font-size: 1rem;
}
#sale_options_header {
	text-align:center;
	color: #fff;
	font-weight: bold;
	padding: 1.857rem 0.714rem;
	font-size: 1.2rem;
}

.fpbr-options-tabs {
	padding: 1rem;
}

.fpbr-options-tabs .tab-content {
	background: #e9eaed;
	margin-top: 1.071rem;
	border-radius: 4px;
}

.lighttext {
	color: #a4a4a4;
}

#faq {
	padding: 5.43rem 0 0 0;
}

#faq th, #faq td {
	padding: 1rem !important;
}

#sale_options_faq_header {
	text-align:center;
	color: #sale_options_header;
	font-weight: bold;
	font-size: 1.1rem;
}

.sale-options-tabs .tab-content {
	background: #fff;
	margin-top: 1.071rem;
	border-radius: 4px;
	/* border: 1px solid transparent; */
}
.sale-options-tabs .tab-pane, .fpbr-options-tabs .tab-pane {
	border: 1px solid transparent;
}
#sale-options-buttons > li:nth-child(1), #fpbr-options-buttons > li:nth-child(1) {
	padding-right: 0.25rem;
}
#sale-options-buttons > li:nth-child(2), #fpbr-options-buttons > li:nth-child(2) {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
#sale-options-buttons > li:nth-child(3), #fpbr-options-buttons > li:nth-child(3) {
	padding-left: 0.25rem;
}

#sale-options-buttons .btn, #fpbr-options-buttons .btn {
	display:block;
	width:100%;
	padding: 0.714rem;
}
#sale-options-buttons .btn:focus, #fpbr-options-buttons .btn:focus {
	outline: none;
}
#sale-options-buttons li.active .btn, #fpbr-options-buttons li.active .btn {
	background: #27ae60;
	/* box-shadow: 0 1px 1px 1px rgba(39, 174, 96, 0.75); */
	border:1px solid #27ae60 !important;
	color:#fff !important;
}
#sale-options-buttons .btn:hover, #fpbr-options-buttons .btn:hover {
	box-shadow: none;
}
#sale-options-buttons .bigtext {
	font-size: 1.2rem;
	display:block;
	font-weight: bold;
	line-height: 1.5rem;
}
#sale-options-buttons .smalltext, #fpbr-options-buttons .smalltext {
	font-size: 1rem;
	display:block;
	font-weight: normal;
	line-height: 1.5rem;
}
.sale-options-arrow, .fpbr-options-arrow {
	position: relative;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	margin-left: -10px;
	border-width: 0 10px 10px;
	border-bottom-color: #fff;
}
#sale-option-monthly0 > .sale-options-arrow, #fpbr-panel0 > .fpbr-options-arrow {
	top: -10px;
	left: 15%;
}
#sale-option-monthly1 > .sale-options-arrow, #fpbr-panel1 > .fpbr-options-arrow {
	top: -10px;
	left: 50%;
}
#sale-option-monthly2 > .sale-options-arrow, #fpbr-panel2 > .fpbr-options-arrow {
	top: -10px;
	left: 85%;
}
#sale_options .btn-green {
	font-size: 1rem;
	padding: 0.714rem 1.428rem;	
}
.sale-options-tabs td {
	color: #182536;
}
.sale-options-tabs .lighttext {
	font-size: 0.857rem;
	color: #898989;
}
.sale_payment_pricenb {
	line-height: 2.57142857rem;
	color: #182536;
}
/* payment */
#payment {
	font-size: 1rem;
	/*margin-top: 0.357rem;*/
}
#payment_form {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
}
.payment_top {
	padding: 0 0.714rem;
	font-size: 0.857rem;
}
.payment_top td {
	color: #182536;
}
.payment_top_header {
	font-size: 1rem;
}
.payment_top td.nobottomspace {
	padding: 0.714rem 0.714rem 0 0.714rem;
}
.payment_table_label {
	margin-bottom: 0.357rem; 
}
.payment_form_control {
	background: #f4f4f4;
	color: #737373;
	border: 1px solid #f4f4f4;
	padding: 0.357rem 0.714rem;
	border-radius: 4px;
}
.payment_form_control:focus {
	border: 1px solid #bababa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}	
#ccholder, #ccnumber, #cccvv2, #invoice_address, #invoice_name {
	width: 100%;
}
#invoice_tax_dep, #invoice_tax_no {
	width: 90%;
}
#ccexpiredatemonth {
	margin-right: 0.357rem;
	height: 2.2857rem;
	width: 5.714rem;
}
#ccexpiredateyear {
	height: 2.2857rem;
	width: 5.714rem;
}
#payment #invoice_country {
	height: 2.2857rem;
}
.width75 {
	display:inline-block;
	width: 75%;
}
.width25 {
	display:inline-block;
	width: 25%;
}
.width50 {
	display:inline-block;
	width: 50%;
}
.corporation_info {
	display:none;
}
.payment_recurrent_info {
	color: #909090;
	font-size: 0.7857rem;
}
#payment .btn-green, #payment .btn-primary {
	font-size: 1rem;
	padding: 0.714rem 1.428rem;	
}
#payment #agreements_label::before, #payment #corporation_label::before {
	margin-top: 0.25rem;
}
#payment #agreements_label, #payment #corporation_label {
	line-height:1rem;
}
#payment_iframe {
	border: 0;
	width: 100%;
	height: 100%;
}
#payment_success, #payment_failure{
	display:none;
}
.payment_success_failure_part {
	padding: 0.714rem;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #777777;
}
.payment_success_failure_part.psf_green {
	background: #27ae60;
	color: #fff;
	border: 1px solid #27ae60;
}
/* subscription */
#subscription {
	font-size: 1rem;
}
#subscription_remaining {
	border: 1px solid transparent;
	border-radius: 4px;
	border-bottom: 3px solid #27ae60 !important;
}
#subscription_renew, #subscription_renew_plan, #subscription_bills, #subscription_bottom {
	border: 1px solid transparent;
	border-radius: 4px;
	margin-top: 0.714rem;
}
#subscription_renew_row {
	background: #f7f8f9;
}
#subscription_renew_row td {
	background: #f7f8f9;
}

#subscription_cancel_alert, #subscription_cancel_button {
	display: none;
}
#subscription_bills {
	display:none;
}
/* certificate_share */
#certificate_share #certificate {
	margin: 0;
}

/* agreements */
.agreementstext {
	padding: 0 0.5rem 0.5rem 0.5rem;
}
.agreementstext h1 {
	font-size: 1.2rem !important;
	line-height: 1.4rem;
}
.agreementstext h3 {
	font-size: 1rem !important;
	line-height: 1.2rem;
}
.agreementstext p {
	font-size: 0.9rem !important;
	margin-bottom: 0.714rem !important;
}
/*
#top .std_headline {
	display:none;
	width:100%;
	background:#fff;
	padding:0.357rem;
	border: 1px solid #fff;
	border-radius:4px;
	margin-bottom: 0.357rem;
	text-align: center;
	box-shadow: 0 4px 2px -2px #ccc;
}
#top .std_headline .btn {
	border: 1px solid #27ae60 !important;
	background: #1abc9c;
	color: #fff;
}
 */
#top .std_headline {
	display: none;
	float:left;
	width:100%;
	background:#fff;
	margin-bottom: 0.5rem;
	text-align: center;
	border-radius:4px;
	border:1px;
	border-color:transparent;
}

#top .std_headline .btn {
	padding: 0.8rem;
	font-size: 0.9rem;
	font-weight:bold;
}

#top .std_headline .btn:hover, #top .std_headline .btn:focus, #top .std_headline .btn.focus, #top .std_headline .btn:active, #top .std_headline .btn.active {
	background-color: #F2F2F2;
}

.std_headline .media-left .fa {
	font-size:1rem;
}

#first_headline .btn {
	border-left: 4px solid #ff0000;
	color: #ff0000;
	text-align:left;
	white-space:normal;
}

#premium_offer .btn {
	border-left: 4px solid #815ac0;
	color: #815ac0;
	text-align:left;
	white-space:normal;
}


#free_premium_headline .btn {
	border-left: 4px solid #00b6d5;
	color: #00b6d5;
	text-align:left;
	white-space:normal;
}


.guide_headline {
	display: none;
	float:left;
	width:100%;
	padding:0.53rem;
	background:#fff;
	border: 1px solid #fff;
	border-radius:4px;
	margin: 0.357rem 0;
	text-align: center;
	box-shadow: 0 4px 2px -2px #ccc;
	font-size: 0.8rem;
}

#free_premium_headline {
	display:none;
	/*
	cursor:pointer;
	color: #00b6d5;
	*/
}

/*free premium start */
#fpbu_header td {
	font-size:1.35rem;
	line-height: 1.5 !important;
}
#fpbu_first_buttons .btn {
	padding: 1.5rem;
}

#fpbu_days th, #fpbu_days td {
	padding: 0.357rem;
}

#fpbr_list th, #fpbr_list td {
	padding: 0.15rem;
	font-size: 0.8rem;
}

#fpbu_fb_ht {
	font-size: 1.25rem;
}
#fpbu1, #fpbu2 {
	/* background: #fff; */
}
/*free premium end */
/* photo upload */
.photobox img {
	max-width: 16rem;
}
#photo-input {
	color: #27ae60;
	padding: 0.357rem;
}
/* profile */ /* certificate_share */
.profile-tab {
	margin-top: 0.714rem;
	font-size: 0.714rem;
}
table.profile_table {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
table.profile_table thead tr {
	background-color: #f8f8f8;
	color: #27ae60;
	font-weight: bold;
}
.user-left {
	font-size: 0.714rem;
}
.user-left .btms-link {
	display: inline-block;
	width: 100%;
	margin-top: 0.714rem;
}
.user-left .head {
	text-align: left;
	padding: 0.714rem;
	margin: 0;
	width: 100%;
	background: #c6c6c6;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid transparent;	
}
.user-left .btms-link:hover .head {
	background: #27ae60;
	color: #fff;
}
.user-left .head i {
	float: right;
	margin-top: 0.357rem;
}
.user-left .btms-link ul {
	display: inline-block;
	width: 100%;
	background: #fff;
}
.user-left .btms-link ul {
	padding: 0.357rem 0;
}
.user-left .btms-link li {
	position: relative;
	padding: 0 0.714rem;
}
.user-left .btms-link li:before {
	font-family: 'FontAwesome';
	position: absolute;
	left:1.071rem;
	color: #d8d8d8;
}
.user-left .btms-link li:before {
	left:1.786rem;
}
.user-left .btms-link li:hover :before {
	color: #27ae60;
}
.icon-5 img {
	margin-right: 0.55rem;
}
.icon-5 h6 {
	display: inline-block;
	font-size: 1rem;
}
#user-button a{
	margin-right: 0.357rem;
}
#user-button a i.fa-user{
	margin-right: 0;
}

/* login page */
body.loginbg {
	background: #FFF;
}
#login, #register, #forgot_password {
	display: none;
}
.login-page {
	padding: 1rem 0;
}
.login-page-block {
	display:inline-block;
	width: 50%;
}
a.btn.btn-fb-login {
    /*
	background: #4267B2;
    color: #fff;
	*/
    background: #F1F1F1;
    color: #4267B2;	
    padding: 0.714em 0;
    border-radius: 4px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.42857143em;
	font-weight: bold;
}
a.btn.btn-fb-login:hover {
    background: #2d4373;
	color: #fff;
}
a.btn.btn-register {
    background: #F1F1F1;
    color: #27ae60;
    padding: 0.714em 0;
    border-radius: 4px;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.42857143em;
	font-weight: bold;
}
a.btn.btn-register:hover, a.btn.btn-register.chosen {
    background: #27ae60;
	color: #FFF;
}
.login-page .hrln-text {
   width: 100%;
   text-align: center; 
   border-bottom: 1px solid #f0f0f0; 
   line-height: 0.1em;
   margin: 0.714em 0 1.428em;
   display:inline-block;
} 
.login-page .hrln-text span { 
	background: #fff;
	color: #a1a9bc;
    padding: 0 1.428em; 
	font-size: 0.75em;
}
.login-page .form-control {
	height: 3em;
}
.form-control:focus {
	-webkit-box-shadow: 0 0 7px 0 #27ae60;
	-moz-box-shadow: 0 0 7px 0 #27ae60;
}
.btn-lgn {
	padding: 0.857em 1.55em !important;
	font-size: 0.928em !important;
	font-weight: bold !important;
}
.login-other-options {
	border-top: 1px solid #f0f0f0;
	padding: 1em 0 0 0;
}
.login-bottom {
	padding: 1em 0 2em 0;
	border-top: 1px solid #f0f0f0;
	color: #a1a9bc;
	/* font-size: 0.75em; */
	font-size: 1em;
}
.login-page .margin-t-40 {
	margin-top: 2.857em;
}
/*Labels*/
.login-page-block input[type=radio] {
	display: none;
	outline: 0;
}
/*
.login-page-block label {
    font-weight: normal;
    padding-left: 1.786em;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 1.071em;
    max-width: 100%;
    margin-bottom: 5px;
	color: #777777;
}
.login-page-block label::before {
	content: "";
	display: inline-block;
	width: 1.42857em;
	height: 1.42857em;
	margin-right: 0.714em;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 0.214em solid #d7dcde;
	margin-top: 0;
	outline: 0;
}
*/
.login-page-block .radio label::before {
	border-radius: 50%;
	outline: 0 !important;
}

.login-page-block input[type=radio]:checked + label::before, input[type=checkbox]:checked + label:before {
	text-shadow: none;
	font-size:1.071em;
	color: #fff;
	text-align: center;
	line-height:1.071em;
	outline: 0;
	border-color: #1abc9c;
	background: #1abc9c;
}
.login-page-block input[type=radio]:checked + label::before {
	content: "\2022";
}
.login-page-block input[type=checkbox] {
	display: none;
	outline: 0;
}
.login-page-block .checkbox label:before {
	border-radius: 3px;
	outline: 0;
}
.login-page-block input[type=checkbox]:checked + label:before {
	content: "\2713";
}
.login-page-block .radio input[type="radio"] {
	cursor: pointer;
}
.login-page-block select {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    outline: medium none;
    font-size: 0.857em;
    line-height: 1em;
    padding: 0.357em 0.714em;
    text-overflow: ellipsis;
}
.login-page-block option {
    padding: 0.714em;
    border: none;
    font-size: 1em;
    line-height: 1em;
}
.login-page-block select {
   color: #a1a9bc !important;
}
.login-page-block select.selected {
   color: #555 !important;
}
.login-page-block select option {
   color: #555 !important;
}
.login-page-block option:hover {
	box-shadow: 0 0 0.714em 100px #27ae60 inset !important;
}
#gsm_country_code {
	background: #e2e2e2;
	display:inline-block;
	height: 3em;
	width: 100%;
	
}
.login-page-block .img-va-middle {
	vertical-align: middle;
}
#ggccode {
	display:inline-block;
	line-height: 3em;
}
#gsm_block {
	display:none;
}
.padding-r-0 {
    padding-right: 0;
}
/* app_greeting */
#app_greeting {
	margin-top: -3.4285rem;
	margin-bottom: -0.714rem;
}
.appg_img {
	display:inline-block;
	width: -webkit-calc(50vh - 2.142rem);
	width: calc(50vh - 2.142rem);
	padding: 1.071rem 0;
}
.appg_buttons {
	width: 100%;
	height: calc(50vh);
	height: -webkit-calc(50vh);
	display: table;	
}
.appg_buttons_row {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.appg_text {
	color:#FFF;
	font-weight:bold;
	font-size:1rem;
	margin: 1rem 0;
}
#appg_signup, #appg_signin{
	border-radius: 10px;
	padding: 0.714rem 1.428rem;
	font-size: 1.2rem;
	font-weight:bold;
}
/* bootstrap-tour start */

.tour-backdrop {
  position: absolute;
  z-index: 2003;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.popover[class*="tour-"] {
  z-index: 2004;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 4px;
  overflow: hidden;
}
.popover[class*="tour-"] .btn-group {
	float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: left;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}

/* bootstrap-tour end */
/* user_invoices */
#user_invoices {
	font-size: 0.857rem;
}
#user_invoices th, #user_invoices td {
	padding: 0.357rem;
}
a.btn.btn-apple-login {
    /*
	background: #000;
    color: #fff;
	*/
    background: #F1F1F1;
    color: #000;
    padding: 0.714em 0;
    border-radius: 4px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.42857143em;
	font-weight: bold;
}
a.btn.btn-apple-login:hover {
    background: #333;
	color: #fff;
}
a.btn.btn-google-login {
    /* 
	background: #4c8bf5;
    color: #fff;
	*/
    background: #F1F1F1;
    color: #4c8bf5;
    padding: 0.714em 0;
    border-radius: 4px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.42857143em;
	font-weight: bold;
}
a.btn.btn-google-login:hover {
    background: #6a9ef5;
	color: #fff;
}
.social_login_buttons_divl {
	padding-right:0.357rem;
}

.social_login_buttons_divr {
	padding-left:0.357rem;
}

.social_login_buttons_divl a.btn, .social_login_buttons_divr a.btn {
	font-size: 0.95em!important;
}

/* audioplayer */

.audioplayer {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 0 1rem;
    width: 100%;
    height: 5.5rem;
    align-items: center;
    border: 1px solid #DDE2E6;
    border-radius: 0px;
    background: #fff;
}

.audioplayer-playpause {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    background: rgba(91, 130, 255, 0);
    border: 1px solid #5B82FF;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
    background: rgba(91, 130, 255, 0.1);
}

.audioplayer-playing .audioplayer-playpause {
    background: rgba(253, 79, 26, 0);
    border: 1px solid #FD4F1A;
}

.audioplayer-playing .audioplayer-playpause:hover {
    background: rgba(235, 79, 26, 0.1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    content: '';
    justify-content: center;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 7px solid transparent;
    border-right: none;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #0059FF;
}

.audioplayer-playing .audioplayer-playpause a {
    content: '';
    display: flex;
    justify-content: space-between;
    width: 12px;
    height: 14px;
}

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    content: '';
    width: 4px;
    height: 14px;
    background-color: #FD4F1A;
}

.audioplayer-time {
    display: flex;
    width: 40px;
    justify-content:center;
    font-size: 12px;
    color: rgba(51, 51 ,51, .6)
}

.audioplayer-time-current {
    margin-left: 24px;
}

.audioplayer-time-duration {
    margin-right: 24px;
}

.audioplayer-bar {
    position: relative;
    display: flex;
    margin: 0 12px;
    height: 12px;
    flex-basis: 0;
    flex-grow: 1;
    cursor: pointer;
}

.audioplayer-bar::before {
    content: '';
    position: absolute;
    top: 5px;
    width: 100%;
    height: 2px;
    background-color: #DDE2E6;
}

.audioplayer-bar > div {
    position: absolute;
    left: 0;
    top: 5px;
}
.audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #BEC8D2;
}

.audioplayer-bar-played {
    flex-direction: row-reverse;
    z-index: 2;
    height: 2px;
    background: -webkit-linear-gradient(left,#0059FF,#09B1FA);
}

.audioplayer-bar-played::after {
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -5px;
    right: -1px;
    margin-right: -5px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
    border: 2px solid #BEC8D2;
}

.audioplayer-playing .audioplayer-bar-played::after {
    border: 2px solid #0059FF;

}

.audioplayer-volume {
    display: flex;
    align-items: center;
}

.audioplayer-volume-button {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.audioplayer-volume-button a {
    display: flex;
    width: 6px;
    height: 8px;
    background-color: #9A9FB0;
    position: relative;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 9px solid #9A9FB0;
    border-bottom: 8px solid transparent;
    border-left: none;
    top: -4px;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    left: 10px;
    top: -2px;
    width: 6px;
    height: 6px;
    border: 6px double #9A9FB0;
    border-width: 6px 6px 0 0;
    border-radius: 0 12px 0 0;
    transform: rotate(45deg);
}

.audioplayer-mute .audioplayer-volume-button a {
    background-color: #FD4F1A;
}

.audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid #FD4F1A;
}

.audioplayer-volume-adjust {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.audioplayer-volume-adjust > div {
    position: relative;
    display: flex;
    width: 60px;
    height: 2px;
    cursor: pointer;
    background-color: #BEC8D2;
}

.audioplayer-volume-adjust div div {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #0059FF;
}

#audio_player audio {
display:none;
}

/* responsive | you can change the max-width value to match your theme */

@media screen and (max-width: 679px) {
    .audioplayer-volume-adjust {
        display: none;
    }
}

#reading #voice_choice select {
	width:auto;
	padding: 0.357rem;
	font-size:0.714rem;
}