body {
background-image: url("../img/pisara.jpg");
background-size:100%;
background-repeat:no-repeat !important;
font-family: 'Open Sans',Helvetica,Arial,sans-serif,Nimbus Sans L;
background-color:white;
width:100%;
}

#btnAddResources {
display:none;
}

#ms_attr_IK {
width:100%;
margin-bottom:6px;
}

.isoinput-IK {
display:none !important;
}

button[disabled], html input[disabled] {
background-color:#eee !important;
}

#reservationFormDiv {
background:#fff;
}

.ala_varoitus {
color:black;
}

.varoitusloota {
color: red;
text-align: center;
padding: 20px;
border:1px solid red;
width:90%;
margin:auto;
margin-bottom:20px;
}

.varoitusloota h3 {
font-size:16px !important;
}

.varoitusloota span {
font-size:12px !important;
}

#report-no-data {
color:red;
}

.annoc_admin {
color:green;
display:none;
}

fieldset {
background-color:white;
}

legend {
background-color:white;
}

.adminview_IK .annoc_admin {
display:list-item !important;
}

.annoc_punainen {
color:red;
}

.not_available_IK {
/*text-decoration: line-through;*/
background:yellow !important;
color:red !important;
}
#editAttributePossibleValues .required isoinput-IK {
overflow-x: scroll !important;
    white-space: nowrap;
    width: 50px;
}

.not_available_IK:after {
content:"!";
}

.IK-t-kuva {
width:16px;
height:16px;
float:left;
margin-right:10px;
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
}

.IK-t-rotA {
background-image: url("../img/toggle-arrow-a.png");
}

.IK-t-rotB {
background-image: url("../img/toggle-arrow-b.png");
}

.IK-sep {
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #178feb;
}

.available-IK .inline a {
color:#111;
}

#editAttributePossibleValues {
     width:200px;
     height:150px;     
    }
    
#filterForm .customAttribute {
display:none;
}

.dashboardContents .availabilityItem:hover {
background-color: #eee;
}

.accesories-IK {
float: left;
}
.userList .customAttributes { 
display:none;
}
#addUserForm .customAttributes { 
display:none;
}

.menubaritem a:hover, li.menubaritem:hover, li.menubaritem ul li {
background:white;
border:none;
}

.csv-IK {
display:none;
}

#reservationParticipation {
display:none;
}

#reservationDetails {
width:100%;
border:none;
}

.loggedout .slicknav_menu {
display:none;
}

.slicknav_nav {
margin-top: 7px;
/*background-color:#178feb;*/
}

#mobinav .slicknav_menu {
padding-left:20px;
}
#mobinav .slicknav_menutxt {
padding: 5px;
border-radius:3px;
text-decoration:none;
}

.slicknav_menu a {
text-decoration:none;
}

.reservtitle-ik {

}

.kayttoehdot_t {
color:red;
}

.kayttoehdot {
padding:5px;
}

.customAttributes h3 {
border:none;
}

#nav {
padding-left:0px;
}

#logo img {
max-width:initial;
padding-left:0px;
}

.row0 {
background-color:#dce9f2;
}

table.list {
border: solid 1px #ccc;
}

#userSearch {
margin-right:8px;
}

.userList td {
border:1px solid #ccc;
padding: 2px;
}

.userList td:empty {

}

#login-links p {
}

.userList tr td:nth-child(3) {
text-transform:none !important;
}

.userList tr:first-of-type {
background-color:black !important;
color:white;
}

.userList tr:first-of-type th {
border-color:#222;
border-bottom-color:initial;
}

a.page.current, a.page:hover {
border:none;
background-color:transparent;
font-weight:bold;
}

.ui-dialog .ui-dialog-content {
max-height:500px !important;
zoom:0;
}

#loginbox {
max-width: 450px;
width: 90%;
}

#nav li {
/*border-right: solid 1px #178feb;*/
border:none;
}

#nav a {
color:black;
}

#nav ul {
box-shadow: 0px 5px 5px RGBA(0, 0, 0, 0.25);
}


input[type="button"], input[type="reset"], input[type="submit"],
button[type = "button"], button[type = "submit"] {
background-color:#178feb !important;
color:white !important;
box-shadow:none;
border:none;
padding: 5px 10px 6px 7px;
font-weight:bold;
}

button[type = "button"]:hover, button[type = "submit"]:hover {
color:black;
}

button img {display:none;}

input {
color:#178feb;
}

.menubar {
background-color:inherit;
padding-top: 3px;
}

#nav .menubaritem ul li {
background-color:white !important;
}

#nav .menubaritem li {
/*border: solid 1px #dbf3d8 !important;*/
border: solid 1px #ccc !important;
border-top-width: 0 !important;
}

#nav .menubaritem li:last-child {
/*border-radius:0px 0px 8px 8px;*/
}

#nav .menubaritem ul li a:hover {
/*border-radius: inherit;*/
}

.menubaritem a {
/*color:#178feb !important;*/
background-color:transparent;
}

.menubaritem a:hover, li.menubaritem:hover {
/*background-color:#ccc !important;
background-color:#f1ffef !important;*/
font-weight:bold;
}


#header-top,
.page-footer {
background-image: url("/Web/img/foothead-back.jpg") !important;
background-repeat: no-repeat;
}

#header-top {
background-color: #222;
height:105px;
background-position:center !important;
}

#header {
margin-right: 0px;
height:155px;
background-color: white;
border:none;
box-shadow:none;
min-width:none !important;
}

#signout {
margin-top:15px;
color:white;
width:180px;
text-transform: uppercase;
font-size: 12px;
line-height:170%;
}

#signout a {
color:#ccc;
text-decoration:none;
}

#signout a:hover {
color:white;
}

