.btn-primary {
    background-color: #00cca5;
	border: none;
    
}
.btn-primary:hover {
    background-color: #AFD6D3 !important;
}
.text-primary{
    color: #00cca5;
	   
}
.container-fluid {
    padding-left: 4vw;
    padding-right: 4vw;
}

/* ------- navbar -------- */
.navbar-brand{
    cursor: default;
    color: #fff !important;
}
.navbar-brand:hover{
    color: #fff;
}

.navbar {
    margin-bottom: 0;
    /* background-color: #337ab7 !important; */
	background-color: #334C4D !important;
    font-size: 14px !important;
    border: 0;
    border-radius: 0;
    padding: 10px 0px 10px 0px;
}
.navbar li a, .navbar .navbar-text {
    color: #fff !important;
    transition: background-color 0.5s, color 0.5s;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #334C4D !important;
    background-color: #07FFBA !important;
}
.dropdown-menu li a {
    color: black !important;
}

.modal-loader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    text-align: center;
    line-height: 55vw;
    /*background: rgba( 255, 255, 255, .5 ) url('../images/ajax-loader2.gif') 50% 50% no-repeat;*/
    background: rgba( 255, 255, 255, .7 ) url('../images/ajax-loader2.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loader {
    display: block;
}



/***************************************/

/* ------- yleiset -------- */

.glyphicon {
    margin-right: 5px !important;
}

.to-top{
    font-size: 50px;
    position:fixed;
    bottom: 20px;
    right: 100px;
    display:none;	
    z-index: 10;
}

#loader{
    width: 100%;
    height: 300px;
    background: url('../images/pre-loader.gif') 50% 50% no-repeat rgb(255,255,255);
}
#loader-otsikkotiedot, #loader-rivitiedot {
    width: 100%;
    height: 300px;
    background: url('../images/pre-loader.gif') 50% 50% no-repeat rgb(255,255,255);
}
/***************************************/

/****** laskun tilat *****/
.lukittu{
    cursor: not-allowed;
}
.valmis{
    background-color: #88c38b !important;
}
.kasitelty{
    background-color:  #cccccc !important;
}
/***************************************/


/* ------- näytä-lasku -------- */


/***************************************/