html,body {
	height:100%;
}

/*middle finger*/ /*
body { 
	cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAFAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAFAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAABMAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABMAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATAAAAJgAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAJgAAABMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAABwAAAA1AAAATAAAAEwAAABMAAAATAAAAEwAAABMAAAATAAAAEwAAAA1AAAAHAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAAUwAAAEEAAAAlAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAP///////////////////////////////////////////wAAAP8AAABVAAAASwAAAC8AAAATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAA////////////////////////////////////////////AAAA/wAAAFUAAABSAAAAOAAAABwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAP//////////////////////////////////////////////////////AAAA/wAAAFQAAABBAAAAJQAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAA//////////////////////////////////////////////////////8AAAD/AAAAVQAAAEsAAAAvAAAAEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAP///////////////////////////////////////////////////////////wAAAP8AAABVAAAAUgAAADYAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAMAAAA/////////////////////////////////////////////////////////////////wAAAP8AAABUAAAAOAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAP//////////////////////////////////////////////////////////////////////AAAA/wAAAFQAAAA4AAAAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAAAA//////////////////////////////////////////////////////////////////////8AAAD/AAAAUQAAADUAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///////////wAAAP///////////////////////////////////////////////////////////wAAAP8AAABIAAAALAAAABMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////AAAA////////////////////////////////////////////////////////////AAAA/wAAADUAAAAcAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///////////wAAAP8AAAD///////////////////////////////////////////8AAAD///////////8AAAD/AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAD/AAAACAAAAP///////////wAAAP///////////wAAAP///////////wAAAP//////AAAA/wAAABUAAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAA////////////AAAA////////////AAAA////////////AAAA/wAAAP8AAAAPAAAABgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD///////////8AAAD/AAAA/wAAAP8AAAAiAAAABgAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wAAAP///////////wAAAP8AAABUAAAAOAAAABwAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////AAAA/wAAAFEAAAA1AAAAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD/AAAARQAAACwAAAATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///////////wAAAP8AAAAvAAAAHAAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////AAAA/wAAABUAAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAAGAAAABgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////////4Af//+AH///gB///wAP//8AD//+AA///gAH//wAB//8AAf/+AAH//AAB//wAAf/8QAP//8AH///AH///4H////h////4f///+H////h////8///8='), auto;
}*/

#wrap {
	min-height: 100%;
}

.container {
	overflow: auto;
	margin-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px; /* this needs to be bigger than footer height*/
	width:auto;
}
.container.wide, .container .wide
{
	width: auto;
}
.container.small
{
	width: 340px;
}

.spacer
{
	margin-top: 20px;
}

.invisible
{
	visibility:hidden;
}

#login-parent,
#auth-parent {
	background-color: #fff;
	padding: 10px 50px;
    margin-top: 100px;
}

#tblEditorOverview .sort_mode .disabled
{
	color: #666;
}

.topmenu2
{
	float: left;
    width: 300px;
}

.topmenu1 .navbar, .topmenu2 .navbar
{
	border-radius: 0;
	margin-bottom: 0;
}

.topmenu1 .navbar
{
	padding-left: 10px;
}

.topmenu2 .nav-apps
{
	display: block;
	width: 100%;
}
.topmenu2 .nav-apps li
{
	float: none;
}


.topmenu1 .navbar li  a
{
	color: #fff;
	cursor: pointer;
}
.topmenu1 .navbar li.disabled  a
{
    color: #666;
}

.topmenu1 .navbar li  ul li a
{
	color: #000;
	cursor: pointer;
}
.topmenu1 .navbar li  ul li.disabled  a
{
    color: #666;
}

.navbar-nav {
	margin: 7.5px -2px;
}
	

.topmenu1 .navbar .navbar-nav .active a,
.topmenu1 .navbar .navbar-nav .active a:hover,
.topmenu1 .navbar .navbar-nav .active a:focus  {
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    color: #000;
	cursor: pointer;
}

.topmenu2 .navbar .navbar-nav > li > a,
.topmenu2 .navbar .navbar-nav > li > a:hover,
.topmenu2 .navbar .navbar-nav > li > a:focus  {
    color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}

.topmenu2 .navbar .navbar-nav li ul li a,
.topmenu2 .navbar .navbar-nav li ul li a:hover,
.topmenu2 .navbar .navbar-nav li ul li a:focus  {
    color: #999;
    line-height: 1.2;
    margin-left: 20px;
	padding: 8px 15px;
	cursor: pointer;
}
.topmenu2 .navbar .navbar-nav > li > ul > li > ul > li > a ,
.topmenu2 .navbar .navbar-nav > li > ul > li > ul > li > a:hover, 
.topmenu2 .navbar .navbar-nav > li > ul > li > ul > li > a:focus {
    margin-left: 40px;
	cursor: pointer;
}

.topmenu2 .navbar .navbar-nav li ul .active a,
.topmenu2 .navbar .navbar-nav li ul .active a:hover,
.topmenu2 .navbar .navbar-nav li ul .active a:focus  {
	background-color: #080808;
	color: #fff;
}

.topmenu1 .navbar-brand {
	color: #fff;
}
.topmenu1 .navbar-logo {
	color: #fff;
	float: left;
	font-size: 18px;
	line-height: 20px;
	padding: 12px 15px;
	width: 300px;
}

.topmenu2 .nav-apps .subs > a::after
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0d7';/*caret-down*/
	float: right;
	color: #666;
}
.topmenu2 .nav-apps .subs > a.collapsed::after
{
	content: '\f0da';/*caret-right*/
}

