body {
	min-width: 1024px;
}

.modal-body-newcleanrequest {
    max-height: 500px;
}

@media (min-height: 800px) {
    .modal-body-newcleanrequest {
        max-height: 580px;
    }
}

.tara-container {
	margin-top: 20px;
}

.tara-info {
	padding-right: 10px;
	margin-top: 2px;;
	font-size: 85%;
}

.tara-container a.btn {
	background: #006699;
	display: inline-block;
	color: white;
	padding: 13px 20px;
	font-size: 18px;
	text-shadow: none;
}

.impersonator-out-btn {
    display: inline-block;
    *display: inline;
    padding: 0 6px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 10.5px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.impersonator-out-btn:hover,
.impersonator-out-btn:active,
.impersonator-out-btn.active {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #B6E7FC;
	text-shadow: none;
}

::selection {
	background: #B6E7FC;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt for legacy IE
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}



/* ==========================================================================
   Main structure
   ========================================================================== */

.mainArea{
	width: 984px;
	margin: 0 auto;
}
/*
 * Responsive UI for bigger/better/retina displays.  TODO! test it!
 * /
@media only screen and (min-width: 1310px) {
    .mainArea {
        width: 1300px;
        margin: 0 auto;
    }
}
*/

.headerWrapper {
	margin: 0;
	color: #ccc;
	background: rgb(62, 65, 69) url('../img/txture6.png') repeat-x left bottom;
	border-top: solid 1px #4a4b46;
}
.headerWrapper .inperson {
	padding-top: 40px;
}

.person-inperson {
	position: fixed;
	z-index:99;
	top:0;
	left:50%;
	margin-left: -400px;
	width:800px;
	text-align: center;
	border-width: 5px;
	border-top-width: 1px;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
}

.mainWrapper {
	background-color: #eee;
	background-image: url('../img/txture4.jpg');
	color: #222;
	padding-bottom:2em;
}
.mainWrapper.popup {
	padding-bottom: 0;
}

.mainWrapper .mainArea {
	width: 984px;
	background-color: #fff;
	padding: 9px;
	padding-top:34px;
	padding-bottom:40px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	border-top: solid 6px #00698c;
	position: relative;
	/*   z-index:2; */
}
.mainWrapper.popup .mainArea {
	width: auto;
	padding: 2px;
	padding-top:16px;
	padding-bottom:16px;
}



.adm .mainWrapper .mainArea {
	border-top: solid 6px #ffcc00;
}

.mainWrapper .sideArea {
	margin: 0 auto;
	width: 984px;
	background-color: #32332e;
	padding: 11px;
	padding-top:36px;
	padding-bottom:40px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	/*   z-index:2; */
}


.footerWrapper {
	margin: 0;
	background: transparent;
	padding:0.6em 2em;
	border-top: solid 2px #aaa;
	color: #666;
	text-shadow: 0px 1px 1px #fff;
	text-align: center;
}
.footerWrapper a {color: #555; text-decoration: none;}

/* ==========================================================================
   Header components
   ========================================================================== */


.siteLogo {
	width: auto;
	float:left;
	margin:8px 24px 9px 0;
	color: #ffcc00;
	line-height:1em;
}
/* old text based
.siteLogo span.logo,
 .siteLogo a.logo{
     color: #A8DA50;
     display:block;
     float:left;
     font-size:28px;
     font-family: 'Arial Black', Helvetica;

 }
*/
.siteLogo span.logo,
.siteLogo a.logo{
	display:block;
	float:left;
	width:32px;
	height:32px;
	font-size:0.01%;
	text-indent: -99999em;
	background: transparent url('../img/logo-2.png') no-repeat;

}
.siteLogo span.logotext {
	display:block;
	float:left;
	font-family: "Roboto Condensed", Tahome, sans-serif;
	font-size:15px;
	line-height: 1.1em;
	margin-left:1em;
	width: 7em;
}
.siteLogo span.logotext.big {
	font-size:22px;
	line-height: 1.3em;
	width: auto;
}

.headerWrapper .person h4 {
	font-family: "Roboto Condensed", Tahome, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.adm .siteLogo {
	color: #aaa;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.8);
}
.adm .siteLogo  span.logo,
.adm .siteLogo  a.logo{
	color: #aaa;
	background: transparent url('../img/logo-1.png') no-repeat;
}

.headerWrapper a {
	color: #f1f1f1;
	text-decoration:none;
}
.headerWrapper a:hover,
.headerWrapper a:active {
	color: #fff;
	text-decoration:none;
}
.headerWrapper .quiet {
	color: #bbb;
}
.headerWrapper .ui-button.ui-state-default {
	background-color: transparent;
	background-image: none;
	filter: none;
	border-width: 0px;
}

.headerWrapper .dropdown-menu.inverted {
	margin-top: 6px;
	margin-left: -4px;
	background: #5d5e58 url('../img/txture6-bg.png');
	border-radius: 0;
	border-width: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);

}
/* --- arrow on top --- */
.headerWrapper .dropdown-menu.inverted:before,
.headerWrapper .dropdown-menu.inverted:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	z-index:6;
	content: "";
	top: -11px;
	left: 40px;
	margin-left: -11px;
	border-width: 11px;
	border-bottom-color: #4a4b46;
	border-top-width: 0;
}
.headerWrapper .dropdown-menu.inverted:after {
	top: -20px;
	left: 40px;
	margin-left: -10px;
	border-width: 10px;
	border-bottom-color: #5d5e58;
}
/* ---- organization block ---- */

.organization {
	float:left;
	width:auto;
	margin: 4px 0 4px 0;
}
.adm .organization {
	margin: 8px 0 6px 0;
}


/* old version with bootstrap dropdown menu */
.organization .titleWrap {
	background-color: rgba(255,255,255,0.2);
	background-image: none;
	font-size:12px;
	color:#fafafa;
	padding:0.3em 1.5em 0.4em 1.5em;
	position:relative;
	display: inline-block;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-topleft: 3px;
}

.organization .titleWrap h3,
.organization .titleWrap h4 {color:#ffcc00; font-weight: normal;}
.organization .titleWrap h3:empty,
.organization .titleWrap h4:empty {
	width:150px;
	height:18px;
}
.organization > .btn {
	vertical-align: top;
	background-color: transparent; /* ie8 */
	background-color: rgba(255,255,255,0.25);
	background-image: none;
	height:42px;
	border-color: #666;
}
.adm .organization > .btn {
	height:28px
}
.organization > .btn .caret {
	border-top: 4px solid #ffffff;
}
.organization.btn-group.open .btn.dropdown-toggle {
	background-color: #23252F; /* ie8 */
	background-color: rgba(0,0,0,0.3);
}

.organization .titleWrap h3,
.organization .titleWrap h4,
.organization .titleWrap p {
	line-height:1.3em;
}

/* new select2 component */
.organization .select2-container {
	margin-bottom:0;
}
.organization .select2-container .select2-choice {
	font-size:16px;
	font-family: "Roboto Condensed", Segoe, sans-serif;
	color: #ffcc00;
}
.organization .select2-container .select2-choice .moredata {
	font-family: Tahoma, Arial, sans-serif;
	color: #bbb;
}




/* person name block */
.person {
	float:right;
	width:auto;
	margin: 0;
	margin-top:12px;
}

.person .titleWrap {
	position:relative;
	background-image: url('../img/person-32-50.png');
	background-position: 6px 50%;
	background-repeat: no-repeat;
	padding:0.2em 2.5em 0.3em 3.5em;
}

.person .titleWrap .exit {
	position: absolute;
	top:4px;
	right:0;
}

.person .titleWrap p,
.person .titleWrap h3{
	font-size:14px;
	color: #aaa;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.8);
}

.titleWrap h3,
.titleWrap h4,
.titleWrap p {
	margin:0;
	/*   font-weight:normal;*/
}

/* ==========================================================================
   Navigation   #44BEF0
   ========================================================================== */

.navWrapper {
	background: transparent;
	color: #00698c;
	padding-top:12px;
}
section.navWrapper {margin-bottom: 28px;}

.navWrapper > .navArea{
	width: 985px;
	margin: 0 auto;
}

.navWrapper.grey {
	background: rgb(241,241,241);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(228,228,228) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(228,228,228)));
	background: -webkit-linear-gradient(top,  rgb(250,250,250) 0%,rgb(228,228,228) 100%);
	background: -o-linear-gradient(top,  rgb(250,250,250) 0%,rgb(228,228,228) 100%);
	background: -ms-linear-gradient(top,  rgb(250,250,250) 0%,rgb(228,228,228) 100%);
	background: linear-gradient(to bottom,  rgb(250,250,250) 0%,rgb(228,228,228) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 );

	color: #00698c;

}

