/*Icon fonts*/

/*@import url(https://weloveiconfonts.com/api/?family=entypo);*/

/* entypo */
[class*="entypo-"]:before{
	font-family: 'entypo', sans-serif;
}

.bold{ font-weight:bold;}
#inkmoms{font-family: arial; font-size: 9pt}

#varningbak{background-image:url('https://www.logistikteamet.se/img/webbshop/opacitet.png'); height: 100%; width: 100%; position: absolute; z-index: 100; top: Opx; left: 0px;}

#ruta{background-image:url('https://www.logistikteamet.se/img/webbshop/ruta.png'); height: 200px; width: 460px; margin-left: auto; margin-right: auto; position: relative; top: 200px; background-repeat: no-repeat; font-family: Arial; font-size: 11pt; padding-top: 70px; padding-left: 20px}

#inneruta{padding: 10px 0px 0px 20px}

#container{padding: 15px 0px 0px 0px; width: 1024px; height: 100%; margin-left: auto; margin-right: auto;}

#meny{height: 40px; width: 1024px; background-image:url('https://www.logistikteamet.se/img/webbshop/menydel.png'); background-repeat:repeat-x;}

#litenvarukorg{border-style: solid; border-width: 1px; background-repeat:no-repeat; width: 250px; height: 60px; vertical-align: top; background-color: #eeeeee; pointer-events:auto; border-color: #bbbbbb}

#logodel{vertical-align: top; padding-top: 10px}

#top{border-bottom-style: dotted; border-width: 1px; padding-top: 5px}

#rubriklitenvarukorg{font-family: arial; font-size: 12pt; font-weight: bold; padding-top: 15px; padding-bottom: 5px}

.textlitenvarukorg{font-family: arial; font-size: 11pt}

p{font-family: arial; font-size: 10pt}

td{vertical-align: top}

td#knapplitenvarukorg{text-align: right; padding-top: 5px; width: 120px}

