:root 
{ 
    --primary-text-color: #3c3c3b; 
    --primary-background-color: #efece9; 
    --primary-border-color: #c8c0b5; 
    --primary-link-color: #3c3c3b; 
    --secondary-background-color: #dfdddb; 
    --secondary-text-color: #fffef2; 
    --status-available: #8ABC25; 
    --status-informational: #008AD8; 
    --status-degraded: #ff9e1b; 
    --status-maintenance: #3c3c3b; 
    --status-unavailable: #e51c23;
}

#page-wrapper { background-color: var(--primary-background-color) }


.navbar { background-color: var(--primary-background-color) !important; }

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus,
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box,
.dropdown-menu, .historygrid tbody tr:hover { background-color: var(--secondary-background-color); }

.search,
.btn-arrow,
.btn-options,
.form-control { background-color: var(--primary-background-color) !important; color: var(--primary-text-color) !important; }
.modal-content { background-color: var(--secondary-background-color) !important; border-color: var(--primary-border-color) !important; box-shadow: 0 0 5px 1px var(--primary-border-color) !important; }


.panel { background-color: var(--secondary-background-color) !important; border-color: var(--primary-border-color) !important; box-shadow: 0 0 5px 1px var(--primary-border-color) !important; }

.ibox-title { background-color: var(--secondary-background-color); border-color: var(--primary-border-color); color: var(--secondary-text-color); }
.ibox-content { background-color: var(--primary-background-color); border-color: var(--primary-border-color); }

.btn-white { background-color: var(--primary-background-color) !important; }
.btn-primary { border-color: var(--primary-text-color); }

.fa-chevron-up, .fa-chevron-down, .fa-expand { color: var(--secondary-text-color) }


.footer-brand a { color: var(--primary-text-color) }
.component-uptime-from { color: var(--primary-text-color); }
.text-secondary.component-uptime-to { color: var(--primary-text-color) !important; }
.component-uptime-percentage { color: var(--primary-text-color); }

.subscribe-link { background-color: var(--primary-background-color) !important; color: var(--primary-text-color) !important; }

.card,
.search-result-item,
.select-dropdown,
.components-dropdown,
.groups-dropdown { background-color: var(--secondary-background-color) !important; color: var(--primary-text-color) !important; }

.dropdown-menu > li > a:hover,
.search-result-item:hover { background-color: var(--primary-background-color) !important; }

#filter-result label { color: var(--primary-text-color) !important; }

.btn-link:hover { color: var(--primary-link-color) !important; }

body { color: var(--primary-text-color); }
a { color: var(--primary-link-color) !important; }
table, td, th, .border { border-color: var(--primary-border-color) !important; }
table > tbody > tr > td { color: var(--primary-text-color); }


/*Rounding the widget borders*/
.ibox-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ibox.widget-container, .ibox {
    border-radius: 8px;
}

.ibox-title {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
/*Rounding the widget borders*/

.incident-tooltip-date{
    background-color: var(--secondary-background-color);
}

.history-grid-wrapper table > thead > tr > th {
    
}

#subscribeModalForm .form-group::nth-of-type(3){
    display:none;
}

#createsubscriberaccount{
    display:none;
}

#createsubscriberaccount{
    display:none;
}

.component-available { color: var(--status-available); }
.component-informational { color: var(--status-informational); }
.component-degraded { color: var(--status-degraded); }
.component-unavailable { color: var(--status-unavailable); }
.component-maintenance { color: var(--status-maintenance); }
.status-available { background-color: var(--status-available); }
.status-degraded { background-color: var(--status-degraded); }
.status-informational { background-color: var(--status-informational); }
.status-unavailable { background-color: var(--status-unavailable); }
.status-maintenance { background-color: var(--status-maintenance); }

/*Subscription Modal*/

.modal-header h4{
	font-size:0px;
}

.modal-header h4::after{
	font-size:14px;
    content: "Tilmelding til C&B Status";
}

[for="modal-email"]{
	font-size:0px;
}

