/*** Paulig GUI4-muutos 29.12.2017 ***/ 


/*****************************************
 *  KIRJAUTUMISSIVU *
 *****************************************/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2)
    format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2)
    format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

table#loginWrapper {
    margin-top: auto;
    margin-bottom: auto;
    background-color: #FBFBFB;
    height: 100%; 
}
table#loginTable {
    border: 0 none;
}
table#loginTable td.logo img {
   display: none;
}
table#loginTable h2 { 
    color: #404040;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
 }
div#loginText {
    color: #404040;
    margin-top: 10px;
    margin-left: 40px;
}
#loginInformation table {
    color: #404040;
    font-size: 12px;
    margin-left: 52px;
    margin-right: auto;
} 
td#loginInformation #langHeader, #loginInformation #lang {
       display: none;
}
td#headerCell1 a, td.right#headerCell2 a {
        font-size: 12px;
        font-weight: normal;
	color: #404040;
}
td#headerCell2 a {
    color: #404040;
}
td#headerCell2.center {
        font-size: 12px;
        color: #404040; 
    padding-bottom: 10px;
}
td#headerCell2.right {
        font-size: 12px;
        color: #404040; 
    padding-bottom: 10px;
    padding-right: 18px;
}

table#loginTable {
    width: 600px;
}
#forgottenPassword td {
    height: 30px;
    vertical-align: bottom;
}
#forgottenPassword a, #forgottenPasswordForm a {
    color: #404040;
}
td#loginHeader { 
height: 40px 
}
td#loginFooter { 
height: 40px 
}
table#footerTable, table#footerTable a {
    color: #404040;
}
table#footerTable tr {
    height: 50px;
    vertical-align: bottom;
}
#forgottenPasswordForm #loginTable {
    border: 1px #ececec solid;
}


/*** Rekisterointilomake ***/ 


/******* Etusivu GUI4 *******/

#frontpage div#frontpageContent {
    margin: 0 auto;
    max-width: 95%;
    padding: 0;
} 
#search-wrapper #simpleSearch {
    display: none;
}
#search-wrapper #extTopbarSearchContent {
    display: block;
}
.react-app .search-view .button-toggle {
    color: grey !important;
}
.react-app .search-view .arrow-down {
    border-top: 6px solid grey !important;
}
#search-wrapper .react-app .search-view {
    margin: 1px 10px 0 0 !important;
}

#frontpage #search-wrapper {
    left: 30%;
    position: relative !important;
}
#frontpage #extTopbarSearch {
    top: 28px;
}
#frontpage .cti__input {
    border-radius: 6px;
    height: 50px;
   width: 400px;
}
#frontpage .cti__input__input {
    padding: 14px 0 0 10px !important;
}

#frontpage #top-bar, #frontpage #video-area, #frontpage video {
    background-color: #fff !important;
}
#frontpage #logo {
    display: none;
}
#frontpage #main-content-layout-3x1 .box-content, 
#frontpage #main-content-layout-2x2 .box-content, 
#frontpage #main-content-layout-3x2 .box-content, 
#frontpage #main-content-layout-3x3 .box-content, 
#frontpage #main-content-layout-4x4 .box-content {
    background-color: #fff;
}
#frontpage #main-content-layout-3x1 .box-content h2, 
#frontpage #main-content-layout-2x2 .box-content h2, 
#frontpage #main-content-layout-3x2 .box-content h2, 
#frontpage #main-content-layout-3x3 .box-content h2, 
#frontpage #main-content-layout-4x4 .box-content h2 {
    font-size: 18px;
 margin: 0 ;
}
#frontpage #main-content-layout-3x1 .box-content a, 
#frontpage #main-content-layout-2x2 .box-content a, 
#frontpage #main-content-layout-3x2 .box-content a, 
#frontpage #main-content-layout-3x3 .box-content a, 
#frontpage #main-content-layout-4x4 .box-content a {
    font-size: 15px;
}
#frontpage #main-content-layout-3x1 .box-content ul li, 
#frontpage #main-content-layout-2x2 .box-content ul li, 
#frontpage #main-content-layout-3x2 .box-content ul li, 
#frontpage #main-content-layout-3x3 .box-content ul li, 
#frontpage #main-content-layout-4x4 .box-content ul li {
    background-image: none !important;
}
#frontpage #bottom-bar {
    display: none;
}




