img {
	vertical-align: initial;
}

.media-object {
	display: inline;
}

a:focus {
	/*color: white;*/
}

a:hover, a:focus {
	text-decoration: none;
}

.bootstrap-select > .dropdown-toggle {
	z-index: 0;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus {
	z-index: 0;
}

/*
.w3-navbar li a:focus,
.w3-navbar li a:visited {
	color: white;
}*/

.w3-navbar li a:focus {
	color: white;
}

.w3-navbar li.w3-dropdown-hover a:focus {
	color: black;
}

.media-body {
	vertical-align: middle;
}

html {
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "kern" 1;
}

.width-128 {
	width: 128px;
}

.height-128 {
	height: 128px;
}

.mwidth-128 {
	max-width: 128px;
}

.mheight-128 {
	max-height: 128px;
}

.profile-image-slide {
	width: 128px;
	height: 128px;
	display: inline;
}

.unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/*html,body,h1,h2,h3,h4,h5 {font-family: "Open Sans", sans-serif; }*/

.login-input-error, .registration-input-error, .settings-input-error, .contact-input-error, .profile-input-error, .new-question-input-error, .new-answer-input-error, .message-input-error {
	color: #f44336;
	font-size: 13px;
}

.profile-picture-container-div strong {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: black;
}

.profile-picture-with-circle:hover {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	cursor: pointer;
}

.profile-picture-with-circle {
	height: 104px;
	width: 104px;
	left: 0px;
	top: -22px;
	position:relative;
}

footer a:focus, footer a:hover {
	color: white;
}

@media (max-width:600px) {
    .hide-small-margin-padding {
        padding: 0 0 !important;
        margin: 0 0 !important;
    }
}

.media-left img {
	border: 3px solid #929292;
	border-radius: 33%;
	background-color: #929292;
}

.home-figure {
	width: 128px;
	display: inline-block;
}

.home-arrow {
	width: 32px;
	height: 32px;
	margin: 15px;
	vertical-align: initial;
	display: inline;
}

.home-image {
	width: 96px;
	height: 96px;
}

@media (max-width:600px) {
	.home-arrow {
		display: none;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	.left-mobile-max {
		max-height: 55px;
	}

	.mobile-220 {
		width: 220px;
	}

	.h5-highlighted {
		padding-top: 12px !important;
	}
	.h4-highlighted {
		padding-top: 8px !important;
	}
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.dont-break-out {
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;

	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}

.switch input {display:none;}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

/* input:checked + .slider {
	background-color: #334191;
} */

input:focus + .slider {
	box-shadow: 0 0 1px #334191;
}

input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.is-online::before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	-moz-border-radius: 7.5px;
	-webkit-border-radius: 7.5px;
	border-radius: 7.5px;
	background-color: #3dbf4d;
	margin-right: 4px;
}

.comment-loading:after {
	display: inline-block;
	animation: dotty steps(1,end) 2s infinite;
	content: '';
}

@keyframes dotty {
	0%   { content: ''; }
	25%  { content: '.'; }
	50%  { content: '..'; }
	75%  { content: '...'; }
	100% { content: ''; }
}