[for="modal-email"]::after{
	font-size:14px;
    content: "E-mail";
}

[for="modal-phone"]{
	font-size:0px;
}

[for="modal-phone"]::after{
	font-size:14px;
    content: "Mobilnummer (benyttes kun til akutte driftsforstyrrelser)";
}


#subscribeModalForm [for="components"]{
	font-size:0px;
}

#subscribeModalForm [for="components"]::after{
	font-size:14px;
	content: "Services";
}

#subscribeModalForm .mb-3 label{
	font-size:0px;
}

#subscribeModalForm .mb-3 label::after{
	font-size:14px;
    content: "Kundegruppe";
}

.partial-select-groups .multiselect:empty::before{
	content: "Vælg kundegruppe" !important;
}

.partial-select-components .multiselect:empty::before {
	content: "Vælg services" !important;
}

[for="createsubscriberaccount"]{
	font-size:0px;
}

[for="createsubscriberaccount"]::after{
	font-size:14px;
    content: "";
}

[for="rssfeed"]{
	font-size:0px;
}

[for="rssfeed"]::after{
	font-size:14px;
    content: "";
}

.modal-content #submit{
	font-size:0px;
}

.modal-content #submit::after{
	font-size:13px;
    content: "Tilmeld";
}

.modal-footer  [data-dismiss="modal"]{
	font-size:0px;
}

.modal-footer [data-dismiss="modal"]::after{
	font-size:13px;
    content: "Annuller";
}

/*End Subscription Modal*/


/*Uptime Summary Widget*/
.component-uptimesummary-title{
	font-size:0px;
}

.component-uptimesummary-title::after{
	font-size:18px;
    content: "TOTAL OPPETID SENESTE UGE";

}

.current-status-comp-affected{
	font-size:0px;
}

.current-status-comp-affected::after{
	font-size:12px;
    content: "Påvirkede platforme";
}
/*End Uptime Summary Widget*/


/*Uptime Widget*/
.widget-uptime  .table-bordered th:nth-of-type(1){
	font-size:0px;
}


.widget-uptime  .table-bordered th:nth-of-type(1)::after{
	font-size:12px;
    content: "Dag";
}

.widget-uptime  .table-bordered th:nth-of-type(2){
	font-size:0px;
}


.widget-uptime  .table-bordered th:nth-of-type(2)::after{
	font-size:12px;
    content: "Dato";
}

.widget-uptime  .table-bordered th:nth-of-type(3){
	font-size:0px;
}


.widget-uptime  .table-bordered th:nth-of-type(3)::after{
	font-size:12px;
    content: "Oppetid";
}
/*End Uptime Widget*/

/*Service Status List Widget 90 day*/
.component-uptime-from{
	font-size:0px;
}

#widget-000601 .component-uptime-from::after{
	font-size:12px;
    content: "90 dage siden";
}

.component-uptime-to{
	font-size:0px;
}

#widget-000601 .component-uptime-to::after{
	font-size:12px;
    content: "I dag";
}

@media screen and (max-width: 769px) {
  #widget-000601{
      display:none;
  }
}
/*End Service Status List Widget*/

/*Service Status List Widget 30 day*/
.component-uptime-from{
	font-size:0px;
}

#widget-000701 .component-uptime-from::after{
	font-size:12px;
    content: "30 dage siden";
}

.component-uptime-to{
	font-size:0px;
}

#widget-000701 .component-uptime-to::after{
	font-size:12px;
    content: "I dag";
}

@media screen and (min-width: 769px) {
  #widget-000701{
      display:none;
  }
}
/*End Service Status List Widget*/

/*Incident Details page*/
.page-incident .ibox-title{
    background-color: #00394a;
}

