/* 
	CSS for Min side/relaterte sider når en har valgt Bootstrap4 theme
*/

/* Regler for visning av horisontale menyer vs. hamburgemeny */
@media screen and (min-width: 576px){
	.navbar-expand-sm #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 575px){
	.navbar-expand-sm #headerNavItems, .navbar-expand-sm [data-target="#headerNavItems"], .navbar-expand-sm #mainMenuNavItems, .navbar-expand-sm [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
}

@media screen and (min-width: 768px){
	.navbar-expand-md #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	.navbar-expand-md #headerNavItems, .navbar-expand-md [data-target="#headerNavItems"], .navbar-expand-md #mainMenuNavItems, .navbar-expand-md [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
}

@media screen and (min-width: 992px){
	.navbar-expand-lg #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 991px){
	.navbar-expand-lg #headerNavItems, .navbar-expand-lg [data-target="#headerNavItems"], .navbar-expand-lg #mainMenuNavItems, .navbar-expand-lg [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
	
	
	/* Overstyring av XPages-rammeverkets overstyring av standard Bootstrap-regler */
	.navbar-expand-lg .navbar-toggler {		
		display: revert;
	}
	
	.navbar-expand-lg .navbar-nav {
		float: revert;
		flex-direction: column;
	}
	
	.navbar-expand-lg .navbar-light .navbar-nav .nav-item {
		float: none;
	}
	
	.navbar-expand-lg .navbar-nav li a {
		padding: .5rem 1rem;
	}
}

@media screen and (min-width: 1200px){
	.navbar-expand-xl #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 1199px){
	.navbar-expand-xl #headerNavItems, .navbar-expand-xl [data-target="#headerNavItems"], .navbar-expand-xl #mainMenuNavItems, .navbar-expand-xl [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
	
	/* Overstyring av XPages-rammeverkets overstyring av standard Bootstrap-regler */
	.navbar-expand-xl .navbar-toggler {		
		display: revert;
	}
	
	.navbar-expand-xl .navbar-nav {
		float: revert;
		flex-direction: column;
	}
	
	.navbar-expand-xl .navbar-light .navbar-nav .nav-item {
		float: none;
	}
	
	.navbar-expand-xl .navbar-nav li a {
		padding: .5rem 1rem;
	}
}

/* Generelle CSS-regler */
.field-table { margin-bottom: 10px; }

@media screen and ( min-width: 992px ){
	.field-table > tbody > tr > td:first-child { min-width: 150px; }
	.field-table > tbody > tr > td { min-height: 35px; padding-bottom: 10px; }
}

@media screen and (max-width: 767px){
	#mainMenuNavItems.collapsing + .toggle-sprak, #mainMenuNavItems.show + .toggle-sprak {
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	[data-label]:before {
		content: attr(data-label) ':';
		display: block;
		font-weight: bold;
	}
	
	.responsiveTable.responsiveTable { border-radius: 0; }
	.responsiveTable thead { display: none; }
	.responsiveTable tr { display: block; margin-bottom: 10px; }
	.responsiveTable tr:first-child { border-top: none; }
	.responsiveTable .xspColumn, .responsiveTable td { border: none; display: table-row; }
	.responsiveTable .xspColumn[data-label]:before, .responsiveTable td[data-label]:before { 
		display: table-cell; 
		content: attr( data-label )':'; 
		font-weight: bold;
		padding: 5px;		
	}
	
	.responsiveTable .xspColumn > *, .responsiveTable td > * { display: table-cell; }
	
	.responsiveTable .xspColumn > [data-label], .responsiveTable td > [data-label] { padding: 5px 5px 15px 5px; }
}

/* Liste uten bullets/innrykk */
.unstyled-list { list-style: none; margin: 0; padding: 0; }

/* Generelle overstyringer/hjelpeklasser for å få ting til å se greit ut */
ol, ul {
	padding: revert;
}

.card-title {
	margin-top: 0;
}

.dbootstrap .alert {
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
}

.dbootstrap .alert ul {
	margin: 0;
	padding: 0;
}

.dbootstrap label {
	margin-bottom: 0;
}

.dbootstrap .form-control.dijitTextBox, .dbootstrap .dijitDateTextBox {
	font-size: 1rem;
	height: calc(1.5em + .75rem + 2px) !important;
	line-height: 1.5;
}

.dbootstrap  .dijitDateTextBox .dijitArrowButtonContainer {
	height: calc(1.5em + .75rem + 2px) !important;
}

.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner {
	background-position: -187px -115px;
	line-height: 1.5rem;
}

.dbootstrap :focus {
	outline: none;
}

.dbootstrap .dijitDialog {
	z-index: 2000 !important;
}

.dialog .table td {
	border: none;
}

.dropdown-item.dropdown-item {
	padding: .25rem 1.5rem;
}

.input-group { 
	display: flex; 
}

.form-control { 
	font-size: 1rem; 
}

.modal-title {
	position: static;
}

.navbar.navbar {
	border: revert;
	display: flex;
	min-height: revert;
	padding: .5rem 1rem;
	z-index: revert;
}

.navbar-brand {
	float: none;
	height: auto;
}

.nav-link {
	padding: .5rem 1rem
}

.navbar-toggler {
	margin: revert;
}

.read-mode .checkbox label, .read-mode .radio label {
    cursor: default;
}

.xspCollapsibleMenu ul.dropdown-menu {
	display: none;
}

.xspCollapsibleMenu.show ul.dropdown-menu {
	display: flex;
}

.xspInputFieldRichText {
	background-color: inherit;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}