/* ---------- defaults --------*/
/* ---------- defaults --------*/
body  {
	margin:0;
	padding:0;
	font-family:"Barlow",Arial,Helvetica;
	font-size: 14px;
	background-color:#fff;
}

h1 {
	margin:0px; font-size:18px;
}
h2 {
	margin:0px; font-size:16px;
}
h3 {
	margin:0px; padding:0; font-size:15px;
}
ul {
	margin:0 0 0 20px;
	padding:0;
	font-size:14px

}
li {
	margin:0;
	padding:0;
}
form {
 	margin:0;
	padding:0;
}
th {
	font-size:14px;
	text-align:left;
}
td {
	font-size:14px
}
.donotshow {
	display:none;
}
.special {
	display:none;
}
.previewwin {
	display:none;
}


hr {
  margin-top: 2px;
  margin-bottom: 2px;
  border: 0;
  border-top: 1px solid #333;
}

.btn-default {
  border: 1px solid #666;
  color: #666 !important;
}


/*.modal-body    { display: inline-block;}*/

.mt-1 { margin-top:5px; }
.mt-2 { margin-top:10px; }
.mt-3 { margin-top:15px; }

.mb-1 { margin-bottom:5px; }
.mb-2 { margin-bottom:10px; }
.mb-3 { margin-bottom:15px; }

