/*
=========================================================================================================
  DESKTOP (MIN-WIDTH 800px)
=========================================================================================================
*/

/*****************************************
  DINA HEADER - DESKTOP
*****************************************/
.dina-header__mobile-menu {
  display: none;
}

.dina-header {
  padding: 30px 20px;
}

.dina-menu__search-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #45a748;
  font-size: 160%;
  /* line-height: 0; */
  z-index: 10;
  padding: 0px;
  cursor: pointer;
  appearance: none;
  border: none;
  background: none;
}

.dina-menu__search-btn:hover {
  color: #003e23;
}

.dina-menu__search-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  right: -10px;
  -webkit-box-shadow: 0px 1px 30px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 30px 0 rgba(0, 0, 0, 0.15);
  background-color: white;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  visibility: hidden;
}

.dina-menu__search-box input[type="text"] {
  position: absolute;
  font-family: 'dinafont';
  font-size: 156%;
  color: #0e3e23;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  outline: none;
}

.dina-menu__search-box input[type="submit"] {
  position: absolute;
  right: 0;
  display: none;
}

.dina-menu__search-box input::-webkit-input-placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input:-ms-input-placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input::-ms-input-placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input::-moz-placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input::placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input:-ms-input-placeholder {
  color: #0e3e23;
}

.dina-menu__search-box input::-ms-input-placeholder {
  color: #0e3e23;
}

.dina-header__menu--show-search .dina-menu__search-box {
  opacity: 1;
  visibility: visible;
}

.dina-header__menu--show-search .dina-menu--main {
  display: none;
}

.dina-menu__search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dina-header__logo img {
  /* max-width: 232px; */
  width: 232px;
  height: 74px;
}

.dina-header__mobile {
  display: none;
}

.dina-content__block {
  padding: 50px 20px;
}


/*****************************************
  DINA SV GRIDS - DESKTOP
*****************************************/
.sv-grid-1140px>.sv-row {
  margin: 50px 0;
}

/*****************************************
  DINA FOOTER - DESKTOP
*****************************************/
.dina-footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 5px solid #45a748;
}

.dina-footer__bottom>.sv-layout {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto !important;
}

