/*
*
* File for client, SSO developers should use custom_sso.css. Important: file may not be synced with git repo.
*
*/

/********************      Site size and width      ********************/
/** Width of site **/

/* Common for all devices */

#sp-main-body {
  padding: 20px 0px;
  min-height: calc(100vh - 235px);
}


.burger-icon > span {background-color: white !important;}


@media only screen and (max-width: 767px) {
  #sp-top-banner {
    padding: 10px 15px 5px 15px;
  }

  #sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    margin-bottom: 15px;
  }
  
  #sp-header {
	  height: 40px;
  }
  
  #offcanvas-toggler {
	  height: 40px;
	  line-height: 40px;
  }
}


@media only screen and (min-width: 768px) {
  #sp-top-banner {
    padding: 10px 15px 5px 15px;
  }


  /*#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    margin-bottom: 15px;
  }*/
}


@media only screen and (min-width: 992px) {
	#sp-header, #sp-top, #sp-bottom, #sp-footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	#sp-top-banner {
		padding: 3px 20px 3px 20px;
	}
}


@media only screen and (min-width: 1200px) {
  #sp-top-banner {
    height: 70px;
    padding: 4px 30px 4px 30px;
  }

  /* #sp-main-body {
    min-height: 500px;
  	}
	*/


  #sp-header, #sp-top, #sp-bottom, #sp-footer {
    padding-left: 30px;
    padding-right: 30px;
  	}
}




/****************************      Typography      *****************************/

h1,h2,h3,h4,h5 {
  color: #002e5e;
}

a, a:hover {
  color: #002e5e;
}

h1 a {
  color: #002e5e !important;
}

h2 a {
  color: #002e5e;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #002e5e;
}

.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover {
  color: #002e5e;
}


/********************       Top        ********************/

/* Top banner */

/* Common for all devices */
#sp-top-banner {
  background-color: #fff;
  vertical-align: middle;
}


@media screen and (max-width: 767px) {
  .logo-image {
    height: 35px !important;
  }
}

#sp-position1 .sp-module {
  vertical-align: middle;
}

#sp-position2 .sp-module {
  float: right;
  vertical-align: middle;
}

/* Horizontal login */


/* Brugermenu */
.sp-module.brugermenu {
  margin-top: 8px;
}

.brugermenu ul {
  list-style-type: none;
}

.brugermenu li {
  display: inline-block;
  border-right: 1px solid #002e5e;
}

.brugermenu li:last-child {
  display: inline-block;
  border: 0px;
}

.brugermenu li a {
  padding: 5px 7px;
  color: #002e5e !important;
  font-weight: bold;
  font-size: 12px;
}

.brugermenu li a:hover {
  color: #002e5e;
}


/********************  Menu   ********************/

/** Offcanvas **/


.offcanvas-menu {
  background: #002e5e;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span, .offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
	color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,  
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #ffffff;
}


/* Offcanvas login */

.btn-offcanvas-login {
  color:##002e5e !important;
  background-color:#ffffff !important;
  border-color: #ffffff !important;
  opacity: 0.7;
}



/** Drop down **/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #002e5e;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  color: #ffffff;
}


/** Mega menu **/
.sp-megamenu-parent .sp-mega-group > li > a {
  font-weight: inherit;
  text-transform: none;
}

