@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/*
@page {
   size  : A4;
   margin: 2.5cm;
}
*/
@media print {
   margin: 2.5cm;
}

html,
body {
   margin                  : 0;
   padding                 : 0;
   font-family             : 'Source Sans Pro', sans-serif;
   font-size               : 100%;
   color                   : #505050;
   line-height             : 140%;
   -webkit-text-size-adjust: 100%;
   /*Fixade ett problem för RoosT...*/
}

body {
   margin-left: 10px;
}

::selection {
   background: #505050;
   color     : #FFF;
}

PRE {
   background : #FFFFFF;
   font-family: monospace;
   font-size  : 1em;
   white-space: pre;
}

FORM {
   width      : 98%;
   margin     : 0px;
   padding    : 5px 0 0 5px;
   font-size  : 1em;
   font-family: 'Source Sans Pro', sans-serif;
}

FORM.noleftpad {
   margin     : 0px;
   padding    : 5px 0 0 0px;
   font-size  : 1em;
   font-family: 'Source Sans Pro', sans-serif;
}

fieldset {
   border   : none;
   padding  : 0;
   margin   : 0 0 5px 0;
   clear    : both;
   max-width: 98%;
}

select {
   margin        : 2px;
   min-height    : 34px;
   border        : 0px;
   padding       : 7px;
   outline       : 1px solid #dcdcdc;
   outline-offset: 0px;
   font-size     : 1em;
   line-height   : 2em;
   font-family   : 'Source Sans Pro', sans-serif;
   color         : #505050;
   background    : #fff;
   transition    : outline 0.2s;
   min-width     : 100px;
   max-width     : 300px;
}

select:hover {
   background: #f4f4f4;
}

input[type=text],
input[type=password],
input[type=text]:focus,
textarea,
input[type=file] {
   margin        : 2px;
   border        : 0px;
   padding       : 7px;
   outline       : 1px solid #dcdcdc;
   outline-offset: 0px;
   font-size     : 1em;
   font-family   : 'Source Sans Pro', sans-serif;
   color         : #505050;
   transition    : outline 0.2s;
   max-width     : 230px;
   min-height    : 22px;
}

.no_outline {
   outline: 0;
}

