.donotshow {
	display:none;
}
.special {
	display:none;
}
.previewwin {
	display:none;
}
.hidden {
	display:none;
}

.dropzone {
    min-height: 60px;
    padding: 10px;
	border: 1px solid rgba(0,0,0,.3);
	margin-bottom:10px;
}
.dropzone .dz-message {
	margin:20px;
}
.dz-remove {
	display:none;
}

.btn-nopadding {
	padding:0 0.5rem;
	font-size:1.4rem;
}

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

.list-group-item { cursor: move;  }
	
.statusresponse {
	padding:5px 10px;
	color:#000;
}
.tasks-lg {
    width: 20rem;
}
.tasks-lg.tasks-lg:not(:last-child) {
    margin-right: 1rem;
}
.tasks-md {
    width: 17rem;
}
.tasks-md.tasks-md:not(:last-child) {
    margin-right: 0.5rem;
}
.tasks-sm {
    width: 14.5rem;
}
.tasks-sm.tasks-sm:not(:last-child) {
    margin-right: 0.25rem;
}

.avatar-container {
	min-width:10em;
}
.info-container {
	min-width:18em;
}
.badge-container {
	min-width:10em;
}
.name-container {
	min-width:25em;
}

.boardlist-container {
	min-width:10em;
}

input .editable-taskname {
	width:100%;
	float:left;
}

.hourstable span.progerss-bar {
	color:#000 !important;
}

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

.addcommenthidden {
	display:none !important;
}

.side-nav .side-nav-link {
    display: block;
    list-style: none;
    position: relative;
    white-space: nowrap;
    color: var(--ct-menu-item-color);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: var(--ct-menu-item-font-size);
	 padding: calc(var(--ct-menu-item-padding-y) * .6) calc(var(--ct-menu-item-padding-x) * 1);
}
 .side-nav-second-level li {
	 
 }
  .side-nav-second-level li a {
	 padding: calc(var(--ct-menu-item-padding-y) * .2) calc(var(--ct-menu-item-padding-x) * 1.5);
 }
 
 

.bg-pdf {
	background-color:#B00000;	
}
.bg-psd {
	background-color:#0000B0;	
}



.task-list-items:before {
    content: " . . . ";
}


.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --ct-offcanvas-width: 40%;
}
.wide.offcanvas, .wide.offcanvas-lg, .wide.offcanvas-md, .wide.offcanvas-sm, .wide.offcanvas-xl, .wide.offcanvas-xxl {
    --ct-offcanvas-width: 60%;
}


.previewimage {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.19);
}
.card-previewimage {
	margin-top:0.4em;
}


.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;
}

.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;
}


.user-switch {
	margin:5px;
	border: 1px solid grey;
	cursor:pointer;
	border-radius:5px; 
	filter: grayscale(1);
}
.user-switch.user-active {
	filter: grayscale(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;
}


.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;
}


.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:2px 4px;
	vertical-align:top;
	font-size:14px
}


td.t_mark_0 {
	background-color:#fff !important;
	color:#000;
    padding: 0.5rem 0.5rem !important;
}
td.t_mark_1 {
	background-color:#9cf7a2 !important;
	color:#000;
    padding: 0.5rem 0.5rem !important;
}
td.t_mark_2 {
	background-color:#f5f79c !important;
	color:#000;
    padding: 0.5rem 0.5rem !important;
}
td.t_mark_3 {
	background-color:#f7dd9c !important;
	color:#000;
    padding: 0.5rem 0.5rem !important;
}
td.t_mark_4 {
	background-color:#f7b79c !important;
	color:#000;
    padding: 0.5rem 0.5rem !important;
}