.sp-megamenu-parent .sp-mega-group li.menu_item:hover {
  font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-module {
  padding: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
  font-size: 14px;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul {
  list-style: none;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul > li {
  display: block;
  color: #0072b0 !important;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul > li > a {
display: block;
padding: 3px 0;
line-height: 20px;
color: #0072b0 !important;
font-size: 14px;
}

.sp-megamenu-parent .sp-dropdown .sp-module .menu {
  padding-inline-start: 1px !important;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a  {
  color: #ffffff;
  font-weight: 500;
}

.sp-megamenu-parent > li > a {
  font-size: 15px;
}

.sp-megamenu-parent > li {
  color: #ffffff;
}

/********************  Left and right side   ********************/




/** All with #sp-left and #sp-right is copied from template.css and some are modified**/


#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	color: #ffffff;
	border-bottom: none;
	margin: 0 0 10px;
	padding-bottom: 10px;
}

#sp-left .sp-module, #sp-right .sp-module {
	background-color: #002e5e;
	padding: 20px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li, #sp-position8 .sp-module ul > li {
	/*display: block;*/
	color: #ffffff;
	border-bottom: 1px solid grey;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a, #sp-position8 .sp-module ul > li > a {
  /*display: block;
  padding: 3px 15px;
  line-height: 36px;*/
  color: #ffffff;
  /*font-size: 14px;*/
}

#sp-left .sp-module ul > li.menu-divider, #sp-right .sp-module ul > li.menu-divider, #sp-position8 .sp-module ul > li.menu-divider {
  /*display: block;*/
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 15px 0px 0 0px;
  margin: 5px; 0px 10px 0px;
  /*border-top: 5px solid #ffffff;*/
  border-bottom: none;
}

#sp-left .sp-module ul > li.menu-divider > span, #sp-right .sp-module ul > li.menu-divider > span, #sp-position8 .sp-module ul > li.menu-divider > span {
  border-bottom: 1px solid #ffffff;
}


/*
#sp-left .sp-module, #sp-right .sp-module, #sp-position8 .sp-module {
  margin-top: 20px;
  border: 1px solid #f3f3f3;
  padding: 15px 0px;
  border-radius: 5px;
  background-color: #b5cce2 !important;
  font-size: 14px;
}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child, #sp-position8 .sp-module {
  margin-top: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title, #sp-position8 .sp-module .sp-module-title {
  margin: 0 15px 15px 15px;
  padding: 0 0px 8px 0px;
  font-size: 22px;
  font-weight: 700;
  color: #0072b0;
  border-bottom: 2px solid #0072b0;
}
#sp-left .sp-module ul, #sp-right .sp-module ul, #sp-position8 .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li, #sp-position8 .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #f3f3f3;
  color: #0072b0 !important;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a, #sp-position8 .sp-module ul > li > a {
  display: block;
  padding: 3px 15px;
  line-height: 36px;
  color: #0072b0 !important;
  font-size: 14px;
}

#sp-left .sp-module ul > li > a.logskema-item, #sp-right .sp-module ul > li > a.logskema-item, #sp-position8 .sp-module ul > li > a.logskema-item {
  font-weight: bolder;
  font-size: 16px;
}


#sp-left .sp-module ul > li.menu-divider, #sp-right .sp-module ul > li.menu-divider, #sp-position8 .sp-module ul > li.menu-divider {
  display: block;
  color: #0072b0 !important;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 15px 0 15px;
  margin: 0 0px 10px 0px;
  border-top: 12px solid #ffffff;
  border-bottom: none;
}

#sp-left .sp-module ul > li.menu-divider > span, #sp-right .sp-module ul > li.menu-divider > span, #sp-position8 .sp-module ul > li.menu-divider > span {
  border-bottom: 1px solid #0072b0;
}

#sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child, #sp-position8 .sp-module ul > li:last-child {
  border-bottom: none;
}

*/

/********************   Footer  ********************/
#sp-footer .sp-module {
  margin-top: 20px;
  /*border: 1px solid #f3f3f3;*/
  /*padding: 15px;*/
  /*border-radius: 3px;*/
  /*background-color: #b5cce2 !important;*/
  font-size: 14px;
}

#sp-footer .sp-module:first-child {
  margin-top: 0;
}

#sp-footer .sp-module .sp-module-title {
  margin: 0 0 15px;
  padding-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  /*color: #ffffff;*/
}

#sp-footer .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sp-footer .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #f3f3f3;
  /*color: #ffffff !important;*/
}

#sp-footer .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  /*color: #ffffff !important;*/
  font-size: 14px;
}

#sp-footer .sp-module ul > li:last-child {
  border-bottom: none;
}

#sp-footer .sp-module .menu {
  width: 100%;
}

#sp-bottom1 .sp-module, #sp-bottom2 .sp-module, #sp-bottom3 .sp-module, #sp-bottom4 .sp-module {
  /*min-height: 260px;*/
}