/* OTSIKOIDEN VvÑRI */
h1, h2, h3 {
  color: #000000;
}

/*  OTSIKON ETULIITTEEN VvÑRI (esim. "Kansio: ") */
span.headerPrefix {
	color: #999999;
}

/* 0.1 LINKKIEN VvÑRI */ 
a {
	cursor:pointer;
}

/* 0.2 VAAKANAVIN PAINIKKEIDEN TEKSTINVvÑRI */ 
#horizontalNavi a {
	color: #ffffff; }

/*  0.3 VAAKANAVIN AKTIIVISEN PAINIKKEEN TEKSTINVvÑRI */	
#horizontalNavi a:hover {
	color: #ffffff; }

/* SARAKEOTSIKOIDEN LINKKIVvÑRI 
	
#content table.list th.header a  {
	color: #000000; }
*/	
/* 0.4 VASEMMAN REUNAN TEKSTI */
#navi {
}
/* PvÑIVvÑMvÑvÑRvÑ/ LISTAUS */
#content table.list td.date {
	color: #666666;	}

/* POISSA KvÑYTvñSTvÑ OLEVA ELEMENTTI */ 
.disabled, .disabled a {
	color: #999999;	} 

/* KORIKANSION-RIVIN TEKSTI JA LINKKI */
.basketFolder, #content table.list tr.basketFolder td a,  {
	color: #FFFFFF;	}

/* POPUP-TABIEN TEKSTI */
.tabs td a	{
	color: #FFFFFF;	}
	
/* POPUP-TABIEN TEKSTI, VALITTU ELEMENTTI */
.tabs td.selected	{
	color: #000000;	}
	
/* 0.5 VASEMMAN REUNAN PAINIKKEIDEN TEKSTIN VvÑRI */
#navi ul li a {
	color: #333333;	}

/* 0.55 VASEMMAN REUNAN ADMIN PAINIKKEEN TEKSTINVvÑRI */	
#navi ul.hallinta a {
	color: #d41b1b; }

/* 0.6 VASEMMAN REUNAN AKTIIVISEN PAINIKKEEN TEKSTIN VvÑRI */
#navi ul li a:hover {
	}

/* 0.7 VASEMMAN REUNAN HAE-PAINIKKEEN TEKSTIN VvÑRI */	
#navi form button {
}

#content table.list tr.basketFolder td {
	color: #FFFFFF;	}

/* Tiedostonimen vv§ri lyhyessv§ nv§kymv§ssv§ */
#content table.list th.aineisto a {
	color: #000000; 	
}

/* VIRHEILMOITUKSET */
.error {
  color: #FF0000; }

  
/* SIVUN TAUSTAVvÑRI JA OLETUSTEKSTIVvÑRI */

#content, #bodybox {
  background-color: #FFFFFF;
  color: #000000;
}

/**** 1.0 Logopalkki ja polkurivi ****/

#logoArea {
    background-color: #FFFFFF;
    text-align: left;
    padding: 0 !important;
 }
#logoArea img {
}

/* 1.0.2 MURUPOLKURIVIN VvÑRI JA TAUSTAVvÑRI */

div#path, div#path a {
	color: #ffffff;
	height: auto;
	}
#path { padding: 5px 20px 4px 18px; }	

/***** 1.1 Vasemman reunan navigointi ****/

/* 1.1.1 ETUSIVUN YLvÑPALKIN TAUSTAVvÑRI (piilota tyv?kalut palkki) */
td#toggle  {  }

/* 1.1.2 VASEMMAN REUNAN TAUSTAVvÑRI (Huom. Tv§hv§n vaikuttaa myv§s taustakuva!) */
#navi {
	background-color: #f0f0f0; }

/* 1.1.3 VASEMMAN REUNAN PAINIKKEIDEN JA HAKUBOXIN TAUSTAVvÑRI */
#navi ul li a, #navi form  {
	background-color: #f0f0f0; }

/* 1.1.4 VASEMMAN REUNAN AKTIIVISEN PAINIKKEEN TAUSTAVvÑRI */
#navi ul li a:hover {
	background-color: #f0f0f0; }

/* PIILOTA NAPIN TAUSTA LvÑPINvÑKYVvÑKSI */
td#toggle a { background-color: transparent; }
	
