.inlineHolder {
	position: relative;
	clear: both;
}
.inlineBox {
	border: 1px solid #ACACAC;
	float: left;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 9px;
	text-align: center;
	margin: 7px;
	padding: 1px;
	width: 300px;
}
.inlineBox h3 {
	background-color: #EEEEEE;
	border-bottom: 1px solid #ACACAC;
	margin: 0 0 3px;
	padding: 3px;
	text-align: left;
}
.inlineBox img {
	border: 0px;
}
.inlineImage {
	width:100%;
	height:300px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}
.inlineSpan, .inlineLeft {
	float: left;
}
.inlineLeft {
	width: 24%;
}
.inlineRight {
	float: right;
	width: 74%;
}
.inlineHolder br {
	clear: both;
}


span.wtdt{
	z-index:10;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:underline;
	font-size:12px;
	cursor:help;

}
span.wtdt:hover{
	position:relative;
	z-index:100;
	text-decoration:none;
}
span.wtdt i{
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-style: normal;
	color: #000;
	text-decoration:none;
}
span.wtdt:hover i{
	width: 200px;
	display:block;
	position:absolute;
	float:left;
	white-space:normal;
	top:2.2em;
	left:0px;
	background:#fffcd1;
	border:1px solid #444;
	color:#444;
	padding:1px 5px;
	z-index:10;
}


#wtAjaxPreloader, #wtAjaxMsg, .wtProgress {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #EEE 0px 1px 0px;
	color: #335a67;
	background-color: #FFC;
	white-space: nowrap;
	display: block;
	border: 1px solid #222;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	border-radius:3px;
	opacity: 0.8;
}
#wtAjaxPreloader, #wtAjaxMsg {
	position: fixed;
	visibility: hidden;
	z-index: 10;
	left: 20px;
	top: auto;
	right: auto;
	bottom: 20px;
}
#wtAjaxMsg {
	top:  20px;
	bottom: auto;
}
.wtAjaxSpinner {
	border:0;
	padding-right: 5px;
	vertical-align: middle;
}


.wtIcon {
	border:0px;
	vertical-align:middle;
}
.wtIconReload {
	cursor:pointer;
}




.wtList {
	position: relative;
	clear: both;
	overflow:auto;
	z-index: 10;
}
.wtList img {
	float: none;
	vertical-align: middle;
}

.fileViewer > .listItem > a > img {
	min-height:50px;
}

.wtList .listItem {
	float: left;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 80%;
	text-align: center;
	margin: 4px;
	padding: 1px;
	/*max-width:200px;*/
	overflow:hidden;
	white-space:nowrap;
	vertical-align: baseline;
	min-height:inherit;
	position: relative;
}

.wtList .listBorder {
	border: 1px solid #ACACAC;
	display: block;
}

.wtList .listTitle {
	background-color: #EEEEEE;
	margin: 0 0 1px;
	padding: 1px;
	text-align: left;
	max-width:100px;
	white-space: normal;
	overflow:hidden;
	max-height:25px;
}

.wtList .listAction {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	white-space: nowrap;
}


.wtList span {
	float: left;
}

.wtList br {
	clear: both;
}



.termLangs {
	max-width: 120px;
	min-width: 70px;
	display:none;
	margin-right:20px;
}
.termInput {
	border: 2px;
	width: 98%;
	margin: 0;
	min-width: 50px;
}









select optgroup.l1 {
	padding-left:0px;
	font-size: 95%;
}

select optgroup.l2, select optgroup.l1 option {
	margin-left:15px;
	font-size: 90%;
}
select optgroup.l3, select optgroup.l2 option {
	padding-left:30px;
	font-size: 85%;
}
select optgroup.l4, select optgroup.l3 option {
	padding-left:45px;
	font-size: 80%;
}
select optgroup.l5, select optgroup.l4 option {
	padding-left:60px;
	font-size: 75%;
}
select optgroup.l5 option {
	padding-left:75px;
	font-size: 70%;
}




select.wtTemplateSelect option {
	margin-left: 0px;
	padding-left: 24px;
	text-align:left;
	line-height: 16px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

select.wtTemplateSelect optgroup {
	font-weight: bold;
	font-size: 110%;
}






.wtADH {
	cursor:move;
	vertical-align: middle;
	/*background: url(/wtlib/images/drag.png) no-repeat center center;*/
}


#wtAjaxLoad, #wtAjaxMsg {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #EEE 0px 1px 0px;
	color: #335a67;
	background-color: #FFC;
	white-space: nowrap;
	display: block;
	border: 1px solid #222;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter:alpha(opacity 70);
	position: fixed;
	visibility: hidden;
	z-index: 99999;
	left: 20px;
	top: auto;
	right: auto;
	bottom: 20px;
}