/*** Hide modules on screen less than 992px ***/
@media only screen and (max-width: 991px) {
  .hide-mobile {
    display: none;
  }
}


/********************  Users   ********************/

/* Create new user button */
.users-listing .createbutton {
  color:#ffffff;
  background-color: #002e5e;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 150px;
  margin-bottom: 20px;
}

.users-listing .createbutton a {
  color: #ffffff;
}

/* Filter */

#filter {
  display: inline-flex;
}

#filter select {
  margin-right: 20px;
}

#filter a {
  color:#ffffff;
  background-color: #002e5e;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 150px;
  margin-bottom: 20px;
}



/********************  Buttons   ********************/

.btn-primary {
  color:#fff !important;
  background-color:#002e5e !important;
  border-color: #002e5e !important;
}

.btn-success {
  color:#ffffff !important;
  background-color:002e5e !important;
  border-color: #002e5e !important;
}

.btn.button {
  color:#ffffff !important;
  background-color:#002e5e !important;
  border-color: #002e5e !important;
}

.article-details .article-can-edit a {
    color: #ffffff;
    background-color: #002e5e;
}

.article-details .article-can-edit {
  float: right;
  border-radius: 3px !important;
}

/* Edit profil button */
#users-profile-core .d-flex.mb-3 > div:last-child {
  color:#ffffff;
  background-color: #002e5e;
  padding: 5px 12px;
  border-radius: 4px;
}

#users-profile-core .d-flex.mb-3 > div:last-child a {
  color:#ffffff;
}

/** Read more button **/

.article-list .article .readmore {
  font-size: 0.875rem;
}
.article-list .article .readmore a {
  color: #ffffff;
  font-weight: 500;
  background-color: #002e5e;
  padding:6px 10px;
  border-radius: 5px;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #044cd0;
}


/******************************    Articles     ****************************/

/* Size of header in category blog */
.blog .subheading-category {
  font-size: 2.25rem;
}

.blog h2 {
  margin-bottom: 25px;
}


.users-profile-custom-fields-0 .mb-3 {
  font-size: 20px;
  color: #0072b0;
}

.article-list .row {
  padding-left: 0px;
  padding-right: 0px;
}


/******** Category list *********/
/* Header size */
.content-category h2 {
  font-size: 2.25rem;
}

/* Margin under new article button */
.content-category .newarticle {
  margin-bottom: 15px;
}

/* Child categories header */
.cat-children h3 {
  font-size: 1.5rem;
}

.cat-children .page-header {
  font-size: 15px;
}


/********************    Create articles     ********************/

/** Hide alias **/

#jform_alias {
  display: none !important;
}

#jform_alias-lbl {
  display: none !important;
}

/* Hide language */
#jform_language-lbl, #jform_language, #jform_language_chzn {
  display: none !important;
}


/* Hide Blog options in create article */
ul#com-content-formTabs li:nth-child(2) {
    display: none;
}

/* Hide tabs */
#com-content-formTabs {
  display: none;
}

/* Make sure, that tabs in create article don't dissapeere */
.com-content .edit fieldset .joomla-tabs .nav-item a {
  display: block !important;
}




/********* MENU IN ARTICLE ***************/

.menu-in-article {
  margin-top: 20px;
  padding: 15px 0px;
  border-radius: 5px;
  /*column-count: 3;*/
}

.menu-in-article {
	-webkit-columns: 3 350px;
  -moz-columns: 3 350px;
  columns: 3 350px;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
}

.menu-in-article ul > li {
  display: block;
  background-color: #002e5e;
  border-bottom: 1px solid #f3f3f3;
  color: #fffffff !important;
  padding: 7px 3px 7px 7px;
}

.menu-in-article ul > li > a {
  color: #ffffff;
}

#menu-artikel {
	padding-left: 0px;
}



/*********************************************** EDOCMAN *************************************************************/
/* Hide sub-categories */
.edocman-child-category {
  display: none;
}

#edocman-category {
  margin-bottom: 30px;
}

/* color */
.edocman-box-heading {
  background: #002e5e !important;
  padding: 8px 8px !important;
}

.edocman-box-heading h3, .edocman-box-heading h3 a {
  color: #ffffff;
}