/* 1.1.5 VASEMMAN REUNAN ADMIN PAINIKKEIDEN TAUSTAVvÑRI */
#navi ul.hallinta a {
	background-color: #f0f0f0; }
	
/* 1.1.6 VASEMMAN REUNAN AKTIIVISEN ADMIN PAINIKKEEN TAUSTAVvÑRI */	
#navi ul.hallinta a:hover {
	background-color: #f0f0f0; }		
	
/* HAE-PAINIKKEEN VvÑRI *ei muuta mitv§v§n?* */
#navi form button {
	background-color: #f0f0f0; }


/**** 1.2 Vaakanavigointi ****/

/* 1.2.1 VAAKANAVIN PAINIKKEIDEN TAUSTAVvÑRI */
#horizontalNavi  {
 }

/* 1.2.2 VAAKANAVIN AKTIIVISEN PAINIKKEEN TAUSTAVvÑRI */	
#horizontalNavi a:hover {
	background-color: #30813f; }
	
/* VAAKANAVIN VALITTU LINKKI JA VALITUN LINKIN HOVER, *ei toimi? */
#horizontalNavi a.selected, #horizontalNavi a.selected:hover {
	background-color: #B4B4B4; }


/**** 1.3 Pop-upit ****/	

/* POPUPIEN ALA- JA YLvÑREUNOJEN TAUSTAVvÑRI */	
#popupContentWrapper {
	background-color: #fff !important; 
}

/* POPUP-SISvÑLTvñ ALUE */	
#content.popup {
	background-color: #FFFFFF	}
	