#wtAjaxMsg {
	top:  20px;
	bottom: auto;
}

#wtAjaxLoad img {
	border:0;
	padding-right: 5px;
	vertical-align: middle;
}



#wtAlertWrap .alert {
	margin-bottom: 2px;
}








#wtAM, #wtAM ul.nav {
	z-index: 1990;
}

#wtAM li#wtAvatar > a {
	border-left: medium none;
}
#wtAM li#wtAvatar > a img {
	border: 1px solid #9D9D9D;
	display: inline;
	float: none;
	height: 26px;
	margin: -2px 3px 0 -0px;
	padding: 0;
	vertical-align: middle;
}
#wtAM li#wtAvatar ul {
	left: 10px;
}
#wtAM li#wtAvatar ul ul {
	left: 0;
}
#wtAM.navbar {
	margin-bottom: 0;
	padding: 1px;
	min-height: 36px;
	/*min-height: 0 !important;*/
	font-weight: normal;
}

#wtAM .dropdown-menu > .dropdown-item , #wtAM .dropdown-menu > .dropdown-item:focus {
	font-weight: normal;
	font-size: 95%;
	padding: 6px 12px;
	white-space: nowrap;
}

#wtAM ul.nav > li > a,
#wtAM > .navbar-brand   {
	/*padding-bottom: 10px;
	padding-top: 10px;
	font-size: 95%;*/
	padding: 10px 14px;
	line-height: 26px;
	margin: 0;
	height: auto;
}

#wtAM > .navbar-brand {
	font-size: 22px;
}

#wtAM .dropdown-menu > .dropdown-item .menu {
	max-height: 400px;
	font-size: 9px;
}


#wtAM .dropdown-menu > .header {
	padding: 7px 10px;
	font-size: 115%;
	white-space: nowrap;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#wtProblems .menu > li > a > b {
	margin: 0;
	white-space:normal;
}

#wtProblems .menu > li > a > p {
	margin: 0;
	font-size: 12px;
	color: #888888;
	white-space:normal;
}


#wtAM a {
	cursor: pointer;
}
#wtAM .caret {
	border-top: 6px solid;
}


.modal {
	z-index: 100010;
}
.modal-backdrop {
	z-index: 100000;
}

.dropdown-toggle {
	cursor: pointer;
}

.dropdown.hover {
	z-index: 1995;
}
.dropdown.hover > .dropdown-menu {
	display: block;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	z-index: 1996 ;
}
.dropdown .dropdown.hover > .dropdown-menu {
	margin-left: 100px;
	z-index: 1997;
	top:20px;
}

.dropdown .dropdown-menu .fa {
	font-size:18px;
	width:18px;
	margin-right: 1px;
	vertical-align: baseline;
}

.dropdown .dropdown-menu {
	min-width: default;
}

.dropdown .dropdown-menu > .dropdown > a > .caret {
	position: absolute;
	right: 10px;
	top: 10px;
}
ul.nav > li > a > .fa ,
ul.nav > li > .fa ,
#wtAMLeft > ul > li > a > .fa  {
	font-size:22px;
	margin-right: 0;
}

#wtAMLeft > ul > li > a > .fa {
	width:26px;
	text-align: center;
}

ul.nav > li > a > .fa ,
ul.nav > li > .fa ,
ul.nav > li > a > img {
	text-align: right;
	vertical-align: middle;
}

#wtAM .navbar-nav > .user-menu .user-image {
	width: 25px;
	height: 25px;
	border-radius: 35%;
	margin-right: 6px;
	float: none;
}

#wtAM .navbar-nav > .user-menu > .dropdown-menu > .dropdown-item.user-header {
	padding: 10px;
	text-align: center;
}
#wtAM .navbar-nav > .user-menu > .dropdown-menu > .dropdown-item.user-header > img {
	z-index: 5;
	height: 90px;
	width: 90px;
}
#wtAM .navbar-nav > .user-menu > .dropdown-menu {
	width: 280px;
}

#sidebar>.sidebar-menu>li>a>.fa {
	font-size: 1.3em;
}

nav.navbar {
	margin-bottom: 0;
	user-select: none;
}

nav.navBarTransparent {
	border: none;
	background: none;
	box-shadow: none;
}



ul.nav.navbar-nav > li, .dropdown-item {
	margin-bottom: 0 !important;
	white-space: nowrap;
}



.btn-group .fa {
	font-size: 115%;
}
#wtAM > .navbar-collapse > .btn-group > .btn > .fa {
	width: 18px;
	font-size: 18px;
	text-align: right;
	vertical-align: middle;
}


