html,
body {
    height: 100%;
}

body {
    margin: 0;
    font: 15px "Fira Sans", sans-serif;
    background: #fff;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

.clear {
    clear: both;
}

.padfix {
    padding-left: 30px;
}

a {
    color: #097963;
    text-decoration: none;
    -webkit-transition: color 250ms ease-in-out;
    -moz-transition: color 250ms ease-in-out;
    -ms-transition: color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out;
    font-weight: inherit
}

a:hover {
    color: #111;
    text-decoration: underline
}

h4 > a {
    display: block;
}

p {
    margin: 0 0 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111;
    line-height: 1.2;
    font-weight: 500;
}

h1 {
    color: #055343;
    border-left: 5px solid #087a63;
    padding: 0 0 0 10px;


}

h2 {
    color: #055343;
    border-left: 5px solid #087a63;
    padding: 0 0 0 10px;


}

h1 {
    font-size: 2.933em
}

h2 {
    font-size: 2.600em;
}

h3 {
    font-size: 1.200em
}

h4 {
    font-size: 1.000em
}

h5 {
    font-size: 0.800em
}

h6 {
    font-size: 0.667em
}

h4 {
    color: #015845;
    border-bottom: 2px solid #bfd6d0;
    font-size: 1.2em;
    padding-bottom: 7px;
}

h3 {
    color: #015845;

    font-size: 2em;
    padding-bottom: 7px;
    margin-top: 16px;
}

.palvelut {
    padding-top: 30px;
}

.palvelut h2, .features h2 {
    border-left: none;
    text-align: center;
}

.palvelut .row > div > p {
    padding-left: 15px;
    padding-right: 15px;
}

.palvelut .icon-img {
    border: 2px solid #bfd5d2;
}

/***** BUTTONS *****/

.btn {
    -moz-user-select: none;
    background-image: none;
    background-color: #097460;

    border: 2px solid #097460;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    padding: 7px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn:hover {
    background-color: #fff;
    color: #097460;
    border: 2px solid #097460;
}

.btn .fa {
    font-size: 90%;
}

.btn2 {
    border: 2px solid #B6D8D1;
    display: inline-block;
    font-size: 1em;

    line-height: 1;
    margin-bottom: 0;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn2:hover {
    background-color: #B6D8D1;
    text-decoration: none;
}

.btn-img {
    border: 2px solid #B6D8D1;
    display: inline-block;
    font-size: 1em;

    line-height: 1;
    margin-bottom: 0;
    padding: 0 0 5px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn-img:hover {
    text-decoration: none;
}

.btn-img img {
    opacity: 1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn-img:hover img {
    opacity: 0.7;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn-fw {
    border: 2px solid #097460;
    display: block;
    width: 100%;
    font-size: 1em;
    background-color: #097460;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn-fw:hover {
    background-color: #fff;
    color: #097460;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: none;
    text-shadow: none
}

.btn-default {
    background: transparent none;
    border-color: #006536;
    color: #006536
}

.btn-default:hover {
    background-color: #006536;
    border-color: #006536;
    color: #fff
}

.lang-sw.active {
    color: white;
}

/***** LISTS *****/

/* CARET */

ul.list-type-1 {
    padding: 0;
    margin-bottom: 0;
}

ul.list-type-1 li {
    list-style-type: none !important;
    padding-bottom: 5px;
}

ul.list-type-1 li {
    position: relative;
    padding-left: 15px;
}

ul.list-type-1 li:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #055343;
    font-size: 15px;
    position: absolute;
    top: -1px;
    left: 0;
}

/**************** SUB MENU *******************/

ul.sub-menu {
    padding-left: 15px;
    margin-bottom: 0;
    float: left;
}

ul.sub-menu li {
    float: left;
    list-style-type: none;
    padding-right: 5px;
}

.row-main {
    padding-top: 30px;
}

.padded-left {
    padding-left: 20px;
}

/***** TOPBAR *****/

.topbar {
    background: #231f20;
    color: #a4a8a7;
    line-height: 32px;
    font-size: 90%;
}

.topbar a {
    color: #a5a9a7;
    text-decoration: none;
}

.topbar a:hover {
    color: #fff;
}

.topbar ul:before,
.topbar ul:after {
    content: "";
    display: table;
}

.topbar ul:after {
    clear: both;
}

.topbar ul {
    zoom: 1; /* For IE 6/7 */
}

.topbar ul {
    padding: 0;
    margin: 0 auto -12px auto;
    width: auto;
    display: inline-block;
}

.topbar ul li {
    list-style: none;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.25)
}

.topbar ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.topbar ul li .fa {
    margin-right: 8px;
    color: #fff;
}

.topbar .lang {
    text-transform: uppercase;
}

.topbar .top-some a {
    padding-left: 5px;
    line-height: 1;

}

.topbar .top-some .fa {
    color: #666;
    font-size: 20px;
    padding-top: 7px;
    margin: 0;
}

.topbar .top-some a:hover .fa {
    color: #097963;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;


}

.top-some {
    line-height: 0;
}

.top-some ul {
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
}

.top-some ul li {
    list-style: none;
    float: left;
    margin: 0 10px 0 0;
    border: none;
    padding: 0;

}

.top-some ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.top-some a:hover .fa {

}

@media only screen and (max-width: 992px) {
    .topbar .row > div {
        text-align: center !important;
    }

    .topbar ul li {
        border: none;
    }

    .padfix {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width: 640px) {
    .topbar .col-md-8 {
        display: none;
    }
}


/***** NAVIGATION *****/

.navbar {
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    min-height: 50px;
    position: relative;
    border-radius: 0;

}

.navbar-default {
    background: #fff none;


}

.navbar-default .navbar-text {
    color: #82ca9c;
}

.navbar-default .navbar-nav > li > a {
    color: #121212;

}

.navbar-nav {
    margin: 20px 0;
}

.navbar-nav > li {
    background-color: #dbe5e4;
}

.navbar-nav > li.menu-basic {
    border-left: 1px solid #a5c0bb;
}

.navbar-nav > li.etusivu {
    border-left: none !important;

}

.navbar-nav > li > a {

    /*font-weight: 500;*/
    line-height: 1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.nav > li > a {
    display: block;
    padding: 10px 22px;
    position: relative;
    text-align: center;
}

/*.navbar-nav > li:last-child > a,*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #065343;
}

/*
.navbar-nav > li:last-child > a {
	color:#fff;
	background: #097963;
	background: -moz-linear-gradient(top,  #097963 0%, #055343 100%);
	background: -webkit-linear-gradient(top,  #097963 0%,#055343 100%);
	background: linear-gradient(to bottom,  #097963 0%,#055343 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097963', endColorstr='#055343',GradientType=0 );

}
*/
.navbar-nav > li:last-child > a:hover {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #065343;

}

/*.navbar-default .navbar-nav > li > a:after{
	content: "\f0d7";
	font-family: FontAwesome;
	display: block;
	text-align: center;
	font-size: 15px;
	color: transparent;
	position: absolute;
	top: auto;
	left: 45%;
	right: 45%;
	margin: 0 auto;
	bottom: -11px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}*/

.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > .active > a:after {
    color: #065343;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: #ccc;

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;

    color: #065343;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background: transparent none;
    box-shadow: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #065343;
}

.navbar-default .navbar-toggle {
    margin-top: 25px;
    border-color: #fff;
    background-color: #fff
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(0, 0, 0, 0.25);
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #005846;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #dbe5e4;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #dbe5e4;
    color: #555555;
}

/************ MENU DROPDOWN *******************/
.dropdown > .dropdown-menu {
    padding: 0;
}

.dropdown > .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #121212;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.dropdown > .dropdown-menu > li:hover > a,
.dropdown > .dropdown-menu > li:active > a,
.dropdown > .dropdown-menu > li:focus > a {
    color: #065343 !important;
    background-color: #dbe5e4;
    background-image: none !important;
    background-repeat: repeat-x;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #267061;
    background-image: none !important;
    background-repeat: repeat-x;
    color: #fff !important;
}

/*********** CUSTOM MENU BUTTONS **************/
.nav .menu-tilaa-palvelu {

}

.menu-icons {
    background-color: transparent !important;
    margin-left: 10px;
}

.menu-icons > a {
    padding-left: 35px !important;
    padding-right: 17px !important;
    background-color: #267061 !important;
    color: #fff !important;
    border: 1px solid #065343;
    border-radius: 5px;
}

.menu-icons:hover > a {
    background-color: #fff !important;
    color: #267061 !important;
}


.menu-icons > a:before {

    font-family: FontAwesome;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 9px;
    left: 15px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

}

.menu-icons:hover > a:before {
    color: #267061;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.menu-login > a:before {
    content: "\f090";
}

.menu-logout > a:before {
    content: "\f08b";
}

.menu-omat-tiedot > a:before {
    content: "\f007";
}

.menu-omat-palvelut > a:before {
    content: "\f0b1";
}

.menu-omat-muistiinpanot > a:before {
    content: "\f044";
}

@media only screen and (max-width: 768px) {
    .navbar-nav > li {
        margin-bottom: 8px;
    }
}


/***** BRANDING *****/

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0
}

.navbar-default .navbar-brand {
    color: #fff
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: none
}

.navbar-brand {
    float: left;
    font-size: 0;
    height: auto;
    line-height: 1;
    padding: 0;
}

.navbar-brand img {
    max-width: 75px;
}


/***** HEADERS *****/

.header-img {
    line-height: 0;
    border-bottom: 5px solid #006536;
}

/***** Intro text *****/
.info {
    background-color: #065343;
    border-radius: 0;
    /*    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.10);*/
    /*	box-shadow: 0 5px 0 0 rgba(0,0,0,0.10);*/
    z-index: 2;
}

.info p {
    font-size: 1em;
    color: #fff;
    margin: 14.5px 0;
    display: inline-block;
    float: left;
}

.info p.borderLeft {
    border-left: 3px solid #087a63;
    padding: 0 0 0 8px;
}

.info a {
    color: #fff;
    border: 2px solid #447e72;
    padding: 3px 12px;
    margin: 10px 0;
    display: inline-block;
    text-shadow: 1px 1px 0 #065343;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.info a:hover,
.info a:focus,
.info a:active,
.info a.active {
    background-color: #447e72;
    border: 2px solid transparent;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/***** ETUSIVU BANNER *****/
.banner {

    background: #f5f5f5 url(../images/headers/header1.jpg) no-repeat center top;
    border-bottom: 5px solid #097460;
}

.banner > div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bannerTextLeft {
    position: relative;
    height: 350px;
}

.bannerTextLeft > div {

    position: absolute;
    bottom: 0;

    right: 10px;
}

.bannerTextLeft > div {
    background-color: rgba(255, 255, 255, 0.7);
    margin: 0 10px;
}

.bannerTextLeft .fa {
    font-size: 10px;

}

.bannerTextLeft span {
    font-style: italic;
    color: #888;
}

.bannerTextLeft p {

    margin: 10px;
    padding-left: 7px;
    color: #222;
    border-left: 5px solid #005746;
    display: inline-block;
}

.bannerTextRight {
    background-color: #267061;
    padding: 15px;
    border-top: 5px solid #097963;
    border-bottom: 5px solid #097963;
}

.bannerTextRight p {
    color: #f2f2f2;
}

.bannerTextRight h2 {
    color: #f2f2f2;
    margin-top: 0;
    margin-bottom: 15px;
}

.bannerTextRight a {
    display: block;
    text-align: center;
    background-color: #097963;
    color: #fff;
    padding: 8px;
    font-weight: 500;
    border-radius: 5px;
    border: 2px solid #fff;
}

.bannerTextRight a:hover {
    background-color: #fff;
    color: #267061;
    border: 2px solid #fff;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/***** STRIPE CONTAINERS *****/

.stripe1 {
    background: #f5f5f5 url(../images/backgrounds/bg-1.png) no-repeat center center;
    background-size: cover;
    border-bottom: 5px solid #097460;
}

.stripe2 {
    background: #09735d;
    margin-top: 40px;

}

.stripe2 .btn {
    background-color: #197a30;
}

.stripe2 .btn:hover,
.stripe2 .btn:focus {
    background-color: #fff;
    color: #197a30
}

/*.stripe2:after {*/
/*	content: "";*/
/*	display: block;*/
/*	height: 5px;*/
/*	width: 100%;*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	background: rgba(0,0,0,0.10)*/
/*}*/


/***** FEATURES *****/

.features {
    padding: 20px 0;
}

.features > .row {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0 0 8px 8px;
    border-bottom: 3px solid #076452;
}

.features > .row > div {
    text-align: center;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    /*margin-top:10px;*/
    padding-bottom: 20px;
}


/*.features > .row > div > div {*/
/*	position: relative;*/
/*	background: #006536;*/
/*	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);*/
/*	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);*/
/*}*/

.features > .row > div:nth-child(2):before,
.features > .row > div:nth-child(3):before {
    background: #bfd5d2;
    bottom: 0;
    content: " ";
    right: 0;
    position: absolute;
    width: 2px;
    top: 0;
}

.features hr {
    color: #ccc;
    background-color: #ccc;
    height: 2px;
    width: 70%;
}

.features p {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 135px;
}

/*
.features h2 {
	color: #fff;
	font-weight: 400;
	line-height: 1;
	text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	display: block;
	position: absolute;
	margin: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	background: #006536;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.features h2:hover { background: #16a54a; }

.features h2 .fa {
		font-size: 80%;
		font-weight: normal !important;
		margin-left: 8px;
}

.features h2 > a { color: #fff; text-decoration: none; display: block; padding: 15px 20px; }
*/
.features h1 {
    text-align: center;
    background: #097963;
    background: -moz-linear-gradient(top, #097963 0%, #055343 100%);
    background: -webkit-linear-gradient(top, #097963 0%, #055343 100%);
    background: linear-gradient(to bottom, #097963 0%, #055343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#097963', endColorstr='#055343', GradientType=0);
    margin: 0;
    padding: 10px 0;
    font-size: 1.500em;
    color: #fff;
    border-radius: 7px 7px 0 0;
}

.features img {
    width: 100%;
}

.icon-img {
    background-color: #ebebeb;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 2px solid #bfd5d2;

}

.icon-img .fa {
    font-size: 80px;
    color: #097963;
    text-shadow: 1px 1px 1px #ccc;


}

.icon-img > p {
    text-align: center !important;
    margin: 0;
    padding: 0;
}

.dashboard-heading {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}

.btn-apua {
    float: right;
    display: inline-block;
    border: 2px solid #bfd5d2;
    padding: 5px 10px;
    margin: 15px;
    margin-top: 25px;
}


table.custom-props .colored {
    background-color: #09735d;
    color: white;
}


.notes-holder .notes-toggler {
    cursor: pointer;
}

.notes-holder .notes-toggler:hover {
    opacity: 0.8;
}


@media only screen and (max-width: 1280px) {

    ul.nav li.menu-icons {
        margin: 20px 0 0 10px;
    }

    ul.nav li.menu-omat-palvelut {
        clear: both;
        margin: 20px 0 0 0;
    }

    ul.nav li.menu-basic {
        border-left: 0;
    }

}

@media only screen and (max-width: 992px) {
    /*.features > .row > div:nth-child(3),*/
    /*.features > .row > div:nth-child(4)	{ margin-top: 20px; }*/
    .features > .row > div {
        float: none;
        margin-top: 20px;
        border-bottom: 3px solid #076452;
        border-top: 3px solid #076452;
        border-radius: 8px;
    }

    .features h1 {
        border-radius: 0 0 0 0;
        border: none;
    }

    .features .row,
    .stripe2 .row,
    .footer .row {
        border-bottom: none;
        margin: 0 10px;
    }

    .stripe2 {
        margin: 0;
    }

    .features p,
    .feature-2-box p {
        min-height: auto !important;
    }

    .circle > .fa {
        font-size: 4em;
    }

    ul.nav li.menu-icons {
        margin: 0 0 10px 0;
    }

    ul.nav li.menu-icons:last-child {
        margin-bottom: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-top: 10px;
        background-color: #fafafa;
    }

    .navbar-nav {
        margin: 10px 0;
    }

}

@media only screen and (max-width: 768px) {

    .circle {
        text-align: center;
    }

    .circle > .fa {
        font-size: 2em;
    }

}


.features2 {
    margin-left: -10px;
    margin-right: -10px;
}

.features2 > div {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.features2 > div > div {
    position: relative;
    background: #006536;
}

.features2 > div > div:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 2px solid #fff;
}

.features2 h2 {
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
    position: absolute;
    margin: 0;
    bottom: 30px;
    left: 0;
    right: 0;
    background: #006536;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.features2 h2:hover {
    background: #16a54a;
}

.features2 h2 .fa {
    font-size: 80%;
    font-weight: normal !important;
    margin-left: 8px;
}

.features2 h2 > a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px 20px;
}

@media only screen and (max-width: 768px) {
    .features2 > div {
        float: none;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
}

/***** FEATURES 2 *****/
.features-2 {
    background-color: #ebebeb;
}

.features-2 > .container {
    padding: 20px 0;
}

.features-2 > .container > .row {
    margin: 0;
}

.circle > .fa {
    font-size: 3em;
    padding: 30px;
    color: #097963;

}

.circle > .fa-cubes {
    padding: 30px 25px;
}

.circle > .fa-bar-chart {
    padding: 30px 28px;
}

.circle {
    border-radius: 50%;
    border: 5px solid #097963;
    display: inline-block;
    -webkit-box-shadow: inset 0px 0px 0px 5px rgba(201, 222, 217, 0.75);
    -moz-box-shadow: inset 0px 0px 0px 5px rgba(201, 222, 217, 0.75);
    box-shadow: inset 0px 0px 0px 5px rgba(201, 222, 217, 0.75);
    margin: 7px;
}

.feature-2-box p > a {
    font-weight: 500;
}

.feature-2-box {
    padding: 0;
}

.fp-box-fix {
    min-height: 480px !important;
}

.feature-2-box > .row > div {
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    border-bottom: 3px solid #076452;
    border-top: 3px solid #076452;
    margin: 7px;
    padding: 15px;
}

.feature-2-box > .row {
    margin: 0;
}

.feature-2-box p {
}


/***** CALLOUT *****/

.callout {
    color: #fff;
    line-height: 1;
    padding: 10px 0;
}

.callout h5 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.callout .btn {
    font-size: 1.600em;
    color: #fff;
    border-color: #fff;
    padding: 10px 15px;
}

.callout a {
    color: #fff;
}

.callout .btn .fa {
    font-size: 80%;
}

.callout ul {
    float: left;
    padding-left: 0;
    margin: 10px 0;
}

.callout ul li {
    float: left;
    list-style-type: none;
    padding: 0 8px;
    border-right: 1px solid #2eaa92;
}

.callout ul li:last-child {
    border-right: none;
}

.callout ul li a {
    color: #fff;
}

.callout p {
    float: left;
    margin: 10px 10px 10px 0;
}

.callout .text-right .fa {
    font-size: 30px;
    color: #2caa92;
    padding: 5px;
}

.callout .text-right a:hover > .fa {
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.callout .text-right h5 {
    font-size: 0.95em;
    font-weight: 500;
}

@media only screen and (max-width: 1200px) {
    .callout h5 {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 992px) {
    .callout {
        text-align: center;
    }

    li.menu-icons {
        margin: 7px 4px !important;
    }
}


/***** MAIN-CONTENT *****/

.main-content {
    padding-bottom: 40px;
}


/***** SIDEBAR *****/


/***** FOOTER *****/

.footer {
    padding: 0;
    background-color: #111;
}

.footer ul {
    float: left;
    padding: 0;
    margin: 0;
}

.footer ul li {
    float: left;
    list-style-type: none;
    color: #a4a8a7;
    margin: 0 10px 0 0;
    padding: 5px 10px 5px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.25)

}

.footer ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.footer .fa {
    margin-right: 8px;
    color: #fff;
}

.copyright p {
    margin: 0;
    padding-top: 5px;
    text-align: right;
    color: #a4a8a7;
}

.bottom {
    padding: 0;
}

.nordlane {
    float: right;
    margin: 10px 0;
    opacity: 0.35;
    height: 14px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.nordlane:hover {
    opacity: 0.75;
}

@media only screen and (max-width: 992px) {
    footer > div > div {
        text-align: center !important;
        margin-bottom: 12px;
    }
}


/***** CUSTOM STYLES *****/

.img-responsive {
    width: 100%;
}


@media only screen and (max-width: 768px) {
    /*.row {
        margin-left: 15px;
        margin-right: 15px;
    }*/
}


/***** ERRORS *****/

.site-error {
    padding-bottom: 20px;
}

/***** PALVELUT *****/

.palvelut-header {
    border-bottom: 5px solid #097460;
    background: #f5f5f5 url(../images/headers/benchmarking-banner.jpg) no-repeat center top;
    padding-bottom: 95px;
    padding-top: 95px

}

.palvelut-header h1 {
    margin: 10px 0;
    font-size: 3.9em;
}

.palvelut-banner {
    border-bottom: 5px solid #097460;
    /*background: #f5f5f5 url(../images/headers/header1.jpg) no-repeat center top;*/
    /*padding-bottom:190px;*/

}

.palvelut-blocks {
    border-bottom: 5px solid #097460;
}

.palvelut-blocks .circle {
    margin: 25px 10px 0 0;
    float: right;

}

.palvelut-blocks > .container {
    padding: 20px 0;
}

.palvelut-content {
    border-bottom: 5px solid #097460;
    padding-top: 30px;
    padding-bottom: 30px;
}

.palvelut-content > .container > .row {
    padding: 20px 0;
    margin: 5px 0;
    border-bottom: 2px solid #097963;
}

.palvelut-content > .container > .row:last-child {
    padding: 5px 0 10px 0;
    margin: 5px 0;
    border-bottom: none;
}

.palvelut-content p {
    margin-bottom: 0;
}

.palvelut-content .img-responsive {
    margin-top: 20px;
}

.tabs {
    background-color: #EBEBEB;
}

.tabs > div {
    padding: 20px 0;

}

.tab-links > div {
    padding: 0;

}

.tab-links {
    border-bottom: 2px solid #097963;
}

.tab-links a {
    display: block;
    text-align: center;
    margin: 0 2px 0 0;
    padding: 10px 0 7px 0;
    line-height: 1;
    font-size: 1.000em;
    color: #055343;
    border-radius: 7px 7px 0 0;
    -webkit-box-shadow: inset 0px 2px 0px 2px #097963;
    -moz-box-shadow: inset 0px 2px 0px 2px #097963;
    box-shadow: inset 0px 2px 0px 2px #097963;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d8d8d8', GradientType=0);
}

.tab-links div:first-child a {
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #097963;
    background: -moz-linear-gradient(top, #097963 0%, #055343 100%);
    background: -webkit-linear-gradient(top, #097963 0%, #055343 100%);
    background: linear-gradient(to bottom, #097963 0%, #055343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#097963', endColorstr='#055343', GradientType=0);
}

.tab-content {
    border-radius: 0 0 8px 8px;
    border-bottom: 3px solid #076452;
    background-color: #fff;
}

.tab-content > div {
    padding: 15px;
}

.tab-content img {
    padding-top: 20px;
}

.tab-info:before {
    background: #bfd5d2;
    bottom: 0;
    content: " ";
    right: 0;
    position: absolute;
    width: 2px;
    top: 0;
}


div.graph div.selection {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 15px;
}

div.selection {
    margin-top: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 15px;
}

div.col-sidebar {
    padding: 20px 10px 10px 10px;
}

div.col-sidebar ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 35px;
}

div.col-sidebar ul li {
    margin: 10px 0px;
    border-bottom: 1px solid #ddd;
}

div.container {
    /* padding-bottom:20px; */
}

div.row-service > div > div {
    /* padding:30px; */
    border: 1px solid #ddd;
}

/*************************** PRODUCT VIEW *************************/
.product-row {
    border-top: 3px solid #097460;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-view {
    padding-top: 30px;
    padding-bottom: 30px;
}

.product-view ul {
    padding-right: 10px;
}

.product-heading > h3 {
    /* text-align:center; */
}

/**************** article ****************/

.main-article > div {
    border-right: 1px dashed #ccc;
    padding: 30px 15px;
}

.sidebar-palvelut > div > a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0 auto;
    margin-bottom: 20px;


}

.sidebar-palvelut > div {
    width: 100%;
    padding: 20px;
    padding-top: 40px;
}

.google-map {
    border-bottom: 5px solid #097460;
    height: 355px;
    padding: 0;
}

.yhteystiedot {
    padding-top: 30px;
    padding-bottom: 30px;
}

.yhteystiedot .btn-primary {
    background-color: #09735D !important;
}

/*********************** OMAT PALVELUT ****************************/
.row-service .product-top-img {
    background-size: cover;
    height: 150px;
    background-repeat: no-repeat;
}

.row-service > .col-service {
    margin-bottom: 15px;
}

.row-service .benchmarking {
    background-image: url(../../web/images/features/feature-1.jpg);

}

.row-service .arvonmaaritys {
    background-image: url(../../web/images/features/feature-2.jpg);

}

.row-service .yritysjarjestely {
    background-image: url(../../web/images/features/feature-3.jpg);

}

.row-service .btn {
    background-color: #09735D !important;
    border-radius: 0;
    display: block;
    padding: 10px
}

.row-service .btn:hover {
    color: #09735D !important;
    background-color: #fff !important;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.graph a {
    background-color: #09735D;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
    text-align: center;
}

.header-cover {
    display: none !important;
}

.product-view .row > div {
    padding: 0;
}

.gray-bg {
    background-color: #f1f1f1;
    height: 100%;

}

.product-heading .list-1 li {
    min-height: 45px;
}

li > span.bigNum {
    float: left;
    font-size: 45px;
    line-height: 1;
    color: #015845;
    padding-right: 10px;
}

.list-0 {
    min-height: 134px;
}

.list-3 {
    min-height: 70px;
}

.arvonkasvattaja-list .list-1 {
    min-height: 438px;
}

.arvonkasvattaja-list .list-2 {
    min-height: 529px;
}

.arvonmittaaja-list .list-1 {
    min-height: 560px;
}

.arvonmittaaja-list .list-2 {
    min-height: 460px;
}

.arvontoteuttaja-list .list-1 {
    min-height: 460px;
}

.arvontoteuttaja-list .list-2 {
    min-height: 300px;
}

.desc .list-0 {
    /* margin-top:0px; */
}

.border-left .list-0,
.border-left .list-1,
.border-left .list-2,
.border-left .list-3 {
    border-left: 2px solid #b6d8d1;
}

.product-heading {
    border-top: 2px solid #b6d8d1;
    border-right: 2px solid #b6d8d1;
}

.desc {
    border-top: 2px solid transparent;

}

.desc {
    padding-top: 4px;

}

.desc .list-0 {
    border-top: none;
}

.list-0, .list-1, .list-2, .list-3 {

    padding: 10px;
}

.list-0, .list-1, .list-3 {
    border-bottom: 2px solid #b6d8d1;
}

.desc .list-3 {
    border-bottom: none;
}

/************ Arvonmittaaja table stylet **************/

.tbl-head {
    background-color: #09735D;
    color: #fff;
    font-size: 18px !important;
    padding-bottom: 5px;
    padding-bottom: 5px;
}

.tbl-head2 {
    background-color: #09735D !important;
    color: #fff;
    font-size: 15px !important;
    padding-bottom: 5px;
    padding-bottom: 5px;
    border: none !important;
}

#compco th.company {
    font-weight: normal;
    text-align: right;
}

#compco tr.hdr th {
    text-align: right;
}

#compco tr.minmax th {
    font-weight: Bold;
}

#compco tr.minmax td {
    font-weight: Bold;;
}

#compco tr th:first-child,
#compco tr:nth-child(2) th,
#compco tr td:nth-child(4),
#compco tr th:nth-child(4),
#compco tr td:nth-child(7),
#compco tr th:nth-child(7),
#compco tr td:nth-child(10),
#compco tr th:nth-child(10) {
    border-right: 1px solid #aaa;
}

#compco tr th:first-child {
    border-left: 1px solid #aaa;
}

#compco tr.compco-no-years th,
#compco tr.compco-no-years td:nth-child(4) {
    border: 1px solid #ddd;
}

#compco tr.compco-years-end th,
#compco tr.compco-years-end td,
#compco tr.hdr th,
#compco tr.hdr td {
    border-bottom: 1px solid #aaa !important;
}

.cashflow table tr {
    background-color: #fafafa;
}

.cashflow table td {
    min-height: 26px !important;

}

.cashflow table tr:nth-child(odd) > td {
    background-color: #f5f5f5;
}

.cashflow .important-cc th,
.cashflow .important-cc td {
    background-color: #79a299 !important;
    color: #fff !important;
    padding: 7px 6px !important;
    border: 1px solid #79a299 !important;
    vertical-align: middle !important;
}

.cashflow .important-cc td {
    font-size: 20px;
    font-weight: bold;
}

.cashflow .important th {
    background-color: #79a299 !important;
    color: #fff !important;
    padding: 7px 6px !important;
    border-bottom: 1px solid #79a299;
    border-right: 1px solid #79a299 !important;
    vertical-align: middle !important;
}

.cashflow .important td {
    font-size: 20px !important;
    background-color: #79a299 !important;
    color: #fff !important;
    padding: 7px 6px !important;
    border-bottom: 1px solid #79a299;
    font-weight: bold;
}

tr.bg th, tr.bg td {
    background-color: #79a299 !important;
    color: white;
    /* border-left-color:#79a299 !important;*/
    /* border-right-color:#79a299 !important;*/
}

div.row.row-main.cashflow div.help-block {
    display: none !important;
}

div.row.row-main.cashflow div.has-error input {
    background-color: #FFEBEB;
}

.cashflow .emptyrow th {
    border: none !important;
    background-color: #fff !important;
}

/********** Arvonkasvattaja Mitä tehdä ************/
.lev-1 {
    border-left: 2px dashed #aaa;
}

.lev-2 {
    border-left: 2px dashed #bbb;
}

.lev-3 {
    border-left: 2px dashed #ccc;
}

.tree .node > a {
    display: block;
    color: #fff;
    border-radius: 5px;
    padding: 7px 15px;
    margin-bottom: 7px;
    text-shadow: 0 1px 0px #09735D;
    position: relative;
}

.tree .node > a:before {
    content: "\f13a";
    font-family: FontAwesome;
    color: #fff;
    font-size: 17px;
    position: absolute;
    top: 6px;
    right: 11px;


}

.lev-1 > .node > a {

    max-width: 800px;
    background-color: #09735D;

}

.lev-2 > .node > a {

    max-width: 784px;
    background-color: #0b8c72;

}

.lev-3 > .node > a {

    max-width: 768px;
    background-color: #0da687;

}

.operations > ul > li {
    list-style-type: none;
    background-color: #f5f5f5;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 5px;
}

.operations > ul > li > .add-note {
    font-size: 17px;
    display: inline-block;
    background-color: #ddd;
    color: #888;
    line-height: 1;
    border-radius: 3px;
    padding: 2px 4px;
    margin-right: 5px;
}

.operations > ul > li > .note-text {
    margin-top: 3px;
}

.operations > ul > li.important > .add-note,
.operations > ul > li > .add-note:hover {

    background-color: #09735D;
    color: #fff;

}

div.operations {
    max-width: 768px;
}

.operations > ul > li.last {
    margin-top: 13px;
    font-weight: bold;
}

/*****************  VERTAILUYHTIÖANALYYSI ************/

.tbl-th-years {
    text-align: center !important;
}

.small-txt-tbl {
    font-size: 12px;
    font-weight: 400;
}

/***************** 	MUISTIINPANOT **************/

ul.btn-list {
    padding-left: 0;
}

ul.btn-list li {
    list-style-type: none;

}

ul.btn-list li > a {
    display: block;
    padding: 7px 0;
    text-align: center;
    margin-bottom: 7px;
    background-color: #09735D;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #09735D;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

ul.btn-list li:hover > a {
    background-color: #fff;
    color: #09735D;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    text-decoration: none;

}

.note .text {
    background-color: #f5f5f5;

    border: 1px solid #f2f2f2;
    padding: 5px;
}

.note {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.note h4 {
    margin-bottom: 0;
}

.no-bg tr {
    background-color: #f5f5f5 !important;
}

div.operations > ul.operations {
    padding-left: 0 !important;
}

div.operations {
    padding: 0 0 40px 40px;
}

div.operations > button {
    margin: 20px 0;
}

div.operations > .note-form {
    background-color: #f5f5f5;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 20px;
}

h2#note-title {
    margin: 0 0 20px 0;
    font-size: 2em;
}

div.operations > h2 {
    margin: 0 0 20px 0;
    font-size: 2em;
}

div.selection a {
    display: inline-block;
    padding: 15px 10px 15px 10px;
}

div.selection {
    margin-top: 0;
    border-top: 0;
    padding: 10px;
    background-color: #fff;
}

div.selection > a.active {
    padding: 15px 10px 15px 10px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #dbe5e4;
    background-color: #dbe5e4;
    color: #555;
    font-weight: normal;
}

div.graph-selection {
    background-color: #dbe5e4;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}

div.graph-selection > a {
    color: #555;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
}

.note-text > div > div {
    font-weight: normal;
}

.note > div > div > div {
    font-weight: normal;
}

.note-text .txt {
    font-weight: normal;
}

.note .additional-notes {
    font-weight: normal;
}


.note > div {
    font-weight: bold;
    padding: 10px 10px !important;
}

.note > div > div,
.note-text > div {
    /*	padding-bottom: 7px;
        margin-bottom:7px;
        border-bottom:1px dashed #aaa;*/
}

/********** OMAT TIEDOT *******************/

.col-selection form#w1 {
    min-height: 165px;
}


@media only screen and (max-width: 992px) {

    .col-selection form#w1 {
        min-height: auto !important;
    }
}


/********** HIDE *******************/
.hidethis {
    opacity: 0.5;
}

ul.nav.navbar-nav {
    font-size: 14px;
}

div.alert {
    text-align: center;
}

#page-content-wrapper > div.page-content > div.container-fluid > ul.breadcrumb {
    display: none;
}

#sidebar-wrapper {
    display: none;
}

/*** APP CSS ***/

table.table-bordered td {
    text-align: right;
}

table.table-bordered .lft {
    text-align: left;
}

table.table-bordered .rgt {
    text-align: right;
}

table.table-bordered td,
table.table-bordered th {
    font-size: 13px;
}

table.table-bordered td input {
    text-align: right;
    padding: 2px 3px;
    margin: 0px;
}

table.table-bordered td div.form-group {
    margin: 0px;
}

table.table-bordered td div.help-block {
    margin: 0px;
}

div.cashflow table.table-bordered input {
    background-color: #E0EFDF;
}


span.end-date {
    font-size: 10px;
    display: block;
    color: #999;
}

td.current,
th.current {
    background-color: #79a299 !important;
    color: white !important;
}

td.current span.end-date,
th.current span.end-date {
    color: white !important;
}


div.alert.demo {
    text-align: left;
}

i.fa.help {
    float: right;
    cursor: pointer;
    color: #09735d;
}

i.fa.help:hover {
    color: #333;
}

.tbl-head i.fa.help,
.tbl-head2 i.fa.help {
    color: white;
}

.tbl-head i.fa.help:hover,
.tbl-head2 i.fa.help:hover {
    color: white;
}

div.notes-menu h4:not(.level-1) {
    border-bottom: none;
    font-size: 15px;
}

div.notes-menu h4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

div.notes-menu h3 {
    padding: 0px 0px 0px 20px;
    font-size: 17px;
    font-weight: normal;
    color: #888;
}

div.notes-menu.inner {
    padding-left: 15px;
    margin-bottom: 8px;
}

div.notes-menu .link-holder {
    margin-bottom: 8px;
    line-height: 130%;
}

div.notes-menu .link-holder__link--active {
    font-weight: bold;
}

div.notes-menu ul {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 25px;
}

div.notes-menu ul li {
    padding-left: 20px;
    list-style: none;

}

div.notes-menu ul li a {
    font-weight: 400;
}

div.notes-menu ul li.active a {
    font-weight: 700;
}

.notes-menu__folder--archived,
.notes-menu__document--archived {
    opacity: 0.3;
}

i.delete-prop-data {
    cursor: pointer;
}

i.delete-prop-data:hover {
    color: red;
}

i.add-row-above {
    cursor: pointer;
}

i.add-row-above:hover {
    color: green;
}

.nav-tabs.nav-stacked.nav li a {
    text-align: left !important;
}

div.notes-menu > div {
    /*display:none;*/
}

div.notes-menu > h4 {
    /*cursor: pointer;*/
}

.hint-block {
    padding-top: 4px;
    color: #999;
    font-size: 12px;
}


div.folder-document-selection h4:not(.level-1) {
    border-bottom: none;
    font-size: 15px;
}

div.folder-document-selection h4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

div.folder-document-selection h3 {
    padding: 0px 0px 0px 20px;
    font-size: 17px;
    font-weight: normal;
    color: #888;
}

div.folder-document-selection h4 input {
    margin-right: 6px;
}

div.folder-document-selection.inner {
    padding-left: 15px;
    margin-bottom: 8px;
}

div.folder-document-selection .link-holder {
    margin-bottom: 8px;
    line-height: 130%;
}

div.folder-document-selection .link-holder input {
    margin-right: 6px;
}

div.folder-document-selection ul {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 25px;
}

div.folder-document-selection ul li {
    padding-left: 20px;
    list-style: none;

}

div.folder-document-selection ul li a {
    font-weight: 400;
}

div.folder-document-selection ul li.active a {
    font-weight: 700;
}

div.folder-document-selection label {
}

div.folder-document-selection label.folder-document-selection__label__document {
    font-weight: normal !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.notes-menu__folder-expand {
    cursor: pointer;
    font-size: 12px;
    margin-left: 4px;
}

.btn-delete {
    cursor: pointer;
    background-color: white !important;
    border: 1px solid white !important;
    color: #ce3434 !important;
}
.btn-flat {
    cursor: pointer;
    background-color: white !important;
    border: 1px solid white !important;
    color: #09735D !important
}

.file-holder:hover .btn-file-delete {
    display: inline-block !important;
    color: #ce3434 !important;
}

.graph-holder:hover .btn-graph-delete {
    display: inline-block !important;
    color: #ce3434 !important;
}

.prop-holder:hover .btn-graph-delete {
    display: inline-block !important;
    color: #ce3434 !important;
}

.notes-holder {
    margin-top: 32px;
    margin-bottom: 32px;
}

.notes-menu__folder-title a.pull-right {
    position: relative;
    top: 5px;
    display: none;
}

.notes-menu__folder-title:hover a.pull-right {
    display: block;
}

table.table tr.header-dark {
    background-color: #09735D;
    color: white;
}

table.table tr:hover .btn-delete {
    visibility:visible !important;
}

.folder-document-permissions {
    width: 100%;
}

.folder-document-permissions h4:not(.level-1) {
    border-bottom: none;
    font-size: 15px;
}

.folder-document-permissions h4 {
    margin-top: 16px;
    margin-bottom: 16px;
    border-bottom: none !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.folder-document-permissions h3 {
    padding: 0px 0px 0px 20px;
    font-size: 17px;
    font-weight: normal;
    color: #888;
}

.folder-document-permissions .link-holder {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 130%;
}

.folder-document-permissions .link-holder input {
    margin-right: 6px;
}


.folder-document-permissions tr.header {
    background-color: #09735D;
    color: white;
}
.folder-document-permissions tr.header td {
    padding:4px;
}

.folder-document-permissions td.perm {
    text-align: center;
    width: 100px;
}

.folder-document-permissions tr:not(.header) td {
    border-bottom: 1px solid #ddd;
}

.folder-document-permissions tr:not(.header) td.perm:hover {
    background-color: #eee;
    cursor: pointer;
}

.folder-document-permissions .folder-toggle {
    cursor: pointer;
    display: inline-block;
    transition: transform 0.2s ease;
}
.folder-document-permissions .folder-toggle.collapsed {
    transform: rotate(180deg);
}