/* POPUP-TABIT (EI-VALITTU) */
.tabs td {
  background-color: #999999; }
 
/* VALITTU TABI / POPUPIT */
.tabs td.selected {
	background-color: #FFFFFF	}	  
  
/* POPUP-TABIEN (EI-VALITTU) HOVER */
.tabs td a:hover {
	background-color: #A5A5A5; }

/* TABI-RIVIN SOLU, JOHON EI TULE LINKKIvÑ */
.tabs td.nolink {
	background-color: #666666; }
	
	
/**** 1.4 Lomakkeet *****/	

/* PERUSLOMAKKEEN VvÑLIOTSIKON TAUSTAVvÑRI */
table.commonform tr.headerRow td, #content #contentHeader {
	background-color: #D5D5D5; }

/* PERUSLOMAKKEEN OTSIKKOSARAKKEEN TAUSTAVvÑRI */
table.commonform th {
	background-color: #F0F0F0; }

	
/**** 1.5 Listat ****/	

/* KANSION / KORIN KUVAUKSEN TAUSTAVvÑRI	
p.description {
	background-color: #F0F0F0; }
 */

/* JvÑRJESTETTvÑVvÑ SARAKEOTSIKKO 	
#content table.list th.header a { 
	background-color: #E0E0E0; }
*/
/* EI-JvÑRJESTETTvÑVvÑ SARAKEOTSIKKO 

#content table.list th {
	background-color: #F0F0F0; }
*/	
/* CHECKBOX-SOLUN TAUSTAVvÑRI / LISTAUS	
#content table.list th.check  {
	background-color: #FFFFFF; }
 */
/* KANSION TAUSTAVvÑRI / LISTAUS

#content table.list tr.folderRow th,
#content table.list tr.folderRow td, 
#content table.list th.folder {
  background-color: #F0F0F0; }
 */
 
/* hakemiston nimi listauksessa  ei kursiivilla, mustana *ADDED* */
#content table.list th.folder a {
    font-style: normal;
   color: #000000;
 }
	
/* AINEISTON TAUSTAVvÑRI / LISTAUS */
#content table.list th.aineisto {
	background-color: #FFFFFF	}
#content table.list th.aineisto a {
	background-color: #FFFFFF	}	

/* KvÑYTTvÑJvÑN TAUSTAVvÑRI / LISTAUS */	
#content table.list th.user {
	background-color: #FFFFFF	}

/* KORIN TAUSTAVvÑRI / LISTAUS */	
#content table.list th.basket,
#content table.list th.campaign {
	background-color: #FFFFFF	}	
#content table.list th.basket a,
#content table.list th.campaign a {
	background-color: #FFFFFF	}	

/**** 1.6 rivitason tyylit listauksissa ****/
		
/* AINEISTO-TYYPIN TAUSTAVvÑRI */
tr.aineisto td, td.aineisto {
	background-color: transparent; }

/* MATERIAALI-TYYPIN TAUSTAVvÑRI */	
tr.materiaali td, td.materiaali {
	background-color: transparent; }

/* YKSITYINEN KORI */
tr.private td. td.private {
	background-color: #ECF0F9; }

/* DEMOKvÑYTTvÑJvÑ */		
tr.demo td, td.demo {
	background-color: #ECF0F9; }

/* ULKOINEN KvÑYTTvÑJvÑ */		
tr.external td, td.external {
	background-color: #E4EFE2; }	


/**** 1.7 Aineistopankin muut nv§kymv§t ****/

/* LYHYEN NvÑKYMvÑN TAUSTAVvÑRI */
table.details {  
	background-color: transparent; }	

/* KUVAKKEET-NvÑKYMvÑSSvÑ AINEISTON YLvÑPALKIN TAUSTAVvÑRI */
.thumbNails table .entryHeader {
	background-color: #E0E0E0; }
	
/* KUVAKKEET-NvÑKYMvÑSSvÑ AINEISTON YLvÑPALKIN TAUSTAVvÑRI KUN AINEISTO ON KORISSA */
.thumbNails .inBasket .entryHeader {
	background-color: #ffe0a0; }
	
/**** 1.8 Korien taustavv§rit ****/

/* 1.8.1 KORIKANSIO-RIVI */
.basketFolder, #content table.list tr.basketFolder td {
	background-color: #808080; }

	.basketFolder .arrow a:hover {
	background-color: #999999; }

	
/**** 1.9 Yleiset taustavv§rit ****/	

/* YLEINEN LOMAKETAUSTAVvÑRI */	
.commonformArea,
.basketItems th, 
div#contentHeader a.up:hover, 
.dynAineisto .entry, 
#content table.list th.aineistofolder, 
#picture, 
#language, 
#form,  
.customize td  {
	background-color: #F0F0F0; }
	
/* SUODATUKSEN TAUSTAVvÑRI */
.suodatus {
	background-color: #FFF6CC; }
	
/* JvÑRJESTELMvÑVIESTIN TAUSTAVvÑRI */
#message {
  background-color: #FFFEBF;
}

/* 1.9.1 ETUSIVUN NOSTO-OTSIKOIDEN VvÑRI JA TAUSTAVvÑRI */


/* VAAKAEROTIN */ 
hr {
	color: #E0E0E0; background-color: #E0E0E0; }

	
/**** 2.1 Navigointipalkit ****/

/* 2.1.1 VAAKANAVIN PAINIKKEIDEN VIIVAT */
#horizontalNavi td td {
}

/* 2.1.2 VASEMMAN REUNAN PAINIKKEIDEN VvÑLIVIIVAN VvÑRI */	  
#navi ul li a {
	  border-bottom: 1px solid #d6d6d6; }
	 
/**** 2.2 Lomakkeet ****/	  

/* PERUSLOMAKKEEN RIVIEN VvÑLIVIIVA */
table.commonform td {
	  border-bottom: 1px solid #E0E0E0; }
	  
/* PERUSLOMAKKEEN ALOITUSVIIVA */
table.commonform.line {
	border-top: 8px solid #CCCCCC; }	  

/* PERUSLOMAKKEEN VvÑLIOTSIKON YLvÑPUOLELLE JvÑTETTvÑVvÑ TYHJvÑ TILA (=taustavv§ri) */
table.commonform tr.headerRow td {
	border-top: 20px solid #FFFFFF; }

	
/**** 2.3 Listaukset ****/
	
/* LISTAUSNvÑKYMvÑN RIVIEN VvÑLIVIIVA 	  

#content table.list td, #content table.list th {
	  border-bottom: 1px solid #E0E0E0; }
*/
/* LISTAUSTEN SARAKENIMIEN ALLA OLEVA VIIVA 
#content table.list th.header {
	border-bottom: 1px solid #999999; }	  
*/
	
/**** 2.4 Sivun pv§v§otsikko, toolbar ja nv§iden jv§lkeiset optionaaliset tiedot ****/

/* SIVUN PvÑvÑOTSIKON ALAVIIVA (=Toolbarin ylv§viiva) */
#newheader {
  border-bottom: 1px solid #E0E0E0; }
  
/* ENSIMMvÑISEN TASON OTSIKON ALAVIIVA (Ei kuitenkaan sivun pv§v§otsikko, ks. yllv§) */
h1 {
	  border-bottom: 1px solid #E0E0E0; }
	  
/* TOOLBARIN JvÑLKEEN TULEVAT OPTIONAALISET TIEDOT (ohjeet ja kuvaus) */ 
p.instructions, p.description,   {
	border: 1px solid #E0E0E0;
} 
	
/**** 2.5 Aineistonv§kymv§t ****/	
	
/* MARGINAALI LYHYEN NvÑKYMvÑN AINEISTOJEN VvÑLISSvÑ (=taustavv§ri) */
table.details th {
	border-top: 10px solid #FFFFFF;	}

/* KUVAKKEET-NvÑKYMvÑN KUVAKKEIDEN vÑvÑRIVIIVAT */
.thumbNails table {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

/**** 2.6 Yleisiv§ viivatyylejv§ ****/

/* Muokaa kirjautumissivun ulkonv§kv§v§- ja Muokkaa tasonvalintasivua -sivujen asettelumallien ulkopuolella oleva viiva */
table.layout td {
	border: 1px solid #E0E0E0;
}

/* JvÑRJESTELMvÑVIESTIN vÑvÑRIVIIVAT */
#message {
	border: 1px solid #E9E781; }
	
/* POPUP-TABIT (EI-VALITUT) */
	.tabs td {
	border-right: 4px solid #666666;				
	border-top: 10px solid #666666;	 }


#toolbar td.basket, div.filter, .basketSelect {
	border: 1px solid #E0E0E0;	
}
table.details table td, #language {
	border-top: 1px solid #E0E0E0;
}
table.details {
	border: 1px solid #e0e0e0;
	 }

/***********************************/
/*		 	    3. FONTIT	  			  	 */
/***********************************/

/* Perusfontti */
html, body, textarea {
	 font: 13px 'Poppins',Helvetica, Arial;
}

/* Linkkiteksti */
a {
	font-size:10pt;	
}

/* Otsikot */
h1 {
	font-size: 22px;	
	font-weight: normal;
}
h4 {
	font-size: 13px;
	margin-top: 10px;	
	margin-bottom: 4px;
}

/* Pystynavigointi */
#navi {
	font: 12px arial, helvetica, sans-serif; 
}
/* Pystynavigoinnin linkit */
#navi ul li a {
	font-weight: bold;
	font-size: 12px; 
	text-decoration: none;
}
/* Hakuboksin hae-painike */
#navi form button {
	font: bold 11px Arial, Helvetica, sans-serif;	
}
/* Hakukenttv§ */

#navi form input {
	font-size: 12px;	
}

/* Listaus-nv§kymv§n pv§ivv§mv§v§rv§-sarake */
#content table.list td.date {
	text-align: right;
	font-size: 11px;
}

/* Painikkeiden teksti */
button {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

table.basketItems {
	font-size: 12px;
}
.basketItems td.empty {
	font-size: 0px;
}


/* =================================================== */

/******** DYNAMIC MATERIAL ********/

/* DynMaterial: page bar (masterProduct) */
table.dynMaterialPagebar {
  background-color: #D0D0D0;
  border-bottom: 1px solid #999999;
  width:100%;
}

table.dynMaterialPagebar * {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

/* DynMaterial: element title bar */ 
table.dynMaterial {
  background-color: #F0F0F0;
}

table.dynMaterialTitle {
  background-color: #E0E0E0;
  border-bottom: 1px solid #999999;
  width:100%;
}

table.dynMaterialTitle * {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

table.dynMaterial td {
  font-family: Arial;
  font-weight: normal;
  font-size: 9pt;
  color: #000000;
  vertical-align:top;
}

/* DynMaterial: righthand element list */
table.dynElemenlist * {
  font-family: Arial;
  font-weight: normal;
  font-size: 9pt;
}

/* DynMaterial: form elements */
.dynTF {
  width:80px;
  height:20px;
}

.dynDrop {
  width:100px;
}

/* DynMaterial: Misc */ 
.dynOrigo * {
  font-size:9px;
  width:9px;
  height:9px;
  line-height:9px;
  margin:0px;
  padding:0px;
}

.dynWrapper {
  margin-bottom:5px;
}

.colPreview {
  display:inline;
  height:18px;
  font-size:18px;
  line-height:18px;
  border: 1px solid #000000;
}

.dynButtonOn {
  background-color:#FFFFFF;
  background-image:none;
}

.dynButtonOff {
  background-image:url(../img/button_bg.png);
}

.dynPDFPreviewBg {
  background-color: #F0F0F0;
}

.dynBtmLine {
  height:1px;
  width:100%;
  background-color: #CCCCCC;
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
  font-size:0px;
  line-height:0px;
}

.dynRowTitle {
  margin-left: 10px;
  font-weight: bold;
}

/* DynMaterial: Image selector popup*/
table.imgSelector td.imgTitle
{
  background-color: #EEEEEE;
  padding:2px;
  text-align: center;
  font-family:Verdana;
  font-size:10pt;
}

table.imgSelector td.img {
  height:192px;
  width:192px;
  border: 1px solid #CCCCCC;
}


table.imgSelector td img.no_hover {
  border:2px solid white;
}

table.imgSelector td img.hover {
  border:2px solid red;
}

/* Korin hakemistojen indentointi */

tr.indented td.indentColumn {
  background-color: #FFFFFF;
  background-image:url('../img/indentedColumn.gif');
  background-repeat:no-repeat;
}
tr.indentedLast td.indentColumn {
  background-color: #FFFFFF;
  background-image:url('../img/indentedLast.gif');
  background-repeat:no-repeat;
} 
#content table.list.basket td,
#content table.list.basket th {
  border-bottom: 4px solid white;
}
table#footerTable td#headerCell1
{
width:33%;
}
table#footerTable td#headerCell2
{
width:33%;
}
#downloadID {
    display: inline-block;
}
#downloadPreviewID {
    display:none;
}
#btnMultipleDownload {
    display: inline-block;
}
#pageHelp
{
display:none;
}
#publicPreviewSize
{
max-height:95%
}

#btnSendMaterial {
}

#indesignParameters{
display:none;
}
/* This needs to be here if customer.public_cart_view_mode=1 */
#cartPublicContentHeader
{
width:98%;
height:104px;
position:absolute;
overflow:hidden;
}

#cartPublicContent
{
overflow:auto;
position:absolute;
width:100%;
top:160px;
height:80%;
padding:16px;
}

/*  Hide this in GUI2 */
span.downloadElement {
    display: inline-block;
}
#pdfViewID {
    display: inline-block;
}
/* fix IE */
#frontpageImage img {
  border:0px;
}
/* publicCart fix */
table#publicCart {
  width:100%;
}
/* popupeihin scrollbarit */
#content.popup { 
  overflow: scroll
}
div#messageBarPanel {
    display: none;
}

button#saveChanges {
display:none;
}

#commentMakeZip {
display:none;
}

#commentSaveHelp 
{
text-align:center !important;
}

/* New multiple upload */
#btnMultipleUploadMeta2 {
display:inline !important;
}
/* Old multiple upload */
#btnMultipleUploadMeta {
display:none !important;
}