.t_color_1,
td.t_color_1 {
	color:#000;
	background-color:#fff;
    padding: 0.5rem 0.5rem !important;
}
.t_color_2,
td.t_color_2 {
	color:#000;
	background-color:#fff;
    padding: 0.5rem 0.5rem !important;
}
.t_color_3,
td.t_color_3 {
	color:#000;
	background-color:#fff;
    padding: 0.5rem 0.5rem !important;
}
.t_color_4,
td.t_color_4 {
	color:#000;
	background-color:#fff;
    padding: 0.5rem 0.5rem !important;
}
.t_color_5,
td.t_color_5 {
	background-color:#e2f7e1 !important;
    padding: 0.5rem 0.5rem !important;
	color:#000;
}
.t_color_6,
td.t_color_6 {
	color:#000;
	background-color:#f7e0ff !important;
    padding: 0.5rem 0.5rem !important;
}
.t_color_7,
td.t_color_7 {
	color:#000;
	background-color:#feffa3 !important;
    padding: 0.5rem 0.5rem !important;
}
.t_color_8,
td.t_color_8 {
	color:#000;
	background-color:#ffdd9c !important;
    padding: 0.5rem 0.5rem !important;
}
.t_color_9,
td.t_color_9 {
	color:#666;
	background-color:#f0f0f0 !important;
    padding: 0.5rem 0.5rem !important;
}



td.t_color a {
	color:#000;
}
td.t_color a:hover {
	color:#000;
	text-decoration: underline;
}

td.highlight {
	cursor:pointer;
	background-color:#ccc;
    padding: 0.5rem 0.5rem !important;	
}
td.dayhighlight {
	cursor:pointer;
	background-color:#f00;
}
.highlight {
	background-color:#ccc;
}
.edit {
	background-color:#ff0;
	padding:0;
}

.tasks {
    padding: 0 0.5rem 0.5rem 0.5rem;
}
.tasks .card {
	margin-top: 0.5rem;
}
.tasks .task-header {
    padding: 0.5rem 0.5rem;
	margin: 0 -0.5rem;
}

.form-group {
    --ct-gutter-x: 1.5rem;
    --ct-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.form-control {
    font-size: 1rem;
	line-height: 1.5;
    padding: 0.25rem 0.45rem;
}

element.style {
}
.list-group-flush>.list-group-item {
    border-width: 0 0 var(--ct-list-group-border-width);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.ps-0 {
    padding-left: 0!important;
}
.border-0 {
    border: 0!important;
}

.list-group {
    --ct-list-group-item-padding-y: 0.2rem;
}

select.form-control:not([size]):not([multiple]) {
	height:auto;
}
	
	
.modal-header .btn-label {
	font-size:1.5em;
}	
.modal-header .btn-tree {
	font-size:1.5em;
}
.modal-header .btn-files {
	font-size:1.5em;
}
.modal-header .btn-close {
    padding: calc(var(--ct-modal-header-padding-y) * .5) calc(var(--ct-modal-header-padding-x) * 1);
    margin: calc(-.5 * var(--ct-modal-header-padding-y)) calc(-.5 * var(--ct-modal-header-padding-x)) calc(-.5 * var(--ct-modal-header-padding-y)) auto;
}

.dialog {
	position:absolute;
	right:-60px;
	top:60px;
	border:1px solid #aaa;
	border-radius:5px;
	background-color:#fff;
	z-index:10;
}
.dialog-label {
	width: 220px; 
	max-width: 220px; 
	display: block;
	padding:1rem;
	right:-90px;
}
.dialog-tree {
	width: 320px; 
	max-width: 320px; 
	display: block;
	padding:1rem;
}
.dialog-header {
	display:flex;
    justify-content: space-between;
}
.badge-xl {
	font-size:16px;
	line-height:24px;
}

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;
}


.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;
}




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

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

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

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

@media (min-width: 1700px) {
	.modal-xl {
		max-width: 1600px;
	}
}

@media (min-width: 1800px) {
	.modal-xl {
		max-width: 1600px;
	}
}

@media (min-width: 1920px) {
	.modal-xl {
		max-width: 1700px;
	}
}

@media (min-width: 2300px) {
	.modal-xl {
		max-width: 1800px;
	}
}