#signout a:focus {
outline:none;
}

#custom-report-input span {
padding-bottom:10px;
}

#report-results tr {
background-color:white;
}

#btnCustomReport {
position:relative;
float:right;
}

#report-list {
background-color:white;
border-radius:5px;
padding:10px;
}

.resourceDetails ul {
/*border:1px solid red;*/
padding-left:20px;
}

.resourceDetails h5 {
padding-left:20px;
}

#filterForm label {
font-size:12px;
}

#filterForm li {
padding-bottom:12px;
}

#help-prompt {
display:none !important;
}

#customReportInput-container {
background-color:white;
/*border:1px solid #6a6a6a;*/
border-radius:5px;
margin-top:5px;
box-shadow: 3px 3px 5px #888888;
}

.admin {
background-color:white;
}

.list {
background-color:white;
}

#content h1{
background-color:white;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
border-radius:5px;
box-shadow: 3px 3px 5px #888888;
}

#reservations-left {
background-color:white;
}

#reservationTable tr:first-of-type {
background-color:#ccc;
}

#loginbox img{
display:none;
}

.calendarHeading {
background-color:white;
border-radius:5px;
border:none;
padding-bottom:5px;
margin-bottom:0px;
box-shadow: 3px 3px 5px #888888;
padding-left: 25px;
padding-right: 25px;
}

td.resdate {
background-color:#6f6f6f;
}

.reservable.hilite {
background-color:#eeeeff !important;
}

.today td.resdate {
background-color:#62acc3 !important;
}

.reservations tr td {
border:1px solid gray !important;
    text-align: center;
}

.reservations tr:hover {
}


.page-footer {
width:75% !important;
margin:auto;
border:none !important;
border-radius:3px 3px 0px 0px;
background-color:#222 !important;
background-position:bottom !important;
margin-top:1px;
height: 60px !important;
}

.page-footer p {
padding-top:6px;
font-size:12px;
}

.page-footer a {
color:#ccc;
text-decoration:none;
}

.page-footer a:hover {
color:white;
}


.kielipalkki {
}

#login-links {
margin-bottom: 30px;
}

#login-links a {
color:black;
}

#login-links a:hover {
color:#6a6a6a;
}

.nav-containeri {
text-align:center;
}

.nav-containeri ul {
display:inline-block;
}

#loginbox {
margin-bottom:20px;
}

#loginbox form{
border-radius:5px;
}

li.help
{
display:none;
}

#help {
background-color:white;
}

#calendar {
background-color:white;
}

#wrapper {
  width: 75%;
left: 12.5%;
}

#logo {
width:300px;
}

.dashboardContents table, .dashboardContents table td, .dashboardContents table th {
border:1px solid gray;
}

.dashboardContents {
background-color:white !important;
border:1px solid #178feb !important;
}

.dashboardHeader, .registrationHeader, .forgot_pwdHeader {
background-color:#178feb !important;
color:white;
border:none !important;
padding:5px 15px 5px 15px;
text-transform: uppercase;
}



.dashboardHeader a {
color:white !important;
font-weight:bold;
}

a, .dashboardContents a {
color:#178feb;
}

 .resourcename a {
color:#178feb !important;
}


a:hover {
color:black;
}

.dashboardHeader a:hover {
color:white !important;
font-weight:bold;
}

.dashboardContents table td {
min-width:0px !important;
}

.nav-containeri ul {
/*dada*/
}

.mobinav-containeri {
display:none;
}

#mobi-nav .menubaritem  {
background-color:white;
}

#mobi-nav .menubaritem:hover  {
background-color:white !important;
font-weight:bold !important;
}

#mobi-nav .menuitem {
background-color:white;
font-weight:initial !important;
}

#mobi-nav .menuitem:hover {
background-color:white;
font-weight:initial !important;
}

#mobi-nav li, #mobi-nav ul {
background-color:white;
display: inline;
border: none;
}

#mobi-nav ul:after {
content:" | ";
color:#33ace4;
}

#mobi-nav li a:hover {
background-color:white !important;
color:black !important;
}

#mobi-nav .menuitem a {
color:#33ace4 !important;
padding: 0px 2px;
}

#mobi-nav .menuitem a:hover {
font-weight:initial !important;
}

#mobi-nav li a {
padding:0px;
margin:0px;
}

#mobi-nav {
background-color:white;
list-style-type:none;
text-align:center;
padding:0px 5px;
}

.loggedout #header {
height:auto !important;
}

#mobinav {
display:none;
border:1px solid white;
}

/* RESPONSIVE saannot */

/*ALLE 720px*/
@media screen and (max-width: 760px) {

.nav-containeri {
display:none;
}

#mobinav {
display:initial;
}


/*.mobinav-containeri {
display: inline;
}
*/

#header {
height:auto;
}

#logo { display:none;}

#wrapper {
width:100%;
}

#nav li {
float:none;
width:100%
}

#nav ul {
position: static;
display: none;
}
	
#nav ul li, li a {
width: 100%;
}

.page-footer {
width: 100% !important;
}

#signout {
margin-left: auto ;
margin-right: auto ;
text-align: center;
float:none;
margin-top:0px;
padding-top: 10px;
}
}

/*ALLE 480px*/
@media screen and (max-width: 480px) {


label.login {
font-size:8px;
}

}
/* RESPONSIVE loppuu */

.slicknav_nav {
list-style:none;
}

.slicknav_nav li {
border-bottom:1px solid #e1e1e1;
}

.slicknav_nav li:hover {
background-color:transparent;
}

.slicknav_nav li a {
text-decoration:none;
}

.menubaritem a:hover {
color:#006295 !important;
}

.menuitem a:hover {
color:#fff !important;
}