/* Hide single upload - Risto 17.10.2018 */
button#btnSingleUpload {
display:none !important;
}

body#frontpage .bottom-link a {
display:none;
}

/* Hide personal address */
body#sendCartBody option[value="0"]
{
display:none;
}

/*** Karin turaukset respons ***/

#loginLogo {
    margin-left: auto;
    width: 50%;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
}

#loginTable {
    width: auto;
    max-width: 500px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 10%);
}

div#loginText {
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 13px;
    color: #000000;
    padding: 0px;
    text-align: center;
margin-top: 0px !important;
}

#loginTable input[type="submit"] {
background-color: #000;
border: 0 none;
color: #fff;
font-size: 14px;
height: 28px;
width: 110px;
border-radius: 0px;
font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}




#footerTable {
    margin-top: 3px;

}

#loginText h2 {
    color: #404040;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
}

@media screen and (max-width: 500px) {
    #loginWrapper {
        background-image: none;
background-color: #fff !important;
    }
#footerTable {
    padding: 0 30px;
}
#loginTable {
    width: auto;
    border: none;
    max-width: 500px;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div#loginText {
    margin-bottom: 0px !important;
}
#loginLogo {
    width: 70%;
}
}


#loginWrapper {

   background-image: none;
background-color: #FBFBFB;
}

#poweredByCell {
    color: gray;
}

.loginField {
font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}