@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------- */
/* ----------  HTML - modifierade för KONSTANTIN  ---------------------- */

body {
    background: #ededed;
}

div {
   width: 100%;
   border-radius: 0.3rem;
/*margin: auto; */
/*padding: 15px; */
/*border: 2px solid black;*/
}


/* ---------------------------------------------------------------------- */
/* ----------  BOOTSTRAP mm - modifierade för KONSTANTIN ---------------- */

.container {
    margin-top: 11rem;
}

.navbar-brand {
    color:lightgoldenrodyellow;
    font-size:1.2rem;
}
#navbar_item {
    font-size:0.8rem;
}

.table .table-striped {
    width:100%;
    text-align:left;
}


 

/* ---------------------------------------------------------------------- */
/* ----------  KONSTANTIN EGNA - lokalt modifierade elemant ------------- */

/* ----------  MODULER - lauoyt mm  ------------- */

.radett {
    position:absolute;
    top:0.4rem;  
    width:24rem;
max-width:50rem;
   
    height:2rem;
    right :1.4rem;
    align-content: right;
    align: right;
    text-align: right;
    
 
}
.radtva {
    position:absolute;
    top:2.6rem;
    max-width:50rem;
    height:2rem;
    right :1.4rem;
    align-content: right;
    align: right;
    text-align: right;

}



   

/*
.sektorsval {
    position: absolute;
    max-width:40rem;
    height:2rem;
    right :1.4rem;
    top:-1rem;
    padding-bottom:-1rem;
        align-content: right;
    align: right;
    text-align: right;
    border: gold solid 0rem;
}
.sektorsval_ih {
    position: relative;
    right :0rem;
    align-content: right;
        align: right;
    text-align: right;
    border: red solid 0rem;
        float:right;
}
.sektorsval_it {
    position: absolute;
    right :0rem;
    align-content: right;
        align: right;
    text-align: right;
    border: red solid 0rem;
    float:right;
}
*/

/* ----------  BLANDAT - mm  ------------- */
.dimmad {
	font-type: italic;
	color: #999;
}

.centered{ display: block;
    margin-left:auto;
    margin-right:auto;
    align: center;
    text-align: center;
    vertical-align: center;
    horizontal-align: center;
    
    width: 90%;
}

/*
.tdknapp {
    width: 4rem;
    border:0.1rem solid black;
    align-content: center;
  
    float:left;  display:inline;
}
*/
.knappform {
    width: 8rem;
    float:left;
    display:inline;
}


form {

    float:left; 
    width:6rem;
}


.td_lista {
    text-align:left;
}

.mod_1 {
    background:#fff;
    color:#000;
    width: 4rem;
}
.mod_2 {
    background:#ddd;
    color:#000;
    width: 4rem;
}
.mod_3 {
    background:#bbb;
    color:#000;
    width: 4rem;
}
.mod_4 {
    background:#999;
    color:#000;
    width: 4rem;
}
.mod_5 {
    background:#777;
    color:#000;
    width: 4rem;
}
.mod_6 {
    background:#555;
    color:#fff;
    width: 4rem;
}
.mod_7 {
    background:#333;
    color:#fff;
    width: 4rem;
}
.mod_8 {
    background:#000;
    color:#fff;
    width: 4rem;
}
.mod_9 {
    background:#888;
    color:#fff;
    width: 4rem;
}