.page-incident .panel-heading{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.page-incident .panel{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.page-incident .panel-body{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.page-incident .incident-updates .col-sm-6:nth-of-type(1) span:nth-of-type(1){
	font-size: 0px;
}

.page-incident .incident-updates .col-sm-6:nth-of-type(1) span:nth-of-type(1)::after{
	font-size: 12px;
	content: 'Status'
}


.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(1) >div span:nth-of-type(1){
		font-size: 0px;
}

.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(1) >div span:nth-of-type(1)::after{
	font-size: 12px;
	content: 'Start'
}

.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(2) >div span:nth-of-type(1){
		font-size: 0px;
}

.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(2) >div span:nth-of-type(1)::after{
	font-size: 12px;
	content: 'Afsluttet'
}

.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(3) >div span:nth-of-type(1){
		font-size: 0px;
}

.page-incident .incident-updates .col-sm-6:nth-of-type(2) >div:nth-of-type(3) >div span:nth-of-type(1)::after{
	font-size: 12px;
	content: 'Varighed'
}

.page-incident .incident-components-column span:nth-of-type(1){
	font-size: 0px;
}

.page-incident .incident-components-column span:nth-of-type(1)::after{
	font-size: 12px;
	content: 'Påvirkede services:'
}

.page-incident .incident-progress{
    display:none;
}

.page-incident .incident-groups-column{
    display:none;
}

/*End Incident details page*/


/*Go back link CSS*/
.goBackLink{
    z-index: 1000;
    position: absolute;
    top: 75px;
}
/*End go back link CSS*/

/*Don't let the logo be clickable*/
.navbar a[role="button"]{
     pointer-events: none;
}

/*Remove the default group from the selector*/
.groups-dropdown [data-id="133091"]{
    display:none;
}

/*Subscription Page*/
.page-subscription .page-body .pr-5 a{
	font-size:0px;
}

.page-subscription .page-body .pr-5 a::after{
	font-size:12px;
	content:'Tilbage til Statusside';
}


.page-subscription .page-body #mainform .form-group:nth-of-type(1) h4{
	font-size:0px;
}


.page-subscription .page-body #mainform .form-group:nth-of-type(1) h4::after{
	font-size:14px;
	content:'E-mail adresse';
}

.page-subscription .page-body #mainform .form-group:nth-of-type(2) h4{
	font-size:0px;
}


.page-subscription .page-body #mainform .form-group:nth-of-type(2) h4::after{
	font-size:14px;
	content:'Telefon (SMS)';
}

.page-subscription .page-body #mainform .form-group:nth-of-type(3) h4{
	font-size:0px;
}


.page-subscription .page-body #mainform .form-group:nth-of-type(3) h4::after{
	font-size:14px;
	content:'Tilmeldt til';
}

.page-subscription .page-body #mainform .row:nth-of-type(4) label{
	font-size:0px;
}


.page-subscription .page-body #mainform .row:nth-of-type(4) label::after{
	font-size:14px;
	content:'Grupper';
}

.page-subscription .page-body #mainform .form-group:nth-of-type(5) label{
	font-size:0px;
}


.page-subscription .page-body #mainform .form-group:nth-of-type(5) label::after{
	font-size:14px;
	content:'Tidszone';
}

.page-subscription .page-body h2:nth-of-type(1){
	font-size:0px;
}


.page-subscription .page-body h2:nth-of-type(1)::after{
	font-size:24px;
	content:'C&B tilmeldinger';
}

.page-subscription .page-body #mainform h2::after{
	font-size:24px;
	content:'Notifikations-indstillinger';
}


.page-subscription #subscription-summary .card:nth-of-type(1) h5 span{
	font-size:0px;
}

.page-subscription #subscription-summary .card:nth-of-type(1) h5 span::after{
	font-size:12px;
	content:'E-mail';
}

.page-subscription [data-target="#subscription"] .row:nth-of-type(1) .ml-2{
	font-size:0px;
}

.page-subscription [data-target="#subscription"] .row:nth-of-type(1) .ml-2::after{
	font-size:12px;
	content:'Hændelse';
}

.page-subscription [data-target="#subscription"] .row:nth-of-type(2) .ml-2{
	font-size:0px;
}