.filtruta {
   border        : 0px;
   padding       : 0px;
   outline       : 1px solid #dcdcdc;
   outline-offset: 0px;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus {
   outline       : 2px solid #990000;
   outline-offset: 0px;
   transition    : outline 0.2s;
}

.disabled,
input:disabled,
select:disabled,
textarea:disabled {
   background               : #f5f5f5;
   color                    : #505050;
   /*-webkit-text-fill-color:#505050;*/
   outline                  : none;
   margin                   : 2px;
   border                   : 0;
   padding                  : 7px;
   font-size                : 1em;
   font-family              : 'Source Sans Pro', sans-serif;
   opacity                  : 1;
   min-height               : 22px;
}

input.disfinfo:disabled {
   background: #fffa90;
}

input.disfwarn:disabled {
   background: #ff8585;
}

input.disfok:disabled {
   background: #aad2aa;
}

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.kol2_286 {
   float  : left;
   width  : 286px;
   padding: 0 0 10px 0px;
}

.errfield {
   color: #ff8585;
}

.erruta {
   margin    : 10px 0 10px 0;
   padding   : 10px;
   background: #ffc3c3;
   border    : 1px solid #ff8585;
   width     : 50%;
}

.inforuta {
   margin    : 10px 0 10px 0;
   padding   : 10px;
   background: #e8e8e8;
   border    : 1px solid #d2d2d2;
   width     : 50%;
}

.warn {
   background: #fffa90;
}

.warnruta {
   margin    : 10px 0 10px 0;
   padding   : 10px;
   background: #fffa90;
   border    : 1px solid #f4ed73;
   width     : 50%;
}

.klarruta {
   margin    : 10px 0 10px 0;
   padding   : 10px;
   background: #aad2aa;
   border    : 1px solid #9bc89b;
   width     : 50%;
}

.rutabred {
   width: 70%;
}

table.ramcell {
   border-width   : 0px;
   border-style   : none;
   border-collapse: collapse;
}

table.ramcell td {
   border-width: 1px;
   padding     : 3px;
   border-style: inset;
   border-color: black;
}

table.ramcell td.nb {
   border: none;
}

.ymlist {
   padding: 2px 0 2px 0;
}

/***** EGNA RADIO OCH CHECKBOX *************/
input[type="checkbox"],
input[type="radio"] {
   display: none;
}

input[type="checkbox"]+label span {
   display       : inline-block;
   width         : 26px;
   height        : 26px;
   margin        : -1px -2px 0 0;
   vertical-align: middle;
   background    : url(/img/RC3.png) left top no-repeat;
   cursor        : pointer;
}

input[type="radio"]+label span {
   display       : inline-block;
   width         : 26px;
   height        : 26px;
   margin        : -1px 4px 0 6px;
   vertical-align: middle;
   background    : url(/img/RC3.png) -52px top no-repeat;
   cursor        : pointer;
}

.rcafter {
   margin-left: 10px;
}

input[type="checkbox"]:checked+label span {
   background: url(/img/RC3.png) -26px top no-repeat;
}

input[type="radio"]:checked+label span {
   background: url(/img/RC3.png) -78px top no-repeat;
}

.helpicn {
   position     : relative;
   margin-bottom: -7px;
   margin-left  : 10px;
}

.icnclose {
   float        : right;
   padding-right: 0px;
   padding-top  : 10px;
   cursor       : pointer;
}

.icnclose:hover,
.icn:hover {
   opacity   : 0.5;
   transition: opacity 0.2s;
}

.icn {
   cursor     : pointer;
   border     : none;
   line-height: 0px;
   position   : relative;
   top        : 2px;
}

H1 {
   font-size     : 1.875em;
   line-height   : 120%;
   font-weight   : 700;
   margin        : 0px 0px 10px 0px;
   padding       : 0px;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   text-align    : left;
   clear         : both;
   color         : #354675;
}

H2 {
   font-size     : 1.625em;
   line-height   : 120%;
   font-weight   : 700;
   margin        : 0px 0px 10px 0px;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   text-align    : left;
   color         : #354675;
}

H3 {
   font-size     : 1.25em;
   line-height   : 120%;
   font-weight   : 700;
   margin        : 0px 0px 5px 0px;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   text-align    : left;
   color         : #354675;
}

H3.frub {
   font-size     : 1.25em;
   font-weight   : bold;
   padding       : 6px 0px 4px 5px;
   margin        : 0px;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   color         : #354675;
}

H4 {
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   font-size     : 1.06em;
   line-height   : 120%;
   font-weight   : 700;
   margin        : 0px 0px 5px 0px;
   padding       : 0px;
   text-align    : left;
   color         : #354675;
}

H4.frub {
   font-size     : 1.06em;
   font-weight   : bold;
   padding       : 6px 0px 4px 6px;
   margin        : 0px;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   color         : #354675;
}

H5 {
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   font-size     : 1em;
   font-weight   : 700;
   margin        : 0px 0px 5px 0px;
   padding       : 0px;
   text-align    : left;
   color         : #354675;
}

H6 {
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   font-size     : 1em;
   font-weight   : 400;
   font-style    : italic;
   margin        : 0px 0px 5px 0px;
   padding       : 0px;
   text-align    : left;
   color         : #354675;
}

.frub {
   font-size  : 1em;
   font-weight: bold;
   padding    : 6px 0px 4px 4px;
   margin     : 0px;
   font-family: 'Source Sans Pro', sans-serif;
}

.trub {
   padding-top: 14px !important;
}

HR {
   width        : 98%;
   text-align   : left;
   margin       : 4px 0 4px 0;
   border       : 0;
   height       : 0;
   border-bottom: 1px solid #d2d2d2;
}

B,
STRONG {
   font-weight: 700;
}

.small {
   font-size: 80%;
}

.rtxt {
   padding: 5px;
}

P {
   margin     : 0px 0px 5px 0px;
   padding    : 0px;
   font-family: 'Source Sans Pro', sans-serif;
   font-size  : 1em;
}

.justerad {
   text-align: justify;
}

table.form {
   /*border-collapse:collapse;*/
   max-width        : 98%;
   /*border         :1px solid white;*/
}

table.form td {
   padding: 4px;
}

table.form tr {
   padding: 0;
   margin : 0;
}

.forkl {
   font-size  : 0.9em;
   font-weight: normal;
   max-width  : 98%;
}

.formrub {
   float      : none;
   font-weight: bold;
   padding    : 8px 10px 0 0;
   max-width  : 98%;
   white-space: nowrap;
}

.formdta {
   float: left;
}

.fullbredd {
   clear: both;
   width: 98%;
}

.visarub {
   float      : none;
   font-weight: bold;
   padding    : 8px 10px 0 0;
   max-width  : 98%;
   white-space: nowrap;
}

.visadta {
   float      : left;
   margin     : 2px;
   border     : 0px;
   padding    : 7px;
   font-size  : 1em;
   font-family: 'Source Sans Pro', sans-serif;
   color      : #505050;
   width      : 300px;
   min-height : 22px;
   background : #f5f5f5;
}

.visadta span {
   float: left;
}

.visadta img {
   float: right;
}

.visaset {
   border   : none;
   padding  : 5px;
   margin   : 0 0 5px 0;
   clear    : both;
   max-width: 98%;
}

.visafnorm {
   background: #f5f5f5;
}

.visafdark {
   background: #afbedc;
}

.visafinfo {
   background: #fffa90;
}

.visafwarn {
   background: #ff8585;
}

.visafrad {
   background: #990000;
   color     : #fff;
}

.visafok {
   background: #aad2aa;
}

.visadelim {
   display       : block;
   color         : #fff;
   background    : #354674;
   font-size     : 1.25em;
   font-weight   : bold;
   padding       : 5px 50px 5px 6px;
   margin        : 0 50px 5px 0;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
}

.visaflik {
   display     : inline-block;
   padding     : 12px;
   margin-right: 4px;
   font-weight : bold;
}

.visaflikvald {
   background: #354674;
   color     : #fff;
}

.visaflikejvald {
   background: #e7e7e7;
   color     : #505050;
}

/*********UPPDRAG*****************/
.visauppdragy {
   display:table;
   width:100%;
   background: #f5f5f5;
}

.visauppdrag {
   display:table-row;

}

.visauppdrag span {
   display:table-cell;
   left:5px;
   width:100%;
}

.visauppdrag img {
   display:table-cell;
   right:0px;
}

.icnfix {
   position: relative;
   top     : 6px;
   padding : 0px 0px 0 7px;
}

table.sorttable {
   border-collapse: collapse;
   margin-bottom  : 10px;
}

table.sorttable td {
   padding: 5px;
   border : 1px solid #eee;
}

table.sorttable td.wb {
   padding: 5px;
   border : 1px solid #fff;
}

table.sorttable td.nb {
   border: none;
}

table.sorttable .noborder {
   border: none;
}

table.sorttable tr.xtrarad {
   display: none;
}

table.sorttable div.xtratd {
   border-left: 2px solid #990000;
   padding    : 4px;
}

table.sorttable td.plusminus {
   border: none;
   cursor: pointer;
}

table.sorttable td.plusminus:hover {
   /*background:#e8e8e8;*/
   opacity     : 0.5;
}

.icofix {
   position: relative;
   top     : 4px;
}

.icofix2 {
   position: relative;
   top     : 2px;
}

/*
table.sorttable td.plus, table.sorttable td.minus {
   border :none;
   cursort:pointer;
}
table.sorttable td.plus:hover, table.sorttable td.minus:hover {
   background:#e8e8e8;
}
*/
/*table.sorttable td.plus span::after{
   font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0fe";
}
table.sorttable td.minus span::after{
   font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f146";
}
*/
table.noborder td {
   border: none;
}

/*
table.sorttable tr:nth-child(even) {
   background-color: #eee;
}
*/
table.sorttable caption {
   text-align  : left;
   font-weight : bold;
   padding-left: 5px;
}

.tunnram {
   border-collapse: collapse;
   border         : 1px solid #000;
   font-size      : 1.1em;
}

th {
   text-align   : left;
   font-weight  : bold;
   white-space  : nowrap;
   cursor       : pointer;
   padding      : 5px;
   border-bottom: 1px solid #eee;
}

th.datatable {
   cursor: default;
}

th.sortupp {
   padding-left: 15px;
   background  : url(/img/sortupp.png) no-repeat 5px 10px;
}

th.sortner {
   padding-left: 15px;
   background  : url(/img/sortner.png) no-repeat 5px 10px;
}

td.tdclick {
   text-decoration: underline;
   cursor         : pointer;
}

.nolinkul td.tdclick {
   text-decoration: none;
   cursor         : pointer;
}

td.tdclick:hover {
   background: #e8e8e8;
   color     : #000;
}

.group {
   font-weight: bold;
}

.l1 {
   background: #f4f4f4;
}

.l2 {
   background: #fafafa;
}

.l3 {
   background: #ebebeb;
}

.l3mo {
   background: #980000;
   color     : #FFF;
}

.felsvar {
   background: #d2aaaa
}

.rattsvar {
   background: #aad2aa !important;
}

.yel {
   background: #f4ed73
}

.idag {
   background: #f4ed73
}

.cred {
   color: #990000;
}

.overstrike {
   text-decoration: line-through;
}

/*----------VISAMER-----*/
.visaliteluft {
   height: 10px;
}

.visamer {
   float         : left;
   cursor        : pointer;
   padding       : 5px 0 5px 25px;
   font-size     : 1.25em;
   font-weight   : bold;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   color         : #354675;
}

.visamer_sm {
   float         : left;
   cursor        : pointer;
   padding       : 5px 0 5px 20px;
   font-size     : 1.06em;
   font-weight   : bold;
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   color         : #354675;
}

.visamer_red {
   float : left;
   margin: 6px 0 0 4px;
}

.vm_noclick {
   padding-left: 5px;
   cursor      : default;
}

.visamer:hover,
.visamer_sm:hover {
   text-decoration: underline;
}

.visamer_on {
   background         : url(img/ico-minus-gr.png) no-repeat;
   background-position: 0px 5px;
}

.visamer_off {
   background         : url(img/ico-plus-gr.png) no-repeat;
   background-position: 0px 5px;
}

.visamer_on_sm {
   background         : url(img/ico-minus-sm.png) no-repeat;
   background-position: 0px 6px;
}

.visamer_off_sm {
   background         : url(img/ico-plus-sm.png) no-repeat;
   background-position: 0px 6px;
}

/*------ DELTAGARFRÅGOR --------*/
.dftrad {
   width        : 90%;
   background   : #afbedc;
   padding      : 8px;
   margin-bottom: 10px;
}

.dfkomm {
   background: #f5f5f5;
}

.dfts {
   border-left: 2px solid #afbedc;
}

/*---- SÖKLISTA ---*/
.sokwrap {
   position   : relative;
   height     : 59px;
   width      : 99%;
   white-space: nowrap;
   border     : 1px solid #d2d2d2;
   border-top : none;
   margin     : 0;
   padding    : 0;
}

.sokrad1 {
   padding  : 2px 0 0 15px;
   font-size: 90%;
}

.sokrad2 {
   padding-left: 11px;
   font-size   : 90%;
}

.sokvalrub {
   background: url(/img/imnerx.png) no-repeat right 11px;
   padding   : 5px 25px 5px 0px;
   cursor    : pointer;
}

.sokvalrub:hover {
   text-decoration: underline;
}

.sokruta {
   overflow: hidden;
   width   : 200px;
   outline : 0 !important;
   padding : 4px 0 4px 4px !important;
   margin  : 0px !important;
}

.sokvalico {
   display : inline;
   position: absolute;
   right   : 12px;
   top     : 32px;
}

.sokval {
   position     : absolute;
   top          : 36px;
   left         : 15px;
   width        : 220px;
   border       : 1px solid #d2d2d2;
   border-bottom: none;
   display      : none;
   cursor       : pointer;
   z-index      : 500;
}

.soklistval {
   cursor       : pointer;
   border-bottom: 1px solid #d2d2d2;
   background   : #e8e8e8;
   padding      : 6px;
   color        : #505050;
}

.soklistval:hover {
   color          : #000;
   text-decoration: underline;
}

.soklistvald {}

A {
   text-decoration: none;
   color          : #990000;
   font-family    : 'Source Sans Pro', sans-serif;
   font-size      : 1em;
   cursor         : pointer;
}

A:hover {
   color          : #990000;
   text-decoration: underline;
}

.clear0 {
   clear  : both;
   margin : 0px;
   padding: 0px;
   height : 0px;
}

.popbg,
.mtop {
   background       : #FFF url("/img/pophead.gif");
   background-repeat: repeat-x;
   margin           : 2px 4px 2px 4px;
}

/* Menysaker */
.msok {
   padding    : 9px 0 0 20px;
   height     : 30px;
   background : #fff;
   color      : #505050;
   font-weight: bold;
   border     : 1px solid #d2d2d2;
   border-top : none;
   border-left: none;
}

.mflikrub {
   padding    : 9px 0 0 20px;
   height     : 30px;
   background : #990000;
   color      : #fff;
   font-weight: bold;
   border     : 1px solid #d2d2d2;
   border-top : none;
   border-left: none;
   cursor     : pointer;
}

.mflikrub:hover {
   text-decoration: underline;
}

.msubrub {
   padding   : 9px 0 0 20px;
   height    : 30px;
   cursor    : pointer;
   background: #e8e8e8 url(/img/mrubsel.png) no-repeat right center;
   border    : 1px solid #d2d2d2;
   border-top: none;
   color     : #505050;
}

.msubrub:hover {
   color          : #000;
   text-decoration: underline;
}

.msub {
   display: none;
}

.msubsel {
   background: #e8e8e8 url(/img/mrubsel2.png) no-repeat right center;
   color     : #000;
}

.mprog {
   display   : block;
   padding   : 9px 0 0 20px;
   height    : 30px;
   cursor    : pointer;
   background: #f4f4f4;
   color     : #505050;
   border    : 1px solid #d2d2d2;
   border-top: none;
}

.mprog:hover {
   color          : #000;
   text-decoration: underline;
}

.menuinner {
   padding: 0px;
   margin : 0;
}

/* Slut meny*/

/** Internmeny*/
.sidrubrik {
   color    : #505050;
   font-size: 90%;
   padding  : 9px 0px 3px 6px;
   width    : 98%;
}

.sidrubrik .ll {
   float: left;
}

.sidrubrik .rr {
   float        : right;
   padding-right: 9px;
   font-style   : italic;
   color        : #990000;
}

.intyttre {
   margin: 9px 0 20px 0;
}

.intmeny {
   padding        : 6px;
   text-decoration: none;
   color          : #354675;
   font-weight    : bold;
   margin         : 0 10px 0 0;
   cursor         : pointer;
}

.intmenylvl3 {
   font-weight: normal;
}

.intmeny:hover {
   color          : #354675;
   text-decoration: underline;
}

.imum {
   background   : url(/img/imnerx.png) no-repeat right 15px;
   padding-right: 17px;
}

.menuhilight {
   color: #9a0f17;
}

.imwis {
   margin-right: 0;
   border-right: none;
}

.intwrap {
   position: relative;
   float   : left;
}

.intwraplvl3 {}

.intsub {
   padding     : 6px;
   padding-left: 8px;
   background  : url(/img/imnerx.png) no-repeat 2px 15px;
   margin      : 0 10px 0 0;
   cursor      : pointer;
}

.intsub:hover {
   background     : url(/img/imnerx_sel.png) no-repeat 2px 15px;
   text-decoration: none;
}

.intsubut {
   position     : absolute;
   top          : 32px;
   left         : 0px;
   width        : 220px;
   border       : 1px solid #d2d2d2;
   border-bottom: none;
   display      : none;
   cursor       : pointer;
   z-index      : 500;
}

.isurad {
   border-bottom: 1px solid #d2d2d2;
   background   : #e8e8e8;
   padding      : 6px;
   color        : #505050;
}

.isurad:hover {
   color          : #000;
   text-decoration: underline;
}

.intmenynotice {
   display         : inline-block;
   height          : 8px;
   width           : 8px;
   background-color: #990000;
   margin          : 1px 3px 1px 1px;
   border-radius   : 4px;
}

/** Slut Internmeny*/

.eknapp {
   font-size      : 1em;
   line-height    : 120%;
   cursor         : pointer;
   display        : inline-block;
   text-decoration: none;
   font-weight    : normal;
   padding        : 8px 18px 7px 18px;
   margin         : 4px 8px 4px 0px;
   color          : #505050;
   background     : #f0f0f0;
   border         : 1px solid #dcdcdc;
}

.eknappl {
   cursor    : pointer;
   display   : inline-block;
   /*padding :4px 8px 4px 8px;*/
   padding   : 0;
   margin    : 4px 4px 4px 0px;
   color     : #505050;
   background: #f0f0f0;
   border    : 1px solid #dcdcdc;
}

.eknappl span {
   display        : inline-block;
   font-size      : 80%;
   line-height    : 100%;
   padding        : 3px 8px 5px 8px;
   text-decoration: none;
   font-weight    : normal;
}

.eknappl span i {
   /*För font awesome*/
   padding-right: 4px;
}

.eknappl:hover span i {
   color: #fff;
}

.eknapp:hover,
.eknappl:hover {
   color          : #fff;
   background     : #990000;
   text-decoration: none;
   border         : 1px solid #990000;
}

.ekdisabled {
   color: #aaa;
}

.ekdisabled:hover {
   color     : #aaa;
   border    : 1px solid #dcdcdc;
   background: #f0f0f0;
   cursor    : default;
}

.eknappejmarg {
   margin: 0;
}

.eklicn {
   position: relative;
   top     : 3px;
   padding : 0 0 0 2px;
   margin  : 0;
}

.ekwarn {
   color: #990000;
}

.ekok {
   color: #32732d;
}

.markera {
   border: 1px solid red;
}

.submenu {
   padding: 3px 3px 3px 3px;
}

.left {
   display: block;
   float  : left;
}

.right {
   display: block;
   float  : right;
}

.halvyta {
   width: 480px;
   float: left;
}

.clear {
   clear: both;
}

.hide {
   display: none;
}

/* MAIN-div */
.main {
   position  : relative;
   width     : 100%;
   background: #fff;
   overflow  : hidden;
}

.innerpad {
   padding: 15px;
}

.header {
   position     : relative;
   height       : 60px;
   padding      : 0;
   margin       : 0;
   background   : #fff;
   border-bottom: 10px solid #e8e8e8;
}

.footer {
   position  : relative;
   background: #636466;
   height    : 60px;
   padding   : 0;
   margin    : 0;
   color     : #fff;
}

.inlsom {
   float  : left;
   padding: 16px 0 0 15px;
}

.inlsom .ikon {}

.inlsom .pers {
   position   : relative;
   color      : #fff;
   font-weight: bold;
   top        : -11px;
   padding    : 0 0 0px 8px;
}

/*
.urval {
   float      :right;
   color      :#fff;
   font-weight:bold;
   padding    :18px 20px 0 0;
   cursor     :pointer;
}
.urval:hover {
   opacity   :0.5;
   transition:opacity 0.2s;
}
*/
.logotop {
   padding-top : 10px;
   margin-left : auto;
   margin-right: auto;
   width       : 75px;
}

.topicny {
   position: absolute;
   right   : 0px;
   top     : 15px;
   cursor  : pointer;
}

.topicn {
   float        : right;
   padding-top  : 4px;
   padding-right: 10px;
   padding-left : 10px;
   cursor       : pointer;
}

.titxt {
   position   : relative;
   font-weight: bold;
   padding    : 0 0 0 5px;
   top        : -6px;
}

.topicn:hover {
   opacity   : 0.5;
   transition: opacity 0.2s;
}

.menu2 {
   position: absolute;
   left    : 20px;
   top     : 21px;
   display : none;
   cursor  : pointer;
}

.menu2 .txt {
   font-weight: bold;
   position   : relative;
   left       : 8px;
   top        : -4px;
}

.menu2:hover,
.urval:hover {
   opacity   : 0.5;
   transition: opacity 0.2s;
}

.urval {
   position: absolute;
   left    : 20px;
   top     : 17px;
   cursor  : pointer;
}

.uantal {
   position   : relative;
   left       : 5px;
   top        : -6px;
   font-weight: bold;
}

.content {
   position  : absolute;
   border    : 0;
   padding   : 0;
   left      : 270px;
   margin    : 0;
   top       : 0px;
   height    : 100%;
   /*overflow:hide;*/
}

.icontent {
   display    : inline;
   border     : 0;
   padding    : 0 5px 0 0px;
   margin-left: 0px;
   height     : 100%;
   width      : 100%;
   max-width  : 100%;
}

.modalicontent {
   display: inline;
   border : 0;
   padding: 0 5px 0 10px;
   margin : 0;
}

#dialogmodal {
   overflow: hidden;
}