.topmenu1 .nav .fa,
.topmenu1 .nav .fas,
.topmenu1 .nav .far,
.topmenu1 .nav .fal,
.topmenu1 .nav .fab,
.topmenu1 .nav .fad,

.topmenu2 .nav .fa,
.topmenu2 .nav .fas,
.topmenu2 .nav .far,
.topmenu2 .nav .fal,
.topmenu2 .nav .fab,
.topmenu2 .nav .fad
{
    color: #f33;
}


.topmenu {
	background-color: #2f2f2f;
}
.topmenu .nav-tabs > li > a,
.topmenu .navbar > .navbar-nav > a {
	color: #fff;
	cursor: pointer;
}
.topmenu .nav > li.disabled > a ,
.topmenu .navbar > .navbar-nav.disabled > a{
    color: #666;
}

.topmenu .nav-tabs > li.active > a,
.topmenu .nav-tabs > li.active > a:hover,
.topmenu .nav-tabs > li.active > a:focus,

.topmenu .navbar > .navbar-nav.active > a,
.topmenu .navbar > .navbar-nav.active > a:hover,
.topmenu .navbar > .navbar-nav.active > a:focus  {
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    color: #000;
	cursor: pointer;
}

.topmenu .navbar .navbar-text {
    float: left;
}

@media (max-width:767px) {
	
	.topmenu1 .navbar-logo {
		width: auto;
	}
	.topmenu1 .navbar-logo span {
		display: none;
	}

	.topmenu .navbar-collapse .navbar-nav > li {padding-left:15px!important;}

	.topmenu .user-dropdown > .dropdown-menu > li {padding-left:5px!important;}
	
	.topmenu2
	{
		float: none;
		width: auto;
	}
	
	.navbar
	{
		min-height: 0;
	}
	
	.navbar-collapse.in
	{
		overflow-y: visible;
	}
	
	.navbar-nav {
		margin: 0 -2px;
	}
	
}

#lstTopmenuMessages ul {width: 400px;}
#lstTopmenuMessages li {margin: 3px 9px;}

.bottombar {
	background-color: #2f2f2f;
	
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear: both;
	padding: 10px;
	color: #fff;
}

.form-group.required label::after
{
	color: red;
    content: " *";
}

.lookup-add .input-group-addon
{
	padding: 0;
}
.lookup-add .input-group-addon .btn,
.btn-lookup-add
{
	padding: 5px 12px;
}

.modal
{
	text-align: center;
}
.modal-dialog
{
    display: inline-block;
    width: auto;
	min-width: 300px;
}

.modal-tableeditor
{
    width: 900px;
	text-align: left;
}

.modal-body .row
{
	text-align: left;
}

.modal label,
.modal .form-horizontal .control-label
{
	text-align: left;
}

.alertContainer span {
	display: inline-block;
	width: 60px;
}


.checkbox {
	margin-bottom: 15px;
}
.checkbox  input[type="checkbox"]{
	height: 14px;
	width: auto;
}


.hover * {
	visibility:hidden;
}
.hover:hover * {
	visibility:visible;
}


.hover-ctr .hovered {
	visibility:hidden;
}
.hover-ctr:hover .hovered {
	visibility:visible;
}

.fa-stack-small {
    line-height: 1;
    height: 1em;
    width: 1em;
}

.fl
{
	float: left;
}
.fr
{
	float: right;
}

.tal
{
	text-align: left;
}
.tar
{
	text-align: right;
}
.tac
{
	text-align: center;
}

.mr15 {
	margin-right: 15px;
}
.mb15 {
	margin-bottom: 15px;
}

.cursor-pointer
{
	cursor: pointer;
}


#dirSelector .modal-dialog
{
	width: 80%;
}
#dirSelector .form-group
{
	margin-bottom: 0;
}


.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: inherit; }
    100% { background-color: transparent; }
}

@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: inherit; }
    100% { background-color: transparent; }
}

@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: inherit; }
    100% { background-color: transparent; }
}

@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: inherit; }
    100% { background-color: transparent; }
}

.language-selector img {
    max-width: 20px;
	margin: 2px;
}
.language-selector .setlanguage .fa
{
	color: #000;
}


.login-form .form-control
{
	max-width: 300px;
}

.thsortable .thsort,
.tehsortable .tehsort
{
	cursor: pointer;
}


.thumb-ctr
{
	margin-bottom: 25px;
}
.thumb-ctr img
{
	width: 100%;
}


.viewmode-dashboard .container ,
.viewmode-fullscreen .container 
{
	width: 100%;
	height: 100vh;
	padding: 0;
	overflow: hidden;
	margin-top: 0;
}
.viewmode-iframe .container 
{
	width: 100%;
	height: 100vh;
	padding: 15px;
	overflow-x: auto;
	margin-top: 0;
}

.viewmode-dashboard .bottombar ,
.viewmode-fullscreen .bottombar ,
.viewmode-iframe .bottombar 
{
	display: none;
}

/* global stylings */
.greyed {
	text-decoration: italic;
	color: #999;
}

.closed {
	display: none;
}


.error label
{
	color: red;
}

.error input,
.error select
{
	border-color: red;
}



.tree,
.tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button,
.tree li button:active,
.tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}





#iframeModal .modal-dialog {
    width: 90% !important;
    margin: 10px auto;
}

#iframeModal iframe {
	border: none;
	width: 100%;
	height: 70vh;
}


#slideshowModal .modal-dialog {
    width: 90% !important;
    margin: 10px auto;
}

#slideshowModal img, #slideshowModal video {
	max-width: 100%;
    max-height: 85vh;
}