/* HTML and Body */

html {
	height: 100%;
	min-height: 100%;
	position: relative;

}

body {
	height: 100%;
	background-color: white;
	font-family: 'Open Sans';
	font-size: 12px;
	color: #393939;
	line-height: 1.5;
	padding: 0;
	margin: 0;

	min-width: 280px;
	width: auto !important;
	width: 280px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 0px;
}

/* Page loader spinner and related container ------------------------------------------------------------------------ */

.page-loader-container {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}
#page-loader-spinner {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}

/* Some general styles ---------------------------------------------------------------------------------------------- */

.ex-over { background-color: rgba(240,245,255, 1); }
.highlighted { background-color: yellow; }
.btn { margin: 3px; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.center { text-align: center; }
.hidden { display: none; }
.visible { display: block; }
.page-break { page-break-before: always; }
.table-100 { width: 100% !important; }
.noborder { border: none; }
.bordered { border: 1px solid #ddd !important }
.heavybordered { border: 1px solid #ccc !important }
.nowrap,
.no-wrap { white-space: nowrap; }
.datepicker, .date-picker, .date-time-picker { z-index:1151 !important; }

table { background: #FFF; }
.table-small { width: auto; margin: auto; }
.table-row-alert { background: rgba(255,0,0,0.4);}
.table-row-success { background: rgba(0,255,0,0.4); }

.filtering-form-container { margin-bottom: 10px; }
.filtering-form .form-group {
	margin: 10px;
	float: left;
}
.filtering-form .print-settings .form-group {
	margin: 10px;
	float: none;
}
.filtering-form .control-label {
	font-size: 11px;
}
.filtering-form input,
.filtering-form input.form-control,
.filtering-form select,
.filtering-form .form-control,
.filtering-form .form-control option {
	font-size: 12px;
}

.filtering-form .print-settings input,
.filtering-form .print-settings input.form-control,
.filtering-form .print-settings select,
.filtering-form .print-settings .form-control,
.filtering-form .print-settings .form-control option {
	font-size: 12px;
}

.weather-current { letter-spacing: 0px; font-size: 34px; }
#current-weather-icon { margin-right: 10px; }

.widget-box { margin: 10px 5px 30px 5px; }
.widget-info-transparent { margin-top: 20px; margin-bottom: 20px; }
.widget-header > h4 { color: #888; }
.infobox { margin-bottom: 4px; }

.shadow {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}
.heavyshadow {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

table.shadow { border: 1px solid #DDD; }

.main-logo > img {
	margin: 7px 15px 0 20px;
	width: 105px;
}

.small-column-center,
.small-column {
	width: 1%;
	white-space:nowrap;
    padding-right: 15px !important;
    padding-left: 8px !important;
}
.small-column-center { text-align: center; }

.icon-container {
	float:right;
}	
.icon-container > i {
	margin-right:5px;
}

.simple-header-row {
    padding-top: 40px !important;
}

@media (max-width: 480px) {
	.hidden-xxs { display: none !important; }
}

/* Loading icons ---------------------------------------------------------------------------------------------------- */

.sk-three-bounce {
	width: 100px;
	height: 100px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0px 0 0 -50px;}
  .sk-three-bounce .sk-child {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

.sk-three-bounce-large {}
  .sk-three-bounce-large .sk-child {
    width: 20px;
    height: 20px;
    background-color: #438eb9;}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* Photo page tweaking ---------------------------------------------------------------------------------------------- */

.mfp-image {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: inherit !important;
	height: 187px !important;
}

#grid_project_photos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: inherit !important;
}

.media-box {
	position: static !important;
}

.media-boxes-grid-sizer {
	display: none;
}

/* QTip style to hide tips in the beginning ------------------------------------------------------------------------- */

.tooltiptext {
    display: none;
}

/* Page container and footer ---------------------------------------------------------------------------------------- */

#body-wrapper {
	min-height: 100%;
}

#site-container {
	padding-bottom: 260px;
	padding-top: 70px;
	padding-left: 2%;
	padding-right: 2%;
}

#site-footer-small,
#site-footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear: both;
	background: #FFF;
	text-align: center;
	background: #F9F9F9;
	border-top: 1px solid #DDDDDD;
	padding-top: 30px;
	color: #777;
}

#site-footer-small {
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
}

#site-footer > .action-buttons > a {
	color: #777;
}

#site-footer-logo { margin: -5px 0 10px 0; width: 210px; }
#site-footer-logo-small { margin: -20px 0 10px 0; height: 25px; }

/* Opera Fix */

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/* Navigation bar */

.navbar {
	border: none;
	margin: 0;
	padding: 0 20px 0 0;
	position: fixed;
	background: #438eb9;
	min-height: 40px;
	font-size: 16px;

	min-width: 280px;
	width: auto !important;
	width: 280px;
}

.navbar .navbar-text,
.navbar .navbar-link {
	color: #ffffff;
}

.navbar .navbar-brand {
	color: #ffffff;
	text-shadow: none;
	padding-top: 14px;
	padding-bottom: 14px;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
	color: #ffffff;
}

.navbar .navbar-header {
	margin: 0 !important;
}

.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
	font-size: 13px;
	text-shadow: none;
	color: #ffffff;
}

/* Navigation buttons */
.ace-nav {
	height: 40px;
	border: none;
	background-color: #F9F9F9;
}
.ace-nav > li {
	line-height: 40px;
	height: 40px;
	border: none;
	padding-right: 0;
	padding-left: 0;
}

.ace-nav > li:first-child { border: none; }
.ace-nav > li:last-child { border: none; }
.ace-nav > li > a > [class*="icon-"] { font-size: 14px; }

/* Navigation bar skins - Normal link bar */

.ace-nav > li > a 						{ background-color: #438eb9; }
.ace-nav > li > a .active 					{ background-color: #62a8d1; }
.ace-nav > li > a:hover,
.ace-nav > li > a:focus,
.ace-nav > li.open > a  					{ background-color: #579ec8 !important; }

/* Navigation bar skins - ViKa skin link bar */

.skin-problem .navbar  						{ background:#30627A; }
.skin-problem .ace-nav > li > a 				{ background-color: #30627A; }
.skin-problem .ace-nav > li > a .active 		{ background-color: #4B7E96; }
.skin-problem .ace-nav > li > a:hover,
.skin-problem .ace-nav > li > a:focus,
.skin-problem .ace-nav > li.open > a 			{ background-color: #3A728C !important; }

/* Navigation bar skins - TR skin link bar */

.skin-safety .navbar  						{ background:#d57528; }
.skin-safety .ace-nav > li > a 				{ background-color: #d57528; }
.skin-safety .ace-nav > li > a .active 		{ background-color: #e78637; }
.skin-safety .ace-nav > li > a:hover,
.skin-safety .ace-nav > li > a:focus,
.skin-safety .ace-nav > li.open > a 			{ background-color: #e78637 !important; }

/* Navigation bar skins - Quality skin link bar */

.skin-quality .navbar  					{ background:#52b350; }
.skin-quality .ace-nav > li > a 			{ background-color: #52b350; }
.skin-quality .ace-nav > li > a .active 	{ background-color: #65c963; }
.skin-quality .ace-nav > li > a:hover,
.skin-quality .ace-nav > li > a:focus,
.skin-quality .ace-nav > li.open > a 		{ background-color: #65c963 !important; }

/* Navigation bar skins - Asfaltti skin link bar */

.skin-asfaltti .navbar  						{ background:#454545; }
.skin-asfaltti .ace-nav > li > a 				{ background-color: #454545; }
.skin-asfaltti .ace-nav > li > a .active 		{ background-color: #000; }
.skin-asfaltti .ace-nav > li > a:hover,
.skin-asfaltti .ace-nav > li > a:focus,
.skin-asfaltti .ace-nav > li.open > a 			{ background-color: #000 !important; }

/* Navigation bar skins - Kortisto Quality skin link bar */

.skin-kortisto .navbar  					{ background:#52b350; }
.skin-kortisto .ace-nav > li > a 			{ background-color: #52b350; }
.skin-kortisto .ace-nav > li > a .active 	{ background-color: #65c963; }
.skin-kortisto .ace-nav > li > a:hover,
.skin-kortisto .ace-nav > li > a:focus,
.skin-kortisto .ace-nav > li.open > a 		{ background-color: #65c963 !important; }

/* Navigation bar skins - Superuser skin link bar */

.skin-superuser .navbar  					{ background:#ff0000; }
.skin-superuser .ace-nav > li > a 			{ background-color: #ff0000; }
.skin-superuser .ace-nav > li > a .active 	{ background-color: #cc0000; }
.skin-superuser .ace-nav > li > a:hover,
.skin-superuser .ace-nav > li > a:focus,
.skin-superuser .ace-nav > li.open > a 		{ background-color: #cc0000 !important; }


/* Breadcrumbds */

.navbar-breadcrumbs {
	top: 40px;
	min-height: 36px;
	background: #F9F9F9;
	border-bottom: 1px solid #DDDDDD;
	font-size: 14px;
	padding-left: 20px;

	position: fixed;

	min-width: 280px;
	width: auto !important;
	width: 280px;
}

.navbar-breadcrumbs .ace-nav > li {
	border: none;
}

.navbar-breadcrumbs .ace-nav > li > a 			{ background-color: #F9F9F9; color: #666; }
.navbar-breadcrumbs .ace-nav > li > a .active 	{ background-color: #F9F9F9; }
.navbar-breadcrumbs .ace-nav > li > a:hover,
.navbar-breadcrumbs .ace-nav > li > a:focus,
.navbar-breadcrumbs .ace-nav > li.open > a  	{ background-color: #F9F9F9 !important; color: #000; }

/* Form errors and styles */

ul.errorlist
{
	color: red;
	list-style-type: none;
	margin: 10px 30px 10px 30px;
}		

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  color: #656565;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  color: #454545;
}

select option:active,
select.form-control option:active,
select option:hover,
select.form-control option:hover,
select option:focus,
select.form-control option:focus {
  color: #454545;
}

.form-control,
select {
  color: #656565;
}
.form-control:focus,
select:focus {
  color: #454545;
}


/* Datatables */


.datatable-container {
	background: #FFF;
}

.table-slightly-bordered { border: 1px solid #dddddd; }
.dataTables_header { padding-top: 3px; }
.dataTables_footer { padding-top: 5px; border-top: 1px solid #ddd; }
.dataTables_wrapper .row:first-child { background-color: #FFF; }
.dataTables_wrapper .row:last-child { background-color: #FFF; border: none; }
.dataTables_filter { float: left; color: #888; width: 60%; }
.dataTables_filter > label { margin-left: 5px; width: 100%; text-align: left; }
.dataTables_filter > label > input { width: 90%; }

.paginage-control-container { margin-left: 10px; margin-right: 10px; padding-left: 20px; }
.action-buttons-container{ margin-left: 10px; margin-right: 10px; }
/*
.media-boxes-search { font-size: 12px !important; margin: 10px; width: 300px !important; padding: 3px !important; line-height: 14px !important; }
*/

.table-responsive-thigh table td { padding-top: 2px !important; padding-bottom: 2px !important; }

.dataTables_processing {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 35px;
    text-align: center;
    background-color: grey;

	/*
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
	*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
    opacity: 0.15;
}

.table-clean thead {
	display: none;
}
.table-clean td {
	width: 100%;
	border: none;
}

/* Company statistics matrix settings */

.company-statistics-column {
	width: 3% !important;
	text-align: center;
}

/* Quality matrix settings */

.matrix-column { width: 110px !important; }
.matrix-column-small { width: 60px !important; }
.matrix-column-workactivity {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis !important;
}
.matrix-worksection-column {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

/* Open layers */

.olControlOverviewMap { background:#fff; }
.olControlOverviewMapElement { background:#ff !important; }

/* Project */

.project-list {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    padding-right: 20px !important;
    font-size: 14px;
}
.project-information-table { size: 26px; }
.project-flex-logo { text-align: right; width: 50%; padding: 2% 5% 2% 5%; }
.project-list-measurement, 
.project-list-name {
    text-decoration: none;
    font-size: 16px;
	white-space:nowrap;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.project-list-name > small { font-size: 14px; color: #999; }
.project-list-measurement-percent,
.project-list-measurement-open {
	font-size: 17px;
	width: 1px;
	white-space: nowrap;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.project-list-measurement-percent { text-align: right; padding-left: 20px !important; }
.project-list-measurement-open { text-align: left; padding-right: 20px !important; }
.project-list-measurement > small { margin-left: 10px; color: black; }
.project-list-all { font-size: 12px; }

/* Subcontractors */

.rala-sign-container { margin: 20px; float: right; }
.rala-sign { height: 40px; margin: 3px; }

/* Targets table */

.target-table {
	border: 1px solid #D5D5D5;
	margin: 0px;
	padding: 0px;
}

.target-table-column {
	margin: 0px !important;
	padding: 2px 30px 2px 5px !important;
}

/* Project info */

.user-table-header-row > td {
	padding: 6px;
	color: #777;
	font-size: 12px;
}

/* Project pages - Details and graphs */

.flex-container,
.ws-plan-flex-container,
.diary-flex-container,
.project-flex-container {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #FFF;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	/*-webkit-box-pack: justify;*/
	/*-moz-box-pack: justify;*/
	/*-ms-flex-pack: justify;*/
	/*-webkit-justify-content: space-between;*/
	/*justify-content: space-between;*/

	justify-content: flex-start;

	align-items: stretch;
	align-content: stretch;
}

/* Hide from the incomplete Flexbox implementation in Firefox */
@supports (flex-wrap: wrap) {
	.flex-container,
	.company-flex-container,
	.ws-plan-flex-container,
    .diary-flex-container,
    .project-flex-container {
        display: flex;
        flex-wrap: wrap;
    }
}

/* Another Firefox fix for Flexbox problems: http://stackoverflow.com/questions/26895349/how-can-i-get-ff-33-x-flexbox-behavior-in-ff-34-x */
* {
    min-height: 0;
    min-width: 0;
}

.diary-flex-item 	{ flex: 1 100%; -ms-flex: 1 100%; margin: 10px; }
.project-flex-item 	{ flex: 1 100%; -ms-flex: 1 100%; }

.flex-left-small {
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-right: 5px;
}
.flex-left {
	-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
	-ms-flex-order: 2;              /* TWEENER - IE 10 */
	-webkit-order: 2;               /* NEW - Chrome */
	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-right: 5px;
}
.flex-center {
	-webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
	-ms-flex-order: 3;              /* TWEENER - IE 10 */
	-webkit-order: 3;               /* NEW - Chrome */
	order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-left: 10px;
	padding-right: 10px;
}
.flex-center-small {
	-webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
	-ms-flex-order: 3;              /* TWEENER - IE 10 */
	-webkit-order: 3;               /* NEW - Chrome */
	order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-left: 5px;
	padding-right: 5px;
}
.flex-right {
	-webkit-box-ordinal-group: 4;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 4;      /* OLD - Firefox 19- */
	-ms-flex-order: 4;              /* TWEENER - IE 10 */
	-webkit-order: 4;               /* NEW - Chrome */
	order: 4;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-left: 5px;
}
.flex-right-small {
	-webkit-box-ordinal-group: 4;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 4;      /* OLD - Firefox 19- */
	-ms-flex-order: 4;              /* TWEENER - IE 10 */
	-webkit-order: 4;               /* NEW - Chrome */
	order: 4;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-left: 5px;
}

.ws-plan-flex-left 		{ order: 1; -ms-flex-order: 1; padding-right: 1%; max-width: 300px; }
.ws-plan-flex-center 	{ order: 2; -ms-flex-order: 2; padding-left: 1%; padding-right: 1%; max-width: 1000px; }
.ws-plan-flex-right 	{ order: 3; -ms-flex-order: 3; padding-left: 1%; max-width: 300px; }

.project-flex-left 		{ order: 1; -ms-flex-order: 1; }
.project-flex-center 	{ order: 2; -ms-flex-order: 2; }
.project-flex-right 	{ order: 3; -ms-flex-order: 3; }

.project-flex-graphs-small 	{ order: 2; -ms-flex-order: 2; }
.project-flex-graphs-big 	{ order: 5; -ms-flex-order: 5; }

.diary-flex-weather 	{ order: 1; -ms-flex-order: 1; }
.diary-flex-tasks 		{ order: 2; -ms-flex-order: 2; }
.diary-flex-labor 		{ order: 3; -ms-flex-order: 3; }
.diary-flex-types 		{ order: 4; -ms-flex-order: 4; }
.diary-flex-orders 		{ order: 5; -ms-flex-order: 5; }
.diary-flex-meas 		{ order: 6; -ms-flex-order: 6; }
.diary-flex-problems 	{ order: 7; -ms-flex-order: 7; }
.diary-flex-photos 		{ order: 8; -ms-flex-order: 8; }

/* Smaller screens */
.flex-left-small 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }
.flex-left 				{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
.flex-center 			{ flex: 6 0 100%; -ms-flex: 6 0 100%; }
.flex-center-small 		{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
.flex-right 			{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
.flex-right-small 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }

.ws-plan-flex-left 		{ flex: 2 0 100%; -ms-flex: 2 0 100%; }
.ws-plan-flex-center 	{ flex: 6 0 100%; -ms-flex: 6 0 100%; }
.ws-plan-flex-right 	{ flex: 2 0 100%; -ms-flex: 2 0 100%; }

.project-flex-left 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }
.project-flex-center 	{ flex: 10 0 100%; -ms-flex: 10 0 100%; }
.project-flex-right 	{ flex: 3 0 100%; -ms-flex: 3 0 100%; }

.project-flex-graphs-small	{ flex: 1 0 350px; -ms-flex: 1 0 350px; }
.project-flex-graphs-big 	{ flex: 5 0 700px; -ms-flex: 5 0 700px; }

.diary-flex-tasks 		{ flex: 10 0 600px; -ms-flex: 10 0 600px; }
.diary-flex-task 		{ flex: 1 0 150px; -ms-flex: 1 0 150px; }
.diary-flex-weather 	{ flex: 1 0 250px; -ms-flex: 1 0 250px; }
.diary-flex-labor 		{ flex: 1 0 350px; -ms-flex: 1 0 350px; }
.diary-flex-types 		{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
.diary-flex-orders 		{ flex: 7 0 600px; -ms-flex: 7 0 600px; }
.diary-flex-meas 		{ flex: 7 0 600px; -ms-flex: 7 0 600px; }
.diary-flex-problems 	{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
.diary-flex-photos 		{ flex: 5 0 600px; -ms-flex: 5 0 600px; }

/* Medium screens */
@media all and (min-width: 600px) {
	.flex-left-small 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }
	.flex-left 				{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
	.flex-center 			{ flex: 6 0 100%; -ms-flex: 6 0 100%; }
	.flex-center-small 		{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
	.flex-right 			{ flex: 4 0 100%; -ms-flex: 4 0 100%; }
	.flex-right-small 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }

	.ws-plan-flex-left 		{ flex: 2 0 100%; -ms-flex: 2 0 100%; }
	.ws-plan-flex-center 	{ flex: 6 0 100%; -ms-flex: 6 0 100%; }
	.ws-plan-flex-right 	{ flex: 2 0 100%; -ms-flex: 2 0 100%; }

	.project-flex-left 		{ flex: 1 0 100%; -ms-flex: 1 0 100%; }
	.project-flex-center 	{ flex: 10 0 100%; -ms-flex: 10 0 100%; }
	.project-flex-right 	{ flex: 3 0 100%; -ms-flex: 3 0 100%; }

	.project-flex-graphs-small	{ flex: 1 0 350px; -ms-flex: 1 0 350px; }
    .project-flex-graphs-big 	{ flex: 5 0 700px; -ms-flex: 5 0 700px; }

    .diary-flex-tasks 		{ flex: 10 0 600px; -ms-flex: 10 0 600px; }
    .diary-flex-task 		{ flex: 1 0 150px; -ms-flex: 1 0 150px; }
    .diary-flex-weather 	{ flex: 1 0 250px; -ms-flex: 1 0 250px; }
    .diary-flex-labor 		{ flex: 1 0 350px; -ms-flex: 1 0 350px; }
    .diary-flex-types 		{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
    .diary-flex-orders 		{ flex: 7 0 600px; -ms-flex: 7 0 600px; }
    .diary-flex-meas 		{ flex: 7 0 600px; -ms-flex: 7 0 600px; }
    .diary-flex-problems 	{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
    .diary-flex-photos 		{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
}

/* Large screens */
@media all and (min-width: 800px) {
	.flex-left-small 		{ flex: 1 0 200px; -ms-flex: 1 0 200px; }
	.flex-left 				{ flex: 4 0 400px; -ms-flex: 4 0 400px; }
	.flex-center 			{ flex: 6 0 600px; -ms-flex: 6 0 600px; }
	.flex-center-small 		{ flex: 4 0 450px; -ms-flex: 4 0 450px; }
	.flex-right 			{ flex: 4 0 400px; -ms-flex: 4 0 400px; }
	.flex-right-small 		{ flex: 1 0 200px; -ms-flex: 1 0 200px; }

	.ws-plan-flex-left 		{ flex: 1 0 250px; -ms-flex: 1 0 250px; }
	.ws-plan-flex-center 	{ flex: 6 0 600px; -ms-flex: 6 0 600px; }
	.ws-plan-flex-right 	{ flex: 1 0 250px; -ms-flex: 1 0 250px; }

	.project-flex-left 		{ flex: 1 0 210px; -ms-flex: 1 0 210px; }
	.project-flex-center 	{ flex: 10 0 600px; -ms-flex: 10 0 600px; }
	.project-flex-right 	{ flex: 3 0 450px; -ms-flex: 3 0 450px; }

    .diary-flex-tasks 		{ flex: 10 0 800px; -ms-flex: 10 0 800px; }
}

/* Larger screens */
@media all and (min-width: 1000px) {
    .diary-flex-tasks 		{ flex: 10 0 1000px; -ms-flex: 10 0 1000px; }
    .diary-flex-weather 	{ flex: 1 0 300px; -ms-flex: 1 0 300px; }
    .diary-flex-labor 		{ flex: 1 0 500px; -ms-flex: 1 0 500px; }
    .diary-flex-types 		{ flex: 5 0 600px; -ms-flex: 5 0 600px; }
}

/* Largest screens */
@media all and (min-width: 1200px) {
    .diary-flex-tasks 	{ flex: 10 0 1000px; -ms-flex: 10 0 1000px; }
}

.diary-flex-task-diaryTaskactive,
.diary-flex-task-diaryTaskpending,
.diary-flex-task-diaryTaskfinished,
.diary-flex-task-diaryTaskinterrupted {
	background-color: #F1F1F1;
}

.diary-flex-task .table td,
.diary-flex-task .table {
    border-spacing: 8px;
    border-collapse: separate;
    border: none;
}

.diary-box { margin: 80px 20px 20px 20px !important; }
.diary-box-tasks { margin: 30px 20px 20px 20px !important; }
.diaryTaskpending,
.diaryTaskfinished,
.diaryTaskinterrupted,
.diaryTaskactive { border: 1px solid #CCCCCC !important;}

.diaryTaskactive { border-left: 7px solid #00cc66 !important; }
.diaryTaskpending { border-left: 7px solid #CCCCCC !important; }
.diaryTaskfinished{ border-left: 7px solid #438eb9 !important; }
.diaryTaskinterrupted{ border-left: 7px solid #cc0000 !important; }


/* NVD3 Charts */

text {
  font: 10px sans-serif;
}
text.nvd3.nv-noData {
    fill: #333;
    font-weight: lighter;
    font-size: 12px;
}
svg {
  display: block;
}
.tick line {
  stroke: #eee;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.nvd3 .nv-axis path {
  fill: none;
  stroke: #108;
  stroke-opacity: .99;
  shape-rendering: crispEdges;
}
.nvd3 .nv-groups .nv-point {
    stroke-opacity: 0.5 !important;
    stroke-width: 10px;
    cursor: pointer;
}
.nvd3-line-hidden {
  stroke-opacity: 0 !important;
}


/* Cleaning page prints --------------------------------------------------------------------------------------------- */

@media print {
	a:after { content:''; }
	a[href]:after { content: none !important; }
}


/* Hide and show stuff ---------------------------------------------------------------------------------------------- */

.hide-on-mouseover {
	display: none;
}

.hidden-on-mouseover {
	visibility: hidden;
}