html, body {
    height: 100%;
}

.header-title {
	display: inline-block;
	font-weight: bold;
}

.elmeh-logo {
    width: 273px;
    height: 36px;
}

#text-input {
	z-index: 1000;
	border-radius: 4px;
	position: absolute;
	min-width: 200px;
}

#login {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    max-width: 300px;
}

#confirmation-block, .root-cert, .user-required,
#block-time, #input-login-placeholder, #bottom,
#input-password-placeholder, #cont-right-map,
#download-cert, .content-loading, .content-loading, .report-progress {
    display: none;
}

#list td, .add-for-notify, #cont-list td,
#tzu-zone-list-table tbody tr, #script-actions tbody tr:not(.disabled),
#tzu-free-ctrl-list-table tbody tr,
#tzu-sc-table tbody tr, #videodetectors-scripts-table tbody tr.script-header,
#tzu-cp-table tbody tr, #vd-sc-items-table tbody tr,
#gbox-list tbody tr, #script-rules tbody tr,
#msg-template-edit tbody tr,
#detectors-list tbody tr, #sens-of-script tbody tr,
#sensors-list tbody tr, #vd-of-script tbody tr,
.fa-square-o, .fa-check-square-o {
	cursor: pointer;
}

#script-actions tbody tr {
	cursor: not-allowed;
}

#dk-urls-parent {
	overflow: auto;
	max-height: 400px;
}

#act-grid, #cont-edit-grid {
	border: none;	
}

#act-grid tbody, #cont-edit-grid tbody {
    display: block;
    max-height: 400px;
    overflow-y: scroll;
}

#act-grid thead, #act-grid tbody tr,
#cont-edit-grid thead, #cont-edit-grid tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#act-grid thead, #cont-edit-grid thead {
    width: calc(100% - 1em);
}
        
.navbar {
	padding: 0;
}

.navbar-toggler {
	border: 1px solid #2E6E9E !important;	
	margin: 4px;
}

.navbar .mobile-line {
    display: block;
    background-color: #2E6E9E !important;
    height: 3px;
    margin: 4px 0;
    width: 25px;
}

.navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .05rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.card-header .btn,
#toolbar .btn,
#toolbar select {
	margin-bottom: 4px;
}

.btn-sduso {
	cursor: pointer;
}

.cursor-pointer {
	cursor: pointer;
}

.btn-tl {
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
}

#clock, #user-info {
	padding-top: 6px;
	padding-left: 6px;
}

#clock {
    white-space: nowrap;
}

.btn-group-xs {
	height: 24px;
}

#layer-items tbody {
	display: block;
	max-height: 300px;
    overflow-y: scroll;
}

#layer-items thead, #layer-items tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#layer-items thead {
    width: calc(100% - 1em);
}

/*#disp button {
	width: 102px;
	height: 46px;
	font-size: 13px;
}*/

/*#btn-tab label, #btn-tab button {
	width: 110px;
}*/

.table-xs th, .table-xs td {
    padding: 1px;
    font-size: .875rem;
    line-height: 1.5rem;
}

.table {
	margin-bottom: 0 !important;
}	

#downloaded {
    line-height: 1.85rem;
}

#header-mon-left {
	height: auto;
    overflow: hidden;
}

#info-log-2 {
    height: auto;
    overflow: hidden;
}

.olPopup {
    border-radius: 0.2rem;
}

.olPopupContent {
	font-size: 13px;
	line-height: 1;
}

.ol-popup-table {
	margin-bottom: 0 !important;
}

.ol-popup-table tr td {
	padding: 0;
	margin: 0;
}

.ui-dialog {
	z-index: 10000;
}

legend {
	margin-bottom: 0;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.btn-block+.btn-block {
    margin-top: .3rem !important;
}

.slider.slider-horizontal {
	width: 100%;
}

.pagination-block{
	margin-top: 1rem;	
}

.pagination-block nav {
	display: inline-block;
}

.pagination {
	margin-bottom: 3px !important;
}

.form-input-error {
	display: none;
	font-size: 12px;
}

#active-methods, #active-methods label {
	margin-bottom: 0;
}

/* SDU SO alert */

.sdu-so-alert {
	z-index: 1051;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	min-width: 300px;
	max-width: 600px;
}

.sdu-so-alert-close {
	float: right;
	font-weight: bold;
	cursor: pointer;
	margin-left: 10px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* video */

#video-location {
	position: relative;
	margin-top: -30px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-weight: bold;
}

#video-jpeg {
	/*max-height: 270px;*/
}

/* map */

.asud-logo {
	width: 180px;
	height: 30px;
	bottom: 0;
	right: 16px;
	background-size: 100%;
	z-index: 1000;
	background-repeat: no-repeat;
	opacity: 0.65;
}

.page-watermark {
	position: fixed;
}

.map-watermark {
	position: absolute;
}

.dk-map-container {
	width: 100%;
}

#map-engine-popup {
	position: absolute;
	z-index: 1000;
	margin-top: 11px;	
	margin-left: 0.6em;
}

#map-popup {
	position: absolute;
	display: none;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 4px;
	font-size: 13px;
	box-shadow: 0px 0 4px 0 rgba(15, 22, 33, 0.3);
}

#map-settings {
	width: 100%;
}

.fa-rotate-45 {
	transform: rotate(45deg);
}

#preview-preload {
    position: absolute;
    text-align: center;
    top: 40%;
}

#preview-preload-spinner {
    width: 3rem;
    height: 3rem;
}

#sensor-form-modal .modal-title,
#video-modal .modal-title {
	word-break: break-all;
}

.about-header {
	background-repeat: no-repeat;	
}

.about-header small {
	text-shadow: 1px 1px 1px rgba(200, 200, 200, 1);
}

.w-10p {
	width: 10px;
}

.w-30p {
	width: 30px;
}

.w-50p {
	width: 50px;
}

.w-100p {
	width: 100px;
}

.h-35 {
	height: 35% !important;
}

.h-65 {
    height: 65% !important;
}

.hidden-scroll {
	overflow: hidden;
}

.hidden-scroll:hover {
	overflow-x: auto;
}

.gbox-list-y-scroll {
	overflow-y: scroll;
}

#sensor-form .dropdown-toggle::after,
#style-params-form .dropdown-toggle::after {
    position: absolute;
    top: 13px;
    right: 10px;
}

#sduso-contextmenu {
	position: absolute;
	z-index: 1100;
}

#sduso-contextmenu .shown-dropdown-menu {
	display: block !important;
}

.choose-sign {
  width: 55px;
  padding: 3px;
  cursor: pointer;
}

.choose-sign.w1-5 {
  width: 83px;
}

@media (max-width: 768px) {
	.margin768 {
		margin-top: 1rem !important;
	}
}

@media (min-width: 1842px) {
    .d-xxl-block {
        display: block !important;
    }
}




/*********************/

a.menu-link-its {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #333333;
    margin-left: 20px;
    display: block;
    text-decoration: none;
}

a.menu-link-its.active {
    background: rgb(226, 232, 240);
}

a.menu-link-its.sub {
    margin-left: 40px;
}

#sub-sv, #sub-set { display:none }

#title {
    text-transform: uppercase;
    line-height: 1.7rem;
}