/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.5.2016, 15:16:52
    Author     : pasisaastamoinen
*/
.datepick-control, .datepick-links, .datepick-next, .datepick-current, .datepick-prev {
    color: white !important;
}
.material-icons {
    width:45px; 
    height:45px;
    padding: 5px 5px 5px 5px;
}
#material-icons-proju {
    margin-left:7px;
    font-size: 18px;
    width:24px !important; 
    height: auto !important;
    padding: 0px !important;
}
#ck-button {
    margin:2px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    clear:both;
}
#ck-button label {
    margin-top: 3px;
    float:left;
    padding: 2px;
    width: 250px;
}

#ck-button label span {
    text-align:center;
    padding:3px 3px;
    display:block;
    border-radius:4px;
}

#ck-button label input {
    position:absolute;
    top:-20px;
}

#ck-button input:hover + span {
    background-color:#52f27d;
}

#ck-button input:checked + span {
    background-color:green;
    color:#fff;
}

#ck-button input:checked:hover + span {
    background-color:#c11;
    color:#fff;
}

#ck-button-tyo {
    margin:2px;
    padding:3px 3px 3px 3px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}
#ck-button-tyo label input {
    position:absolute;
    top:-20px;
    visibility: hidden;
}
#ck-button-tyo input:hover + span {
    background-color:#52f27d;
}

#ck-button-tyo input:checked + span {
    background-color:green;
    color:#fff;
}

#ck-button-tyo input:checked:hover + span {
    background-color:#c11;
    color:#fff;
}
#ck-button-tyo label span {
    text-align:center;
    padding:3px 3px;
    display:block;
    border-radius:4px;
}
#ck-button-tyo label {
    margin-top: 3px;
    float:left;
    padding: 2px;
    width: 250px;
}


body {
    background-color: #E0ECF8;
    margin-left: 7px !important;
}
.taulu {
    border: 0px;
}

#inputti {
    height:35px;
    font-size: 20px;
}

.inputti {
    height:35px;
    font-size: 20px;
}

div.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    
    text-decoration: none;
    color: initial;
}

#projektilinkki{
    color: #023bad !important;
}
#tyo_kesken_paivalta{
    color: #cfa408 !important;
}
#tyo_valmis_paivalta{
    color: #039e03 !important;
}
#tyo_tekematta{
    color: red !important;
}
a {
    text-decoration: none;
    color: initial !important;
}


#nappi, #tallennus{
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    width: 175px;
}
#nappi_row{
    height:45px;
    background-color: #4CAF50; /* Green */
    color: white;
    /*padding: 2.5px 5px 2.5px 5px;*/
    text-align: center;
    text-decoration: none; 
    /*margin-top: 3px;*/
    font-size: 14px;
    margin-top: 3px;
    margin-right:3px;
    margin-bottom:5px;
}
.dot_red {
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}
.dot_green {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
#ots00, #ots0, #ots1, #ots2, #ots3, #ots4, #ots5, #ots6, #ots7, #ots8, #ots9, #ots10, #ots11, #ots12, #ots13, #ots14, #ots15, .otsakkeet {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 5px 5px 5px 5px !important;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 15px;
    /*width: 175px;*/
}
#nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    width: 175px;
}
#nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 10px;
    font-size: 14px;
    width: 175px;
}
#manu {
    background-color: grey; /* Yellow */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 10px;
    font-size: 14px;
    width: 175px;
}
#nappisave {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
    width: 45px;
    /*display: block;*/
}
#nappisave_kesken {
    background-color: red; /* Green */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
    width: 45px;
    /*display: block;*/
}
#nappi_back {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
    width: 45px;
    /*margin-left: 5px;
    display: block;*/
}
#nappihome {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
    width: 45px;
    /*display: block;*/
}
#nappiactions {
    background-color: #cccccc;
    color: black;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
    width: 45px;
}
#nappi_aloita {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    width: 175px;
}
/* TD TYYLIT */

#nappi_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    width: 175px;
}
#nappi2_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    width: 175px;
}
#nappi3_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 10px;
    font-size: 14px;
    width: 175px;
}
#manu_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 10px;
    font-size: 14px;
    width: 175px;
}

@media only screen and (max-device-width: 960px) {
    
    #inputti {
    height:35px;
    font-size: 20px;
}

.inputti {
    height:35px;
    font-size: 20px;
}

#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    /*width: 100%;
    height:100%;*/
    }
    #nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 14px;
    /*width: 100%;
    height:100%;*/
    }
    #nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 5px;
    font-size: 14px;
    /*width: 100%;
    height:100%;*/
    }   
    /* TD TYYLIT */
    #nappi_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        /*width: 45%;*/
        margin-bottom: 10px;
    }
    #nappi2_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        /*width: 45%;*/
        margin-bottom: 2px;
    }
    #nappi3_td {
        color: white;
        text-decoration: none; 
        text-align: center;
        margin-top: 3px;
        margin-right: 10px;
        /*width: 45%;*/
        margin-bottom: 10px;
    }
    #manu_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        /*width: 45%;*/
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 600px) {
    
    #inputti {
    height:35px;
    font-size: 20px;
}

.inputti {
    height:35px;
    font-size: 20px;
}

#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 16px;
    width: 95vw;
    /*height:100%;*/
    }
    #nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none; 
    margin-top: 3px;
    font-size: 16px;
    width: 95vw;
    /*height:100%;*/
    }
    #nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none; 
    margin-top: 3px;
    margin-right: 5px;
    font-size: 16px;
    width: 95vw;
    /*height:100%;*/
    }   
    /* TD TYYLIT */
    #nappi_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        width: 95vw;
        margin-bottom: 10px;
    }
    #nappi2_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        width: 95vw;
        margin-bottom: 2px;
    }
    #nappi3_td {
        color: white;
        text-decoration: none; 
        text-align: center;
        margin-top: 3px;
        margin-right: 10px;
        width: 95vw;
        margin-bottom: 10px;
    }
    #manu_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 3px;
        width: 95vw;
        margin-bottom: 10px;
    }
}