/* ######################################################### */
/*! ### WOODY CRM CSS by ilab crossmedia og, www.ilab.at ### */
/* ###       Authors Martin Jank, Gerhard Mischitz       ### */
/* ######################################################### */

/* ########## ########## ########## ##########  */
/* 
- FONTS
- GENERELLES
- HEADER
- SUBNAV
- MAIN
- FORMS
- CHOSEN
- TOOLTIP
- DATEPICKER
- TYPEAHEAD
- MODAL, SPINNER
- CONTEXT MENU
- ANIMATIONS
- MEDIA
*/
/* ########## ########## ########## ##########  */

/* ########## ########## ########## ##########  */
/* FONTS */
/* ########## ########## ########## ##########  */

body {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans;
}

time {
	font-family: "Open Sans Condensed", "Helvetica Neue", "Arial Narrow", sans;
}

.toggleable > h2:after, 
.btn_export:before {
	font-family: fontello;
}

/* ########## ########## ########## ##########  */
/* /FONTS */
/* ########## ########## ########## ##########  */


/* ########## ########## ########## ##########  */
/* GENERELLES */
/* ########## ########## ########## ##########  */

body {
	background-color: #fff;
	color: #333;
	padding-top: 82px;
}

a,
a:hover,
a:focus,
a:active {
	outline: 0;
}

.spacer {
	display: block;
	height: 24px;
}

/* ########## ########## ########## ##########  */
/* /GENERELLES */
/* ########## ########## ########## ##########  */


/* ########## ########## ########## ##########  */
/* HEADER */
/* ########## ########## ########## ##########  */

.navbar {
	color: #FFF;
	padding: 0;
}

#nav_top {
	background-color: #2a2a2a;
}

#nav_bot {
	background-color: #115fa3;
}

/*
#nav_top > .container {
	/* remove gutter *
	padding-left: 0;
	padding-right: 0;
}
*/

.navbar-brand {
	padding: 0;
}

.navbar-brand img {
	height: 44px;
	height: 2.75rem;
}

.navbar-nav .nav-item + .nav-item {
	margin-left: 2rem;
}

.navbar a {
	color: #FFF;
	font-weight: 300;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#nav_bot a {
	text-transform: uppercase;
	position: relative;
}

#nav_bot a:before,
#nav_bot a:after {
	content: " ";
	position: absolute;
	bottom: 4px;
	left: 50%;
	right: 50%;
	height: 3px;
	background-color: #FFF;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#nav_bot a:hover:before,
#nav_bot .active a:before {
	left: -10%;
}

#nav_bot a:hover:after, 
#nav_bot .active a:after {
	right: -10%;
}

.user_toggle > * {
	display: block;
	text-align: right;
}

.user_toggle > span {
	font-size: .7em;
}

.user_toggle em {
	font-size: 1.2em;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: .0001;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.icon_toggle {
	position: relative;
	display: inline-block;
	height: 1rem;
	width: 1.3rem;
}

.login em:not(.onhover) {
	opacity: 1;
}

.login:hover em:not(.onhover) {
	opacity: .0001;
}

.login:hover em.onhover {
	opacity: 1;
}

#nav_right > * {
	float: left;
}

/* ########## ########## ########## ##########  */
/* /HEADER */
/* ########## ########## ########## ##########  */



/* ########## ########## ########## ##########  */
/* SUBNAV */
/* ########## ########## ########## ##########  */

#subnav ul {
    padding: 0;
	margin: 0;
	list-style: none;
}

#subnav a {
	display: block;
	font-size: 1.15rem;
	border: 1px solid #ddd;
	padding: 7px 15px;
	margin: 0 0 2px;
	position: relative;
	width: 90%;
	color: #115fa3;
	background-color: transparent;
	-webkit-transition: color .4s ease 0s, background-color .4s ease 0s, width .4s cubic-bezier(.87,-.41,.19,1.44) 0s;
	-moz-transition: color .4s ease 0s, background-color .4s ease 0s, width .4s cubic-bezier(.87,-.41,.19,1.44) 0s;
	transition: color .4s ease 0s, background-color .4s ease 0s, width .4s cubic-bezier(.87,-.41,.19,1.44) 0s;
}

#subnav a:hover, 
#subnav a:focus {
	width: 95%;
	background-color: #558BBC;
	color: #FFF;
	text-decoration: none;
}