td.menyknappar{font-size: 10pt; font-family: arial; color: #FFFFFF; padding-top: 5px; padding-left: 25px;}

h1{font-size: 14pt; font-family: arial}

h2{font-size: 12pt; font-family: arial}

a.meny{font-family: arial; font-size: 10pt; color: #FFFFFF;text-decoration:none;}

a.meny:visited{color: #FFFFFF}

a.meny:hover{color: #CCCCCC}

a.varukorg{font-family: arial; font-size: 9pt; color: #000000; text-decoration:none;}

a.varukorg:visited{color: #000000}

a.varukorg:hover{text-decoration: underline;}

#sokruta{background-image:url('https://www.logistikteamet.se/img/webbshop/sokruta.png'); background-repeat:no-repeat; width: 190px; height: 45px; vertical-align: top; padding-top: 6px; padding-left: 12px}

#inputsok{border-style: none; background: none; text-family:arial}

td.vansterdel{padding-top: 20px; width: 200px; vertical-align: top}

td.hogerdel{width: 824px; padding-left: 30px; padding-top: 20px; vertical-align: top;}

#produktgrupper{background-image:url('https://www.logistikteamet.se/img/webbshop/produktgrupper.png'); background-repeat:no-repeat; width: 190px; height: 27px; vertical-align: top; padding-top: 8px; padding-left: 12px; font-family: arial; font-size: 11pt; color: #FFFFFF}

.lista{padding-left: 5px; font-family: Arial; font-size: 10pt; vertical-align: top}
.pluslista{padding-left: 5px; font-family: Arial; font-size: 10pt; vertical-align: top}

#tabell{border-collapse: collapse; width: 1024px;}

li{list-style: upper-alpha}
.onske-a{padding:5px;}

#mellanrum_fot{height: 40px}

#fot{border-top-style: dotted; border-width: 1px; padding-top: 10px; font-family: Arial; font-size: 10pt}

td.fotdel{vertical-align: middle}

td.punkt{font-size: 14pt; font-weight: bold; padding-top: 2px}

td.sortiment{vertical-align: top; font-family: arial; font-size: 10pt}

h1{font-family: arial; font-size: 16pt}

div.info{padding-top: 10px; font-family: arial; font-size: 10pt; color: #000000; width: 170px}

div.kopknapp{padding-top: 10px; padding-left: 50px}

a.titel{font-family: arial; font-weight:bold; font-size: 10pt; color: #000000; padding-top: 10px}

a.lank_alla{font-family: arial; font-size: 10pt; color: #006699;}

td.sortering{padding-bottom: 30px; font-family: Arial; font-size: 10pt}

a.produktgrupper{text-decoration: none; color: #000000}

th.varukorg{font-family: Arial; font-size: 11pt; padding: 8px}

td.varukorg{font-family: Arial; font-size: 10pt; padding: 8px}

legend{font-family: arial; font-size: 12pt}

fieldset{border:2px solid #aaaaaa; padding: 30px 20px 30px 20px; width: 650px; font-family: arial; font-size: 10pt}

td.kassa{font-family: Arial; font-size: 9pt; padding: 5px;}

th.kassa{font-family: Arial; font-size: 7pt; padding: 0px 5px 0px 5px;}

td.levuppgifter{font-family: Arial; font-size: 7pt; vertical-align: top; padding-right: 2px}

td.error{padding-top: 12px; width: 25px;}

.vansterruta{padding: 10px 5px 15px 5px; font-family: arial; font-size: 9pt; width: 185px; background-color: #eeeeee;}

.kategoriheading {margin:5px;}

.kategoriruta{padding: 10px 5px 15px 5px; font-family: arial; font-size: 10pt; width: 700px; background-color: #eeeeee;}


.kategori{padding-left: 20px}

#sokinput{width: 180px}

#sokknappcontainer{width: 188px; padding: 3px 0px 5px 0px; text-align: right;}

table.alla_tabeller{border-collapse: collapse;}

.sidram{padding: 0px 1px 0px 2px; text-align:center; width:20px; font-family: arial; font-size: 10pt;font-weight: bold; }

.sidram .text{width:90px;}/* föregående/nästa */

.sidnav{border: 1px solid #006699; background:#006699; min-width:30px; display:inline-block; height:17px; padding-top:3px; }

a.sidnav{color: #fff; text-decoration: none;}

a.sidnav:hover{color: #006699; background-color:#fff;}

.sidsiffra{padding: 3px 0 0 0; color:#005588; border:1px solid #006699; height:17px; min-width:30px;}

.sortimentbredd{width: 700px}

.mellanrum1{height: 20px}
.mellanrum2{height: 40px}

#mitt * { vertical-align: middle; }

.valjny{font-family: arial; font-size: 10pt; color: #006699; text-decoration: underline; cursor: pointer}

div.laggtill{font-family: arial; font-size: 9pt; color: #FFFFFF; text-decoration: underline; cursor: pointer}

div.laggtill:hover{font-family: arial; font-size: 9pt; color: #006699; text-decoration: underline; cursor: pointer}


/*CSS för Logga in*/


.loggainruta{padding: 15px 15px 15px 15px; font-family: arial; font-size: 10pt; width: 500px; background-color: #eeeeee}

.overlosen{padding-top: 10px}

td.losenrutor{padding-left: 10px}


/*Rutor*/

.varningsruta{border-width: 2px; border-color: #ec0202; color: #ec0202; border-style: solid; padding: 15px; font-family: arial; font-size: 12pt; width: 500px; font-weight: bold}

.ruta1{padding: 10px 15px 15px 15px; font-family: arial; font-size: 10pt; background-color: #eeeeee}



/*Input*/

input.stor{height: 20px; font-size: 11pt}


/*Utlåning*/

th.huvud1{font-size: 10pt; border-bottom-style: solid; border-width: 1px; border-color: #bbbbbb; font-family: arial; font-weight: bold; text-align: left; padding-bottom: 7px}

td.rad1{font-size: 9pt; border-bottom-style: solid; border-width: 1px; border-color: #bbbbbb; font-family: arial; text-align: left; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-right: 10px}

table.tabell1{border-collapse: collapse; width:100%;}

th.streckkod{width: 120px}

th.isbn{width: 90px}

th.titel{width: 220px}

th.utlanad{width: 110px}

td.rad1varning{font-size: 11pt; border-bottom-style: solid; border-width: 1px; border-color: #bbbbbb; font-family: arial; text-align: left; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-right: 10px; color: #ec0202; font-weight: bold;}

.rad2varning{font-size: 11pt; font-family: arial; text-align: left; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-right: 10px; color: #ec0202; font-weight: bold;}


/*Filtrering*/

td.filter{padding-top: 10px; padding-right: 10px}

.filter input[type='text'], .filter input[type='number'], .filter input[type='email']{
	width:200px;
}

a.sortering:link{color: #006699; text-decoration: none;}

a.sortering:visited{color: #006699; text-decoration: none;}

a.sortering:hover{color: #006699; text-decoration: underline;}

/*Admin elever*/

th.kortnummer{width: 120px}

th.fornamn{width: 150px}

th.efternamn{width: 200px}

th.klass{width: 120px}

th.addbook{width: 40px}

th a.lank_alla{
	font-weight:normal;
	float:right;
	margin-top:10px;
}

th.infoboxes{width: 70px}

th.info{width: 30px}

td.rad2{font-size: 9pt; border-bottom-style: solid; border-width: 1px; border-color: #bbbbbb; font-family: arial; text-align: left; padding-top: 3px; vertical-align: top; padding-left: 10px}

td.rad3{font-size: 9pt; border-bottom-style: solid; border-width: 1px; border-color: #bbbbbb; font-family: arial; text-align: left; padding-top: 3px; vertical-align: top; padding-left: 10px}

/*Admin böcker*/

th.streckkod2{width: 100px}

th.isbn2{width: 100px}

th.titel2{width: 230px}

th.katalogsignum{width: 80px}

th.status{width: 80px}

.varningstext{font-size: 10pt; font-family: arial; color: #ec0202; font-weight: bold;}

.streckkodsinput{width: 100px}

#bokregistrering{display: none}
#bokregistrering2{display: none}

.export{float:right; margin:20px 0;}

.edit{background-color: #eeeeee}

table.tabell2{border-collapse: collapse; width: 790px}

.sidnavigering{clear: both; padding-top: 10px}

.sidnavigering div{float: left; cursor:pointer }

.sidnavigering div.knapp{font-size: 10pt;font-weight: bold; border-color: #aaaaaa; border-style: solid; border-width: 1px;background: #eeeeee; color: gray; height: 25px; width: 30px; position: relative}

.sidnavigering div.knapp div.knapp-inne{position: absolute; left: 12px; top: 4px}

.sidnavigering div.knapp:hover{color: #000000}

.sidnavigering div.sida{font-family: arial; font-size: 10pt; width: 100px; border-width: 1px; border-style: solid; border-color: #ffffff; height: 25px; position: relative}

.sidnavigering div.sida div.sida-inne{position: absolute; top: 4px; text-align: center; width: 100%}

.sidnavigering div.sida:hover{border-color: #aaaaaa; }

#siddropdown {clear:both; padding-left: 32px;display: none;}

#siddropdown div.dropdown{max-width: 100px; max-height: 150px;overflow-y: scroll; border-style: solid; border-width: 1px;border-color: #aaaaaa; box-shadow: 0px 2px 4px rgba(0,0,0, 0.5);}

#siddropdown div.dropdown div{font-family: arial; font-size: 10pt; padding: 2px 0px 2px 10px}

#siddropdown div.dropdown div:hover{background: #eeeeee; cursor: pointer}

.mailbtn{margin:0;}
.mailbtnAll{float:right; margin:20px 0;}

.ovr-span{
	display: block;
}
/*Önskelista Admin*/

.statuslank { width: 60px; }
#onsketabell, #historiktabell { width: 100%;}
.flyttalank { display: block; height: 20px; margin: 0;padding:0; width:120px; font-size:12px;}
td.historikstatus { width: 150px; padding-left: 0;}

/*Bokinfo*/

td.rad3{font-size: 9pt; font-family: arial; text-align: left; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-right: 10px; padding-left: 10px}

#bokbildsruta{width: 200px; padding-top: 10px}

#bokinforuta{background-color: #eeeeee; padding: 10px; font-family: arial; font-size: 10pt; border-style: solid; border-width: 1px; border-color: #bbbbbb}


/*Boklistor*/

td.rad3{text-align: right; padding-top: 5px;}

.sidnavigering-table{ margin: 10px 0 20px 0;}

/*Nybok*/
.inputs {width:260px!important;}
#forstaunderkategori {margin-top:10px;}


#import-preview{
	width:100%;
	border-collapse: collapse;
	text-align: left;
}
#import-preview td, #import-preview th{
	padding-right:20px;
}
#antalRader p{
	float:right;
}
#bekrafta{
	display:none;
}
#error{
	color:red;
}

.img-button {
	cursor: pointer;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.gdpr-btn {
    display: block;
    color: #ccc;
    text-decoration: none;
    padding-top: 4px;
}
.gdpr-btn:hover {
    color: #444;
}


/** Addition 2024-08-27, to supress large images */
img.assortment-image {
    max-width: 70px !important;
}