.clientclass-a {
background:
      conic-gradient(at 10% 50%,#0000 75%,#dbffd8 0),
      conic-gradient(at 10% 50%,#0000 75%,#dbffd8 0) calc(1*15px) calc(3*15px),
      conic-gradient(at 10% 50%,#0000 75%,#dbffd8 0) calc(2*15px) calc(1*15px),
      conic-gradient(at 10% 50%,#0000 75%,#dbffd8 0) calc(3*15px) calc(4*15px),
      conic-gradient(at 10% 50%,#0000 75%,#dbffd8 0) calc(4*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#dbffd8 0) 0 calc(4*15px),
      conic-gradient(at 50% 10%,#0000 75%,#dbffd8 0) calc(1*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#dbffd8 0) calc(2*15px) 0,
      conic-gradient(at 50% 10%,#0000 75%,#dbffd8 0) calc(3*15px) calc(3*15px),
      conic-gradient(at 50% 10%,#0000 75%,#dbffd8 0) calc(4*15px) calc(1*15px),
      #ffffff;
		background-size: 75px 75px;	color:#000;
}
.sec_warn tr {
	border-bottom:1px solid black;
	border-right:1px solid black;
}
.sec_warn td {
	border-top:1px solid black;
	border-left:1px solid black;
	padding:3px 6px;
}

.clientclass-b {
	background:
      conic-gradient(at 10% 50%,#0000 75%,#d9faff 0),
      conic-gradient(at 10% 50%,#0000 75%,#d9faff 0) calc(1*15px) calc(3*15px),
      conic-gradient(at 10% 50%,#0000 75%,#d9faff 0) calc(2*15px) calc(1*15px),
      conic-gradient(at 10% 50%,#0000 75%,#d9faff 0) calc(3*15px) calc(4*15px),
      conic-gradient(at 10% 50%,#0000 75%,#d9faff 0) calc(4*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#d9faff 0) 0 calc(4*15px),
      conic-gradient(at 50% 10%,#0000 75%,#d9faff 0) calc(1*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#d9faff 0) calc(2*15px) 0,
      conic-gradient(at 50% 10%,#0000 75%,#d9faff 0) calc(3*15px) calc(3*15px),
      conic-gradient(at 50% 10%,#0000 75%,#d9faff 0) calc(4*15px) calc(1*15px),
      #ffffff;
background-size: 75px 75px;color:#000;
}

.clientclass-c {
	background:
      conic-gradient(at 10% 50%,#0000 75%,#f8effb  0),
      conic-gradient(at 10% 50%,#0000 75%,#f8effb  0) calc(1*15px) calc(3*15px),
      conic-gradient(at 10% 50%,#0000 75%,#f8effb  0) calc(2*15px) calc(1*15px),
      conic-gradient(at 10% 50%,#0000 75%,#f8effb  0) calc(3*15px) calc(4*15px),
      conic-gradient(at 10% 50%,#0000 75%,#f8effb  0) calc(4*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#f8effb  0) 0 calc(4*15px),
      conic-gradient(at 50% 10%,#0000 75%,#f8effb  0) calc(1*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#f8effb  0) calc(2*15px) 0,
      conic-gradient(at 50% 10%,#0000 75%,#f8effb  0) calc(3*15px) calc(3*15px),
      conic-gradient(at 50% 10%,#0000 75%,#f8effb  0) calc(4*15px) calc(1*15px),
      #ffffff;
background-size: 75px 75px;color:#000;
}


.clientclass-d {
	background:
      conic-gradient(at 10% 50%,#0000 75%,#efefef  0),
      conic-gradient(at 10% 50%,#0000 75%,#efefef  0) calc(1*15px) calc(3*15px),
      conic-gradient(at 10% 50%,#0000 75%,#efefef  0) calc(2*15px) calc(1*15px),
      conic-gradient(at 10% 50%,#0000 75%,#efefef  0) calc(3*15px) calc(4*15px),
      conic-gradient(at 10% 50%,#0000 75%,#efefef  0) calc(4*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#efefef  0) 0 calc(4*15px),
      conic-gradient(at 50% 10%,#0000 75%,#efefef  0) calc(1*15px) calc(2*15px),
      conic-gradient(at 50% 10%,#0000 75%,#efefef  0) calc(2*15px) 0,
      conic-gradient(at 50% 10%,#0000 75%,#efefef  0) calc(3*15px) calc(3*15px),
      conic-gradient(at 50% 10%,#0000 75%,#efefef  0) calc(4*15px) calc(1*15px),
      #ffffff;
background-size: 75px 75px;color:#000;
}



/* ---------- default links --------*/
a {
	color:#000;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}

a.button {
	color:#fff;
	font-size:16px;
    line-height: 24px;
}
a.button:hover {
	color:#f0f0f0;
}

a.button svg {
	padding-top:4px;
	margin-top:-8px;
}

#head {
	display: flex;
	position:relative;
	height:100px;
	padding:0px;
	margin:0px;
}
#logo {
	position:relative;
	float:left;
	padding:15px 30px 0 30px;
	width:260px;
	height:70px;
}
#welcome {
	position:relative;
	float:left;
	width:500px;
	padding:30px 30px 0 30px;
}
#logout {
	position:relative;
	float:left;
	padding:30px 10px 0 10px;
}
#reminderbutton {
	position:relative;
	float:left;
	padding:30px 10px 0 10px;
}

#dropzone-area {
	position:relative;
	float:left;
	margin:15px 50px 10px 0;
	padding:5px;
    border-radius: 2.5rem;
    border: 3px solid blue;
}
.dropzone {
	min-height:50px !important;
    height: auto;
    border: 0;
    background: none;
	padding: 0;
	margin: 0;
}
.dropzone .dz-message {
    text-align: center;
	margin:10px;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0; 
    overflow: hidden;
    width: 40px;
    height: 40px;
}
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    min-height: 50px;
    max-height: 50px;
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 11px;
    min-width: 100%;
    max-width: 100%;
    padding: 2px;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 1rem;
}
.dropzone .dz-preview .dz-details .dz-size {
    margin: 0;
    font-size: 11px;
}
#menu {
	position:relative;
	clear:both;
	padding:0;
	margin:0;
}

#mainmenu {
	position:relative;
	top:0;left:0;
	clear:both;
	list-style:none;
	border-top:1px solid #999;
	padding:0;
	margin:0;
	min-height:50px;
}
#mainmenu li {
	list-style:none;
	float:left;
	padding:15px 0 0 0;
}
#submenu {
	position:relative;
	top:0;left:0;
	clear:both;
	list-style:none;
	border-top:1px solid #999;
	padding:0;
	margin:0;
	min-height:50px;
}
#submenu li {
	list-style:none;
	float:left;
	padding:15px 0 0 0;
}

#content {
	position:relative;
	top:0;left:0;
	margin:0;
	padding:10px 20px 10px 30px;
	font-size:14px;
	clear:both;
	border-top:1px solid #999;
	
}


#message {
	border-top:1px solid #999;
}

#content h1 {
	font-size:18px;
	padding:5px 0 5px 0px;
	margin:0;
}
#content h2 {
	font-size:16px;
	padding:10px 0 5px 0;
	margin:0;
}
#content h3 {
	font-size:14px;
	padding:10px 0 5px 0;
	margin:0;
}
#content p {
	font-size:14px;
	padding:0px 20px 0px 0;
}



.button {
	position:relative;
	border:3px solid #B00000;
	background-color:#B00000;
	color:#fff;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
}
.button:hover {
	border:3px solid #B00000;
	background-color:#dd0000;
	text-decoration:none;
}


.button_g {
	position:relative;
	border:3px solid #057835;
	background-color:#057835;
	color:#fff;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
}
.button_g:hover {
	border:3px solid #057835;
	background-color:#0D9F4A;
	text-decoration:none;
}

#menu a.button {
	margin-left:20px;
	border:3px solid #0D5D9F;
	background-color:#0D5D9F;
}
#menu a.button:hover {
	border:3px solid #0D5D9F;
	background-color:#4884B6;
	color:#fff;
}



.message_g {
	position:relative;
	margin:10px 20px 10px 20px;
	padding:10px;
	border:2px solid #0D9F4A;
	background-color:#CFECDB;
	font-size:16px;
	font-weight:bold;
}
.message_r {
	position:relative;
	margin:10px 20px 10px 20px;
	padding:10px;
	border:2px solid #DA1A00;
	background-color:#FAD2CB;
	font-size:16px;
	font-weight:bold;
}
.message_y {
	position:relative;
	margin:10px 20px 10px 20px;
	padding:10px;
	border:2px solid #dacd00;
	background-color:#fceea3;
	font-size:16px;
	font-weight:bold;
}



.t_label {
	position:relative;
	float:left;
	width:100px;
	font-size:16px;
}
.t_label2 {
	position:relative;
	float:left;
	width:150px;
	font-size:16px;
}
.t_value {
	position:relative;
	float:left;
	font-size:16px;
	font-weight:bold;
}
.t_tel {
	font-size:24px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

/* ---------- spacer --------*/

.space3px {
	position:relative;
	height:3px;
	overflow:hidden;
	line-height:3px;
}
.space5px {
	position:relative;
	height:5px;
	overflow:hidden;
	line-height:5px;
}
.space10px {
	position:relative;
	clear:both;
	height:10px;
	overflow:hidden;
	line-height:10px;
}
.space15px {
	position:relative;
	clear:both;
	height:15px;
	overflow:hidden;
	line-height:15px;
}
.space20px {
	position:relative;
	clear:both;
	height:20px;
	overflow:hidden;
	line-height:20px;
}
.clear_left_1px {
	position:relative;
	clear:left;
	height:1px;
	overflow:hidden;
	line-height:5px;
}
.clear_left_5px {
	position:relative;
	clear:left;
	height:1px;
	overflow:hidden;
	line-height:5px;
}
.clear_space_5px {
	position:relative;
	clear:left;
	height:5px;
	overflow:hidden;
	line-height:5px;
}
.clear_space_10px {
	position:relative;
	clear:left;
	height:10px;
	overflow:hidden;
	line-height:10px;
}

.clear1px {
	position:relative;
	clear:left;
	height:1px;
	overflow:hidden;
	line-height:5px;
}

.clear10px {
	position:relative;
	clear:left;
	height:10px;
	overflow:hidden;
	line-height:5px;
}




.inp {
	border:1px solid #999; width:200px;
	font-size:18px;
	padding:2px 5px;
}
.inp-small {
	border:1px solid #999; width:25px;
	font-size:18px;
	height:30px;
	padding:2px 5px;
}


.label {
	color:#333;
	float:left;
	text-align:right;
	position:relative;
	width:100px;
	margin:2px 4px 0 0;
	font-size:16px;
	line-height:28px;
}
.text_01 {
	float:left;
	border:1px solid #999;
	width:300px; height:140px;
	background-color:#F4F4F4;
}
.text_02 {
	float:left;
	border:1px solid #999;
	width:300px; height:60px;
	background-color:#F4F4F4;
}


.table_t {
}
.table_wt {
	border-bottom:1px solid black;
	border-right:1px solid black;
}
.table_b1 {
	border-top:1px solid black;
	border-left:1px solid black;
	padding:2px 4px;
}
.table_b1_r {
	border-right:1px solid black;
}
.table_b1_b {
	border-top:1px solid black;
}


#submenu {
	list-style:none;
	margin:0;
	padding:0;
}
#submenu li {
	float:left;
}


#submenu a.button_1,
#submenu a.button_2,
#submenu a.button_4,
#submenu a.button_3 {
	margin-left:20px;
	border:3px solid #ccc;
	background-color:#ccc;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_1:hover,
#submenu a.button_2:hover,
#submenu a.button_4:hover,
#submenu a.button_3:hover {
	border:3px solid #ccc;
	background-color:#ddd;
	color:#000;
	text-decoration:none;
}
#submenu a.button_5 {
	margin-left:20px;
	border:3px solid #CBFFC8;
	background-color:#CBFFC8;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_5:hover {
	border:3px solid #CBFFC8;
	background-color:#57DD51;
	color:#000;
	text-decoration:none;
}
#submenu a.button_6 {
	margin-left:20px;
	border:3px solid #D982F9;
	background-color:#D982F9;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_6:hover {
	border:3px solid #D982F9;
	background-color:#E397FF;
	color:#000;
	text-decoration:none;
}
#submenu a.button_7 {
	margin-left:20px;
	border:3px solid #FCFF00;
	background-color:#FCFF00;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_7:hover {
	border:3px solid #FCFF00;
	background-color:#eeee11;
	color:#000;
	text-decoration:none;
}
#submenu a.button_8 {
	margin-left:20px;
	border:3px solid #FFA800;
	background-color:#FFA800;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_8:hover {
	border:3px solid #FFA800;
	background-color:#FFbb33;
	color:#000;
	text-decoration:none;
}
#submenu a.button_9 {
	margin-left:20px;
	border:3px solid #bbb;
	background-color:#bbb;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	color:#000;
}
#submenu a.button_9:hover {
	border:3px solid #bbb;
	background-color:#ccc;
	color:#000;
	text-decoration:none;
}

.b_table {
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-spacing:0;
    border-collapse:collapse;
}
.b_table td {
	border-top:1px solid black;
	border-left:1px solid black;
	padding:4px 8px;
	vertical-align:top;
	font-size:14px;
	line-height:20px
}


.t_mark_1 {
	background-color:lightgreen;
}
.t_mark_2 {
	background-color:yellow;
}
.t_mark_3 {
	background-color:orange;
}
.t_mark_4 {
	background-color:red;
}

.t_color_1 {
	background-color:#fff;
}
.t_color_2 {
	background-color:#fff;
}
.t_color_3 {
	background-color:#fff;
}
.t_color_4 {
	background-color:#fff;
}
.t_color_5 {
	background-color:#CBFFC8;
}
.t_color_6 {
	background-color:#D982F9;
}
.t_color_7 {
	background-color:#FCFF00;
}
.t_color_8 {
	background-color:#FFA800;
}
.t_color_9 {
	background-color:#ddd;
}
.highlight {
	background-color:#ccc;
}
.edit {
	background-color:#ff0;
	padding:0;
}

.color-success {
	color: rgba(var(--ct-success-rgb),1)!important;
}
.color-danger {
	color: rgba(var(--ct-danger-rgb),1)!important;
}




textarea.temp {
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family:Arial,Helvetica;
}

table.days tr td.head {
	text-align:center;
	
}
table.days tr {

}
table.days tr td.singleday {
	text-align:center;
	min-width:20px;
	min-height:20px;
	border:1px solid #666;
	padding:2px;
	margin:2px;
}
table.days tr td.highlight {
	text-align:center;
	min-width:20px;
	min-height:20px;
	padding:2px;
	margin:2px;
	background-color:#f00;
	color:#fff
}
table.days tr td.daytype_0 {
	background-color:#fff;
}
table.days tr td.daytype_1 {
	background-color:#f0f0f0;
}
table.days tr td.daytype_2 {
	background-color:#ddd;
}
table.days tr td.daytype_3 {
	background-color:#aaf;
}
table.days tr td.daytype_4 {
	background-color:#ccf;
}
table.days tr td.daytype_5 {
	background-color:#faa;
}
table.days tr td.daytype_6 {
	background-color:#fcc;
}
table.days tr td.daytype_7 {
	background-color:#dfd;
}
table.days tr td.daytype_8 {
	background-color:#ffa;
}
table.days tr td.daytype_9 {
	background-color:#ddd;
}






table.hourstable {
	border-top:1px solid #000;
	border-left:1px solid #000;
}
table.hourstable td {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:2px 4px;
	vertical-align:top;
}













.editfields {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	border:1px solid black;
	background-color:#f0f0f0;
	padding:5px;
	z-index:10;
}


.small_padding .form-group .col-sm-12,
.small_padding .form-group .col-sm-11,
.small_padding .form-group .col-sm-9,
.small_padding .form-group .col-sm-8,
.small_padding .form-group .col-sm-7,
.small_padding .form-group .col-sm-6,
.small_padding .form-group .col-sm-5,
.small_padding .form-group .col-sm-4,
.small_padding .form-group .col-sm-3,
.small_padding .form-group .col-sm-2,
.small_padding .form-group .col-sm-1 {
	padding-left:2px;
	padding-right:2px;
}
.form-control.noblock {
	display:inline;
	width:90%;
}
.form-control.right {
	text-align:right;
}

.form-group.right {
	text-align:right;
}




.form_timesheet  .form-group .col-sm-5, 
.form_timesheet  .form-group .col-sm-4, 
.form_timesheet  .form-group .col-sm-1, 
.form_timesheet  .form-group .col-sm-2 {
	padding-left:2px;
	padding-right:2px;
}

.btn {
	color:#fff;
}
a.btn:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none;
}

.form-control {
  padding: 2px 4px;
  height:auto;
}
.form-group {
 display:flex;
  margin-bottom: 4px;
  height:auto;
  float: left;
  width: 100%; 
}
select.form-control:not([size]):not([multiple]) {
    height: calc(1.8rem + 1px);
}

.glyphicon-trash {
	font-size:16px;
	line-height:24px;
}



.border-left {
	border-left:1px solid #999;
	height:100%;
	padding:0;
}


.borderright {
	border-right:2px solid #999;
	height:100%;
	padding:0;
}
.borderright h2 {
	text-align:center;
}
.centered {
	text-align:center;
}



#content .taskbox {
	position:relative;
	margin:3px;
	padding:0;
}
#content .taskbox div {
	padding:1px 2px;
}

#content .taskbox .iconright {
	position:absolute;
	right:2px;
	top:-2px;
	font-size:20px;
	cursor:pointer;
	margin:0;
	padding:0;
}
#content .taskbox .dl_iconright {
	position:absolute;
	right:5px;
	cursor:pointer;
	margin:0;
	padding:0;
}
#content .taskbox h3 {
	font-weight:bold;
	padding:4px 30px 6px 2px;
	margin:0;
}