#subnav .active a {
	background-color: #115fa3;
	color: #FFF;
	width: 95%;
}

#subnav .active > a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border-color: transparent transparent transparent #115fa3;
	border-style: solid;
	border-width: 21px 24px;
	-webkit-transform: translate(100%, -50%);
	-moz-transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}

#subnav em::before {
	font-size: 2rem;
	line-height: 1rem;
	position: relative;
	top: 4px;
	left: -5px;
}

/* ########## ########## ########## ##########  */
/* /SUBNAV */
/* ########## ########## ########## ##########  */



/* ########## ########## ########## ##########  */
/* MAIN */
/* ########## ########## ########## ##########  */

section {
	padding: 1rem 0;
}

section#search {
	padding: 2rem 0;
}

section h2,
section h3 {
	font-size: 1.1rem;
	margin-bottom: 1.1rem;
}

section h2 {
	color: #115fa3;
}

section h3 {
	color: #727272;
}

section .bg_color h3 {
	margin: 0 0 0 8.5%;
	padding: 20px 0 10px;
}

.toggleable > h2 {
	cursor: pointer;
}

.toggleable > h2:after {
	content: "\e808";
	display: inline-block;
	padding: 0 1rem;
}

.toggleable.open > h2:after {
	content: "\e807";
}

.data_section h4 {
	font-size: 1rem;
	font-weight: 200;
	margin: 0;
}

.info_box {
	padding: 1rem 2rem;
	margin: 0 0 2px;
	background-color: #eee;
	border-radius: .25rem;
}

.info_box p {
	margin: 0;
}

/* ########## ########## ########## ##########  */
/* /MAIN */
/* ########## ########## ########## ##########  */


/* ########## ########## ########## ##########  */
/* FORMS */
/* ########## ########## ########## ##########  */

#form_search .form-group {
	margin: 0;
	width: 50%;
	width: calc(50% - 15px);
	position: relative;
}

.form_section {
	margin: 0;
}

.form-group {
	margin-bottom: 1.1rem;
}

#form_search label:not(.label_visible) {
	display: none;
}

.form-control {
	color: #333;
	border-color: #a0a0a0;
	line-height: 1.5em;
	padding: .4rem .75rem;
	-webkit-transition: border-color .4s ease 0s, padding .4s ease 0s;
	-moz-transition: border-color .4s ease 0s, padding .4s ease 0s;
	transition: border-color .4s ease 0s, padding .4s ease 0s;
}

/*
.form-control:required {
	border-color: #186fa2;
}
*/

.form-control {
	background-color: #FFF;
	border-color: #a0a0a0;
	border-radius: .25rem;
	
	-webkit-transition: border-color .4s ease 0s, padding .4s ease 0s, border-radius .4s ease 0s, background-color .4s ease 0s;
	-moz-transition: border-color .4s ease 0s, padding .4s ease 0s, border-radius .4s ease 0s, background-color .4s ease 0s;
	transition: border-color .4s ease 0s, padding .4s ease 0s, border-radius .4s ease 0s, background-color .4s ease 0s;
}

.form-control[readonly], 
.form-control:disabled {
	background-color: transparent;
	border-color: transparent transparent #a0a0a0;
	border-radius: 0;
	box-shadow: none;
}

.has-danger .form-control, 
.form-control:invalid {
	border-color: #d10000;
}

.has-danger .form-control[readonly],
.has-danger .form-control:disabled, 
.form-control[readonly]:invalid {
	border-color: transparent transparent #d10000;
}

textarea.form-control[readonly] {
	background-color: #F9F9F9;
}

.input-group .form-control {
	border-radius: 0;
} 

.btn_search {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	border-radius: 0 .25rem .25rem 0;
	background-color: transparent;
	color: #a0a0a0;
}

.btn_toggle {
	color: #a0a0a0;
	background-color: #FFF;
	margin: 0;
	box-shadow: inset 1px 1px 2px -2px rgba(255,255,255,.3), inset -1px -1px 2px -2px rgba(0,0,0,.3);
	line-height: 1.5em;
	padding: .4rem 1rem;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	border: 1px solid #a0a0a0;
}

