body, p {
    color: #666;
    background-color: #fff;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
	line-height: 1 em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
}
body {
    line-height: 1;
    background:#efefef;
    background: url(https://sgnet-dev.paas.datacenter.fi/img/sgnet-bgr.png);
    
}

a, span, button {outline : none !important;}

.btn, label, input, select, option, textarea, .dropdown-menu {
font-size:13px !important;
}

.container, .container-fluid {
	background: #ffffff;
}

.ylapalkki {
	margin: 0;
    padding: 6px 20px;
    border: 0;
    outline: 0;
	background-color: rgb(0, 156, 104);
	color: white;
    font-size:13px;
}

.ylaoikea {
	text-align: right;
}
.ylavasen {
	text-align: left;
	float: left;
}
.ylavasen a, .ylavasen a:hover, .ylaoikea a, .ylaoikea a:hover {
	color: #fff;
}


.logo {
	margin: 10px 0;
	max-width: 125px;
}
h1 {
	font-size: 1.2rem;
}

.card-body {
    padding: 1rem;
    line-height: 1.5rem;
}
.button-valitys {
	margin-right: 10px;
	vertical-align: top;
}
ion-icon {
  font-size: 32px;
}
.button-yla {
	margin: 0 10px 0 0;
}
.collapse-gray {
	color: #666;
}

.footer {
	margin: 0;
    padding: 5px 20px 4px 20px;
    border: 0;
    outline: 0;
	background-color: rgb(0, 156, 104);
	color: white;
}

.footer a {
	color:#ffffff;
}

.footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.footer ul {
	list-style-type:none;
	margin-left:-80px;
}

.footer ul li {
	float:left;
	margin-left:30px;
}

.footer ul li a {
display:inline-block;
}
.korkeusvali {
	margin: 5px 0;
}

.oikeareuna {
	float: right;
}

.vasenreuna {
	float: left;
}

.radio-valistys {
	margin: 14px 0;
}
tr.bottom_row td {
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 20px;
}
tr.border_bottom td {
    border-bottom: 1px solid ;
    border-color: #ddd;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 20px;
}
a { 
	color: #666;
}
a:hover { 
	color: #444;
    text-decoration: underline;
}
.form-signin {
	  width: 100%;
	  max-width: 380px;
	  padding: 25px;
	  margin: 150px auto 0 auto;
	  background:#ffffff;
	  border-radius:8px;
	-webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.26); 
	box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.26);
  
}
.btn-sgn {
	background-color: rgb(0, 156, 104);
	color: #fff;
}
.btn-sgn:hover, .btn-sgn:focus {
	background-color: rgb(0, 115, 75);
	color: #fff;
    box-shadow: 0 0 0 0.15rem rgba(0, 115, 75,.2);
}

.btn-primary:not(:disabled):not(.disabled):active {
	background-color: rgb(0, 115, 75);
}

.table-sm-sgn td {
	padding: .5rem;
}
.table-sm-sgn th {
	padding: .5rem;
}

.logo-login {
	display:block;
	margin: 0px auto 60px auto;
}
.logo-reset {
	display:block;
	margin: 0px auto 0px auto;
}
 
.navbar-nav .nav-link {
	font-size:15px !important;
	font-weight:600;
}

#sgnet-frontpage-hero-carousel {
	padding-bottom:40px;
	margin-top:-20px;
}

.carousel-item img {
	width:100%;
}

.carousel-caption {
	background:rgba(0, 156, 104, .75);
	left:30%;
	right:30%;
    padding-left:10px;
    padding-right:10px;
}

.carousel-caption h3 {
	font-weight:800 !important;
	text-transform:uppercase;
	letter-spacing:1px;
}

.carousel-caption p {
	background:none;
	color:#ffffff;
}

.carousel-caption a {
	color:#ffffff;
	text-decoration:none;
  
}

.carousel-caption .btn-primary {
	background:#ffffff;
	color:rgb(0, 156, 104);
	font-size:600 !important;
}


.btn-primary {
	background:rgb(0, 156, 104);
	border:none;
}