.edocman_upload_link {
  margin-top: 25px;
}

/* Document list */
.edocman-document {
  margin-bottom: 30px !important;
}

.edocman-document-title {
  font-size: 18px;
}

/* Margin between sortbar and content */
.sortPagiBar {
  margin-bottom: 20px;
}


/* Size of buttons */
.edocman-taskbar {
  margin: 6px 0 1px;
}

.edocman-taskbar .btn {
  font-size: 0.75rem;
  line-height: 1;
}

.edocman-page-heading {
  font-size: 2.25rem;
}

/* Subcategories layout (size, margin, padding ect.) */
#edocman-categories .row .edocman-category {
  margin-bottom: 6px;
}

#edocman-categories {
  margin-top: 20px;
}

.edocman-box-heading-1 {
  font-size: 16px;
  font-weight: 500;
}

/* Subcategories header*/
.edocman-heading {
  font-size: 1.75rem;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}




/********************    RS Form     ********************/

/** Laver indrykning af underliggende punkter **/
.rsform-block-flugtveje-problem, .rsform-block-flugtveje-udbedring, .rsform-block-flugtveje-billede, .rsform-block-flugtveje-dore-problem, .rsform-block-flugtveje-dore-udbedring, .rsform-block-flugtveje-dore-billede, .rsform-block-belysning-problem, .rsform-block-belysning-udbedring, .rsform-block-belysning-billede, .rsform-block-opslag-problem, .rsform-block-opslag-udbedring, .rsform-block-opslag-billede, .rsform-block-inventar-problem, .rsform-block-inventar-udbedring, .rsform-block-inventar-billede, .rsform-block-brandslukningsmateriel-problem, .rsform-block-brandslukningsmateriel-udbedring, .rsform-block-brandslukningsmateriel-billede {
   padding-left: 20px;
   color:#454545;
  }

[class$="fejl-area"], [class$="afhjaelpning-area"], [class$="billede-upload"]  {
  padding: 5px;
  background-color: #b5cce2;
}

[class$="fejl-area"] > .formControlLabel, [class$="afhjaelpning-area"] > .formControlLabel, [class$="billede-upload"] > .formControlLabel  {
  padding-left: 10px;
}

[class$="overskrift-tekst"] > h4 {
  margin-top: 20px;
}

.formplate .fp-toggler {
  background-color: #d9d9d9;
}

p.formDescription {
  margin-bottom: 0px;
}


/* RS form directory */
/*
.form-inline {
  overflow-x: scroll;
}
*/


td.center.directoryActions {
  min-width: 100px;
}

.directoryDetail, .directoryPdf > img {
  display: inline-grid;
}

th.center.directoryHead {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #b5cce2;
}


/***** Logskemaer ******/

/* Table header */
.logskema-header {
  background-color: #002e5e;
  color: #ffffff;
}

.well-small {
  margin-bottom: 1rem;
}


/* Hide ACL in frontend */
#jform_groups-lbl, #jform_groups {
  display: none !important;
}


/***** Control Details *****/

.control-details .row {
  margin-top: 4px;
}



/*******************************************    VSAFE INCIDENTS     *****************************************/


/* Create incident - select messegegroups */
.create-incident .selected_messagegroups > * {
    /*
	display: block;
    margin: 7px 0px;
    padding: 3px 10px;
    background-color: #b5cce2;
    border-bottom: 0px;
	*/
}

/*
.create-incident .selected_messagegroups a {
    color: #0072b0;
}
*/

/*
.create-incident .selected_messagegroups .active a {
    font-weight: bolder;
    color: white !important;
}
*/

/*.create-incident .selected_messagegroups .filled {
    color: #00b27b;
    border-bottom: 0px;
    background-color: #0072b0;
    color: #b5cce2;
}


.create-incident .selected_messagegroups .filled a {
  color: #b5cce2;
}
*/

a.remove-mg {
  float: right;
}

/* Create incident color of step */
/*
.create-incident .steps .step.active {
  background-color: #b5cce2;
} */

/* Send push after notifikation */
.wizard.step3 .push_after_nt input[type="radio"]:checked+label {
  font-weight: bolder;
  color: white;
}