.navWrapper.blue {
	border-top: solid 4px rgb(255,204,0);
	background: rgb(45,122,153);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkN2E5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(45,122,153) 0%, rgb(0,105,140) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,122,153)), color-stop(100%,rgb(0,105,140)));
	background: -webkit-linear-gradient(top,  rgb(45,122,153) 0%,rgb(0,105,140) 100%);
	background: -o-linear-gradient(top,  rgb(45,122,153) 0%,rgb(0,105,140) 100%);
	background: -ms-linear-gradient(top,  rgb(45,122,153) 0%,rgb(0,105,140) 100%);
	background: linear-gradient(to bottom,  rgb(45,122,153) 0%,rgb(0,105,140) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7a99', endColorstr='#00698c',GradientType=0 );

	color: #fafafa;
}
.navWrapper.blue h2,
.navWrapper.blue h3,
.navWrapper.blue { color: #fefefe;}

.navWrapper.yellow {

	background: rgb(255,204,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGFkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(255,204,0) 0%, rgb(237,173,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,204,0)), color-stop(100%,rgb(237,173,0)));
	background: -webkit-linear-gradient(top,  rgb(255,204,0) 0%,rgb(237,173,0) 100%);
	background: -o-linear-gradient(top,  rgb(255,204,0) 0%,rgb(237,173,0) 100%);
	background: -ms-linear-gradient(top,  rgb(255,204,0) 0%,rgb(237,173,0) 100%);
	background: linear-gradient(to bottom,  rgb(255,204,0) 0%,rgb(237,173,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#edad00',GradientType=0 );
	color: #39434f;
}

.navWrapper.dark {

	background: rgb(93,102,107);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQ4NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(93,102,107) 0%, rgb(66,72,76) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(93,102,107)), color-stop(100%,rgb(66,72,76)));
	background: -webkit-linear-gradient(top,  rgb(93,102,107) 0%,rgb(66,72,76) 100%);
	background: -o-linear-gradient(top,  rgb(93,102,107) 0%,rgb(66,72,76) 100%);
	background: -ms-linear-gradient(top,  rgb(93,102,107) 0%,rgb(66,72,76) 100%);
	background: linear-gradient(to bottom,  rgb(93,102,107) 0%,rgb(66,72,76) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d666b', endColorstr='#42484c',GradientType=0 );

	color: #fafafa;

}
nav .nav {
	margin:0;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
nav ul li.lvl1 {
	float: left;
	width: auto;
	background: transparent;
	position: relative;

}
nav ul li.pull-right {
	float:right;
}
nav .lvl1 > a {
	/* border-right: solid 1px rgba(0,0,0,0.1); */
	float: left;
	font-family: "Roboto Condensed", Segoe, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #222;
	margin: 0;
	margin-right: -1px;
	padding: 1em 1.2em 1em 2em;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgb(255,255,255);
	width: auto;
	z-index: 1;
}

nav.blue .lvl1 > a,
nav.dark .lvl1 > a {
	color: #fafafa;
	border-right: solid 1px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
}

nav li.lvl1:first-child > a {
	margin-left: 0;
	/*   border-left: solid 1px rgba(0,0,0,0.1);*/
}
nav li.lvl1:last-child > a {
	margin-right: 0;
}

nav .lvl1 > a:hover,
nav .lvl1 > a:active,
nav .lvl1.open > a {
	color: #111;
	/*   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;*/
}
nav .lvl1 > a:hover { text-decoration: none;}
nav .lvl1 > a:focus { outline:0;}

nav .lvl1 > a.active,
nav .lvl1 > a.active:hover {
	/*    box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.2);*/
	/*    background-color: #d9e1da;  /* ie8 * /
	 /*      background-color: rgba(255,255,255,0.4);*/
	/*    background-color: #fff;*/
	color: #00698c;
}
nav.yellow .lvl1 > a.active,
nav.yellow .lvl1 > a.active:hover {
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
	background-color: transparent;
	color: #000;

}

nav .lvl1 > a em {
	display:block;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	font-style: normal;
	line-height:1.2em;
	color: #746e69;
}
nav.blue .lvl1 > a em,
nav.dark .lvl1 > a em{
	color: #b1b1b1;
}

.navWrapper .dropdown-menu.inverted {
	margin-top:4px;
	margin-left: 26px;  /* top level icon width */
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	background-color: #00698c;  /* ie8 */
	border: 1px solid #01587b;  /* ie8 */
	background-color: rgba(1, 88, 123, 0.89);
	border: 1px solid rgba(2, 67, 110, 0.77);
}

.navWrapper .dropdown-menu.inverted li > a:hover,
.navWrapper .dropdown-menu.inverted li > a:focus {
	color: #fff;
	background-color: #01587b;
	background-image: none;
	background-repeat: repeat-x;
	outline: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


nav .lvl1 > .arrow,
nav .lvl1 > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom:0;
	border-color: transparent;
	border-style: solid;
	z-index:5;
}

nav .lvl1 > .arrow {
	border-width: 11px;
}

nav .lvl1 > .arrow:after {
	border-width: 10px;
	content: "";
}

nav .lvl1 > .arrow {
	bottom: -1px;
	left: 50%;
	margin-left: 0px;
	border-bottom-color: #00698c;
	/*    border-bottom-color: rgba(0, 0, 0, 0.25);*/
	border-top-width: 0;
}
nav .lvl1 > .arrow:after {
	top: 0px;
	margin-left: 1px;
	border-bottom-color: #666;
	border-top-width: 0;
}
nav .lvl1.pull-right > .arrow {
	margin-left: -20px;
}

.adm nav .lvl1 > .arrow {
	border-bottom-color: #ffcc00;
}
/* icons in navigation */
.iDesk,
.iHumRes,
.iVacation,
.iTravel,
.iAssets,
.iExpense,
.iEdu{
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
.iDesk {
	background-image: url('../img/baseline-dashboard-24px.svg');
}
.iHumRes {
	background-image: url('../img/baseline-face-24px.svg');
}
.iVacation {
	background-image: url('../img/baseline-wb_sunny-24px.svg');
}
.iTravel {
	background-image: url('../img/baseline-business_center-24px.svg');
}
.iAssets {
	background-image: url('../img/baseline-card_giftcard-24px.svg');
}
.iEdu {
	background-image: url('../img/baseline-school-24px.svg');
}
.iExpense {
	background-image: url('../img/baseline-poll-24px.svg');
}
.iHelp {
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.iHelp {
	background-image: url('../img/outline-info-24px.svg');
}
.link.iHelp {
	display: inline-block;
	padding-right:25px;
}
nav .lvl1 > .iHelp {
	color: #999;
	font-size: 15px;
	padding: 1.1em 2em 1.1em 0;

}
/* ----------- log in ---------- */

.loginbox {
	margin: 1em 0 2em 0;
	padding: 1em 0;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;
	background-color: rgba(255,255,255,0.4);
	color: #111;
}
.loginbox p {
	margin-bottom:5px;
}
.loginbox .btn {
	border-color: #696969;
}
.loginbox input[type="text"] {
	background: #fafafa;
	border-color: #696969;
	height:30px;
}

/* asutus select */
.alert .organization-select {
	margin: -4px -8px;
}
.organization-select .icon-chevron-right {
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	opacity: .5;
}
.alert .organization-select.nav-stacked > li > a {
	background-color: #fff;
}
.alert .organization-select.nav-stacked > li > a:hover {
	background-color: #fffcbe;
}

/* submenu dropdown */

nav ul li > ul li {
	color: #333;
	width: 100%;
}

/* ==========================================================================
   Navigation  in admin header
   ========================================================================== */

.headerWrapper .navArea {
	background: transparent;
	float:left;
	color: #f0f0f0;
	margin:0;
	margin-top:11px;
	min-height: 20px;
}

.headerWrapper .navArea > ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.headerWrapper .navArea ul li.lvl1 {
	float: left;
	width: auto;
	background: transparent;
	position: relative;

}
.headerWrapper .navArea .lvl1 > a {

	border-right: solid 1px rgba(0,0,0,0.35);
	float: left;
	font-family: Museo-500;
	font-size:15px;
	font-weight: normal;
	color: #f0f0f0;
	margin: 0;
	margin-right:-1px;
	padding: 0.5em 1em 0.6em 1em;
	position:relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	width: auto;
	z-index:1;
}


.headerWrapper .navArea li.lvl1:first-child > a {
	margin-left: 0;
	border-left: solid 1px rgba(0,0,0,0.35);
}
.headerWrapper .navArea li.lvl1:last-child > a {
	margin-right: 0;
}

.headerWrapper .navArea .lvl1 > a:hover,
.headerWrapper .navArea .lvl1 > a:active,
.headerWrapper .navArea .lvl1.open > a {
	color: #ffcc00;
	/*   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;*/

}
.headerWrapper .navArea .lvl1 > a:hover { text-decoration: none;}
.headerWrapper .navArea .lvl1 > a:focus { outline:0;}

.headerWrapper .navArea .lvl1 > a.active,
.headerWrapper .navArea .lvl1 > a.active:hover {
	box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.4) inset;
	background-color: transparent;
	/*    color: #ffcc00; */
	color: #ffcc00;
}

/* --- arrow on bottom --- */
.headerWrapper .navArea .lvl1 > a.active:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	z-index:6;
	content: "";
	bottom: -2px;
	left: 50%;
	margin-left: -8px;
	border-width: 8px;
	border-bottom-color: #ffcc00;
	border-top-width: 0;
}

/* -------- */

.headerWrapper .navArea .dropdown-menu.inverted {
	margin-top: 4px;
	margin-left: 0px;
}


.docs-sidenav {
	width: 228px;
}
.docs-sidenav a {
	background-color: #eee;
}
.docs-sidenav .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	margin-left: -3px;
	opacity: .6;
}
.docs-sidenav .active a .icon-chevron-right,
.docs-sidenav a:hover .icon-chevron-right {
	opacity: 1;
}
/* ==========================================================================
   ALL UI styles
   ========================================================================== */


/*  blocks */

.block {
	margin: 0 0 2em 0;

}
.sidebar {

}
.head {

	position:relative;
}
.h-title {
	background: #38434D;
	color: #fff;
	padding: 0 1em;
}
.content {
	background: transparent;
	padding: 9px;
}
.content.row {
	padding: 9px 0;
}
.content.list {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:3px;
}
.sidebar .content {
	background: #eee;
}

.buttonbar {
	display: block;
	width: 100%;
	padding: 0;
	padding-top:14px;
	margin-top: 14px;
	border: 0;
	border-top: 1px solid #e5e5e5;
}
.buttonbar-navtabs {
	float:right;
	position:relative;
	z-index:9;
}


.search-box .navbar-inner{
	border-color: #006080;
}
.navbar.search-box .navbar-inner {
	padding-bottom: 8px;
}
.search-box .input-append,
.search-box .input-prepend{
	margin-top: 0px;
}

.navbar.search-box .buttonbar {
	padding-top:8px;
	margin-top:-0px;
	border-width: 0;
}
.navbar.search-box .buttonbar .btn{
	margin-top:0;
	border-color: #006080;
}


.table {
	padding: 0;
	/*    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); */
}
.content.table {
	width:auto;
	margin-bottom: 2px;
	border-bottom: 0;
}
.table table { margin:0;}

.head h2 {  margin-top:0;}
.head .moreinfo {
	position:absolute;
	top:1px;
	right: 8px;
	z-index:3;
}

/* various states */
.content.history {
	background-color: #f1f1f1;
	color: #888;
}
.content.history a { color: #888;}
.content.important {
	background-color: #f8ea9c;
	color: #35151c;
}

label.checkbox.disabled {
	color: #888;
}

/* alert pointer on top right. Asutuse valik adminnis */
.alert.to-top-right {
	position: relative;
	margin-top:12px;
}
.alert.to-top-right > .arrow,
.alert.to-top-right > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top:0;
	left: auto;
	right: 40px;
	border-color: transparent;
	border-style: solid;
	z-index:5;
}

.alert.to-top-right > .arrow {
	border-width: 14px;
	top: -14px;
	right: 40px;
	border-bottom-color: #ffcc00;
	border-top-width: 0;
}
.alert.to-top-right > .arrow:after {
	border-width: 14px;
	content: " ";
	top: 0px;
	border-bottom-color: #666;
	border-top-width: 0;
	z-index:6;
}


/* -----------------------
  * tasklist, messages
 ----------------------------- */

.task,
.task-wide {
	min-height:2.5em;
	border: solid 1px #ccc;
	padding: 5px 95px 5px 24px;
	margin-right:2px;
	margin-bottom:2px;
	background-color: #fff;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.task-wide {
	padding: 8px 14px 6px 24px;
}
.task.asset {
	padding: 5px 14px 5px 14px;
}
.task:before,
.task-wide:before{
	content: "";
	position: absolute;
	z-index:1;
	left: 0px;
	top: 0px;
	width: 11px;
	height: 100%;
	background-color: #e1e1e1;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

.vacation-plan-task {}
.vacation-plan-task:hover {
	cursor: pointer;
}
.vacation-plan-task > strong {
	color: rgb(6, 135, 212);
}
.vacation-plan-task > u {
	color: blue;
}

.state-good:before { background-color: #369942;} /*  #97e497 */
.state-good .label-success { background-color: #369942;}
.state-important:before { background-color: #D03322;}
.state-warning:before { background-color: #ffd730;}
.state-info:before { background-color: #c6e4f3;}
.state-normal:before { background-color: #eaeaea;}
.state-history { background-color: #f1f1f1;}

.person-tasks .state-important a,
.person-tasks .state-normal a{
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, sans-serif;
}
.person-tasks .state-important a small,
.person-tasks .state-normal a small,
.person-tasks .state-important a span.due-date,
.person-tasks .state-normal a span.due-date{
	font-weight: normal;
	font-family: Tahoma, sans-serif;
}
.person-tasks .with-task-owner {
	display:block;

}
.person-tasks .task-owner {
	float:left;
	width:310px;
	min-height:2em;
}


/*.state-history {background-color: transparent;} */
.state-history a { color:#666;}

.alert > .state-warning { border-color: #e6dea8; }
.alert > .state-warning:before { background-color: #ffd730;}
.alert-info > .state-info:before { background-color: #3A87AD;}

.alert-block > .state-warning,
.task-wide.state-warning {
	border-color: #f89406;
}
.task-wide.state-important {
	border-color: #D03322;
}
.alert-block > .state-info,
.task-wide.state-info {
	border-color: #3A87AD;
}
.alert-block > .state-good {
	border-color: #0a8906;
}
.alert-block > .state-good:before { background-color: #ace8ae;}
.alert-block > .task.task-duo {
	margin-top:-7px;
	border-top-color: #dddddd;
}

.task-title,
.alert .task-title {
	color: #666;
	line-height: 1em;
	margin-bottom: 7px;
}
.alert .task-title .icon-lk-yksik,
.alert .task-title .icon-lk-yhis,
.alert .task-title .icon-lk-grupp {
	margin-left:-12px;
	margin-right:18px;
}
.alert .pull-right .icon-lk-yksik,
.alert .pull-right  .icon-lk-yhis,
.alert .pull-right  .icon-lk-grupp {
	margin-right:-10px;
}

.task .task-title,
.task-wide .task-title {
	position: relative;
	background-color: #eee;
	color: #888;
	margin-top: -0.4em;
	margin-left: -13px;
	margin-right: -80px;
	margin-bottom:5px;
	padding:2px 14px 3px 14px;
	line-height: 1em;
}
.task-wide .task-title {
	margin-right: -14px;
}
.task p {
	margin: 5px 0;
}
.task small {
	font-size: 1em;
	color: #666;
	display: block;
}
.task a:link,
.task a:hover,
.task a:active {
	text-decoration: none;
	/*	color: inherit; */
}

.task a > div { color:#333; }
.task a > div .mainData { color: #0687d4;}

.task .due-date {
	display:block;
	padding:0.3em 0.6em 0.3em 0.6em;
	position:absolute;
	top: 0px;
	right:0;
	width: auto;
	color:#777;
	background-color: #f5f5f5;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottompleft: 4px;
	border-bottom-left-radius: 4px;
	z-index:5;
}
.task .due-date i {
	margin-top:0px;
}

.person-notes .alert, .person-notes .message {
    background-color: #fff;
    border-width: 0;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-style: solid;
    color: #444;
    position: relative;
    padding: 6px 18px 20px 26px;
    margin-bottom: 2px;
}
.person-notes .alert:before {
	display: block;
	content: " ";
	position: absolute;
	top: 8px;
	left: 4px;
	width:18px;
	height: 18px;
	background-image: url("../img/glyphicons-halflings-067-c.png");
	background-repeat: no-repeat;
	background-position: -240px -120px;
}
.person-notes .message:before {
    display: block;
    content: " ";
    position: absolute;
    top: 8px;
    left: 4px;
    width:18px;
    height: 18px;
    background-image: url("../img/glyphicons-halflings-067-d.png");
    background-repeat: no-repeat;
    background-position: -70px 0px;
}
.person-notes .state-history { background-color: #f1f1f1;}

.person-notes .alert .close {
	right: -8px;
	top: -4px;
}
.person-notes.notes-list .alert {
	padding-right: 125px;
}
.person-notes .alert .due-date {
	display:block;
	padding:0.3em 0.6em 0.3em 0.6em;
	position:absolute;
	top: 0px;
	right:0;
	width: auto;
	color:#777;
	background-color: #f5f5f5;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottompleft: 4px;
	border-bottom-left-radius: 4px;
	z-index:5;
}

.task .label,
.task-wide .label,
.person-notes .alert .label,
.alert.wrap .label{
	position:absolute;
	top: 0;
	right:0;
	min-width:100px;
	*width:106px;
	text-align: right;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	z-index:5;
}

.task .label.vacation,
.task-wide .label.vacation,
.person-notes .alert .label.vacation {
	background-color: #53b661;
	color: #264d27;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.task .label.travel,
.task-wide .label.travel,
.person-notes .alert .label.travel {
	background-color: #ffcc00;
	color: #7c4904;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.task .label.assets,
.task-wide .label.assets,
.person-notes .alert .label.assets {
	background-color: #97d0eb;
	color: #2b6181;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.task-moreinfo {
	background-color: #f1f1f1;
	border: solid 1px #ccc;
	margin-top: -4px;
	margin-right: 2px;
	padding: 5px 14px 5px 24px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.task-moreinfo > .row {
	position:relative;
	margin: 0 -8px;
}
.task-moreinfo > .alert {
	margin: 8px -11px 0px -21px;
}

/* buttons position on top right corner */
.task-content {
	position: relative;
}
.task-buttonbar,
.task-nr {
	position: absolute;
	top: 2px;
	right: 3px;
}
.task-content > .task-buttonbar {
	top: -2px;
	right: -3px;
}
.alert-block .task-nr {
	top: auto;
	bottom: 4px;
	right: 8px;
	color: #888;
	padding-top: 4px;
}

.alert > .task {
	margin: -4px -12px 6px -12px;
}
.alert > .task.overlap {
	margin: -10px -12px 6px -12px;
}
.alert > .task-wide {
	margin: 0px -8px 0px -8px;
}

.task-wide > .alert {
	margin: -4px -10px 10px -8px;
}

/* admin topmost control select */
.generalControlTop {
	position:relative;
	right: 0;
	left:0;
	top: -37px;
	height:0;
	z-index:2;
}
.organizationControl {
	position:absolute;
	right: 0px;
	top: 3px;
	background-color: #00698c; /*  #5d5e58 */
	padding:5px;
	padding-top:0;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.inConfirmList .organizationControl {
	right: 340px;
}
.adm .organizationControl {
	position:absolute;
	right: 0px;
	top: -2px;
	background-color: #ffcc00; /*  #5d5e58 */

}
.organizationControl label {margin:0; color:#eee;}
.adm .organizationControl label {margin:0; color:#666;}
.organizationControl .select2-container { margin:0;}
.backControl {
	position:absolute;
	left: -12px;
	top: -1px;
	background-color: transparent; /*  #00698c  #5d5e58 */
	padding:3px;
	/*   padding-top:0; */
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.adm .backControl {
	position:absolute;
	left: 6px;
	top: -2px;
	background-color: #ffcc00; /*  #5d5e58 */
	padding:5px;
	padding-top:0;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

/* ------------------------------
 * Table styles  (overwrite bootstrap default)
 */
td.table-wrap {
	padding:0!important;
}
td.table-wrap > table {
	margin:0!important;
}
td.table-wrap > table.table-bordered {
	border-width: 0!important;
}
td.table-wrap > table.table-bordered tr td:first-child {
	border-left-width: 0!important;
}
thead .inverted th,
thead .inverted td{
	background: #48535b;
	border-color: #526874;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #dadada;
	text-shadow: 0 -1px 1px #323232;
}
thead .inverted th > table,
thead .inverted td > table {
	border-width:0px;
}

thead .l th,
thead .l td {
	background: #e6e6e6 url(jqui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	padding: 0.5em;
	color: #00698c;
	font-weight: normal;
}
tbody th,
tbody td{
	background: transparent;
}

tbody
tbody tr.focused,
tfoot tr.focused{
	background-color: #e7eff6;
}


tbody tr.selected {
	background-color: #fffcdd;
}
.table-hover tbody tr.selected:hover td,
.table-hover tbody tr.selected:hover th {
	background-color: #fff9ce;
}

table.table.vertical-middle td {
	vertical-align: middle;
}

table.table tr.moreinfo-row td {
	border-top-width: 0px;
}
table.table tr.moreinfo-row.history td blockquote {
	border-left-color: #e1e1e1;
}
/* ----------- sorting with link elements -------------- */
.sortable,
.sortable:hover {
	display: block;
	color: #222;
	text-decoration: none;
	cursor: pointer;
	padding-right:18px;
	position: relative;
	z-index: 1;
}
.sortable.up:after,
.sortable.down:after {
	display:block;
	width:18px;
	height: 18px;
	position: absolute;
	bottom:0px;
	right:0px;
	z-index:5;
	content: "";
	background-image: url("../img/glyphicons-halflings-066.png");
}
.sortable.up:after {
	background-position: -289px -94px;
}
.sortable.down:after {
	background-position: -312px -94px;
}

.inverted .sortable,
.inverted .sortable:hover {
	color: #fff;
}

.inverted .sortable.up:after,
.inverted .sortable.down:after {
	background-image: url("../img/glyphicons-halflings-white.png");
}
table.table tr.moreinfo-row td {
	border-top-width: 0px;
}
table.table tr.moreinfo-row.history td blockquote {
	border-left-color: #e1e1e1;
}

/* ----------- sorting with th elements -------------- */
/* includes dataTable component classes */

thead th.sorttable > span,
thead th.sorting > span,
thead th.sorting_asc > span,
thead th.sorting_desc > span {
	display: block;
	cursor: pointer;
	padding-right:18px;
	position: relative;
	z-index: 1;
}
thead th.sorttable.up > span:after,
thead th.sorttable.down > span:after,
thead th.sorting > span:after,
thead th.sorting_asc > span:after,
thead th.sorting_desc > span:after {
	display:block;
	width:18px;
	height: 16px;
	position: absolute;
	bottom:0px;
	right:0px;
	z-index:5;
	content: " ";
	background-image: url("../img/glyphicons-halflings-white.png");
	background-position: -432px -119px;
}
thead th.sorttable.up > span:after,
thead th.sorting_asc > span:after {
	background-position: -289px -94px;
}
thead th.sorttable.down > span:after,
thead th.sorting_desc > span:after {
	background-position: -312px -94px;
}

thead .inverted th.sorttable span,
thead .inverted th.sorting span,
thead .inverted th.sorting_asc span,
thead .inverted th.sorting_desc span {
	color: #fff;
}

thead .inverted th.sorttable.up span:after,
thead .inverted th.sorttable.down span:after,
thead .inverted th.sorting_asc span:after,
thead .inverted th.sorting_desc span:after {
	background-image: url("../img/glyphicons-halflings-white.png");
}

/* ==== data Table component ====== */
.dataTables_wrapper {
	margin:0;
	position: relative;
}
.dataTables_wrapper .ui-widget-header {
	border-width: 0;
}
.dataTables_wrapper .table-bordered {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.dataTables_wrapper .table-bordered thead:first-child tr:first-child > th:first-child,
.dataTables_wrapper .table-bordered colgroup + thead tr:first-child th:first-child{
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}
.dataTables_wrapper .table-bordered thead:first-child tr:first-child > th:last-child,
.dataTables_wrapper .table-bordered colgroup + thead tr:first-child th:last-child{
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
}
.dataTables_length {
	padding:1px 8px;
}
div.dataTables_length label {
	float: left;
	text-align: left;
	color: #222;
	margin:4px 6px;
}
div.dataTables_length select {
	width: 75px;
	padding:1px;
}
div.dataTables_filter label {
	float: right;
	margin:4px 6px;
}
div.dataTables-moreinfo {
	float: right;
	position: relative;
	overflow:visible;
	height:1px;
}


.dataTable tbody td > table{
	margin: -5px -5px -3px -6px;
}

table.dataTable th:active {
	outline: none;
}

/* Scrolling table */
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	border-top: none;
}

.dataTables_info {
	padding:8px 0 0 12px;
	font-weight: normal;
}
.dataTables_paginate {
	float:right;
}


/* toolbar below table */

.table-toolbar {
	position: relative;
	/*    margin-top: -20px;*/
	background-color: #f1f1f1;
	border: solid 1px #eee;
	min-height:20px;
	padding:2px;
}
.ui-toolbar .pagination,
.table-toolbar .pagination {
	margin:2px;
}
.table-toolbar.row-fluid {
	padding:0;
}
.table-toolbar .right { float:right; margin-left:5px;}
/* -- rtip own */

label {
	color: #888;  /* CVI #297099 */
	display: block;
	font-size:12px;
}

/* ============= */
.timeline-list-wrap {
	width:247px;
	float:left;
	border: solid 1px #bbb;
	margin-left:2px;
	background-color: #eee;
}
.timeline-list-wrap ul.list-condensed li {
	height:28px;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
}

.timeline-list-spacer {
	height:26px;
	padding:3px;
	background-color: #eee;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	position: relative;
}


.timeline-graph-wrap {
	width:728px;
	float:left;
	overflow:hidden;
	/*    overflow-x: auto; */
	-webkit-box-shadow: 1px 0 5px rgba(0,0,0,.4) inset;
	-moz-box-shadow   : 1px 0 5px rgba(0,0,0,.4) inset;
	-o-box-shadow     : 1px 0 5px rgba(0,0,0,.4) inset;
	box-shadow        : 1px 0 5px rgba(0,0,0,.4) inset;
	padding:6px 0 4px 2px;
	border: solid 1px #aaa;
	border-bottom-width: 0;
}

.timeline-list-wrap .selectbox {
	position:absolute;
	bottom:-5px;
	left:0;
	z-index:99;
	padding:5px;
	background-color: #eee;
	border: solid 1px #c1c1c1;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	-o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

/* =============
  Timeline  2x size, ca 3,5 months per page
================ */

.timeline-wrap {
	height: 70px;
	width:100%;
	overflow:hidden;
	overflow-x: auto;
}

.timeline-container {
	border-left: solid 1px #aaa;
	height: 30px;
	position:relative;
	width: 5471px;  /* 18 months,  (365(year)+182(6months)) x 10 = 5470  +1 */
	background-image: url('../img/week-2x-grid4.png');
	background-position: 0 15px;
	background-repeat: repeat-x;
}

.timeline-container:before {
	content: "";
	position: absolute;
	z-index:1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background-color: transparent;
	border-bottom: solid 4px #aaa;
}

.timeline-legend {
	text-align: right;
	margin:0.6em 0.3em;
}
.timeline-legend span {
	display:inline-block;
	height:14px;
	width:10px;
	vertical-align: baseline;
	text-align: center;
}

.timeline-container .month {
	width: 298px;  /* number of def 30 days in month  10x  expander !minus border width */
	border-right: solid 2px #aaa;
	float:left;
	height: 55px;
	position:relative;
	z-index:3;
}
.month.m1, .month.m3, .month.m5, .month.m7, .month.m8, .month.m10, .month.m12 { width: 308px; }
.month.m2 { width: 278px; } /* veebruar 28p */
.month.m22 { width: 283px; } /* veebruar liigaastal 29p */
.month.m12 { border-color:#00698c; }  /* year end */

.timeline-container .month .name {
	margin:0;
	padding:0 3px;
	font-size:84.6%;
	line-height:1.4em;
	color:#777;
}

/* smaller in graph */
.timeline-graph-wrap .timeline-container {
	width: 2745px;  /* 12 months, 365 x 5 = 1825 + 10!  - [NB! updated to 18 months ((365+182)*5)+10] */
	background-image: url('../img/week-grid4.png');
	height: 32px;
}
.timeline-graph-wrap .timeline-container .month {
	width: 148px;  /* number of def 30 days in month  5x  expander !minus border width . Define height inline! */
	height:28px;
	float:left;
	position:relative;
	z-index:3;
}
.timeline-graph-wrap.large .timeline-container {
	width: 1840px;  /* 12 months, 365 x 10 = 3650 + 10! */
	background-image: url('../img/week-2x-grid4.png');
	height: 38px;
}
.timeline-graph-wrap.large .timeline-container .month {
	width: 298px;  /* number of def 30 days in month  10x  expander !minus border width . Define height inline! */
	height:28px;
	float:left;
	position:relative;
	z-index:3;
}
.timeline-graph-wrap .month.m1,
.timeline-graph-wrap .month.m3,
.timeline-graph-wrap .month.m5,
.timeline-graph-wrap .month.m7,
.timeline-graph-wrap .month.m8,
.timeline-graph-wrap .month.m10,
.timeline-graph-wrap .month.m12 { width: 153px; }
.timeline-graph-wrap .month.m2 { width: 138px; }
.timeline-graph-wrap .month.m22 { width: 143px; }
/* larger */
.timeline-graph-wrap.large .month.m1,
.timeline-graph-wrap.large .month.m3,
.timeline-graph-wrap.large .month.m5,
.timeline-graph-wrap.large .month.m7,
.timeline-graph-wrap.large .month.m8,
.timeline-graph-wrap.large .month.m10,
.timeline-graph-wrap.large .month.m12 { width: 308px; }
.timeline-graph-wrap.large .month.m2 { width: 278px; }
.timeline-graph-wrap.large .month.m22 { width: 288px; }

/* large 2x size timeline */

.timeline-container.single-wide {
	width: 5471px;
	background-image: url('../img/week-2x-grid-bw.png');
	background-repeat: repeat;
	height: 26px;
}

.timeline-graph-wrap.large .timeline-container.single-wide:before {
	top: 0;
	height: 30px;
	border-top-width: 0;
	border-bottom: solid 8px #ddd;
}

/* normal 1x size timeline */

.timeline-container.single {
	width: 2745px;
	background-image: url('../img/week-grid-bw.png');
	background-repeat: repeat;
	height: 37px;
}
.timeline-container.single:before {
	top: 0;
	height: 29px;
	border-top-width: 0;
	border-bottom: solid 8px #ddd;
}

.timeline-list-wrap ul.list-condensed li.focused,
.timeline-container.focused {
	background-color: #fcf5c5;
	border-color: #eec543;
}

/* blocks */

.timeline-container .today {
	position:absolute;
	top: 14px;
	background: #00698c;
	width: 9px;
	height: 16px;
	z-index:5;
}

.timeline-container .puhkus,
.timeline-container .lahetus,
.timeline-container .puudus,
.timeline-container .asendus,
.timeline-container .koolitus,
.timeline-container .muu,
.timeline-container .muupuudus {
	position:absolute;
	left:0;
	top: 2px;
	height: 20px;
	background-color: #e1e1e1;
	z-index: 6;
}
.timeline-container .asendus {
	z-index: 5;
}
.timeline-container .muupuudus {
	top: 16px;
	height: 6px;
}

.timeline-container.single .puhkus,
.timeline-container.single .lahetus,
.timeline-container.single .puudus,
.timeline-container.single .asendus,
.timeline-container.single .koolitus,
.timeline-container.single .muu {
	top: 1px;
	height: 26px;
}
.timeline-container.single .muu {
	top: 1px;
	height: 8px;
}
.timeline-container.single-wide .puhkus,
.timeline-container.single-wide .lahetus,
.timeline-container.single-wide .puudus,
.timeline-container.single-wide .koolitus,
.timeline-container.single-wide .asendus,
.timeline-container.single-wide .muu {
	top: 1px;
	height: 26px;
}

.timeline-container .puhkus {   background-color: rgb(77, 180, 0); opacity: 0.7;filter: alpha(opacity=70);}
.timeline-container .lahetus {  background-color: rgb(249, 155, 0); opacity: 0.7;filter: alpha(opacity=70);}
.timeline-container .koolitus {  background-color: rgb(201, 89, 247); opacity: 0.7;filter: alpha(opacity=70);}
.timeline-container .puudus, .timeline-container .muupuudus { background-color: rgb(0, 125, 225); opacity: 0.7;filter: alpha(opacity=70);}
.timeline-container .asendus {  background-color: rgb(100,100,100); opacity: 0.2;filter: alpha(opacity=20);}
.timeline-container .muu {}

.timeline-legend span.puhkus {   background-color: rgb(77, 180, 0); }
.timeline-legend span.lahetus {  background-color: rgb(249, 155, 0); }
.timeline-legend span.koolitus {  background-color: rgb(201, 89, 247); }
.timeline-legend span.puudus, .timeline-legend span.muupuudus { background-color: rgb(0, 125, 225); }
.timeline-legend span.asendus {  background-color: rgb(174, 174, 174);}


.timeline-container .puhkus.not-confirmed,
.timeline-container .koolitus.not-confirmed,
.timeline-container .puudus.not-confirmed,
.timeline-container .lahetus.not-confirmed {
	background-image: url('../img/bg-stripes.png');
}
.prescroll {
	max-height: 400px;
	overflow:hidden;
	overflow-y: scroll;
	-webkit-box-shadow: 1px 0 5px rgba(0,0,0,.4) inset;
	-moz-box-shadow   : 1px 0 5px rgba(0,0,0,.4) inset;
	-o-box-shadow     : 1px 0 5px rgba(0,0,0,.4) inset;
	box-shadow        : 1px 0 5px rgba(0,0,0,.4) inset;
	padding:6px 9px;
	border: solid 1px #ccc;
}

#filter-puhkus,
#filter-lahetus,
#filter-puudus,
#filter-koolitus,
#filter-asendus,
.filter-puhkus,
.filter-lahetus,
.filter-koolitus,
.filter-puudus,
.filter-asendus{
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
}
#filter-puhkus:hover,
#filter-lahetus:hover,
#filter-puudus:hover,
#filter-koolitus:hover,
#filter-asendus:hover,
.filter-puhkus:hover,
.filter-lahetus:hover,
.filter-koolitus:hover,
.filter-puudus:hover,
.filter-asendus:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Tiny Scrollbar plugin */
/* vertical */

#scrollbar1 {
	width: 705px; /* default, overwrite in html */
	margin: 0 15px 0 0;
}

#scrollbar1 .viewport {
	width: 2745px; /* + 10px room for bottom scrollbar */
	height: 380px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .sticky-wrap .sticky {
	width:247px;
}

#scrollbar1 .sticky-wrap {
	position:relative;
	overflow: hidden;
}

#scrollbar1 .overview,
#scrollbar1 .sticky{
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar1 .overflow-x {
	width:715px;
	height: 423px;
	overflow-x: auto;
	overflow-y: hidden;
}

#scrollbar1 .scrollbar{
	background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: absolute;
	background-position: 0 0;
	width: 15px;
	right:0px;
	top:35px;
}

#scrollbar1 .track {
	background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}

#scrollbar1 .thumb {
	background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}

#scrollbar1 .thumb .end {
	background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

#scrollbar1 .disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}



/* puhkused list */

.timeline-vertical-wrap {
	float: left;
	height: auto;
	width: 82px;
	overflow:visible;
}
.timeline-sidearea-graph {
	float:left;
	width: 630px;
	margin-top:20px;
}
.timeline-sidearea {
	float:left;
	width: 720px;
	margin-top:20px;
}
/* statuses */

.status-inactive,
.status-inactive a {
	color: #888;
	font-style: italic;
}
.status-active,
.status-active a {}


/* = form appendises = */

.content.row-fluid {
	margin-bottom: 2px;
	width:auto;
}


/* Sortable */
ul.ui-sortable {
	margin-left: 0;
	list-style: none;
	padding:0;
}
ul.ui-sortable li {
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:3px;
	cursor: ns-resize;
}
ul.ui-sortable .ui-state-highlight {
	height:36px;
}
ul.ui-sortable li > div {
	padding: 6px;
}


/* ====================== */

.document-sections-wrap {
	position: relative;
	margin-left:-18px;
	margin-right: -18px;
	margin-bottom: 20px;
	padding-left:18px;
	padding-right: 18px;
	padding-top:14px;
	padding-bottom:0;
	border:0;
	background-color: #f4f4f4;
	border-top: solid 2px #fafafa;
}
.document-sections-wrap.blue {
	background-color: #d9edf7;
}

.nav-pills.document-sections,
.nav-tabs.document-sections {
	position: relative;
	margin-left: -20px;
	padding-left:20px;
	margin-right: -20px;
	padding-right:20px;
}


.affix-top {
	width:228px;
}
.affix {
	width:228px;
	top:16px;
}



.guide {
	margin-bottom: 3em;
	padding-left: 20px;
}
.guide h3 {
	padding-top: 1em;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.placeholder {
	color: #999;
}

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* some general mesure classes */
.w25 {width:25px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w125 {width:125px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w175 {width:175px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w225 {width:225px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w465 {width:465px !important;}
.w500 {width:500px !important;}
.w511 {width:511px !important;}
.w525 {width:525px !important;}
.w600 {width:600px !important;}
.w614 {width:614px !important;}
.w700 {width:700px !important;}

/* inline edit plugin */

.inline-edit {
	position: relative;
	min-height: 16px;
	border: solid 1px transparent;
}
.inline-edit:hover {
	border: solid 1px #b5d6ff;
	background-color: #f5f5f5;
}
.inline-edit em {
	font-size:0.86em;
	color: #999;
}
.pop {
	display: block;
	position: absolute;
	left:-7px;
	top:-5px;
	z-index:2;
	background-color: #fef9c1;
	padding:4px;
	border: solid 1px #99978a;
}
.pop .inline-edit .hasDatePicker {
	width: 90px;
}


/*  loading messages: tablesorter & blockUI plugin */
.blockUI .blockOverlay { }

.blockMsg {
	width: 200px;
	height: auto;
	padding: 18px 24px 18px 60px;
	font-size:16px;
	color: #402c29;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf5c5;
	background-image: url('../img/alert-loader.gif');
	background-repeat: no-repeat;
	background-position: 28px 50%;
	border: 1px solid #f0d294;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index:1001;
}
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: auto;
	margin-left: -100px;
	margin-top: -12px;
	padding: 18px 24px 18px 60px;
	font-size:16px;
	color: #402c29;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf5c5;
	background-image: url('../img/alert-loader.gif');
	background-repeat: no-repeat;
	background-position: 28px 50%;
	border: 1px solid #f0d294;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index:1001;
}

/*  large area like input */

.large-area {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3) inset;
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.3) inset;
	-o-box-shadow     : 0 0 5px rgba(0,0,0,.3) inset;
	box-shadow        : 0 0 5px rgba(0,0,0,.3) inset;
	border: 1px solid #aaa;
	outline: none;
	padding:3px;
	color: #111;
}
.large-area.white {
	background-color: #fff;
	border-color: #ccc;
}

.large-area.btn-appended {
	position: relative;
	margin-right: 36px;
}

.large-area.btn-prepended{
	position: relative;
	margin-left: 36px;
}
.large-area.btn-appended .btn {
	position: absolute;
	right:-36px;
	top:-1px;
	border-radius: 0 4px 4px 0;
}
.large-area.btn-prepended .btn {
	position: absolute;
	left:-36px;
	top:-1px;
	border-radius: 4px 0 0 4px;
}
/* files upload component */

.file-uploaded .controls {
	margin-bottom:2px;
}
.file-uploaded .uneditable-input {
	margin-left:-3px;
	border-radius: 0 0 0 0;
	padding: 4px 4px;
}
.file-uploaded .btn {
	padding: 4px 6px;
}

.btn.fileinput-button {
	position: relative;
	overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.error-label {
    color: #b94a48;
    font-weight: bold;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}
.icon-ddoc {
	background-image: url('../img/ico-document-sign.png');
	background-position: 0 0;
	width: 16px;
	height: 16px;
}
/* ==================
    TEMPORARY DEMO CRAP
    ===== */
.b {border: solid 1px #F584FE;}
.demonotes {
	position: fixed;
	bottom:0;
	left:0;
	padding-top: 16px;
}
.demonotes .cont{
	background-color: #e5ffd8;
	border: solid 1px #666;
	color: #180a44;
	padding:1em;
	display: block;
	width:300px;
}
.demonotes .tog {
	background-color: #e5ffd8;
	position: relative;
	margin-top:-14px;
	width: 14px;
	border: solid 1px #666;
	cursor: pointer;
}

.table.v-center tr td {vertical-align: middle;}

.hover {
    background-color: #fffcbe;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.chosen {
	background-color: #c6e4f3;
}

.pre {
	white-space: pre;
}

.offline {
	 background-color: #ececec;
     color: #b4b4b4;
     text-shadow: 0 1px 0 rgb(255, 255, 255);
     border-bottom-color: #d6d6d6;
}

[treecontrol].tree-light {margin-left: -18px}

[treecontrol].tree-light li .tree-label {
	display:inline-block;
    border-bottom: solid 1px #e1e1e1;
    padding-right: 2px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[treecontrol] li .tree-label:hover,
[treecontrol].tree-light li .tree-label:hover {  background-color: #fffcdd;}

[treecontrol].tree-light li .tree-selected { font-weight: normal; }
[treecontrol] li .tree-selected.org-unit-selected {background-color: #FFFCBE;}

[treecontrol] li.tree-leaf i,
[treecontrol] li.tree-expanded i,
[treecontrol] li.tree-collapsed i,
[treecontrol].tree-light li.tree-leaf i,
[treecontrol].tree-light li.tree-expanded i,
[treecontrol].tree-light li.tree-collapsed i {
	display:inline-block;
	width: 16px;
	height: 16px;
	padding:0px;
	}

[treecontrol] li.tree-expanded i.tree-branch-head {
	background: url("../img/node-opened-2.png") no-repeat !important;

}
[treecontrol] li.tree-collapsed i.tree-branch-head {
	background: url("../img/node-closed-2.png") no-repeat !important;
}

[treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
[treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline-block;}
[treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
[treecontrol] li.tree-leaf i.tree-leaf-head {display:inline-block;}

.legend-warning {
	display:inline-block;
	height:20px;
	width:14px;
	background-color: #fffbe6;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

.speech-bubble {
	position: relative;
	top: 8px;
	left: 4px;
	width:18px;
	height: 18px;
	background-image: url("../img/glyphicons-halflings-067-d.png");
	background-repeat: no-repeat;
	background-position: -310px -170px;
	padding: 6px 18px 0px 0px;
	margin-bottom: 2px;
}

.internal-use {
	position: relative;
	top: 4px;
	width:16px;
	height: 16px;
	background-image: url("../img/glyphicons-halflings-color.png");
	background-repeat: no-repeat;
	background-position: -70px -45px;
	padding: 6px 18px 0px 0px;
	margin-bottom: 2px;
}

.sent-message {
	display:block;
	padding:0.3em 0.6em 0.3em 0.6em;
	position:absolute;
	top: 2em;
	right:0;
	width: auto;
	color:#777;
	background-color: #f5f5f5;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottompleft: 4px;
	border-bottom-left-radius: 4px;
	z-index:5;
}

.alert-block > .task.task-duo {
	margin-top:-7px;
	border-top-color: #dddddd;
}

.cursor-pointer {
	cursor: pointer;
}

.form-error {
	color: #b94a48; font-weight: bold;
}

.download-frame {
	width: 1px;
	height: 1px;
	visibility: hidden;
	position: absolute;
}

.mainArea#modernArea {
	width:100%;
	margin: 0;
	padding: 0;
	border:none;
	background-color: transparent;
	box-shadow: none;
	padding-bottom: 5px;
	margin-bottom: -5px;
}

#modernFrame {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.no-margin {
	margin: 0 !important;
}

.filter-control-group {
	min-height: 60px;
}

.inline-block {
	display: inline-block;
}

.tree-control-table table {
  border: 0 !important;
}

.tree-control-table > ul > li {
  padding: 0 !important;
}

.tree-control-table .input-mini {
  width: 40px;
  height: 15px;
  font-size: 1.1em;
}

.tree-control-ul {
  margin: 0 !important;
}

.tree-expanded {
  caret-color: #0a8906;
  caret-shape: revert;
}

.tree-collapsed {
  caret-color: #0a8906;
  caret-shape: revert;
}

.clear-margin {
  margin: 0 !important;
  padding: 0 !important;
}

.tg-unit-invalid input {
  border-width: 0.01em!important;
  border-color: rgba(255, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 0.15em 1px rgba(255, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0.15em 1px rgba(255, 0, 0, 0.25);
  box-shadow: 0 0 0.15em 1px rgba(255, 0, 0, 0.25);
}

.tg-unit-invalid input :focus {
  -webkit-box-shadow: 0 0 0.05em 1px rgba(255, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0.05em 1px rgba(255, 0, 0, 0.25);
  box-shadow: 0 0 0.05em 1px rgba(255, 0, 0, 0.25);
}

.cursor-wait, .cursor-wait button[disabled="disabled"]{
  cursor: wait;
}

/*Validate groupMemberModal advancePay*/
input[name=advancePay].ng-invalid-pattern, .invalid-daily-allowances {
  border-color: #C04A48;
  border-left-width: 3px;
}

.secondment-modal-input-borders {
  border-color: #3a87ad;
  border-left-width: 3px;
}

.center-input-in-td {
  text-align: center !important;
  vertical-align: middle !important;
}

#groupMembersBtnGroup > .popover {
  width: max-content;
  max-width: 600px;
}

#finDimTooltipBtnGroup > .popover {
  width: max-content;
  max-width: 600px;
}

#finDimTooltipBtnGroupBudgetRow > .popover {
  width: max-content;
  max-width: 600px;
}

#finDimTooltipDefaultBtnGroup > .popover {
  width: max-content;
  max-width: 600px;
}

.tooltip-wide .btooltip-inner {
  max-width: 680px;
}