.thead-sgnet {
	background:rgb(0, 156, 104);
	color:#ffffff;
}

.card-sgn-frontpage {
	margin-bottom:20px;
}
.container-sgn {
	box-shadow: 1px 5px 8px 0px rgba(50,50,50,.35);
	
}

.content-sgn {
	padding-top:20px;
	min-height: 600px;
}

.sgnet-frontpage-tiedotteet-heading {
	margin-left:13px;
    margin-top:-27px;
}

.sgn-frontpage-tiedotteet a {
	color:#000000;
}

.sgn-frontpage-tiedotteet span {
	display:inline-block;
	margin-left:6px;
	line-height:20px;
}

.no-margin {
	margin-left: -15px; width: calc(100% + 30px);
}

.accordion h5 {
	font-size:14px;
	font-weight:600;
}

.nav-tabs .nav-link.active {
	font-weight:700;
}

a:not([href]):not([class]):hover {
	cursor: pointer; 
}

.accordion .bg-light {
	background:none !important;
}

.accordion .border {
	border:none !important;
}

.footer {
	font-size:13px;
}

.sgn-card-header {
	border-bottom:0;
}

.padding-sgn-sm  {
    padding: .5rem!important;
}

.sgn-exclamation {
	color:#ffffff;
}

.table td, .table th {
	padding-left:1.2rem;
}

.sgn-exclamation {
	margin-left:-10px;
}

.ylapalkki .fa-user-cog {
margin-right:5px;
}

.sgn-error {
	font-size: 130px;
	font-weight: 800;
	color: rgb(0, 156, 104);
}
.sgn-green {
	color: rgb(0, 156, 104);
}
.card-header-sgn-green {
	background-color: rgb(0, 156, 104);
	color: white;
}
.card-border-sgn-green {
	border-color: rgb(0, 156, 104);
}

.form-control:focus {
	border-color: rgb(0, 156, 104);
	box-shadow: 0 0 0 0.2rem rgba(0,156,104,.25);
}


.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #4cba95;
    border-color: #52addb;
}

.datepicker table tr td.highlighted {
	background-color:#bde5d8;
}    


.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}
    
.card-header h5 {
	font-weight:600;
}

.navbar {
	background: #7777770d;
	margin-left: -15px;
	width: calc(100% + 30px);
	border-bottom: 1px solid #dee2e6;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
}

.container-login {
	background:url('https://sgnet-dev.paas.datacenter.fi/img/sgnet-bgr.png');
	height:calc(100vh - 40px);
}