.no_toggle {
	pointer-events: none;
	background-color: #EEE;
	background: -webkit-repeating-linear-gradient(-45deg, #EEE, #EEE 10px, #DDD 10px, #DDD 20px);
	background: repeating-linear-gradient(-45deg, #EEE, #EEE 10px, #DDD 10px, #DDD 20px);
}

.btn_toggle:not(.disabled):hover, 
.btn_toggle:not(.disabled):focus {
	/*background-color: rgba(38,196,17,.2);*/
	background-color: #D4F3CF; /*#e4efda;*/
	box-shadow: inset 1px 1px 3px -2px rgba(255,255,255,.3), inset -1px -1px 3px -2px rgba(0,0,0,.3), 1px 1px 3px -2px rgba(0,0,0,.3);
}

.btn_toggle.active {
	color: #FFF;
	background-color: #26c411;
}

.btn_toggle.active:not(.disabled):hover, 
.btn_toggle.active:not(.disabled):focus {
	/*background-color: rgba(38,196,17,.8);*/
	background-color: #51D041; /*#7ebd5d;*/
}

.btn_toggle.disabled {
	opacity: 1;
	border-radius: 0;
	box-shadow: none;
}

.btn_toggle.disabled.active {
	color: #26c411;
}

#form_content .btn_toggle.disabled {
	border-color: transparent transparent #a0a0a0;
	background-color: transparent;
	background-image: none;
}

.btn_toggle .on_active, 
.btn_toggle .on_inactive {
	display: none;
}

.btn_toggle.active .on_active, 
.btn_toggle:not(.active) .on_inactive {
	display: inline;
}

.btn_kundeaktiv {
	width: 100%;
}

.btn_kundeaktiv.active {
	border-color: #009036;
}

label:not(.label_visible) {
	/*display: none;*/
	display: block;
	opacity: .00001;
	position: absolute;
	top: -.2rem;
	left: 1.7rem;
	color: #999;
	font-size: .8rem;
	z-index: 20;
	overflow: visible;
	line-height: 1.4em;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.disabled label:not(.label_visible) {
	color: #BBB;
}

.show_floating_label label {
	top: 0;
	opacity: 1;
	/*display: block;*/
}

.show_floating_label .form-control, 
.show_floating_label .chosen-container .chosen-single {
	padding: .75rem .75rem .05rem;
}

.show_floating_label .chosen-container .chosen-single {
	color: #333;
}

.form-control:placeholder {
	color: #656565;
	-webkit-transition: color .4s ease 0s;
	-moz-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.form-control:placeholder-shown { /* W3C */
	color: #656565;
	-webkit-transition: color .4s ease 0s;
	-moz-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.form-control:-webkit-input-placeholder { /* WebKit browsers */
	color: #656565;
	-wekbit-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #656565;
	opacity: 1;
	-moz-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #656565;
	opacity: 1;
	-moz-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #656565;
	transition: color .4s ease 0s;
}


.disabled .form-control:placeholder {
	color: #BBB;
}

.disabled .form-control:placeholder-shown { /* W3C */
	color: #BBB;
}

.disabled .form-control:-webkit-input-placeholder { /* WebKit browsers */
	color: #BBB;
}

.disabled .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #BBB;
	opacity: 1;
}

.disabled .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #BBB;
	opacity: 1;
}

.disabled .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #BBB;
}


.btn_info {
	background: none;
	position: absolute;
	right: .25rem;
	top: -.7rem;
	padding: .2rem;
	color: #a2a2a2;
	border-radius: 0;
	cursor: help;
	line-height: 1em;
}

.btn_info em {
	display: block;
	background-color: #fff;
	border-radius: 50%;
	height: .9rem;
	width: .9rem;
	overflow: visible;
	text-indent: -.19rem;
}

.btn_info_content {
	display: none;
}

.btn_info:hover + .btn_info_content {
	display: block;
}

.custom-checkbox {
	margin-bottom: 0;
	padding-left: 2rem;
}

.custom-control-indicator {
	height: 1.4rem;
	width: 1.4rem;
	background-size: .75rem;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.custom-checkbox:hover input:not(:disabled) ~ .custom-control-indicator {
	background-color: #c6e6c2; /* rgba(38,196,17,.2) auf #eee */
}

.custom-checkbox > input:checked ~ .custom-control-indicator {
	background-color: #26c411;
}

.c_remove {
	color: #d10000;
	
	-webkit-transition: color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, opacity .4s ease 0s, border-radius .4s ease 0s;
	-moz-transition: color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, opacity .4s ease 0s, border-radius .4s ease 0s;
	transition: color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, opacity .4s ease 0s, border-radius .4s ease 0s;
}

.c_remove:hover, 
.c_remove:focus {
	color: #F91C1C;
}

.c_remove.disabled {
	color: #888;
	opacity: .8;
	cursor: not-allowed;
}

.input-group-addon {
	padding: 0;
	background-color: transparent;
	border: 0;
}

.input-group-addon .c_remove {
	display: block;
	font-size: 1.2rem;
	width: 2.2rem;
	padding: .4rem 0;
	background-color: #FFF;
	border-radius: .25rem 0 0 .25rem;
	border: 1px solid #a0a0a0;
	border-right-width: 0;
}

.input-group-addon .c_remove:hover, 
.input-group-addon .c_remove:focus {
	background-color: #f91c1c;
	color: #FFF;
}

.input-group-addon .c_remove.disabled {
	background-color: transparent;
	border-color: transparent transparent #a0a0a0;
	border-radius: 0;
}
/*
.input-group-addon:first-child {
	border: 0;
	background-color: transparent;
}

.input-group-addon:last-child {
	border: 0;
}
*/
.input-group-addon .btn_toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	box-shadow: none;
}

.input-group-addon .btn_toggle.disabled {
	border-bottom-right-radius: 0;
	color: transparent;
}

.input-group-addon .btn_toggle.active.disabled {
	color: #26c411;
}

.btn_add {
	display: block;
	font-size: 1.5rem;
	color: #26c411;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 auto;
	padding: .4rem .25rem;
	-webkit-transition: opacity .4s ease 0s, color .4s ease 0s;
	-moz-transition: opacity .4s ease 0s, color .4s ease 0s;
	transition: opacity .4s ease 0s, color .4s ease 0s;
}

.btn_add:hover,
.btn_add:focus {
	color: #71db60;
}

.btn_add.disabled {
	color: #888;
	opacity: .8;
}

.btn_add span {
	/*display: none;*/
	display: inline-block;
	opacity: 0;
	font-size: .85rem;
	max-width: 0;
	overflow: hidden;
	-webkit-transition: opacity .4s ease 0s, color .4s ease .4s, max-width 0s ease .8s;
	-moz-transition: opacity .4s ease 0s, color .4s ease .4s, max-width 0s ease .8s;
	transition: opacity .4s ease 0s, color .4s ease .4s, max-width 0s ease .8s;
}

.btn_add.has_max_rows span {
	/*display: inline-block;*/
	opacity: 1;
	max-width: 100%;
	-webkit-transition: opacity .4s ease 0s;
	-moz-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
}

.bg_color {
	background-color: #eee;
	border-radius: .25rem;
}

.pattern {
	display: none;
}

.form_section.bg_color:not(.bg_color_np) {
	padding-right: 10px;
}

.bg_color:not(.bg_color_np) .remove_mark {
	position: relative;
	margin-bottom: 2px;
	padding-top: 1.1rem;
}

.bg_color:not(.bg_color_np) .remove_mark:before {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -2px;
	height: 2px;
	background-color: #FFF;
}

.c_remove_xs {
	font-size: 1.2rem;
	display: block;
	text-align: center;
	width: calc(100% + 30px);
	padding: .3rem 0;
}

.edit_toggle_container {
	position: absolute;
	right: 15px;
	top: -4.4rem;
	margin: 0;
	z-index: 40;
}

.edit_toggle {
	width: 3rem;
	padding: .4rem 0;
}

.edit_toggle_msg {
	float: left;
	/*padding: .4rem .9rem;*/
	padding: 0 .9rem;
	margin: -.1rem 0 0;
	display: none;
}

.edit_toggle_msg .on {
	display: none;
}

.edit_toggle_msg .off {
	display: block;
}

.edit_toggle.active + .edit_toggle_msg .off {
	display: none;
}

.edit_toggle.active + .edit_toggle_msg .on {
	display: block;
}

.btn_export {
	background-color: #fff;
	border: 1px solid #ddd;
	font-weight: 300;
	position: relative;
	padding: .7rem 1rem .7rem 4rem;
	text-align: left;
	overflow: hidden;
	margin-bottom: 1.1rem;
	-webkit-transition: background-color .4s ease 0s, color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s, color .4s ease 0s;
	transition: background-color .4s ease 0s, color .4s ease 0s;
}

.btn_export:hover {
	background-color: #558bbc;
	color: #fff;
}


.btn_export:before {
	content: "\e812";
	position: absolute;
	left: 10px;
	top: 0;
	color: #999;
	font-size: 3.1rem;
	-webkit-transition: color .4s ease 0s, top .4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
	-moz-transition: color .4s ease 0s, top .4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
	transition: color .4s ease 0s, top .4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
}

.btn_export:hover:before {
	color: #fff;
	top: -5px;
}

.btn_export > span {
	font-weight: 700;
	text-transform: uppercase;
}


/* ########## ########## ########## ##########  */
/* /FORMS */
/* ########## ########## ########## ##########  */

/* ########## ########## ########## ##########  */
/* CHOSEN */
/* ########## ########## ########## ##########  */

.chosen-container {
	font-size: 1rem;
	width: 100% !important;
	opacity: 1 !important;
}

.chosen-container .chosen-single {
	color: #656565;
	height: auto;
	line-height: 1.5;
	padding: .375rem .75rem;
	background-color: #fff;
	background-image: none;
	border-radius: .25rem;
	box-shadow: none;
	border-color: #a0a0a0;
	-webkit-transition: padding .4s ease 0s, color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, border-radius .4s ease 0s;
	-moz-transition: padding .4s ease 0s, color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, border-radius .4s ease 0s;
	transition: padding .4s ease 0s, color .4s ease 0s, border-color .4s ease 0s, background-color .4s ease 0s, border-radius .4s ease 0s;
}

.chosen-container.chosen-disabled .chosen-single {
	border-color: transparent transparent #a0a0a0;
	border-radius: 0;
	background-color: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background-image: none;
	border-bottom-color: #E0E0E0;
}

.chosen-single span {
	-webkit-transition: color .4s ease 0s;
	-moz-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.chosen-disabled .chosen-default span {
	color: #bbb;
}

.chosen-single:not(.chosen-default) span {
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
}

.chosen-disabled .chosen-single:not(.chosen-default) span {
	cursor: text;
}

.chosen-single span {
	-webkit-transition: margin .4s ease 0s;
	-moz-transition: margin .4s ease 0s;
	transition: margin .4s ease 0s;
}

.chosen-container .chosen-drop {
	margin-top: 0;
	border-radius: 0 0 .25rem .25rem;
}

.chosen-container .chosen-results {
	margin: 0;
	padding: 0;
}

.chosen-container .chosen-results li {
	line-height: 1;
	padding: .4rem .75rem;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.chosen-container .result-selected {
	/*background-color: #26c411;*/
}

.chosen-container .chosen-results li.highlighted {
	background-image: none;
	/*background-color: #115fa3;*/
	background-color: #26c411;
	color: #FFF;
}

.chosen-container-single .chosen-single div, 
.chosen-container-active.chosen-with-drop .chosen-single div {
	width: 1.25rem;
	background-color: #EFEFEF;
	opacity: 1;
	-webkit-transition: opacity .4s ease 0s;
	-moz-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
	/*transition: background-color .4s ease 0s;*/
}

.chosen-container-single .chosen-single div:hover, 
.chosen-container-active.chosen-with-drop .chosen-single div:hover, 
.chosen-container-single:hover .chosen-single div {
	background-color: #DFDFDF;
}

.chosen-container-single.chosen-disabled .chosen-single div, 
.chosen-container.chosen-disabled .chosen-single abbr {
	/*background-color: transparent;*/
	/*display: none;*/
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.chosen-container-single .chosen-single div b {
	background-position: .27rem .57rem;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -.81rem .57rem;
}

.chosen-container-single .chosen-single abbr {
	background-position: -38px 14px;
	background-clip: content-box;
	padding: 12px 5px;
	height: 100%;
	top: 0;
	right: 1.25rem;
	width: 1.25rem;
	
	opacity: 1;
	-webkit-transition: opacity .4s ease 0s;
	-moz-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -38px 3px;
}

/*.chosen-container.chosen-disabled .search-choice-close {
	display: none;
}*/

.chosen-disabled .chosen-single span {
	margin-right: 0;
}

/* ########## ########## ########## ##########  */
/* /CHOSEN */
/* ########## ########## ########## ##########  */

/* ########## ########## ########## ##########  */
/* TOOLTIP */
/* ########## ########## ########## ##########  */


.tooltip.in {
	opacity: 1;
}

.tooltip-inner {
	background-color: #333;
	color: #f0f0f0;
	border: 1px solid #2a2a2a;
	padding: .3rem 1rem;
	font-size: .95rem;
	text-align: left;
	box-shadow: 2px 2px 7px -4px rgba(0,0,0,.7);
}

.tooltip.bs-tether-element-attached-left .tooltip-arrow {
	border-right-color: #2a2a2a;
}

/* ########## ########## ########## ##########  */
/* /TOOLTIP */
/* ########## ########## ########## ##########  */


/* ########## ########## ########## ##########  */
/* DATEPICKER */
/* ########## ########## ########## ##########  */
/*
.ui-datepicker {
	position: fixed !important;
	left: 10% !important;
	top: 10% !important;
	bottom: 10%;
	right: 10%;
	z-index: 1500 !important;
}

.ui-datepicker:before {
	content: "";
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,.5);
	pointer-events: none;
	z-index: -1;
}

.ui-datepicker:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FFF;
}

.ui-datepicker > * {
	position: relative;
	z-index: 10;
}*/

.ui-datepicker {
	z-index: 50 !important;
	display: none;
	border-radius: .25rem;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
	overflow: hidden;
}

.ui-datepicker-header {
	position: relative;
	line-height: 2rem;
	background-color: #eee;
	padding: .4rem 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	cursor: pointer;
	color: #115fa3;
	-webkit-transition: background-color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s;
}

.ui-datepicker-next {
	right: 0;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
	background-color: #d6d6d6;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
	display: block;
	text-indent: 0;
	text-align: center;
	line-height: 2.8rem;
}

.ui-datepicker-prev:before {
	content: "<";
}

.ui-datepicker-next:before {
	content: ">";
}

.ui-datepicker-title {
	text-align: center;
	margin: 0 3.2rem;
}
/*
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
*/
.ui-datepicker table {
	width: 100%;
	font-size: .9rem;
	border-collapse: collapse;
}

.ui-datepicker th {
	font-weight: 300;
	padding: .2rem .5rem;
	background-color: #fafafa;
	text-align: center;
}

/*
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
*/

/*.ui-datepicker td span,*/
.ui-datepicker td a {
	display: block;
	padding: .3rem .6rem;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color .4s ease 0s, color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s, color .4s ease 0s;
	transition: background-color .4s ease 0s, color .4s ease 0s;
}

.ui-state-default {
	color: #115fa3;
	background-color: transparent;
}

.ui-state-default:hover, 
.ui-state-default:focus {
	background-color: #d4f3cf;
}

.ui-state-highlight {
	background-color: #eee;
}

.ui-state-active, 
.ui-state-active:hover,
.ui-state-active:focus {
	background-color: #26c411;
	color: #FFF;
}

.ui-datepicker-buttonpane {
	background-color: #fafafa;
}

.ui-datepicker-buttonpane:before, 
.ui-datepicker-buttonpane:after {
	content: "";
	clear: both;
	display: table;
}

.ui-datepicker-buttonpane button {
	display: block;
	float: left;
	width: 50%;
	line-height: 2rem;
	padding: .4rem;
	color: #333;
	background-color: transparent;
	border: 0;
	-webkit-transition: background-color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s;
}

.ui-datepicker-buttonpane button:hover, 
.ui-datepicker-buttonpane button:focus {
	background-color: #d6d6d6;
}

/*.ui-datepicker-buttonpane .ui-datepicker-close:hover {
	background-color: #F6CCCC;
}*/


/* ########## ########## ########## ##########  */
/* /DATEPICKER */
/* ########## ########## ########## ##########  */



/* ########## ########## ########## ##########  */
/* TYPEAHEAD */
/* ########## ########## ########## ##########  */

.typeahead a {
	display: block;
	background-color: transparent;
	color: #333;
	padding: .15rem 1.1rem;
}

.typeahead .active a {
	display: block;
	background-color: #26c411;
	color: #FFF;
}




/* ########## ########## ########## ##########  */
/* /TYPEAHEAD */
/* ########## ########## ########## ##########  */






/* ########## ########## ########## ##########  */
/* MODAL, SPINNER */
/* ########## ########## ########## ##########  */


#cd_name {
	font-weight: 700;
}

.modal-content {
	border-radius: .1rem;
}

.modal-header {
	position: relative;
	color: #FFF;
}

.modal_info .modal-header {
	background-color: #115fa3;
}

.modal_error .modal-header {
	background-color: #d10000;
}

.modal_warning .modal-header {
	background-color: #f0ad4e;
}

.modal-header .close {
	margin: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 15px;
	color: #FFF;
	-webkit-transition: background-color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s;
	text-shadow: none;
}

.modal-header .close:hover, 
.modal-header .close:focus {
	background-color: rgba(255,255,255,.15);
}

.modal-title {
	line-height: 1em;
}

.modal-footer {
	padding: 0;
}

.modal-footer .btn {
	display: block;
	width: 50%;
	padding: 15px;
	float: left;
	border: 0;
	border-radius: 0;
	-webkit-transition: background-color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s;
}

.modal-footer .btn:last-child {
	float: right;
}




#spinner {
	background-color: rgba(0,0,0,.75);
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 2000;
}

#spinner.show {
	width: auto;
	height: auto;
	right: 0;
	bottom: 0;
}

.pacman:before, 
.pacman:after {
	content: '';
	position: absolute;
	background: #FFC107;
	width: 100px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	border-radius: 50px 50px 0 0;
	-webkit-animation: up .4s infinite;
	-moz-animation: up .4s infinite;
	-o-animation: up .4s infinite;
	animation: up .4s infinite;
}
.pacman:after {
	margin-top: -1px;
	border-radius: 0 0 50px 50px;
	-webkit-animation: down .4s infinite;
	-moz-animation: down .4s infinite;
	-o-animation: down .4s infinite;
	animation: down .4s infinite;
}

.pacman_dot {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: 30px;
	border-radius: 50%;
	background: #ccc;
	z-index: -1;
	box-shadow: 30px 0 0 #ccc, 60px 0 0 #ccc, 90px 0 0 #ccc, 120px 0 0 #ccc, 150px 0 0 #ccc;
	-webkit-animation: r-to-l 0.4s infinite;
	-moz-animation: r-to-l 0.4s infinite;
	-o-animation: r-to-l 0.4s infinite;
	animation: r-to-l 0.4s infinite;
}

/* ########## ########## ########## ##########  */
/* /MODAL, SPINNER */
/* ########## ########## ########## ##########  */



/* ########## ########## ########## ##########  */
/* CONTEXT MENU */
/* ########## ########## ########## ##########  */

.context_menu {
	display: none;
	position: absolute;
	z-index: 60;
	padding: 12px 0;
	width: 240px;
	background-color: #fff;
	border: solid 1px #dfdfdf;
	box-shadow: 1px 1px 2px #cfcfcf;
	overflow: hidden;
}

.context_menu_active {
	display: block;
}

.context_menu_items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.context_menu_item {
	display: block;
	margin-bottom: 4px;
}

.context_menu_item:last-child {
	margin-bottom: 0;
}

.context_menu_link {
	display: block;
	padding: 4px 12px;
	color: #0066aa;
	text-decoration: none;
}

.context_menu_link:hover, 
.context_menu_link:focus {
	color: #fff;
	background-color: #0066aa;
	text-decoration: none;
}

.context_menu > div {
	padding: 3px 12px;
	font-size: .9rem;
	color: #999;
}

.context_menu .context_menu_error {
	color: #333;
}

.context_menu > em {
	position: absolute;
	right: -30px;
	top: -30px;
	font-size: 4.6rem;
	color: #000;
	opacity: .1;
}

/* ########## ########## ########## ##########  */
/* /CONTEXT MENU */
/* ########## ########## ########## ##########  */




/* ########## ########## ########## ##########  */
/* ANIMATIONS */
/* ########## ########## ########## ##########  */


@-webkit-keyframes up {
	0%, 100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
}

@-moz-keyframes up {
	0%, 100% {
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		transform: rotate(-30deg);
	}
}

@-o-keyframes up {
	0%, 100% {
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
}

@keyframes up {
	0%, 100% {
		transform: rotate(0);
	}
	50% {
		transform: rotate(-30deg);
	}
}
@-webkit-keyframes down {
	0%, 100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
}
@-moz-keyframes down {
	0%, 100% {
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-moz-transform: rotate(30deg);
		transform: rotate(30deg);
	}
}
@-o-keyframes down {
	0%, 100% {
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-o-transform: rotate(30deg);
		transform: rotate(30deg);
	}
}

@keyframes down {
	0%, 100% {
		transform: rotate(0);
	}
	50% {
		transform: rotate(30deg);
	}
}

@-webkit-keyframes r-to-l {
	100% {
		margin-left: -1px;
	}
}

@-moz-keyframes r-to-l {
	100% {
		margin-left: -1px;
 	}
}

@-o-keyframes r-to-l {
	100% {
		margin-left: -1px;
	}
}

@keyframes r-to-l {
	100% {
		margin-left: -1px;
	}
}

/* ########## ########## ########## ##########  */
/* /ANIMATIONS */
/* ########## ########## ########## ##########  */




/* ########## ########## ########## ##########  */
/* MEDIA */
/* ########## ########## ########## ##########  */

@media (min-width: 544px) {
	
	/* ########## ########## HEADER */
	#nav_bot {
		background-color: transparent;
	}
	
	#nav_collapse {
		background-color: #115fa3;
		padding: 0 1rem;
	}
	/* ########## ########## /HEADER */
	
	
	/* ########## ########## FORMS */
	
	.control_handler {
		position: absolute;
		left: 100%;
		top: 50%;
		width: 100%;
		height: 1px;
		background-color: #a0a0a0;
		-webkit-transition: background-color .4s ease 0s;
		-moz-transition: background-color .4s ease 0s;
		transition: background-color .4s ease 0s;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.form-control:focus + .control_handler {
		background-color: #66afe9;
	}
	
	.form_info {
		font-size: .8rem;
		display: block;
		margin-bottom: 1.1rem;
		color: #999;
	}
	
	/* ########## ########## /FORMS */
}/* min-width: 34em */

@media (max-width: 1199px) { 

}/* max-width: 1199px */


@media (max-width: 991px) {
	/* ########## ########## FORMS */
	.edit_toggle_container {
		top: -.5rem;
	}
	
	.edit_toggle_msg {
		padding: .4rem .9rem;
		margin: 0;
	}
	/* ########## ########## /FORMS */
}/* max-width: 991px */

@media (max-width: 991px) and (min-width: 768px) { 
	#form_search .form-group {
		margin: 0 0 0 8.333%;
		width: calc(83.333%);
	}
	
	.control_handler {
		left: -8.3%;
		right: -8.3%;
		width: auto;
		z-index: -1;
	}
}/* max-width: 991px and min-width: 768px */