#content .ressourcetaskbox {
	position:relative;
	margin:3px;
	padding:0;
}
#content .ressourcetaskbox div {
	padding:1px 2px;
}

#content .ressourcetaskbox .iconright {
	position:absolute;
	right:2px;
	top:-2px;
	font-size:20px;
	cursor:pointer;
	margin:0;
	padding:0;
}
#content .ressourcetaskbox .dl_iconright {
	position:absolute;
	right:5px;
	cursor:pointer;
	margin:0;
	padding:0;
}
#content .ressourcetaskbox h3 {
	font-weight:bold;
	padding:4px 30px 6px 2px;
	margin:0;
}


.prio_color_bg_1 {
	background-color:#f00 !important;
	color:#000;
}
.prio_color_bg_3 {
	background-color:#ffad4c !important;
	color:#000;
}
.prio_color_bg_5 {
	background-color:#fff04c !important;
	color:#000;
}
.prio_color_bg_7 {
	background-color:#c6ff4c !important;
	color:#000;
}
.prio_color_bg_9 {
	background-color:#54ff4c !important;
	color:#000;
}



.prio_color_1 {
//	background-color:#f00;
	border:3px solid #f00;
	color:#000;
}
.prio_color_3 {
//	background-color:#ffad4c;
	border:3px solid #ffad4c;
	color:#000;
}
.prio_color_5 {
//	background-color:#fff04c;
	border:3px solid #fff04c;
	color:#000;
}
.prio_color_7 {
//	background-color:#c6ff4c;
	border:3px solid #c6ff4c;
	color:#000;
}
.prio_color_9 {
//	background-color:#54ff4c;
	border:3px solid #54ff4c;
	color:#000;
}



