/* Your custom styles */
body div.tab-pane{
	padding: 30px 17px;
}

body h1{
	text-align: center;
	margin: 30px 0;
	margin-bottom: 70px;
	color: rgba(50,50,50,0.5);
}


body div.tab-pane{
	border-bottom: solid 1px #dee2e6;
	border-left: solid 1px #dee2e6;
	border-right: solid 1px #dee2e6;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
span.em{
	background: rgba(150,200,0,0.2);
	border-radius: 3px;
	font-weight: normal;
}

@font-face {
	font-family: mxedruli;
	src: url(../../fonts/mkhedruli.ttf);
}

a.nav-link{
	font-family: mxedruli;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.upperKa{
	font-family: mxedruli;
}


div.alert{
	margin-bottom: 20px;
}

ul.nav.nav-pills{
	margin-bottom: 20px;
}
ul.nav.nav-pills li{
	margin-right: 10px;
	text-align: center;
	margin: auto;
}

span.notification{
	font-size:9px;
}

h3 span.badge{
	position: relative;
    bottom: 5px;
}

i.record-sound{
	cursor: pointer;
}

audio{
	width: 100%;
}

canvas#level{
	width: 100%;
	height: 80px;
}

h2.word-name{
	text-align: center;
}

#live{
	position: relative;
	top: 2px;
}

i.play-sound{
	cursor: pointer;
}

h5.centered{
	margin: auto;
}

#statusRec{
	position: relative;
	top: -2px;
	padding-top: 7px;
}
i.report-problem, i.edit-word, i.share-it{
	cursor: pointer;
}


input#auto_timer{
	width: 30px;
	border: none;
	text-align: right;
}

.w-auto {
    width: auto;
}

td.align, th.align {
	vertical-align: middle;
	text-align: center;
}

i.separator:before{
	content: " ";
}

i.slash:before{
	content: " | ";
	font-weight: normal;
}

i.divider-line:before{
	content: '___________________';
}
.cnt{
	text-align: center;
}
span.key{
	font-size: 40px;
}

i.f-lg{
	font-size:50px;
}

.upperKa-bdg{
	line-height: 1;
    vertical-align: text-top;
    padding-bottom: 0;
}

.team-section div{
	transition: all 0.5s;
}


/* .show {
  display: block !important;
} */
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}

h3.lang-change{
	cursor: pointer;
}

i.cursor {
	cursor: pointer;
}



/* dark theme */
body.dark{
	background-color: black;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
span.dark,
label.dark,
input.dark,
i.dark,
p.dark,
a.dark,
textarea.dark,
td.dark,
ol.dark,
li.dark,
ul.dark,
button.featured-words.dark{
	color: white !important;
}
kbd.dark,
textarea.dark,
.modal-content.dark,
button.generate-invitation.dark,
.card-body.dark{
	background-color: black !important;
	border: solid 1px white !important;
}
button.featured-words.dark,
input.dark,
a.nav-link.active.dark{
	background: black !important;
}

i.change-mode{
	cursor: pointer;
}



::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #353131;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #545151;
}

*:not(select) {
    /*for firefox*/
    scrollbar-width: thin;
}


.swal-text{
	text-align: center;
}

.featured-words{

	background:white;
	border:solide 1px black;
	border-radius: 5px !important;

}