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: url(https://kessu-servicepoint.paas.datacenter.fi/img/sp-background.png);
}
a, span, button {
	outline : none !important;
}
a { 
	color: #666;
}
a:hover { 
	color: #888;
    text-decoration: underline;
}
a:not([href]):not([class]):hover {
	cursor: pointer; 
}
th {
	color: #666 !important;
}
td {
	color: #333 !important;
}
td a:hover { 
	color: #222;
    text-decoration: underline !important;
}
th:hover {
	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(238, 48, 67);
	color: white;
    font-size: 13px;
}
.container-login {
	height:calc(100vh - 40px);
	background: url(https://kessu-servicepoint.paas.datacenter.fi/img/sp-background.png);
}
.container-sp {
	box-shadow: 1px 5px 8px 0px rgba(50,50,50,.35);
}
.no-margin {
	margin-left: -15px; 
	width: calc(100% + 30px);
}
.ylaoikea {
	text-align: right;
}
.ylavasen {
	text-align: left;
	float: left;
}
.ylavasen a, .ylavasen a:hover, .ylaoikea a, .ylaoikea a:hover {
	color: #fff;
}
.content-sgn {
	padding-top:20px;
	min-height: 600px;
}
.sgn-hero {
	margin-left: -12px;
	margin-top: -20px;
	width: calc(100% + 24px);
	border-bottom: solid 1px rgb(222, 226, 230);
}
.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);
}
.logo-login {
	display:block;
	margin: 0px auto 60px auto;
}
.logo {
	margin: 10px;
	max-width: 125px;
}
.form-control {
	color: #495057;
}
.form-control::placeholder {
            color: #888;
            opacity: 1;
}
.form-control:focus {
	border-color: rgb(85, 85, 85);
	box-shadow: 0 0 0 0.2rem rgba(85,85,85,.25);
}
.form-select:focus {
	border-color: rgb(85, 85, 85);
	box-shadow: 0 0 0 0.2rem rgba(85,85,85,.25);
}
.navbar-nav .nav-link {
	font-size: 15px !important;
	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);
}
.navbar-light .navbar-toggler {
	border:none;
}
.nav-tabs .nav-link {
	font-size: 13px;
	color: #666;
}
.nav-tabs .nav-link.active {
	font-weight:700;
}
.nav-link.active {
	color: rgb(238, 48, 67) !important;
}
.nav-link:hover {
	text-decoration: none;
	color: #333 !important;
}
.footer {
	margin-left: -12px;
    padding: 5px 20px 4px 20px;
    border: 0;
    outline: 0;
	background-color: rgb(238, 48, 67);
	color: white;
}
.sgn-checkbox:checked {
	background-color: rgb(238, 48, 67) !important;
	border-color: rgb(191, 38, 54) !important;
}
.sgn-checkbox:focus {
	border-color: rgb(85, 85, 85);
	box-shadow: 0 0 0 0.2rem rgba(85,85,85,.25);
}
.richText-editor:focus {
	border-left-color: rgb(191, 38, 54) !important;
}
.footer a {
	color:#ffffff;
}
.footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.sgnit-copyright {
	text-align:right;
}
.korkeusvali {
	margin: 5px 0;
}
.oikeareuna {
	float: right;
}
.vasenreuna {
	float: left;
}
.sgn-option:focus {
    background-color: rgb(238, 48, 67) !important;
}
.sgn-error {
	font-size: 130px;
	font-weight: 800;
	color: rgb(238, 48, 67);
}
.padding-sgn-sm  {
    padding: .5rem !important;
}
.sgn-otsikko {
	font-weight: 600;
	font-size: 14px;
}
.sgn-bold {
	font-weight: 600;
}
.card-body {
    padding: 1rem;
    line-height: 1.5rem;
}
.sgn-icon {
	font-size: 15px;
}
.sgn-icon:hover {
	cursor: pointer;
}
.sgn-card-accordion {
	background-color: rgba(0,0,0,0) !important;
	color: #666 !important;
	font-weight: 500;
	box-shadow: none !important;
}
.line-height-32 {
	line-height: 32px;
}
.fc-today {
    background: #F5F5F5 !important;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: rgb(206, 212, 218);
}
.fc-button {
	background: rgb(220, 53, 69);
}
.fc-button:hover {
	background: rgb(187, 45, 59);
}
.fc-button:disabled {
	
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: rgb(238, 48, 67);
	color: white;
}
@media (max-width: 992px) {
	.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;}
}
@media (max-width: 576px) {
	.tilauksen-luonti-buttons button {
		display: block;
		width: 100%;
		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;}
}