.td_right {
	text-align:right;
	padding:2px 5px;
}




tr.bgcolor_green { background-color: #baffdb; }
tr.bgcolor_orange { background-color: #ffd17a; }
tr.bgcolor_red { background-color: #ff9b87; }
tr.bgcolor_grey { background-color: #cccccc; }



.mytable th,
.mytable td {
	padding:2px 5px;
}
.mytable td input,
.mytable td select {
	font-size:15px;
	padding:2px;
	min-height:26px;
}

.nomargin {
	margin:0;
}
.type_empty {
	overflow:hidden;
	background-color:#fff;
	margin-top:2px;
	line-height:20px;
	max-height:26px;
	padding:2px;
	border-left:5px solid #fff;
	border-bottom:3px solid #fff;
}
.taskplan {
	overflow:hidden;
	background-color:#eeeeee;
	margin-top:2px;
	max-height:26px;
	line-height:20px;
	cursor:pointer;
	padding:2px;
	border-left:5px solid #eee;
	border-bottom:3px solid #eee;
}
.taskplan.prio_0 {
	border-left:5px solid #aaaaaa;
	border-bottom:3px solid #aaaaaa;
}
.taskplan.prio_1 {
	border-left:5px solid #00dadd;
	border-bottom:3px solid #00dadd;
}
.taskplan.prio_2 {
	border-left:5px solid #00ffb4;
	border-bottom:3px solid #00ffb4;
}
.taskplan.prio_3 {
	border-left:5px solid #b4ff00;
	border-bottom:3px solid #b4ff00;
}
.taskplan.prio_4 {
	border-left:5px solid #ffb400;
	border-bottom:3px solid #ffb400;
}
.taskplan.prio_8 {
	border-left:5px solid #ff7800;
	border-bottom:3px solid #ff7800;
}

.taskplan.prio_9 {
	border-left:5px solid #ff0000;
	border-bottom:3px solid #ff0000;
}



.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}


/* Drag&Drop*/
.dropfieldvisible {
	background-color:#eee;
}
.dropfield {
	height:9px;
	margin:0;
	width:100%;
	z-index:0;
}

div.dropfield:last-of-type {min-height: 70px;}

.dropcontainer {
	position:relative;
	min-height:70px;
	margin-top:3px;
}
.ontop {
	z-index:10000;
}
.statuscol {
	min-height:400px;
}

.kanban-item {
	position:relative;
	top:0;
	left:0;
	border:1px solid black;
	background-color:#eeffee;	
	margin:3px 10px 3px 0;
	padding:10px;
}
.kanban-item span {
	float:right;
	margin-left:5px; 
}	
.kanban-item span.initials {
	background-color:#ddd;
	border-radius:10px;
	line-height:20px;
}	
.kanban-item span a i {
	color:#585;
	font-size:20px;
}	

.bright {
	border-right:1px solid #ccc;
}
.bleft {
	border-left:1px solid #ccc;
	padding:0;
}
.bbottom {
	border-bottom:1px solid #ccc;
}




.col-sm-05 {
    width: 4%;
	float: left;
}
@media (min-width: 768px) {
  .col-sm-05,
    float: left;
  }
}



@media (min-width: 992px) {
	.modal-xl {
		width: 900px;
	}
}

@media (min-width: 1300px) {
	.modal-xl {
		width: 1200px;
	}
}

@media (min-width: 1500px) {
	.modal-xl {
		width: 1400px;
	}
}