.dialoginnemodal {
   border  : 1px solid green;
   overflow: scroll;
}

/*Inforuta för popup*/
.popinfo {
   position  : absolute;
   display   : none;
   top       : 0;
   left      : 0;
   padding   : 5px;
   overflow  : auto;
   border    : 2px dotted #555;
   background: #eee;
   width     : 200px;
   height    : 200px;
   z-index   : 500;
}

.tddolj,
.tddolj2,
.tddolj3,
.filmapp {
   display: none;
}

.filark {
   width: 98%;
}

/*Coachtid / Restid*/
.ctruta,
.rt_hruta,
.rt_mruta {
   /*position:absolute;*/
   float     : left;
   width     : 30px;
   height    : 25px;
   margin    : 5px 5px 0 0;
   /*padding :4px;*/
   text-align: center;
   border    : 1px solid #999;
   cursor    : pointer;
}

.rtkolon {
   float  : left;
   padding: 5px 5px 0 0px;
}

.ctruta:hover,
.rt_hruta:hover,
.rt_mruta:hover {
   /*background:#990000;
   color       :#000;*/
}

.ctrutasel,
.rt_hrutasel,
.rt_mrutasel {
   background: #990000;
   color     : #fff;
}

/*Filarkiv*/
.filmapp .fn0 {
   position   : relative;
   margin-left: 5px;
   top        : -18px;
}