/**** Incidents ****/

/* Live feed */

/* Background color of incomplete action cards */
.livefeed-page .feed .actioncard {
  background: lightcoral;
}

/* Header in incidents list */
.listing h3 {
  font-size: 22px;
  margin-bottom: 12px;
}

.listing .item {
  margin-bottom: 40px;
  background-color: #e8e8e8;
}

.listing .item.draft .title, .listing .item.active .title {
    color: #ffffff;
}

.listing .item.draft .content, .listing .item.active .content {
    color: #ffffff;
}

.item.incident.draft i.fa.fa-trash {
  color: #ffffff;
  float: right;
  font-size: 18px;
}

.item.incident i.fa.fa-trash {
  float: right;
  font-size: 22px;
  color: #002e5e;
}

.user .fa.fa-check.participating, .user .fa.fa-check {
  float: right;
  font-size: 18px;
}

/* Create new incident button */
/*
.createbutton {
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 150px
  margin-bottom: 20px;
}
*/

.createbutton a {
  color: #ffffff;
}


/* Size of buttons */
/*
.listing .item .button {
  min-width: 75px;
  text-align: center;
  border-radius: 3px;
}
*/

/* Action cards view */
.incident-header {
  margin-bottom: 15px;
}

.incident-header h2 {
  font-size: 30px;
}

.incident-header .content {
  font-size: 16px;
}

/*.listing .item .title {
  color: #0072b0;
}*/

.tasks {
  margin-top: 8px;
}

/* Messege group listing */
.mgs-listing {
  width: fit-content;
  min-width: 175px;
}

.mgs-listing i.fa.fa-trash {
  float: right;
  padding-top: 4px;
  padding-left: 20px;
}


.mgs-listing div:not(.createbutton) {
  background-color: #e8e8e8;
  margin-bottom: 7px;
  padding: 4px 10px;
  border-radius: 3px;
}

/* Create new messegegroup button */
/*
.mgs-listing .createbutton {
  color:#ffffff;
  background-color: #0072b0;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 190px;
  margin-bottom: 20px;
}

.mgs-listing .createbutton a {
  color: #ffffff;
}
*/


/* Action card listing */
.acs-listing {
  width: fit-content;
  min-width: 175px;
}

.acs-listing i.fa.fa-trash {
  float: right;
  padding-top: 4px;
  padding-left: 20px;
}

.acs-listing div:not(.createbutton) {
  background-color: #e8e8e8;
  margin-bottom: 7px;
  padding: 4px 10px;
  border-radius: 3px;
}


/* Create new action card button */
/*
.acs-listing .createbutton {
  color:#ffffff;
  background-color: #0072b0;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 190px;
  margin-bottom: 20px;
}

.acs-listing .createbutton a {
  color: #ffffff;
}
*/


/* Notification listing */
.nts-listing {
  width: fit-content;
  min-width: 175px;
}

.nts-listing i.fa.fa-trash {
  float: right;
  padding-top: 4px;
  padding-left: 20px;
}

.nts-listing div:not(.createbutton) {
  background-color: #e8e8e8;
  margin-bottom: 7px;
  padding: 4px 10px;
  border-radius: 3px;
}

/* Create new notification button */
/*
.nts-listing .createbutton {
  color:#ffffff;
  background-color: #0072b0;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 150px;
  margin-bottom: 20px;
}
*/

.nts-listing .createbutton a {
  color: #ffffff;
}

/* Reciever list listing */
.rls-listing {
  width: fit-content;
  min-width: 175px;
}

.rls-listing i.fa.fa-trash {
  float: right;
  padding-top: 4px;
  padding-left: 20px;
}

.rls-listing div:not(.createbutton) {
  background-color: #e8e8e8;
  margin-bottom: 7px;
  padding: 4px 10px;
  border-radius: 3px;
}


/* Create new reciever list button */
.rls-listing .createbutton {
  color:#ffffff;
  background-color: #0072b0;
  padding: 5px 9px;
  border-radius: 4px;
  text-align: center;
  width: 150px;
  margin-bottom: 20px;
}

.rls-listing .createbutton a {
  color: #ffffff;
}