.table-responsive {
	overflow-x: auto;
	overflow-y: hidden;
	display:table;
}

.wtCode {
	font-size: 0.9em;
}
.ui-widget {
	font-size: 0.8em !important;
}



@media (min-width: 768px) {

	/*
	nav.navbar .dropdown {
	display: inline-block;
	}
	*/

	.modal-dialog {
		margin-top: 60px;
	}

	.navbar-collapse {
		height: 100%;
	}

	.navbar-collapse > .btn-group {
		/*
		display: inline-block;
		vertical-align: middle;
		float: none;
		display: flex;
		align-items: center;
		display: table-cell !important;
		vertical-align: middle;
		height: 100%;
		*/
	}

	.dropdown:hover > .dropdown-menu  {
		display: block;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		z-index: 1998 !important;
	}
	.dropdown .dropdown:hover > .dropdown-menu {
		margin-left: 100px;
		z-index: 1999 !important;
		/*top:20px;*/
	}

	.navbar.mx-auto {
		float:right;
		left:-50%;
		text-align:left;
		position: relative;
		background: none !important;
	}

	.navbar-nav.mx-auto .dropdown-menu {

	}

	.navbar-nav.ml-auto .dropdown-menu {
		left:auto;
		right: 0;
		float:right;
	}

	.navbar-nav.ml-auto .dropdown-menu .dropdown > .dropdown-menu {
		right: 70px;
	}
	.navbar-vertical .navbar-collapse {
		height: auto;
		border-top: 0;
		box-shadow: none;
		max-height: none;
		padding-left:0;
		padding-right:0;
	}
	.navbar-vertical .navbar-collapse.collapse {
		display: block !important;
		width: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	.navbar-vertical .navbar-collapse.in {
		overflow-x: visible;
	}

	.navbar.navbar-vertical {
		/*max-width:300px;*/
		margin-right: 0;
		margin-left: 0;
	}

	.navbar.navbar-vertical .navbar-collapse > ul > li > a  {
		padding: 5px 0;
		overflow-x: hidden;
		white-space: nowrap;
	}

	.navbar-vertical .navbar-nav,
	.navbar-vertical .navbar-nav > li,
	.navbar-vertical .navbar-left,
	.navbar-vertical .navbar-right,
	.navbar-vertical .navbar-header
	{float:none !important;}


	.navbar-vertical .navbar-right .navbar-nav > li {
		text-align: right;
	}

	.navbar-vertical .navbar-right .dropdown-menu {left:0;right:auto;}
	.navbar-vertical .navbar-collapse .navbar-nav .navbar-right:last-child {margin-right: 0;}

	.navbar-collapse > .navbar-right.btn-group  , .btn-toolbar > .btn-group.navbar-right  {
		display: inline-block;
		margin-right: 0px;
		margin-left: 3px;
	}

	.navbar-right .dropdown-menu .dropdown-menu {
		right:80px;
		top:20px
	}


}


@media (min-width: 768px) and (max-width: 991px) {
	#wtAM .navbar-nav > li > a ,  #wtAM .btn-group > .btn  {
		padding: 6px 4px;
	}
	#wtAM .caret { margin: 0; }
}


@media (min-width: 992px) {
	#wtAM .navbar-nav > li > a ,  #wtAM .btn-group > .btn  {
		/*padding: 10px;*/
	}
}

@media (max-width: 767px) {
	#wtAM .dropdown-menu .dropdown-item {
		color: inherit;
	}
}



.wtToc {padding: 1em;}
.wtToc > ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
.wtToc>ul>li , .wtToc a {margin: 0;}
.wtToc a.toc3{margin-left: 1.5em; font-size: 93%}
.wtToc a.toc4{margin-left: 3em; font-size: 86%}
.wtToc a.toc5{margin-left: 4em; font-size: 80%}
.wtToc a.toc6{margin-left: 5em; font-size: 75%}



.text-big {
	font-size: 1.2em !important;
}
.text-biger {
	font-size: 1.4em !important;
}
.text-small {
	font-size: 0.9em !important;
}
.text-smaller {
	font-size: 0.8em !important;
}

.breadcrumb > .active {
	font-weight: bold;
}
li > p {
	margin-bottom: 0 !important;
	margin-top: 1rem;
}

.krajee-default.file-preview-frame {
	margin: 4px !important;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: auto !important;
    height: 110px !important;
	max-width:180px;
}

.krajee-default .file-other-icon {
    font-size: 5em !important;
}

.krajee-default .file-footer-caption {
	margin-bottom:10px !important;
}