.filmapp .fn1 {
   position   : relative;
   margin-left: 5px;
   top        : -10px;
}

.filmapp .fn2,
.fn3,
.fn4 {
   position   : relative;
   margin-left: 5px;
   top        : -6px;
}

/* För  kolumner ex.vis PÅM startsida*/
.lpad,
.rpad {
   padding-right: 20px;
}

/*---------------------STARTRUTOR-----------------*/
.csruta {
   position  : relative;
   background: #eee;
   padding   : 10px;
   width     : 85%;
   height    : 100px;
   margin    : 10px;
   cursor    : pointer;
}

.csruta:hover {
   opacity: 0.5;
}

.csrutanosel {
   cursor: default;
}

.csrutanosel:hover {
   opacity: 1;
}

.cswarn {
   background: #fffa90;
}

.csruta h1 {
   font-family   : 'Lato';
   letter-spacing: 0.7px;
   font-size     : 1.06em;
   line-height   : 120%;
   font-weight   : 700;
   margin        : 0px 0px 5px 0px;
   padding       : 0px;
   text-align    : left;
   color         : #354675;
}

.csrutasel {
   outline: 2px solid #354675;
}

.csruta .ant {
   position   : absolute;
   color      : #354675;
   font-size  : 1.06em;
   font-weight: bold;
   right      : 10px;
   bottom     : 8px;
}