.dina-footer__bottom>.sv-layout:last-child {
  text-align: right;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/****************************************************************************
  DINA CONTENT
****************************************************************************/
.dina-content__margins {
  margin: 50px 20px;
}

/*****************************************
  DINA-BREADCRUMBS
*****************************************/
.dina-breadcrumbs {
  margin: 50px 20px;
}


/*****************************************
  DINA-COOKIEBANNER
*****************************************/
.dina-cookiebanner {
  /*padding: 20px;*/
}

.dina-cookiebanner p {
  font-size: 100%;
}


/*****************************************
  DINA-KRISBANNER
*****************************************/
.dina-krisalert {
  font-size: 110%;
}

.dina-krisalert__icon {
  font-size: 220%;
}





/*****************************************
  NUMRERAD LISTA - DESKTOP
*****************************************/
.dina-number-list>.sv-layout>div {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dina-number-list>.sv-layout>.sv-layout>.sv-text-portlet {
  margin-right: 9%;
}

.dina-number-list>.sv-layout>.sv-text-portlet .sv-text-portlet-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.dina-number-list>.sv-layout>.sv-layout>.sv-text-portlet:first-child {
  height: 0;
}

.dina-number-list>.sv-layout>.sv-text-portlet::before {
  content: "";
  display: inline-block;
  width: 75px;
  margin-right: 9%;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dina-number-list>.sv-layout>.sv-layout>.sv-text-portlet:first-child .sv-text-portlet-content {
  width: 75px;
  height: 75px;
}

.dina-number-list>.sv-layout>.sv-layout>.sv-text-portlet:first-child p {
  font-size: 40px;
}

/*****************************************
  CHECKLISTA - DESKTOP
*****************************************/
.sv-list-style-checklista {
  padding-left: 50px;
  /*font-size: 170%*/
}

.sv-list-style-checklista li::before {
  font-size: 18px;
  line-height: 32px;
  height: 32px;
  width: 32px;
  margin-top: 0px;
}

/*****************************************
  KRYSSLISTA - DESKTOP
*****************************************/
.sv-list-style-krysslista {
  padding-left: 50px;
  /*font-size: 170%*/
}

.sv-list-style-krysslista li::before {
  font-size: 18px;
  line-height: 32px;
  height: 32px;
  width: 32px;
  margin-top: 0px;
}


/*****************************************
  NUMRERADLISTA - GRÖN
*****************************************/
.sv-list-style-numrerad-gron {
  padding-left: 50px;
}

.sv-list-style-numrerad-gron li::before {
  font-size: 20px;
  line-height: 32px;
  height: 32px;
  width: 32px;
}


/****************************************************************************
  FAST HÖGERBREDD
****************************************************************************/
.sv-decoration-fast-hogerbredd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.sv-decoration-fast-hogerbredd>.sv-layout {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.sv-decoration-fast-hogerbredd>.sv-column-4 {
  min-width: 320px;
}

.sv-decoration-fast-hogerbredd>.sv-column-5 {
  min-width: 340px;
}




/****************************************************************************
  DINA-TOGGLE
****************************************************************************/
.dina-toggle>.sv-text-portlet p {
  font-size: 160%;
}

.dina-toggle--small>.sv-text-portlet p {
  font-size: 120%;
}


/****************************************************************************
  DINA-PERSON-LIST
****************************************************************************/
.dina-person-list {
  font-size: 125%;
}

.dina-person-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.dina-person-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 50%;
  min-width: 350px;
}

.dina-person-list__img {
  max-width: 103px;
}

.dina-person-list__name {
  font-weight: bold;
  margin-bottom: 5px;
}

.dina-person-list__mail {
  display: block;
  margin-top: 5px;
}



/****************************************************************************
  LÄNKLISTA
****************************************************************************/
.sv-decoration-linklist>.sv-layout:nth-child(2) .sv-text-portlet-content {
  padding: 20px 0;
  -webkit-columns: 4 260px;
  -moz-columns: 4 260px;
  columns: 4 260px;
}



/****************************************************************************
  DINA BUTTONS
****************************************************************************/
.dina-btn a {
  padding: 15px 20px;
}



/****************************************************************************
  COMPARE-TABLE
****************************************************************************/
.sv-font-tabell-checkikon::after {
  font-size: 300%;
}




/****************************************************************************
  DIALOG
****************************************************************************/
.dina-dialog {
  max-width: 550px;
  width: 90%;
}

/****************************************************************************
  KROKODIL
****************************************************************************/
.dina-krokodil-menu {
  font-size: 188%;
}

/****************************************************************************
  DINA-SV-FORM--KROKODIL
****************************************************************************/

.dina-krokodil-form label,
.dina-krokodil-form__label {
  font-size: 156%;
}

.dina-krokodil-form .label--active {
  font-size: 120%;
}

.dina-krokodil-form .dina-datepicker label,
.dina-krokodil-form .dina-krokodil__field--datepicker label {
  font-size: 120%;
}

.dina-krokodil-form input[type=text],
.dina-krokodil-form input[type=email],
.dina-krokodil-form input[type=url],
.dina-krokodil-form input[type=tel],
.dina-krokodil-form input[type=number],
.dina-krokodil-form textarea,
.dina-krokodil-form select {
  font-size: 188%;
  font-weight: bold;
  height: 55px;
  margin-top: 20px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
}

.dina-krokodil__selectbox-placeholder {
  font-size: 188%;
  padding: 7px 0;
  height: 55px;
  margin-top: 20px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
}

.dina-krokodil-form input[type="submit"] {
  height: 70px;
  font-size: 250%;
  padding: 0 40px;
}


/****************************************************************************
  DINA-OFFICE-MODAL
****************************************************************************/
.dina-modal__close--office {
  display: none;
}


/****************************************************************************
  DINA-HERO__IMAGE
****************************************************************************/
.dina-hero__image--desktop {
  display: block;
}





/****************************************************************************
  GOOGLE MAPS
****************************************************************************/
.dina-map iframe {
  height: 444px;
}