@media (max-width: 767px) { 
	/* ########## ########## FORMS */
	#form_search .form-group {
		width: 100%;
	}
	
	.control_handler {
		left: 0;
		top: 140%;
	}
	
	.remove_mark > .col-xs-1 {
		width: 40px;
	}
	
	.remove_mark > .col-xs-11 {
		width: calc(100% - 40px);
	}
	
	/* ########## ########## /FORMS */
}/* max-width: 767px */

/* Extra small devices (portrait phones, less than 34em) */
@media (max-width: 543px) {
	
	/* ########## ########## GENERELLES */
	body {
		padding-top: 44px;
	}
	
	/* ########## ########## /GENERELLES */
	
	/* ########## ########## HEADER */
	.navbar-nav .nav-item {
		display: block;
		float: none;
		margin: 0;
	}
	
	.navbar-nav .nav-item + .nav-item {
		margin-left: 0;
	}
	
	#nav_bot a:hover:before, 
	#nav_bot .active a:before {
		left: 0;
	}
	
	#nav_bot a:hover:after, 
	#nav_bot .active a:after {
		right: 0;
	}
	/* ########## ########## /HEADER */
	
	/* ########## ########## FORMS */
	.edit_toggle_container {
		position: relative;
		top: auto;
		right: auto;
		float: right;
		margin: -.4rem 0;
	}

}/* max-width: 33.9em */

/* ########## ########## ########## ##########  */
/* /MEDIA */
/* ########## ########## ########## ##########  */