/*--------------------------- FÖR RUTNÄT ------------------------*/
.row {
   min-height: 20px;
   /*outline :1px solid #ecc;*/
}

.row::after {
   content: "";
   clear  : both;
   display: block;
}

[class*="col-"] {
   float    : left;
   /*outline:1px solid green;*/
   border   : 0px;
}

[class*="col-"] {
   width: 100%;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

@media only screen and (min-width: 670px) {
   .col-s-0 {
      width: 0%;
   }

   .col-s-1 {
      width: 8.33%;
   }

   .col-s-2 {
      width: 16.66%;
   }

   .col-s-3 {
      width: 25%;
   }

   .col-s-4 {
      width: 33.33%;
   }

   .col-s-5 {
      width: 41.66%;
   }

   .col-s-6 {
      width: 50%;
   }

   .col-s-7 {
      width: 58.33%;
   }

   .col-s-8 {
      width: 66.66%;
   }

   .col-s-9 {
      width: 75%;
   }

   .col-s-10 {
      width: 83.33%;
   }

   .col-s-11 {
      width: 91.66%;
   }

   .col-s-12 {
      width: 100%;
   }
}

@media only screen and (min-width: 770px) {
   .col-m-0 {
      width: 0%;
   }

   .col-m-1 {
      width: 8.33%;
   }

   .col-m-2 {
      width: 16.66%;
   }

   .col-m-3 {
      width: 25%;
   }

   .col-m-4 {
      width: 33.33%;
   }

   .col-m-5 {
      width: 41.66%;
   }

   .col-m-6 {
      width: 50%;
   }

   .col-m-7 {
      width: 58.33%;
   }

   .col-m-8 {
      width: 66.66%;
   }

   .col-m-9 {
      width: 75%;
   }

   .col-m-10 {
      width: 83.33%;
   }

   .col-m-11 {
      width: 91.66%;
   }

   .col-m-12 {
      width: 100%;
   }
}

@media only screen and (min-width: 980px) {
   .col-l-0 {
      width: 0%;
   }

   .col-l-1 {
      width: 8.33%;
   }

   .col-l-2 {
      width: 16.66%;
   }

   .col-l-3 {
      width: 25%;
   }

   .col-l-4 {
      width: 33.33%;
   }

   .col-l-5 {
      width: 41.66%;
   }

   .col-l-6 {
      width: 50%;
   }

   .col-l-7 {
      width: 58.33%;
   }

   .col-l-8 {
      width: 66.66%;
   }

   .col-l-9 {
      width: 75%;
   }

   .col-l-10 {
      width: 83.33%;
   }

   .col-l-11 {
      width: 91.66%;
   }

   .col-l-12 {
      width: 100%;
   }
}

.nofloat {
   float: none;
}

.cbrub2 {
   float      : none;
   max-width  : 98%;
   font-weight: bold;
   padding    : 8px 10px 5px 0;
   max-width  : 98%;
   white-space: nowrap;
}

.cbfs {
   margin-bottom: 10px;
}

@media only screen and (min-width: 415px) {
   .tddolj3 {
      display: table-cell;
   }

   .dolj2 {
      display: block !important;
   }
}

@media only screen and (min-width: 680px) {
   .tddolj2 {
      display: table-cell;
   }
}

@media only screen and (min-width: 760px) {
   .tddolj {
      display: table-cell;
   }
}

@media only screen and (min-width: 520px) {
   .formrub {
      /* display: block; */
      width      : 150px;
      white-space: normal;
      float      : left;
   }

   .visarub {
      width      : 150px;
      white-space: normal;
      float      : left;
   }

   .formrubvalign {
      margin-top: -4px;
   }

   .formdta {
      max-width: 350px;
   }

   .visadta {
      max-width: 350px;
   }

   .fullbredd {
      width: 98%;
   }

   .visadelim {
      display: inline-block;
   }

   input[type=text],
   input[type=password],
   input[type=text]:focus,
   textarea,
   input[type=file] {
      max-width: 98%;
   }
}

@media (max-width: 760px) {
   .erruta {
      width: 90%;
   }

   .inforuta {
      width: 90%;
   }

   .warnruta {
      width: 90%;
   }
}

@media only screen and (min-width: 960px) {
   .formdta {
      max-width: 450px;
   }

   .visadta {
      max-width: 450px;
   }

   .cbrub2 {
      width      : 150px;
      white-space: normal;
      float      : left;
   }

   .cbfs {
      margin-bottom: 10px;
   }

   .fullbredd {
      width: 70%;
   }

   .filmapp {
      display: block;
   }

   .filark {
      width: 70%;
   }

   .nofloat {
      float: left;
   }
}

.hover:hover {
   opacity: 0.7;
   cursor : pointer;
}

.dolj,
.dolj2 {
   display: none;
}

.ui-autocomplete {
   /*?? Hjälper detta iPhone??*/
   overflow                  : auto;
   -webkit-overflow-scrolling: touch;
   overflow-y                : scroll;
}