/*sound manager*/
.soundButton {
	width: 80px !important;
}
.soundButton:hover {
	opacity: 0.8;
}
.soundButton .sm2_button{
	background: #ccc;
	width: 80px !important;
	height: 30px;
	border-radius: 0px;
	
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.soundButton form button.icon-only{
	background: #eee;
	
	height: 30px;
	border-radius: 0px;
	width: 0px !important;
	overflow: hidden;
	padding: 0px!important;
	border: 0px;
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.soundButton:hover .sm2_button,
.soundButton:hover form button.icon-only{
	width: 40px !important;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;

}

.soundButton .sm2_button::before {
	content:"\f028";
	font-size: 18px;
}

.soundButton .sm2_button.sm2_playing::before {
	content:"\f04c";
}


/*video manager*/
.videoButton {
	width: 80px !important;
}
.videoButton:hover {
	opacity: 0.8;
}
.videoButton a{
	background: #ccc;
	width: 80px !important;
	height: 34px;
	border-radius: 0px;
	
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.videoButton form button.icon-only{
	background: #eee;
	
	height: 34px;
	border-radius: 0px;
	width: 0px !important;
	overflow: hidden;
	padding: 0px!important;
	border: 0px;
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.videoButton:hover a,
.videoButton:hover form button.icon-only{
	width: 40px !important;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;

}

.videoButton a::before {
	content:"\f01d";
	font-size: 25px;
    line-height: 21px;
}
#sm2-container{
	display: none;
}
.text-interface-content{
	width: 100%;
}
.szn-autocomplete-results{
    background: white;
    padding: 0;
    width: calc(100% - 30px);
}
.szn-autocomplete-results.interface-content-autocomplete li{
    padding: 5px;
}
@font-face{
	font-family:'digital-clock-font';
	src: url('../fonts/digital-7.ttf');
}
@keyframes speechRecognizing{
   0% {
      /*border-color: #ffb329;*/
	  background-color: white;
      transform: scale(1, 1);
   }
   50% {
      /*border-color: #e09100;*/
	  background-color: orange;
      transform: scale(1.2, 1.2);
   }
   100% {
      /*border-color: #ffb329;*/
	  background-color: white;
      transform: scale(1, 1);
   }
}
.recognizing {
  	animation: speechRecognizing 1s linear 0s infinite;
}
.dropdown-menu{
	z-index: 10000;
}
.modalMedia{
	padding: 0 !important;
}
.modalMedia .modal-content{
	margin: 0 15px;
}
.highlighted {
    background: yellow;
}
.bootstrap-datetimepicker-widget ul{
	list-style: none;
	padding: 0;
}
.bootstrap-datetimepicker-widget .picker-switch{
	text-align: center;
}
.bootstrap-datetimepicker-widget .timepicker-picker .icon-chevron-up:before {
    content: "∧";
    font-style: normal;
    font-weight: bold;
}
.bootstrap-datetimepicker-widget .timepicker-picker .icon-chevron-down:before {
    content: "∨";
    font-style: normal;
    font-weight: bold;
}
input[type=text]{
	color: #444;
}

input[type=checkbox].checkbox-slider.colored-blue.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-darkorange.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-palegreen.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-purple.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-warning.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-success.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-danger.toggle~.text:after,
input[type=checkbox].checkbox-slider.colored-magenta.toggle~.text:after{
	background-color: darkgray;
}
.page-sidebar .sidebar-menu a{
	padding: 0 7px;
}
.icon-podcast {
    background-image: url("https://langkingdom.com/img/bulb.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: bottom;
}
.img-grayscale{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}
.no-background{
	background: none!important;
}
.page-sidebar .sidebar-menu{
	background: white;
}
.page-sidebar.hide:before {
    display: none !important;
}
.editable-buttons .btn span{
	margin: 0;
}
.w-classes{
	position: absolute;
	left: 230px;
	bottom: 5px;
}
@media only screen and (max-width: 530px){
	.navbar .sidebar-collapse {
	    left: 6px;
	    right: auto;
	    width: 50px;
	    bottom: 0;
	    text-align: center;
	    top: auto;
	}
	.navbar .navbar-inner .navbar-header {
	    text-align: center;
	}
	.navbar .navbar-brand {
	    text-align: center;
	    float: none;
	}
	.w-classes{
		left: 55px;
		bottom: 2px;
	}
}