.page-subscription [data-target="#subscription"] .row:nth-of-type(2) .ml-2::after{
	font-size:12px;
	content:'Planlagt opdatering';
}
	
.page-subscription [data-target="#subscription"] .row:nth-of-type(3) .ml-2{
	font-size:0px;
}

.page-subscription [data-target="#subscription"] .row:nth-of-type(3) .ml-2::after{
	font-size:12px;
	content:'Information';
}


.page-subscription #subscription-summary .card:nth-of-type(2) h5 span{
	font-size:0px;
}

.page-subscription #subscription-summary .card:nth-of-type(2) h5 span::after{
	font-size:12px;
	content:'Mobil';
}


.page-subscription .page-body #mainform  .btn-white .ladda-label{
	font-size:0px;
}

.page-subscription .page-body #mainform  .btn-white .ladda-label::after{
	font-size:12px;
	content:'Afmeld';
}

.page-subscription .page-body #mainform  .btn-primary .ladda-label{
	font-size:0px;
}

.page-subscription .page-body #mainform  .btn-primary .ladda-label::after{
	font-size:12px;
	content:'Opdater';
}

/*Incidents Page*/
.page-incidentlist #btnIncidentListFilters{
	font-size:0px;
}

.page-incidentlist #btnIncidentListFilters::after{
	font-size:12px;
	content:'Skjul filtre';
}

.page-incidentlist #btnIncidentListFiltersClear{
	font-size:0px;
}

.page-incidentlist #btnIncidentListFiltersClear::after{
	font-size:12px;
	content:'Nulstil filtre';
}

.page-incidentlist .incident-list-component-filter label{
	font-size:0px;
}

.page-incidentlist .incident-list-component-filter label::after{
	font-size:14px;
	content:'Services';
}

.page-incidentlist .incident-list-date-range-filter label{
	font-size:0px;
}

.page-incidentlist .incident-list-date-range-filter label::after{
	font-size:14px;
	content:'Dato';
}

.page-incidentlist .incident-list-status-filter > label{
	font-size:0px;
}

.page-incidentlist .incident-list-status-filter > label::after{
	font-size:14px;
	content:'Hændelsesstatus';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(1) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(1) label::after{
	font-size:14px;
	content:'Alle';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(2) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(2) label::after{
	font-size:14px;
	content:'Lukket';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(3) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(3) label::after{
	font-size:14px;
	content:'Igangværende';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(4) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(4) label::after{
	font-size:14px;
	content:'Kommende';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(5) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(5) label::after{
	font-size:14px;
	content:'Kommende (opdateringer)';
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(6) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-status-filter .search-result-item:nth-of-type(6) label::after{
	font-size:14px;
	content:'Kommende, stadig åbne (opdateringer)';
}

.page-incidentlist .incident-list-incident-type-filter > label{
	font-size:0px;
}

.page-incidentlist .incident-list-incident-type-filter > label::after{
	font-size:14px;
	content:'Hændelsestype';
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(1) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(1) label::after{
	font-size:14px;
	content:'Systemopdatering';
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(2) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(2) label::after{
	font-size:14px;
	content:'Hændelse';
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(3) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-incident-type-filter .search-result-item:nth-of-type(3) label::after{
	font-size:14px;
	content:'Information';
}


.page-incidentlist .incident-list-sort-filter > label{
	font-size:0px;
}

.page-incidentlist .incident-list-sort-filter > label::after{
	font-size:14px;
	content:'Sorter efter';
}

.page-incidentlist .incident-list-sort-filter .search-result-item:nth-of-type(1) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-sort-filter .search-result-item:nth-of-type(1) label::after{
	font-size:14px;
	content:'Nyeste';
}

.page-incidentlist .incident-list-sort-filter .search-result-item:nth-of-type(2) label{
	font-size:0px !important;
}

.page-incidentlist .incident-list-sort-filter .search-result-item:nth-of-type(2) label::after{
	font-size:14px;
	content:'Ældst';
}