.sgn-files input {
	outline: 2px dashed #92b0b3;
	outline-offset: -10px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	padding: 120px 0px 85px 35%;
	text-align: center !important;
	margin: 0;
	width: 100% !important;
}
.sgn-files input:focus {
	outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.sgn-files{ 
	position:relative;
	min-width: 400px;
}
.sgn-files:after {  
	pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.sgn-color input { 
	background-color:#f1f1f1;
}
.sgn-files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " Tai raahaa tiedosto tähän. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.saatavuustarkistus-tuotekuvaus, .saatavuustarkistus-liittyvat-tuotteet, .saatavuustarkistus-tuotetiedot, .saatavuustarkistus-haku, .paamies-varastosaldot {
	margin:10px 0;
}

.saatavuustarkistus-haku {
	background: rgba(0,0,0,.03);
    padding: 13px 20px 20px 20px;
}

.saatavuustarkistus-haku .form-group {
margin-bottom:.7rem;
}


.saatavuustarkistus-haku label {
margin-bottom:9px;
margin-left:3px;
}

.tuotetiedot-hinnastot label {
margin-left:3px;
}
.lisaa-kuva-info {
display:block;
font-style:italic;
margin-top:20px;
}

.nav-link.active {
color:#009c68 !important;
}

.saatavuustarkistus-tuotetiedot .btn {
margin: 2px 1px 2px 0;
}

.saatavuustarkistus-tuotetiedot td, .saatavuustarkistus-tuotetiedot th, .paamies-varastosaldot td, .paamies-varastosaldot th {
padding: .15rem;
font-size:13px;
}

.btn-sgn-multiselect {
	border: solid 1px rgb(206, 212, 218);
	color: rgb(73, 80, 87);
}

.btn-sgn-multiselect:focus {
	border-color: rgb(0, 156, 104);
	box-shadow: 0 0 0 0.2rem rgba(0,156,104,.25);
	outline-color: none;
}

.sgn-frontpage-tiedotteet .kiinnitetty {
background:rgb(0, 156, 104);
color:#ffffff;
}

.sgn-frontpage-tiedotteet .kiinnitetty a, .sgn-frontpage-tiedotteet .kiinnitetty i  {
color:#ffffff;
}

table.sgn-frontpage-tiedotteet td, table.sgn-frontpage-tiedotteet th {
    padding: .70rem .50rem .50rem .50rem !important;
}

.sgn-otsikko {
font-weight:600;
font-size:14px;
}

.sgn-otsikko.active {
font-weight:600 !important;
}

.sgn-checkbox-form-check-label {
position:relative;
top:-2px;
}

.sgn-radiobutton-form-check-label {
position:relative;
top:6px;
}

.tuotehakukentta-container {
padding:20px 8px 0 8px;
}

.paamies-varastosaldot {
margin-top:10px;
}

.paamies-varastosaldot table {
margin-bottom:0rem;
}

.paamies-varastosaldot th {
font-weight:500;
}

.text-height-0 { 
  line-height:0; 
} 

.text-height-1 { 
  line-height:1rem; 
} 

.text-height-2 { 
  line-height:1.5rem; 
} 

.text-height-3 { 
  line-height:2rem; 
} 

.text-height-4 { 
  line-height:3rem; 
} 

.text-height-5 { 
  line-height:4rem; 
} 

.text-height-auto { 
  line-height:auto; 
} 

.progress { 
	height: 4px; 
} 
  
.progress-bar { 
	background-color: green; 
} 

.btn-input-border {
	border-color: rgb(206, 212, 218);
}

.page-item.active .page-link {
	background-color: rgb(0, 156, 104);
	border-color: rgb(0, 156, 104);
}
.page-link {
	color: #212529;
}
.page-link:hover {
	color: #212529;
}

.sgn-tooltip {
color:#a8b6c1;
}

.sgn-bold {
	font-weight: 600;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.sgn-tab-button {
	background-color: rgb(255,255,255);
	color: rgb(102,102,102);
}

.sgn-tab-button:focus {
	outline: none !important;
}
.sgn-gray-background {
	background: rgba(0,0,0,.03);
}
.sgn-text-link {
	color: rgb(33, 37, 41);
	font-weight: 600;
}

.sgn-keskeneraiset-tilaukset th {
	font-weight:600 !important;
}

.sgn-gray-color {
	color: rgb(102,102,102);
}

.modal-xl {max-width:1600px !important;}

.navbar-light .navbar-toggler {
border:none;
}

.sgnit-copyright {
text-align:right;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
z-index:2;
}

.richText .richText-form button {
background:rgb(0, 156, 104);
}

@media (max-width: 576px) {
.tilauksen-luonti-buttons button {
display:block;
width:100%;
margin-bottom:10px;
}

.nav-tabs .nav-item {
    width: 100%;
    border: 1px solid #dee2e6;
    }
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border:none;
  }
  .nav-tabs .nav-item:last-of-type {margin-bottom:10px;}
.footer {padding-top:15px;}
.sgnit-copyright {
text-align:left;
margin-left:-10px;
margin-top:10px;
margin-bottom:10px;
}
.carousel-caption {
right:0;
left:0;
bottom:0;
background: rgba(0, 156, 104, 1);
position:relative;
}
.d-none {
display:block !important;
}
.carousel-control-prev, .carousel-control-next {display:none !important;}
.carousel-caption h3 {font-size:1.25rem;}
}
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
.modal-xl {max-width:1600px !important;}
}