* {
    -webkit-font-smoothing: antialiased;
}
body { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; }
A
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: underline
}
.fetvit
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: none
}
.vit
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: none
}
.fetsvart
{
    FONT-WEIGHT: 700;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: none;
	
}
.storsvart
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: none
}
.svart
{
	font-weight: 400;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: 'Roboto', sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 11px;
    COLOR: silver;
    FONT-FAMILY: 'Roboto', sans-serif;
}
.undersvart
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: 'Roboto', sans-serif;
}
.form {
	font-family: 'Roboto', sans-serif;
	font-size: 8pt;
}
.button {
	font-family: 'Roboto', sans-serif;
	font-size: 8pt;
}
body#login {
	margin: 0;
}
body#top {
	margin: 0;
	background-color: #6699cc;
}
body#top #logo {
	height: 84px;
	width: 510px;
	float: left;
	background-color: #c0c0c0;
	background-image: url(images/logo130204.png);
}
body#top #top-footer {
	clear: both;
	height: 22px;
	background-color: #000000;
	color: #ffffff;
	padding: 2.5px 0 0 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
}
body#top #top-footer a {
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}

.select2-results__options { max-height: 400px !important; }
.select2-selection__rendered,
.select2-results__option {
    font-weight: normal !important;
    font-family: 'arial' !important;
    font-size: 10pt !important;
    color: black !important;
    padding: 0 7px 0 7px !important;
    text-align: left !important;
}

body { padding-top: 100px; }
body.nopadding { padding-top: 0; margin: 0; }
span.bilder-antal {
    background-color: red;
    padding: 3px;
    line-height: 1;
    position: absolute;
    color: white;
    border-radius: 6px;
    font-size: 10px;
    left: 12px;
}
a.bildarkiv-lank {
	display: inline-block;
	position: relative;
	width: 30px;
	text-align: left;
}

/* bootstrap navbar start */
.navbar ul li a, .navbar ul li a:hover {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 16px !important; font-weight: bold;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	text-decoration: none;
	color: #000 !important;
}
.navbar ul li ul li a, .navbar ul li ul li a:hover {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; font-weight: 400;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	text-decoration: none;
}
.navbar-brand {
	padding: 19px 35px 6px 15px;
	height: 80px;
}
.navbar-default {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px -4px 4px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px -4px 4px 5px rgba(0,0,0,.5);
	box-shadow: 0px -4px 4px 5px rgba(0,0,0,.5);
}
.navbar-toggle {
	margin-top: 20px;
	padding: 12px 10px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    overflow: scroll;
    max-height: 450px;
}
@media only screen and (min-width: 768px) {
	.navbar ul li a, .navbar ul li a:hover {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 16px !important; font-weight: bold;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		text-decoration: none;
		color: #000 !important;
	}
	.navbar ul li ul li a, .navbar ul li ul li a:hover {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; font-weight: 400;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
		text-decoration: none;
	}
}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1200px) {}
/* bootstrap navbar slut */

/* allmänt nya mallar 2018 start */
.header { position: relative; }
.header .btn-area { position: absolute; top: 0; right: 0; }
h1 { margin-top: 10px; font-size: 30px; }
/* allmänt nya mallar 2018 slut */

/* SMSRAPPORT start */
body.smsrapport .filter { padding: 8px; border-radius: 5px; border: 1px solid #e0e0e0; margin-bottom: 15px; }
body.smsrapport #tbl-smsrapport tr.smsitem:hover { cursor: pointer; background-color: #e5efef !important; }
body.smsrapport .input-group-container {
    display: block;
	margin-bottom: 2px;
}
body.smsrapport .input-group-container .input-group {
	width: 100%;
}
body.smsrapport .input-group-container .input-group  .input-group-addon {
	width: 25%;
}
body.smsrapport #tbl-sms-rapport-sub {
	font-size: 80%;
	margin-bottom: 0;
}
body.smsrapport #tbl-sms-rapport thead tr {
	background-color: #f0f0f0;
}
body.smsrapport #tbl-sms-rapport-sub thead tr {
	background-color: #f0f0f0;
}
@media only screen and (min-width: 768px) {
	body.smsrapport .input-group-container {
		float: left;
		margin-right: 15px;
		margin-bottom: 0;
	}
	body.smsrapport .filter .input-group.start,
	body.smsrapport .filter .input-group.slut,
	body.smsrapport .filter #start,
	body.smsrapport .filter #slut {
		width: 100px;
	}
}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1200px) {}
/* SMSRAPPORT slut */


/* LÖNEUNDERLAG start */
body.loneunderlag .filter.well { padding:15px; }
body.loneunderlag #tbl-loneunderlag tr.loneunderlag-item:hover { cursor: pointer; }
body.loneunderlag #tbl-loneunderlag .loneunderlag-item-checkbox {
    margin-left: 5px;
    margin-right: 5px;
}
body.loneunderlag #tbl-loneunderlag .item-caret { display: none; }
body.loneunderlag .input-group-container {
    display: block;
	margin-bottom: 2px;
}
body.loneunderlag .input-group-container .input-group {
	width: 100%;
}
body.loneunderlag .input-group-container .input-group  .input-group-addon {
	width: 25%;
}
body.loneunderlag #tbl-sms-rapport-sub {
	font-size: 80%;
	margin-bottom: 0;
}
body.loneunderlag #tbl-sms-rapport thead tr {
	background-color: #f0f0f0;
}
body.loneunderlag #tbl-sms-rapport-sub thead tr {
	background-color: #f0f0f0;
}
@media only screen and (min-width: 768px) {
	body.loneunderlag .input-group-container {
		float: left;
		margin-right: 15px;
		margin-bottom: 0;
	}
	body.loneunderlag .filter .input-group.start,
	body.loneunderlag .filter .input-group.slut,
	body.loneunderlag .filter #start,
	body.loneunderlag .filter #slut {
		width: 100px;
	}
}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1200px) {}
/* LÖNEUNDERLAG slut */

td.attesterade-tider.header.red {
    background-color: #ffa5a5;
    font-weight: bold;
}

td.attesterade-tider.header.green {
    background-color: #a5ffa8;
    font-weight: bold;
}

td.attesterade-tider.red {
    background-color: #ffa5a542;
}

td.attesterade-tider.green {
    background-color: rgb(150 255 154 / 34%);
}