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://forlog-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(46, 85, 152);
	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: 5px 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(46, 85, 152);
	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-forlog {
	background-color: rgb(46, 85, 152);
	color: #fff;
}
.btn-forlog:hover, .btn-forlog:focus {
	background-color: rgb(80, 122, 193);
	color: #fff;
    box-shadow: 0 0 0 0.15rem rgba(46, 85, 152,.2);
}
.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(46, 85, 152, .65);
	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);
}
.forlog-error {
	font-size: 130px;
	font-weight: 800;
	color: rgb(80, 122, 193);
}
.sgn-green {
	color: rgb(0, 156, 104);
}
.forlog-blue {
	color: rgb(80, 122, 193);
}
.card-header-sgn-green {
	background-color: rgb(0, 156, 104);
	color: white;
}
.card-header-forlog-blue {
	background-color: rgb(80, 122, 193);
	color: white;
}
.card-border-sgn-green {
	border-color: rgb(0, 156, 104);
}
.card-border-forlog-blue {
	border-color: rgb(80, 122, 193);
}
.form-control:focus {
	border-color: rgb(46, 85, 152);
	box-shadow: 0 0 0 0.2rem rgba(46,85,152,.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://forlog-dev.paas.datacenter.fi/img/sgnet-bgr.png');
	height:calc(100vh - 40px);
}

.sgn-files input {
	outline: 2px dashed rgb(46, 85, 152);
	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: 25px 0px 40px 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: 30px;
    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: 30px;
    content: " Voit raahata tiedoston tähän. ";
    display: block;
    margin: 0 auto;
    color: rgb(46, 85, 152);
    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:#2e5598 !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-12 { 
	line-height:1.2rem; 
} 

.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(46, 85, 152);
	border-color: rgb(46, 85, 152);
}
.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;
	}
}
@media (min-width: 1200px) {
	.modal-xl {max-width:1600px !important;}
}

.folder-tree {
	fill: #6c757d;
}
.folder-tree:hover {
	fill: rgb(59,59,59);
}

ul, #ft-myUL {
	list-style-type: none;
}

#ft-myUL {
	margin: 0;
	padding: 0;
}

.ft-folders{
	padding-left: 5px;
}
.ft-folders-nested {
	display: none;
}

.ft-folders-active {
	display: block;
}