body {
    font-family:"proxima-nova";
}
input, textarea {
    font-family:"proxima-nova";
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px;
}
@media (max-width: 979px) {
    #sidebar {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;

}
h2 {
    font-size: 28px;
}
body {
    padding-bottom: 0px !important;
}
hr {
    clear: both;
    margin: 20px 0 10px;
}
.audio-items {
    display:none;
}
span.sort {
    display: none !important;
}
.buildergroup-language {
    width: 20px !important;
}

tr:hover td {
    background: #ddd;
}
.table-title {
    margin-top: 16px;
    background: #eee;
    padding: 9px;
    text-align: center;
    font-weight: 500;
    color: #777;
    margin-bottom: 4px;
}
.table-title i {
    margin-right: 5px;
}
.notification-header {
      position: absolute;
  left: 50%;
  width: 50px;
  text-align: center;
  background-color: #f89406;
  height: 36px;
  margin-top: -1px;
  line-height: 36px;
  font-size: 16px;
  color: white !important;
  text-decoration: none !important;
  display:none;
}
.title-top {
    margin-top: 10px;
}
.message-button {
        float: right;
    margin-top: 4px;
    margin-left: 5px;
}
.conversation-specs {    width: 100%;
    margin-top: 30px;
    color: #777;
    line-height: 22px;
    font-size: 13px;
    border-radius: 4px;}
    .conversation-specs.floatright {text-align: right;}
    .conversation-specs strong {margin-right: 10px;}
.label-inline {
    display:inline;
}
.margintop {margin-top: 16px !important;}
.thumbnail-div {
        background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
    position:relative;
    margin-top: 16px;
        border-radius: 4px;
        display: block;
}
.thumbnail-div:hover {
    background: #555;
    cursor:pointer;
}
.websiteblock-field {
    margin: 1px;
    margin-top: 0px;
    background-color: #eee;
    padding: 15px;
    position:relative;
    border-radius: 0px !important;
    margin-top: 0px !important;
  }
  .websiteblock-field img {
      max-height: 200px;
  }
  .websiteblock-field:hover {
      background:#555 !important;
      color: #fff !important;
          -webkit-animation:none;
    -moz-animation: none;
    -o-animation: none;
    animation:none;
  }
  .websiteblock-field .text-item-place {
          border-radius: 0px 0px 0px 4px;
  }
.revision-title {
        border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
}
h2 .table-image {
        width: 41px !important;
    vertical-align: middle;
}
.questions-small td {
    font-size: 13px !important;
}
.grey-title {
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 600;
    display: block;
    margin-bottom: 9px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
        background-color: #ccc;
    color: #666;
}
.text-item {
    background-color: #f1f1f1;
    padding: 0px;
    font-size: 16px;
    color: #666 !important;
    margin-bottom: 15px;
    line-height: 22px;
    text-decoration:none;
    display:block;
    position:relative;
    font-weight: 400;
}
.text-item-in {
    padding: 15px;
}
.text-item-in.title,
.text-item-in-edit {
    min-height: 24px !important;
    font-size: 20px !important;
    line-height: 24px !important;
    height: auto !important;
}
.text-item-in.title,
.text-item-in-edit input{
    font-size: 20px !important;
    line-height: 24px !important;
        width: 100%;
}
.text-item-in-edit input {
        float: left;

}
.text-item-place {
        position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    padding: 2px;
    background-color: #ddd;
    color: #777;
    line-height: 13px;
    padding: 5px 10px;
    border-radius: 0px
    text-transform: capitalize;
}
.text-item-not-color {
    color: #ccc !important;
}
.text-item-not,
.td-text-not {
    color: #aaa !important;
        -webkit-animation: TextItemNotBackground 1.4s infinite; /* Safari 4+ */
  -moz-animation: TextItemNotBackground 1.4s infinite; /* Fx 5+ */
  -o-animation: TextItemNotBackground 1.4s infinite; /* Opera 12+ */
  animation: TextItemNotBackground 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes TextItemNotBackground {
  0%   { background:#f1f1f1;color: #aaa !important;  }
  50% { background:#b94a48;color: #fff !important;  }
  100% { background:#f1f1f1;color: #aaa !important;  }
}
@-moz-keyframes TextItemNotBackground {
 0%   { background:#f1f1f1;color: #aaa !important;  }
  50% { background:#b94a48;color: #fff !important;  }
  100% { background:#f1f1f1;color: #aaa !important;  }
}
@-o-keyframes TextItemNotBackground {
  0%   { background:#f1f1f1;color: #aaa !important;  }
  50% { background:#b94a48;color: #fff !important;  }
  100% { background:#f1f1f1;color: #aaa !important;  }
}
@keyframes TextItemNotBackground {
  0%   { background:#f1f1f1;color: #aaa !important;  }
  50% { background:#b94a48;color: #fff !important;  }
  100% { background:#f1f1f1;color: #aaa !important;  }
}
.td-text:hover{
    cursor:pointer;
    background: #333 !important;
    color: white !important;
     -webkit-animation: none; /* Safari 4+ */
  -moz-animation: none; /* Fx 5+ */
  -o-animation: none; /* Opera 12+ */
  animation:none; /* IE 10+, Fx 29+ */
}

.text-item:hover {
    background: #555 !important;
    color: white !important;
    cursor:pointer;
    text-decoration:none;
}
.text-item:hover .text-item-place {
    background: #444 !important;
    color: white !important;
}
.text-item.text {
    font-size: 14px;
    line-height: 20px;
}
.btn-right-small  {
    font-size: 14px !important;
}

.media-div {margin-top: 15px;}
.cashflow-table tr td {width: 33.3333% !important;}
table.noborder,
table.noborder tr,
table.noborder tr td{border: 0px !important;}
.notification-header.set {
    display: block;
}
.table-link-briefing {
      background-color: #333;
  display: block;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: white;
  line-height: 39px;
  color: white;
}
.table-link-briefing:hover {
    background: #444;
    text-decoration:none;
    color: white;
}
.table-link-briefing i {
      font-size: 17px;
  margin-right: 5px;
  top: 2px;
  position: relative;
}
.employee-td {position:relative;}
audio.notification {
    display:none;
}
.spanconclusie {
    border: 1px solid #ccc;
background: #fafafa;
text-align: center;
margin-bottom: 20px;
border-radius: 4px;
}
.nomarginleft {
    margin-left: 0px !important;
}
.assignment-website-center-half {
    height: 14px;
    line-height: 14px;
    display:inline;
    width: 50%;
    font-weight: bold;
    margin-right: 5px;
}
.employee-td a:hover span {
    text-decoration: none !important;
    background: #333 !important;
}
.assignment-website-center-half-bottom {
    text-transform: uppercase;
    font-size: 12px;
    font-weight:normal;
    color: #888;
}
td.nodpadding {
    padding: 0px !important;
}

.sidebar-in {
    background-color: #eee;
}
.sidebar-out {
        position: fixed;
        top: 45px;
        width:200px;
        z-index: 20;
        bottom: 0px;
        overflow: auto;
        left: 0px;
        -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        -moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
}
.people-item {   padding: 0px;
  border-bottom: 1px solid white;
  height: 25px;
  display: table;
  width: 100%;}
.clr-grey,
.clr-grey span {
    color: #aaa !important;
}
.verticalaligntop td {
    vertical-align: top;
}
.tr-prio,
.tr-prio:hover {
    background:#f89406;
}
.assignment-skill-big {
      width: 100% !important;
  height: auto !important;
}
.assignment-skill-big .assignment-skill-bottom{
      width: 100%;
  text-align: center;
  font-size: 16px;
  background-color: #eee;
  padding: 6px 0px;
  margin-bottom: 5px;
    margin-top: 0px;
   position: relative;
}
.assignment-skill-big .assignment-skill-bottom a {
         float: right;
  position: absolute;
  right: 5px;
  height: 15px;
  line-height: 15px;
  width: 11px;
  top: 4px;
 }
.assignment-skill-add-big {
      height: 30px !important;
  line-height: 26px !important;
  width: 100% !important;
}
.line-through {
    display: inline;
  text-decoration: line-through;
}
.tr-prio td {color: #fff;}
.floatright {display: inline;
  float: right;}
  .row-product {     background-color: #fafafa;
    float: left;
    width: 100%;
    display: block;
    padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;}
  .row-product h4 {  background-color: #ddd;
  color: #666;
  margin: 0px;
  padding: 10px;}
  .row-product h4 .floatright {  margin-top: -6px;}

.producttable {border: 0px;}
.producttable tr {  background-color: #f1f1f1;
 border-bottom: 1px solid white;}
.producttable tr td {  border: 0px;
  font-size: 16px;
  padding: 5px 12px;}
.producttable-div {margin-bottom: 25px;}
.text-item-in-edit textarea {
    font-size: 16px !important; line-height: 22px !important;min-height: 22px !important;
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
.label-employee {background: transparent;font-weight: 600;color: #555;}
.row-bottom{
    display: table-footer-group;
}
.akkoord {color: #468847;}
.nietakkoord {color: #b94a48;}
.row-top {
    display: table-header-group;
}
.assignment-description .new-data-small-auto ul li {padding: 5px 10px !important;}
.assignment-description .new-data-small {border-top: 0px !important;  margin-top: 0px;
  margin-bottom: 10px;}
.number-subtitle {
    margin-top: 35px;
}
.assignment-deliveries h4 {
      background-color: #eee;
  color: #666;
  padding: 5px 10px;
  font-size: 14px;
  margin: 0px;
}
.assignment-deliveries .delivery {
    margin: 10px;
  padding: 10px;
}
.assignment-deliveries .delivery h1 {
    font-size: 14px;
    line-height: 14px;
}
.assignment-deliveries .delivery h3 {
      margin: 7px 0px;
  font-size: 14px;
}
.assignment-deliveries .delivery p {
    margin-top: 5px;
}
.spanconclusie-item {
    margin: 0px;
border-top: 1px solid #ddd;
padding-top: 7px;
padding-bottom: 10px;
margin-left: 0px !important;
min-height: 0px !important;
}
.modal-warning {
      margin-bottom: 15px;
      padding: 20px;
      background-color: #f9eeb7;
      margin: 0px -30px 15px;
}
.inline-warning {
    margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  background-color: #f9eeb7;
  text-align: center;
}
.inline-error {
    margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  color: #fff;
  background-color: #b94a48;
  text-align: center;
}
.spanconclusie-item div,
.spanconclusie-item-sub div {
    min-height: 0px !important;
}
.spanconclusie-item-child {
    padding-bottom: 5px !important;
}
.spanconclusie-item-sub {
    margin: 0px;
border-top: 1px dotted #ddd;
padding-top: 4px;
padding-bottom: 4px;
margin-left: 0px !important;
color: #999;
min-height: 0px !important;
}
.spanconclusie-taak-left {
    width: 20% !important;
    margin: 0px !important;
    text-align: left !important;
    padding: 0px 2% !important;
}
.spanconclusie-taak-center {
    width: 40% !important;
    margin: 0px !important;
    text-align: left !important;
    padding: 0px 2% !important;
}
.spanconclusie-taak-right {
    width: 20% !important;
    margin: 0px !important;
    text-align: right !important;
    padding: 0px 2% !important;
}
.spanconclusie-taak-right-in {
    width: 20% !important;
    margin: 0px !important;
    text-align: right !important;
    padding: 0px 2% !important;
}
.spanconclusie-taak-group {
    height: 150px;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: 0px !important;
}
.spanconclusie-taak {
    margin: 0px;
border-top: 1px dotted #ddd;
padding-top: 4px;
padding-bottom: 4px;
margin-left: 0px !important;
color: #999;
min-height: 0px !important;
}
.spanconclusie-item-sub .spanconclusie-item-left {
    padding-left: 7% !important;
}
.spanconclusie-item-sub .spanconclusie-item-right {
    font-weight: normal;
}

.spanfirst .spanconclusie {
    margin-left: 0px !important;
}
.spanconclusie-item-first {
    border-top: 0px !important;
}
.spanconclusie-item-title {
    background: #ddd;
margin: 0px !important;
margin-left: 0px !important;
color: #555;
padding-top: 6px !important;
}
.text-center {
    text-align: center;
}
.spanconclusie-item-left {
   width: 50% !important;
   padding: 0px 2% !important;
text-align: left;
margin: 0px !important;
}
.spanconclusie-item-right {
   width: 50% !important;
   padding: 0px 2% !important;
text-align: right;
margin: 0px !important;
font-weight: bold;
}
.pretask-div-actions {
    width: 100px !important;
}
.task-div-image,
.task-div-image img {
width: 300px;
min-width: 300px;
float: right;
max-width: 300px;
vertical-align: top;
}
.task-div-image img {
    margin: 5px;
}
.row-table{
    display: table;
    width: 100%;
}
table#assignmenttypes td {
    cursor: pointer;
}
.nav-list {
    max-width: 100% !important;
}
a, a:hover, a:active, a:focus, input {
   outline: 0 !important;
}
[class^="icon-"], [class*=" icon-"] {
    opacity:0.8;
}
.inline-task-part-bottom textarea {
    height: 85px;
    width: 100% !important;
}
.task-div-title h4 {
    margin-top: 4px;
    margin-bottom 0px;
}
.stdpad {
    padding: 15px;
}
.po-close{
    margin-left: 10px;
}
.breadcrumb {
    margin: 0 0 15px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #DDD;
    border-top: 0;
    padding: 6px 10px 3px;
    font-size: 12px;
}
.table-icon {
    font-size: 16px;
    width: 23px;
    float: left;
}
.table-icon-margin {
    font-size: 16px;
    width: 23px;
    margin-top: 5px;
    float: left;
}

.breadcrumb li {
    text-shadow: none;
}
.breadcrumb ul.dropdown-menu li {
    display: block;
}
.breadcrumb li.pull-right {
    margin: -2px 0 0 5px;
}
.breadcrumb i.icon-off {
    margin-top: -1px;
}
img.language-img {
    vertical-align: top;
    margin: 4px 5px 0 0;
}
h4.totalen {float: left;}
.modal {
    overflow: hidden;
    max-height: 85%;
    width: 515px;
    margin: -250px 0 0 -250px;
}
.modal-header .close {
    margin-top: 5px;
}
.modal-header {
    padding: 6px 15px 4px;
    background: whiteSmoke;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #CCC;
}
.modal-header h3 {
    color: #555;
    font-size: 18px;
}
.modal-content {
    max-height: 90%;
    position: relative;
}
.modal-content input[type="text"],
.modal-content textarea {
    width: 97% !important;
}
.modal-content input.biginput {
    width: 97% !important;
}
.modal-content input#filename,
.modal-content input#filename2,
.modal-content input#filename3 {
    width: 74%! important
}
.modal-inner {
    /*padding: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
    position:relative;
    -webkit-overflow-scrolling: touch;
    */
}
.modal-footer {
    margin:10px -15px -15px -15px;
}
.modal-small{
    height:250px;
    overflow-y: visible;
}
.modal-mini{
    height:100px;
    overflow-y: visible;
}
.margin5{
    margin:8px 5px 0;
}
.margin-left-5{
    margin-left:5px;
}
.margin15{
    margin:15px 0 10px;
}
.margin20{
    margin:20px 5px;
}
.margintop5{
    margin:5px 0 0;
}
.table_head .btn {
    margin: 4px -6px 0 10px;
}
.data-table-marginbottom{
    margin-bottom: 60px;
}
.datumtitel {
    text-transform: capitalize;
}
.marginbottom20{
    margin-bottom: 20px;
}
.nav-tabs{
    border-bottom: 0px;
}
.label-light{
 background:#353535;
}
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.bootstrap-wysihtml5-insert-image-url, .bootstrap-wysihtml5-insert-link-url{
width:97% !important;
height: 20px;
padding: 4px 6px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #cccccc !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bootstrap-wysihtml5-insert-image-modal .modal-footer, .bootstrap-wysihtml5-insert-link-modal .modal-footer{
margin: 10px 0px 0px -15px;
}
/* modal mobile fix */
@media (max-width: 767px) {
    .modal.fade.in {
        top: 5% !important;
    }
}
.login {margin: 50px 0 10px;text-align: center;}
.login h2 {
    color: #FFF;
    text-align: center;
}
.login form {
    margin: 20px 0;
    padding: 20px;
}
.login form input {
    width: 100%;
    background: transparent !important;
    color: #333 !important;
}
.login .well {
    border-radius: 0px;
    background: #FFF;
    box-shadow: none !important;
}
a.forgotpass {
    font-size: 12px;
    margin: 6px 0 0 0;
}
#sidebar {
    color: #C4C4C4;
    float: left;
}
.logo {
    padding: 20px 5px;
    background: #1A1A1A;
    text-align: center;
}
.sidebar-left .sidebar-out {
    bottom: 40px;
}
.sidebar-left.has-sidebar-left-left .sidebar-out {
    left: 50px;
}



.sidebar-left-left .sidebar-out {
    bottom: 40px;
    width: 50px;
    z-index: 10000;
    top: 0px;
    background: #222;
}

.agent-info {
    border-bottom: 0px solid #000;
    padding: 10px 15px;
    border-top: 1px solid #000;
    line-height: 15px;
    background: #fff;
    height:29px;
}
.agent-info a {
    color: #5F94AF;
}
.agent-info .username {
    margin-top: 1px;
}
.agent-info .username a.user {
    color: #CCC;
    font-weight: bold;
    font-size: 12px;
}
.agent-info .username small {
    color: #666;
    font-size: 11px;
}
.agent-info a.small {
    font-size: 10px;
    padding-right: 10px;
}
.agent-pic {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 7px 0 0;
}
.agent-pic img{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.loader{
    background:url("../img/loader.gif") no-repeat center;
    width:21px;
    height:14px;
    display:none;
}
.shadow {
    -webkit-box-shadow: 0px 0px 2px #000000;
    -moz-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
}
.clear {
    clear: both;
}
.no-margin{
    margin:0 !important;
}
.label a {
    color: #FFF;
}
.cursor{
    cursor:pointer;
}
.minipic{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height:20px;
}
.table_head .minipic{
    margin: 5px 0 0 -4px !important;
}

.td-confirmed {
    width: 30px;
    text-align: center;
    font-size: 14px;
}
.td-confirmed-yes {
    background:#468847;
    color: white;
}
.td-confirmed-closed {
    background:#b94a48;
    color: white;
}

.well-dark {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #292929;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#openmenu{
    height:15px;
    width:22px;
    margin-top:-8px;
    background:url("../img/menu-button.png") no-repeat center;
}
.nav.dark > li > a {
    display: block;
    color: #979797;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
}
.nav.dark.submenu {
    float: none !important;
    position: static !important;
    margin: 0;
}
ul.dropdown-custom {
    display: none;
}
.nav.dark > li.active > ul.dropdown-custom {
    display: block;
}
.nav.dark li i {
margin-top: 0;
}
.nav.dark.submenu > li > a {

    margin: 0 -15px;
    padding: 8px 12px 8px 35px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
    text-decoration: none;
    background: #222222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzIwMjAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #222222 0%, #202020 98%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(98%,#202020), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: -o-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: -ms-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: linear-gradient(to bottom,  #222222 0%,#202020 98%,#1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#1b1b1b',GradientType=0 );
}
.nav.dark.submenu > li.active > a, .nav.dark.submenu > li.active > a:hover {
    border-right: none;
    font-weight: bold;
    background: #222222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzIwMjAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #222222 0%, #202020 98%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(98%,#202020), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: -o-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: -ms-linear-gradient(top,  #222222 0%,#202020 98%,#1b1b1b 100%);
    background: linear-gradient(to bottom,  #222222 0%,#202020 98%,#1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#1b1b1b',GradientType=0 );
}
.nav.dark > li.active > a, .nav.dark > li.active > a:hover {
    text-decoration: none;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    border-top: #000;
    border-bottom: 1px solid #111;
    border-right: 0px solid #08C;
    background: rgb(73,73,73);
background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(61,61,61,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(61,61,61,1)));
background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(61,61,61,1) 100%);
background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(61,61,61,1) 100%);
background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(61,61,61,1) 100%);
background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(61,61,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3d3d3d',GradientType=0 );

}
.nav.dark > li.active > a, .nav.dark > li.active a i.icon-white{
    opacity:1;
}
.nav.dark > li > a:hover {

    background: #ddd;
}

.dark.nav-list > li > a {
        padding: 5px 8px 3px 20px;
        background: #fff;
        text-shadow: none !important;
        color: #666;
        position:relative;
        cursor:pointer !important;
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #292929 0%, #242424 98%, #1c1c1c 100%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(98%,#242424), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top,  #292929 0%,#242424 98%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top,  #292929 0%,#242424 98%,#1c1c1c 100%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top,  #292929 0%,#242424 98%,#1c1c1c 100%); /* IE10+ */
        /*background: linear-gradient(to bottom,  #292929 0%,#242424 98%,#1c1c1c 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-8 */
        font-weight: 500!important;
}
.dark.sub.nav-list > li > a {

    background: #303030; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #303030 0%, #262626 98%, #1c1c1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(98%,#262626), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #303030 0%,#262626 98%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #303030 0%,#262626 98%,#1c1c1c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #303030 0%,#262626 98%,#1c1c1c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #303030 0%,#262626 98%,#1c1c1c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-8 */
}
.full_sidebarbg {
    display:none !important;
    position: fixed;
    left: -5px;
    top: 0;
    bottom: 0;
    z-index: -888;
    background: #1A1A1A;
}
.sidebar-nav {
    color: #FFF;
}
.nav-list > li > a, .nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.dark.nav-list > .active > a, .dark.nav-list > .active > a:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
}
.dark.nav-list [class^="icon-"] {
    margin-right: 2px;
}

.dark.nav-list .divider, div.divider {
    *width: 100%;
    height: 1px;
    margin: 8px 0px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #111;
    border-bottom: 1px solid #333;
}

.widget {
    padding: 10px;
    border: 1px solid rgb(17, 17, 17);
    background: #222;
    margin: 5px;
}
.widget h6 {
    margin: 0 0 10px;
    border-bottom:1px solid rgb(73, 73, 73);
}
.widget .progress {
    height: 3px;
    background: #141414;
}
.widget small a {
    color: #999;
}
.widget .label {
    font-size: 10px;
}
.table-image {
    width: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
float: left;
margin-right: 5px;
margin-top: 1px;
}
.table-image-inlink {
    position:absolute;
}
.table-image-big {
     width: 35px;
  margin-right: 10px;
}
.progressie-td {
      position: relative;
}
.progressie-td div {
    background-color: #04988E;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: white;
  line-height: 20px;
  font-size: 11px;
  min-width: 23px;
}

table .table-image {
    max-width: 35px;
    -webkit-border-radius: inherit;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -5px;
}
table tr td:first-child {padding-left: 5px !important;}
.table-image-big {max-height: 150px;
max-width: 150px;
border: 1px solid #ddd;}
.table-image-task {
    width: 30px;
}
ul.user-list{
    margin:0;
    list-style: none;
}
ul.user-list li{
    padding: 4px;
    font-size: 12px;
    line-height: 24px;
    height:24px;
    border-bottom: 1px solid #333;
}
ul.user-list li.last-item{
    border-bottom:0;
}
ul.user-list li img.userpic{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin:-3px 5px 0 0;
}
.offset-top {
    padding-top: 20px;
}
.center {
    text-align: center;
}
#overview p{
    color: #BBB9B9;
    font-weight: 300;
    font-size: 16px;
    padding: 3px 0px 10px 0px;
    margin: 0px !important;
}
#overview p .table-image {
      width: 38px !important;
      vertical-align:middle;
      float:none;
      margin-right: 10px;
}
#overview p .label {
  font-size: 15px;
      top: 3px;
    position: relative;
}
form {
    margin: 0;
}
label.error {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    height: auto;
    overflow: visible;
    display: block;
    width: 100%;
    background: #B72A18;
    color: white;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
}
label.error span {
    background: url("../img/red-arrow-up.png");
    display: block;
    width: 10px;
    height: 7px;
    margin-top: -7px
}

/* Table */

table {
    width: 100%;
    margin: 0px auto;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    clear:left !important;
}
.table_head {
    clear: both;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 15px 0 0 0;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: whiteSmoke;
    /*
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(to bottom, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;

    border: 1px solid #BBB;*/
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.table_head h6, .table_head img {
    float: left;
    margin: 6px 0 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 1px 1px white;
    color: #444;
}
.table_head h6 i{
    margin: 0px 5px 0 -7px;
}
.table_head .btn i{
    margin-top: 0px;
}
.table_head img {
    margin: 7px 5px 0 0;
}
table thead th {
    border: 1px solid #e1e1e1;
    text-align: left;
    cursor: pointer;
    color: #3D3D3D;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    padding-right: 15px;
}
table thead tr, table thead tr:hover {
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#f7f7f7 100%);
    background: linear-gradient(top,  #fcfcfc 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 );
}
table td.option {
    text-align: center;
    width: 150px;
    white-space: nowrap;
}


#settings td.bottom {
    background: #f9f9f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
    background: linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 );
}

/*
 * DataTables sorting
 */

 .sorting_asc {
    background: url('../img/sort_asc.png') no-repeat center right;
 }

 .sorting_desc {
    background: url('../img/sort_desc.png') no-repeat center right;
 }

 .sorting {
    background: url('../img/sort_both.png') no-repeat center right;
 }

 .sorting_asc_disabled {
    background: url('../img/sort_asc_disabled.png') no-repeat center right;
 }

 .sorting_desc_disabled {
    background: url('../img/sort_desc_disabled.png') no-repeat center right;
 }

 tr {
    font-size: 12px;
    background: #ffffff;
    height: 24px;
    line-height: 24px;
 }
 tr:hover, tr.active, tr.even:hover {
    background: #f7f7f7;
 }
 tr.even {
    background: rgba(250, 250, 250, 0.41);
 }
 td, th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    color: #666;
    font-size: 12px;
     cursor:pointer;

 }
 td small {
    font-size: 9px;
    color: #888;
     cursor:pointer;
 }
 tr.noborder td {
    border: 0px !important;
 }
 table#projects tr, tr.link-row, table#assignmentconfirmations tr, table#assignmentpreperations tr, table#tickets tr, table#questions tr, table#prebuilderitems tr, table#socialmediatypes tr, table#websiteblocks tr, table#subscriptionitems tr, table#extraoptions tr, table#assignmentcategories tr, table#facebookposts tr, table#emails tr, table#instagramposts tr, table#services tr, table#assignmentcompletions tr, table#linkedinposts tr, table#massmailings tr, table#paidassignments tr, table#cost_employees_invoices tr, table#portfolioitems tr, table#costs tr, table#wikichapters tr, table#pages tr, table#rawdatas tr, table#wikitypes tr, table#wikitopics tr, table#languages tr, table#projecttypes tr, table#assignmentproducttypes tr, table#assignmentbriefings tr, table#paidassignmentproducts tr, table#websites tr, table#assignmentrevisions tr, table#contacts tr, table#channelwebsites tr, table#recurringcosts tr, table#assignmentquotations tr, table#skeletons tr, table#nonpaidassignments tr, table#brands tr, table#employees tr, table#projectodds tr, table#assignmentodds tr, table#datas tr, table#revisions tr, table#briefingtypes tr, table#media tr, table#reports tr, table#clients tr, table#invoices tr, table#cprojects tr, table#touchpoints tr, table#cinvoices tr, table#quotations tr, table#messages tr, table#cmessages tr, table#subscriptions tr, table#csubscriptions tr, table#tickets tr, table#ctickets tr, table#custom_quotations tr, table#custom_quotations_requests tr, table#quotation_form td {
    cursor: pointer !important;
 }
 .dataTables_filter {
    margin: -26px 5px 0 0;
    height: 26px;
 }
 .dataTables_filter label {
    width: auto;
    height: auto;
    margin: 6px 0 0 0;
    float: right;
 }
 .dataTables_filter input {
    margin: -12px 0 0 0;
    height: 12px;
    color: #666;
    width: 130px;
    font-size: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 }
 .dataTables_info {
    font-size: 11px;
    color: #777;
    margin: 2px;
    float: left;
 }
 .dataTables_paginate {
    float: right;
    margin: 5px 0px;
 }
 .paginate_enabled_next, .paginate_enabled_previous, .paginate_disabled_previous, .paginate_disabled_next {
    display: inline-block;
padding: 2px 7px;
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(to bottom, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #BBB;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-bottom-color: #A2A2A2;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-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);
 }
 .paginate_enabled_next {
    cursor: pointer;
    border-left: 0px;
    margin: 0 0 0 -2px;
    -moz-border-radius: 4px 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #DDD;
    border-bottom: 1px solid #CCC;
 }
 .paginate_disabled_next {
    border-left: 0px;
    color: #CCC;
    margin: 0 0 0 -3px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #DDD;
    border-bottom: 1px solid #CCC;
 }
 a.paginate_disabled_previous:hover, a.paginate_disabled_next:hover{
    color:#CCC;
    text-decoration: none;
 }
 a.paginate_enabled_previous:hover, a.paginate_enabled_next:hover{
    text-decoration: none;
     background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  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;
 }
 .paginate_enabled_previous {
    cursor: pointer;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #CCC;
 }
 .paginate_disabled_previous {
    color: #CCC;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #CCC;
 }
 .dataTables_length {
    display: none;
 }

 .delete, .edit {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px;
    line-height: 20px;
    border: 1px solid #D3D3D3;
    text-shadow: #FFF 0 1px;
    background: #f2f2f2;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%);
    background: linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 );
 }
 .edit:hover, .delete:hover {
    background: #E0E0E0;
    color: #777;
    border-color: #C9C9C9;
 }
 .edit {
    border-left: 0px;
    margin: 0 0 0 -3px;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
 }
 #items .edit {
    margin-left: -5px;
 }
 .hide{
    display:none;
 }
 /* -------------  Dashlets  ---------------- */
 #dashlets {
    clear: both;
    margin: 0 0 15px;
 }
 #dashlets div {
    text-shadow: #FFF 1px 1px 1px;
    box-shadow: 0 0px 2px #888;
    color: #444;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    padding: 15px 5px;
    height: 100px;
    margin-bottom: 15px;
    border: 0px solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f9fcf7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f9fcf7 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #f9fcf7 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #f9fcf7 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #f9fcf7 0%,#f2f2f2 100%);
    background: linear-gradient(top,  #f9fcf7 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f2f2f2',GradientType=0 );
 }
 #dashlets div:hover {
    box-shadow: 0 0px 2px #444 !important;
 }
 #dashlets div.last {
    margin-right: 0px !important;
 }
 #dashlets h5 {
    margin: 0;
    color: #999;
    font-size: 18px;
 }
 #dashlets h2 {
    color: #999;
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: #DDD 0px 1px 1px;
    margin: 0 0 5px;
 }

 .stats-frame h2 {
    color: #555;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 32px;
    line-height: 32px;
    margin: 0px;
 }
 .stats-frame h5 {
    color: #BBB9B9;
    font-weight: 300;
    font-size: 16px;
    margin: 0 0 20px;
 }
 #stat-numbers {
    padding: 20px 30px;
 }
 #graph {
    height: 250px;
 }
 ul.eventlist{
    margin: 0;
    height: 170px;
    overflow: hidden;
 }
 ul.eventlist li{
    list-style: none;
    clear:left;
    line-height: 32px;
    border-bottom: 1px solid #eeeeee;
  }
  ul.eventlist li p{
    margin:0 0 2px 0;
 }
 ul li span.datestamp{
     padding: 5px;
    display: block;
    background: #EEE;
    height: 35px;
    width: 35px;
    text-align: center;
    float: left;
    margin: 0 10px 10px 0;
 }
 ul li h3{
        margin: 3px 0 0 0;
    line-height: 16px;
 }
 ul.messages {
    overflow: hidden;
    height: 120px;
 }
 ul.messages li {
    margin: 0 0 10px;
    height: 50px;
 }
 ul.messages li a {
    text-decoration: none;
    display: block;
 }
 ul.messages li img.userpic {
    width: 32px;
    height: 32px;
    border: 1px solid #DDD;
    float: left;
    margin: 1px 10px 0 0;
 }
 ul.dash-messages li img.userpic{
    width: 46px;
    height: 46px;
 }
 ul.messages li h5 {
    margin: 0px;
    color: #555;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
 }
 ul.messages li h5 span.time, ul.messages li.New a h5 span.time, ul.messages li:hover h5 span.time{
    color:#3A87AD;
    font-weight: bold;
    font-size: 11px;
 }
 ul.messages li small {
    color: #999;
    font-size: 10px;
    display: block;
    line-height: 10px;
 }
 ul.messages li span {
    line-height: 16px;
    color: #666;
    font-size: 12px;
 }
 ul.messages li span .label {
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
 }
 .message-bar{
    margin:0;
    height:26px;
    line-height: 26px;
    padding:0 8px;
    display:block;
    border:1px solid #DDD;
    border-bottom: 0px;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    background:whitesmoke;

 }
 .message-bar a {
    height: 26px;
    display: inline-block;
    padding: 0 8px 0 4px;
 }
 .message-bar a.rb{
    border-right: 1px solid #DDD;
 }
 .message-bar a.pull-right{
    padding: 0px;
 }
 .message-bar a.first{
    padding-right:7px;
    padding-left:0px;
 }

 .message-bar span{
    padding:0 5px;
    font-weight: bold;
    font-size: 12px;

 }
 .message-sidebar ul.messages {
    min-height: 255px;
    padding-bottom: 1px;
 }
 .message-sidebar ul {
    border: 1px solid #DDD;
    height: 100%;
    min-height: 255px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
 }
 .message-sidebar ul.messages li {
    margin: 0px;
    padding: 8px 7px;
    height:35px;
    border-bottom: 1px solid #ddd;

 }
 .message-sidebar ul.messages li.New a h5, .message-sidebar ul.messages li.New a span{
    color:#000;
 }
 .message-sidebar ul.messages li.active, .message-sidebar ul.messages li.active h5, .message-sidebar ul.messages li.active:hover {
    background: #F1F1F1;
    color:#111;
    /*border-left: 3px solid #397EB4;*/
 }
 .message-sidebar ul.messages li:hover{
    background: #FAFAFA;
 }
 .message-sidebar ul.messages li:hover span, .message-sidebar ul.messages li:hover h5, .message-sidebar ul.messages li.active h5, .message-sidebar ul.messages li.active span {

 }
 .message-sidebar ul.messages li:hover small, .message-sidebar ul.messages li.active small {
    color: #222;
 }
 .message-sidebar ul.messages li:hover .userpic, .message-sidebar ul.messages li.active .userpic {

 }
 .message-sidebar ul.messages li.nav-header {
    height: 20px;
    line-height: 20px;
    padding: 0px 14px;
    background: whiteSmoke;
 }
 .message-sidebar ul.messages li.nav-header:hover {
    color: #888;
 }
 .message-content {
    background: #FFF;
    border: 1px solid #DDD;
    min-height: 90px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom:20px;
 }
 .message-content.own{

 }
 .message-header {
    line-height: 19px;
    padding: 6px 6px 3px 6px;
    background:whiteSmoke;
    border-bottom:1px solid #DDD;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
 }
 .message-header img.userpic{
    margin-right:10px;
    margin-right: 10px;
    width: 40px;
 }
 .message-header span.subject{
    font-size: 14px;
    font-weight: bold;
    color: #333;
 }
 .message-header .label{
    line-height: 24px;
 }
 .message-body{
    padding:15px;
 }
 div.reply {
    background:white;
    margin:-20px 15px 20px;
    padding:5px 19px 5px 5px;
    box-shadow: 0 1px 2px 0 #888;
    border-radius: 0 0 7px 7px;
 }
 div.reply textarea{
    height:20px;
    width: 100%;
    line-height: 20px;
    margin: 0px 0 0 0;
    border-radius: 7px;

 }
 div.reply #send{
    display:none;
    float:left;
    margin-left:3px;
    margin-right: 15px;
 }
 ul.todo {
    list-style: none;
    margin: 0px;
    background: url("../img/todobg.png") repeat-y;
 }
 .stdpad ul.todo{
    height: 169px;
    overflow: hidden;
 }
 ul.todo li.last-item {
    border-bottom: 0;
 }
 ul.todo li {
    border-bottom: 1px solid #b6d9fd;
    line-height: 33px;
    font-weight: bold;
    font-size: 11px;
    color: #555;
 }
 ul.todo li a{
    color:#555;
  }
 ul.todo li a:hover{
    color:#555;
    text-decoration: none;
  }
 ul.todo li.done {
    color: #999;
    text-decoration: line-through;
 }
 ul.todo li i {
    margin-right: 15px;
    margin-left: 5px;
 }
 ul.todo li i.icon-tick {
    background: url("../img/tick-cross.png");
 }
 ul.todo li.done i.icon-tick {
    background: url("../img/tick-cross.png") 0 14px;
 }
  ul.todo li.hold i.icon-tick {
    background: url("../img/hold.png") 2px 1px no-repeat;
 }
 ul.todo li i.icon-edit, ul.todo li i.icon-user, ul.todo li i.icon-eye-open{
    margin:1px 5px;
 }
 .notask{
    padding-left: 35px;
 }
 footer p {
    color: #777;
    font-size: 11px;
 }
 footer p small {
    font-size: 10px;
    color: #999;
 }

 /* label i */
 i.red-arrow-up {
    background: url("../img/red-arrow-up.png");
    margin: -10px 0 0 0;
    left: 48%;
    position: absolute;
    height: 7px;
    width: 10px;
 }

 /* file upload */

 #file, #file2, #file3 {
    display: none;
 }

 .dummyfile input[type="text"] {
    display: inline;
 }

 /* Slider */
 .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -1px;
 }

 .ui-slider-horizontal {
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
 }

 .ui-slider {
    margin: 0px;
 }

 .ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: whitesmoke;
    outline: none;
 }
 .ui-slider-range .ui-widget-header .ui-slider-range-min{
    background:blue;
 }
 .ui-slider-handle .ui-state-default .ui-corner-all{
    font-size: 10px;

 }
ul.details{
    list-style: none;
    margin:0;
}
ul.details li{
    padding:7px 10px;
    border-bottom: 1px solid #ECECEC;
    min-height: 20px;
}
ul.details li span{
    width:30%;
    display:block;
    float:left;
    font-weight: bold;
    font-size: 13px;
    color: #5E5E5E;
    white-space: nowrap;
    min-width: 110px;
    padding: 0 10px 0 0;

}
.question{
    font-weight: bold;
    color:#666;
}
.row{
    margin-left: 0px !important;
}
.subcont{
    border:1px solid #DDD;
}
.article{
    padding:15px;
}
.progress-small{
    height:4px;
}
.progress-medium{
    height:5px;
    margin:0;
}
 .notification{
    position:fixed;
    right:10px;
    bottom:-300px;
    background: #111;
    background: rgba(0, 0, 0, .8);
    margin: 0 30px 0 0;
    padding: 10px;
    width: 350px;
    color: #FFFFFF;
    font-size: 13px;
    -webkit-box-shadow: 0 0 3px #DDD;
    -moz-box-shadow: 0 0 3px #DDD;
    -o-box-shadow: 0 0 3px #DDD;
    box-shadow: 0 0 3px #DDD;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
    text-shadow: 0 1px 0 black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
 }
 .notification-success div{
    background: url("../img/success.png") 0px 2px no-repeat;
    padding-left:22px;
    min-height: 20px;
 }
  .notification-error div{
    background: url("../img/error.png") 0px 2px no-repeat;
    padding-left:22px;
    min-height: 20px;
 }

.commentform {
    margin:15px 0;
}
.preview{
    margin-bottom:30px;
}
 /*custom icons*/
 .icon-loader {
background:url("../img/icon-loader.gif");
}
 .btn-loader-red .icon-loader {
background:url("../img/icon-loader-red.gif");
}
 .icon-loader-black {
background:url("../img/icon-loader-black.gif");
}









#mainfull {
    width:700px;
    margin:10px auto;
    background:#fff;
    border:1px solid #d2d2d2;
    padding:0px 45px;
}
#mainfull hr{
    border-top:1px solid #EFEFEF;
    border-left:0px;
    margin:20px 0;
}
#mainfull h3{
    color:#444;
    text-shadow: 1px 0px 1px #999;
    text-transform: uppercase;

}
#mainfull span.question {
    font-weight: bold;
    color:#333;
    clear:both;
    display: block;
    line-height: 25px;
    text-shadow: 1px 0px 1px #999;
    margin:5px 0 0;
}
.answer {
    margin:0 10px;
}
#mainfull input[type='radio'], .styledRadio {
    float:left;
    width: 15px;
    line-height: 20px;
    height:20px;
    margin:2px 5px 0;
}
#mainfull div.radiobutton{
    height:20px;
    line-height: 25px;
    margin:5px 0 0;

 }
#mainfull input[type='text'], #mainfull textarea{
    width: 98%;
}
#mainfull .bottom{
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 );
    border-top:1px solid #CCC;
    text-align:left;
    padding:10px;
    margin:15px -45px 0 -45px;
}
#mainfull input[type="submit"] {
    margin:0px 0 0 35px !important;
}


#mainfull div.top{
    display: block;
    list-style:none;
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    background: linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 );
    border-bottom:1px solid #CCC;
    text-align:left;
    padding:10px 17px 10px 45px;
    margin:0px -45px 20px;
    color:#555;
    font-weight: bold;
    font-size:15px;
    text-shadow: 0px 1px 1px white;
}

#quotemessage.success {
    float:none !important;
    clear:both !important;
    position:static !important;
    display:block !important;
    width:770px;
    margin:10px auto;
    }

.small-menu{
    height: auto !important;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
ul.accesslist{
    list-style: none;
}
ul.accesslist li .styledCheckbox{
    height:18px !important;
    width:18px !important;
    float:left;
    margin: 3px 7px 0 0;
}
.checkbox.styledCheckbox{
    float:left;
    height:18px !important;
    width:18px !important;
    margin: 3px -12px 0 0;
}
.badge-new {
padding: 2px 6px 2px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: 1px;
}

.normal-white-space {
white-space: normal;
}

.select2-container .select2-choice {
    border: 1px solid #cccccc !important;
}

ul.ticket-details{
    list-style: none;
    margin:0;
}
ul.ticket-details li{
    padding:7px 10px;
    border-bottom: 1px solid #ECECEC;
    min-height: 20px;
}
ul.ticket-details li span{
    width:40%;
    display:block;
    float:left;
    font-weight: bold;
    font-size: 13px;
    color: #5E5E5E;
    white-space: nowrap;
    min-width: 80px;
    padding: 0 10px 0 0;

}
.article-content {
    background: #FFF;
    border: 1px solid #DDD;
    min-height: 90px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom:20px;
 }
.article-header{
    line-height: 20px;
    padding: 6px 6px 6px 9px;
    background: whiteSmoke;
    border-bottom: 1px solid #DDD;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    min-height: 20px;
    }

.nosearch .dataTables_filter{
    display:none;
}
.subcont .notes{
    background: url("../img/notes.png") repeat-y;
    line-height: 25px;
    width: 98%;
    height: 296px;
    margin-bottom: 0px;
    border: 0;
    margin: 0;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0;
}
#changed{
    display:none;
    margin-top:7px;
}


@media (max-width: 979px) {
    .modal-footer {
    margin:10px -15px -15px -15px !important;
    }
    .modal-body {
    max-height: 1500px !important;

    }
    .modal {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }
}

.form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 5px;
    text-align: left;
}

.form-horizontal .controls {
margin-left: 0px;
}


.table_head .nav-tabs > li > a {
padding-top: 5px;
padding-bottom: 3px;
font-size:10px;
padding-right: 8px;
padding-left: 8px;
margin-top: 1px;
}

.nav-list h4 {
        font-size: 13px;
        padding: 0px;
        margin: 0px;
        color: #888;
        font-weight: 500;
        old;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 5px;
        text-align: left;
        background: #fff;
        font-weight: 600;
}

.nav.dark li i {
    margin-right: 5px;
    width: 20px;
    color: #888;
    font-size: 13px;
    text-align: center;
}





.label-lg {font-size: 15px;
    top: 3px;
    position: relative;
    }

.task-div {
    border: 1px solid #DDD;
    margin-top: 5px;
    display: table;
    width: 100%;
    line-height: 25px;
    cursor: pointer;
}
.task-div:hover {
    background: #fafafa;
}
.task-div-afvinken {
    display: table-cell;
width: 50px;
height: 25px;
padding: 5px;
font-size: 20px;
padding-top: 7px;
padding-left: 15px;
text-align: left;
vertical-align: top;

color: #688a00;
}
.task-div-afvinken-small {
    font-size: 13px;
}

.task-div-user {
    display: table-cell;
width: 100px;
height: 25px;
padding: 5px;
vertical-align: top;


}
.task-div-user img {
width: 30px;
height: 30px;
margin: 0px;
margin-right: 5px;
}

.task-div-order {
    display: table-cell;
width: 30px;
height: 25px;
text-align: center;
padding: 5px;
vertical-align: top;

font-weight: 600;
}
.task-div-hours {
    display: table-cell;
width: 85px;
height: 25px;
text-align: center;
padding: 5px;
font-weight: 400;
vertical-align: top;

border-left: 1px solid #ddd;
}
.task-div-date {
    display: table-cell;
width: 100px;
height: 25px;
text-align: center;
padding: 5px;
font-weight: 400;
vertical-align: top;

color: #688a00;
border-left: 1px solid #ddd;
}
.task-div-actions {
    display: table-cell;
width: 30px;
height: 25px;
text-align: center;
padding: 5px;
font-weight: 400;
vertical-align: top;

border-left: 1px solid #ddd;
}
.task-div-title {
    display: table-cell;
width: auto;
height: 25px;
vertical-align: top;

padding: 5px;
padding-left: 10px;
border-left: 1px solid #ddd;
}
.task-div-project {
    display: table-cell;
    text-align: right;
width: auto;
height: 25px;
padding: 5px;
vertical-align: top;

padding-right:10px;
}
.table-image-two {
width: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 5px;
margin-top: 1px;
}
.task-div-finished,
.task-div-finished:hover {
    background: #e2edbf;
    opacity: 0.8;
    border-color: #e2edbf !important;
}
.task-div-finished div {
    border-color: #e2edbf !important;
}
.task-div-finished .task-div-title {
    text-decoration:line-through;
}

.options-btw .btn-print {
    position: absolute;
right: 0px;
top: 0px;
}
.options-btw  {
    position: relative;
}
@media (min-width: 767px) {
.companies {
    position: absolute;
height: 35px;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
width: 100%;
top: 0px;
}
.companies a img {
    max-height: 27px;
float: left;
display: block;
margin-top: 7px;
opacity: 0.4;
margin-left: 0px;
}
.span9.white {padding-top: 15px;padding-bottom: 30px;}
.topbar .logout {margin: 6px;}
.companies a {
    float: left;
}
.companies a:hover img,
.companies a.active img {
    opacity: 1;
}
.companies a.brickzero img {
    margin-top: 11px;
max-height: 24px;
}
.container-fluid-companies .sidebar-nav .logo {display: none;}
}


.spanconclusie-small {
    padding: 5px !important;
    min-height: 92px !important;
}

.optevolgen,
.status-yellow {
    background: #f89406 !important;
    color: white !important;
}

.fixeditem,
.status-green {
    background: #468847 !important;
    color: white !important;
}
.status-blue {
    background: #0F5CA1 !important;
    color: white !important;
}
.status-red{
    background: #b94a48 !important;
    color: white !important;
}
.status-purple {
    background: #88466C !important;
    color: white !important;
}
.grey-price-td {color: #999;font-size: 14px;}
.background-green {background: #468847 !important;color: white !important;}
.background-red {background: #b94a48 !important;color: white !important;}
.background-blue {background: #0F5CA1 !important;color: white !important;}

.background-red-2 {background: #ff3333 !important;color: white !important;}
.clr-red-2 {color: #ff3333 !important;}
.background-green span, 
.background-red span,
.background-blue span {
    color: white !important;
}

.clr-red {color: #b94a48;}
.clr-green {color: #468847;}
tr {position:relative;}
.fixeditem span,
.optevolgen span,
.inprogressitem span,
.status-yellow span,
.status-green span,
.status-blue span,
.status-red span,
.status-red-message span,
.status-purple span,
.status-yellow-green span,
.status-purple-green span {
    background: transparent !important;
    color: #fff;
}
.inprogressitem,
.status-yellow-green,
.background-yellow-green {color: white !important;}
.emptyitem {
    background: #fff !important;
}
.emptyitem span {
    background: #ff3300 !important;
}
.overview-summary-item-subtitle-item span.label {
    background: #ff3300 !important;
}
.overview-summary-item-subtitle {
    line-height: 42px;
}
.overview-summary-item-subtitle-half {
      display: inline-block;
  width: 50%;
  float: left;
  min-height: 55px;
}
.overview-summary-item-subtitle-item.fixeditem span.label,
.fixeditem .overview-summary-item-subtitle-item span.label,
.overview-summary-item-subtitle-item.optevolgen span.label,
.overview-summary-item-subtitle-item.status-yellow span.label,
.overview-summary-item-subtitle-item.inprogressitem span.label,
.overview-summary-item-subtitle-item.status-yellow-green span.label,
.status-green .overview-summary-item-subtitle-item span.label  {
    background: transparent !important;
}
.fixeditem div,
.optevolgen div,
.inprogressitem div,
.status-yellow div,
.waitingfor div,
.status-green div,
.status-blue div,
.status-red div,
.status-red-message div,
.status-purple div,
.status-yellow-green div,
.status-blue-green div,
.status-purple-green div,
.status-yellow-red div,
.background-green div,
.background-blue div,
.background-red div,
.background-red-message div,
.background-purple div,
.background-yellow-green div,
.background-blue-green div,
.background-purple-green div,
.background-yellow-red div,
.background-green .label,
.background-blue .label,
.background-red .label,
.background-red-message .label,
.background-purple .label,
.background-yellow-green .label,
.background-blue-green .label,
.background-purple-green .label,
.background-yellow-red .label,
.background-yellow-2 .label{
    color: white !important;
}
.overview-summary-assignmentproduct .overview-summary-item.overview-summary-item-half {  width: 16.666666% !important;
}
.inprogressitem,
.status-yellow-green,
.background-yellow-green {
    background-image: url('../img/gradient-yellow-green.gif') !important;
    background-size: contain !important;
}



.waitingfor,
.status-blue-green,
.status-purple-green,
.status-yellow-red {
    color: white !important;

}
.waitingfor,
.status-blue-green,
.background-blue-green {
    background-image: url('../img/gradient-blue-green.gif') !important;
        background-size: contain !important;
}


.status-purple-green {
        -webkit-animation: BackgroundchangeWorking 1.4s infinite; /* Safari 4+ */
  -moz-animation: BackgroundchangeWorking 1.4s infinite; /* Fx 5+ */
  -o-animation: BackgroundchangeWorking 1.4s infinite; /* Opera 12+ */
  animation: BackgroundchangeWorking 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes BackgroundchangeWorking {
  0%   { background:#88466C; }
  50% { background:#468847; }
  100% { background:#88466C; }
}
@-moz-keyframes BackgroundchangeWorking {
  0%   { background:#88466C; }
  50% { background:#468847; }
  100% { background:#88466C; }
}
@-o-keyframes BackgroundchangeWorking {
   0%   { background:#88466C; }
  50% { background:#468847; }
  100% { background:#88466C; }
}
@keyframes BackgroundchangeWorking {
   0%   { background:#88466C; }
  50% { background:#468847; }
  100% { background:#88466C; }
}
.status-yellow-red {
        -webkit-animation: BackgroundchangeToClick 1.4s infinite; /* Safari 4+ */
  -moz-animation: BackgroundchangeToClick 1.4s infinite; /* Fx 5+ */
  -o-animation: BackgroundchangeToClick 1.4s infinite; /* Opera 12+ */
  animation: BackgroundchangeToClick 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes BackgroundchangeToClick {
  0%   { background:#f89406; }
  50% { background:#b94a48; }
  100% { background:#f89406; }
}
@-moz-keyframes BackgroundchangeToClick {
  0%   { background:#f89406; }
  50% { background:#b94a48; }
  100% { background:#f89406; }
}
@-o-keyframes BackgroundchangeToClick {
  0%   { background:#f89406; }
  50% { background:#b94a48; }
  100% { background:#f89406; }
}
@keyframes BackgroundchangeToClick {
  0%   { background:#f89406; }
  50% { background:#b94a48; }
  100% { background:#f89406; }
}
.overdeadline {
        -webkit-animation: BackgroundchangeOverDeadline 1.4s infinite; /* Safari 4+ */
  -moz-animation: BackgroundchangeOverDeadline 1.4s infinite; /* Fx 5+ */
  -o-animation: BackgroundchangeOverDeadline 1.4s infinite; /* Opera 12+ */
  animation: BackgroundchangeOverDeadline 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes BackgroundchangeOverDeadline {
  0%   { background:#942F2D; }
  50% { background:#B94A48; }
  100% { background:#942F2D; }
}
@-moz-keyframes BackgroundchangeOverDeadline {
  0%   { background:#942F2D; }
  50% { background:#B94A48; }
  100% { background:#942F2D; }
}
@-o-keyframes BackgroundchangeOverDeadline {
  0%   { background:#942F2D; }
  50% { background:#B94A48; }
  100% { background:#942F2D; }
}
@keyframes BackgroundchangeOverDeadline {
  0%   { background:#942F2D; }
  50% { background:#B94A48; }
  100% { background:#942F2D; }
}
.almostoverdeadline {
        -webkit-animation: BackgroundchangeAlmostOverDeadline 1.4s infinite; /* Safari 4+ */
  -moz-animation: BackgroundchangeAlmostOverDeadline 1.4s infinite; /* Fx 5+ */
  -o-animation: BackgroundchangeAlmostOverDeadline 1.4s infinite; /* Opera 12+ */
  animation: BackgroundchangeAlmostOverDeadline 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes BackgroundchangeAlmostOverDeadline {
  0%   { background:#0F5CA1; }
  50% { background:#B94A48; }
  100% { background:#0F5CA1; }
}
@-moz-keyframes BackgroundchangeAlmostOverDeadline {
  0%   { background:#0F5CA1; }
  50% { background:#B94A48; }
  100% { background:#0F5CA1; }
}
@-o-keyframes BackgroundchangeAlmostOverDeadline {
   0%   { background:#0F5CA1; }
  50% { background:#B94A48; }
  100% { background:#0F5CA1; }
}
@keyframes BackgroundchangeAlmostOverDeadline {
   0%   { background:#0F5CA1; }
  50% { background:#B94A48; }
  100% { background:#0F5CA1; }
}


.overview-summary {
      display: table;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  margin-top: 15px;
  table-layout: fixed;
}
.overview-summary-assignmentproduct {
    margin-top: 15px;
}
.overview-summary-item {position:relative;display: table-cell;padding: 0px;text-align: center;vertical-align: top;border-right: 5px solid white;background: #f1f1f1;}
.overview-summary-item:last-child {border-right: 0px !important;}
.overview-summary-paidassignment .overview-summary-item {width: 50% !important;}
.overview-summary-website .overview-summary-item {width: 40% !important;}
.overview-summary-assignmentproduct .overview-summary-item {width: 33.3333% !important;}
.overview-summary-website-half .overview-summary-item {width: 50% !important;}

.overview-summary-website .overview-summary-item-onebutton {
 max-width: 20% !important;
  vertical-align: middle;
  width: 20% !important;
  padding: 0px 1%;
}
.overview-summary-website .overview-summary-item-onebutton p{
    color: #888;
    margin-top: 20px;
}

.overview-summary-item-title {
      font-size: 22px;
  color: #555;
  font-weight: 300;
  padding-bottom: 10px;
  padding-top: 20px;
}
.overview-summary-website .overview-summary-item-title{
    background: white;
}
.overview-summary-website .overview-summary-item-subtitle{
    background: white;
}
.winst-red .overview-summary-item-title,
.status-red .overview-summary-item-title,
.status-red-message .overview-summary-item-title,
.status-purple .overview-summary-item-title {
    color: white !important;
}
.winst-red .label,
.status-red .label,
.status-red-message .label,
.status-purple .label {
    background: transparent !important;
}
.overview-summary-item-add-person {
    background: #e8e8e8;
height: 30px;
line-height: 30px;
font-size: 22px;
color: #777;
display: block;
cursor: pointer;
text-align: center;
}
.overview-summary-item-add-person:hover {
    background: #468847;
    color: white;
    text-decoration: none;
}
.overview-summary-item-add {
        background: #fafafa;
  height: 35px;
  line-height: 30px;
  font-size: 22px;
  color: #888;
  display: block;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  border-top: 0px;
}
.overview-summary-item-add:hover {
    background: #333;
    border-color: #333;
    color: white;
    text-decoration: none;
}
.overview-summary-item-actions {
        padding: 0px;
    background: #f1f1f1;
    height: 40px;
        display: table;
    width: 100%;
}
.overview-summary-item-costs {
    display: inline;
margin-right: 10px;
padding: 0px;
}
.overview-summary-item-person-bottom {
   padding: 10px 10px 0px 10px;
color: #777;
font-size: 15px;
line-height: 24px;
}
.overview-summary-item-person-actions {
    padding: 3px 35px 10px;
}
.overview-summary-item-person-right .btn-group {
    display: inline-block;
}
.overview-summary-item-person-actions-bottom {
background: rgba(0,0,0,0.2);
padding: 0px;
height: 35px;
line-height: 35px;
text-align: center;
}
.overview-summary-item-person-action {
    display: inline-block;
line-height: 20px;
height: 20px;
margin-left: 5px;
}
.overview-summary-item .lazyload-holder,
.overview-summary-item .table-image {
    width: 40px;
    margin-right: 5px;
    margin-top: 0px;
    float: none;
    margin-bottom: -5px;
    margin-left: 0px;
    display:inline-block;
    border-radius: 50%;
}
.overview-summary-item-person-action.pull-right {
    border-right: 0px !important;
    border-left: 1px solid #eee;
}
.overview-summary-item .paidassignments-costs {
    font-size: 12px;
width: auto !important;
float: none !important;
display: inline-block;
line-height: 20px;
}
.fixeditem div.span-hours,
.optevolgen div.span-hours,
.status-yellow div.span-hours,
.status-green div.span-hours,
.status-blue div.span-hours,
.status-red div.span-hours,
.status-red-message div.span-hours,
.inprogressitem div.span-hours,
.status-yellow-green div.span-hours,
.status-purple div.span-hours,
.span-hours {
    background: white !important;
font-weight: bold;
border-radius: 4px;
color: #777 !important;
padding: 0px 5px;
text-align: center;
width: auto !important;
font-size: 12px;
float: none !important;
line-height: 21px !important;
min-height: 0px !important;
margin-left: 2px !important;
display: inline-block !important;
}
.fixeditem div.span-hours.pull-right,
.optevolgen div.span-hours.pull-right,
.inprogressitem div.span-hours.pull-right,
.status-yellow div.span-hours.pull-right,
.status-green div.span-hours.pull-right,
.status-blue div.span-hours.pull-right,
.status-red div.span-hours.pull-right,
.status-purple div.span-hours.pull-right,
.status-yellow-green div.span-hours.pull-right,
.span-hours.pull-right {
    float: right !important;
width: 80px !important;
display: block !important;
margin-right: 5px;
margin-top: 8px;
}

.overview-summary-item-person-action.btn {margin-left: 10px;
line-height: 20px;
padding: 2px 6px;}
.overview-summary-item-person-action.pull-right.btn {
   margin-right: 0px !important;
   margin-left: 5px !important;
}
.overview-summary-item-person {
    display: block;
    width: 100%;
    text-align: left;
    border-top: 1px solid #eee;
}
.overview-summary-item-person-left {
    display: inline-block;
    text-align: left;
    padding: 5px 10px;

}
.overview-summary-item-person-right {
    float: right;
    display: inline-block;
    padding: 5px 10px;
}
.overview-summary-item-actions a,
.overview-summary-item-actions p {
    display: inline-block;
}
.overview-summary-item-actions p {
    color: #333;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 10px;
position: relative;
top: 10px;
}
.overview-summary-item-subtitle {
    min-height: 55px;
      font-size: 16px;
  font-weight: 300;
}
.overview-summary-item-subtitle img {
    float: none;
display: inline-block;
width: 30px;
}
.overview-summary-item-subtitle span {
      font-weight: 500;
      font-size: 18px;
      position: relative;
      top: 5px;
}

.spanconclusie-small {
    padding: 0px !important;

  }
.biginput {  font-size: 35px !important;
  line-height: 44px !important;
  height: 50px !important;
  text-align: center;
  width: 100% !important;
  min-height: 50px !important;}
.mediuminput {font-size: 20px !important;
line-height: 50px !important;
height: 50px !important;
text-align: left;
min-height: 50px !important;}
.sendto-div {
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.sendto {
    margin: -15px -15px 0px;
    padding: 10px 15px;
    color: #999;
    display: table;
    width: 100%;
}
.send-to-left {
   display: table-cell;
   width: 20%;
  }
  .send-to-right {
    display: table-cell;
    width: 80%;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #777;
  }
.example-assignment {
    margin-top: -10px;
float: left;
width: 100%;
text-align: center;
color: #999;
margin-bottom: 10px;

  }
.modal.fade.in {
    top: 5% !important;
    margin: 0px 0px 0px -300px;
    width: 600px !important;
}
.btn-choice {
   width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 18px;
    margin-left: -2px;
    background: #eee !important;
    border: 0px !important;
    color: #666;
    border-radius: 0px !important;
  }
  .big_textarea {
      height: 175px !important;
  }
.assignment_description {
margin-top: 16px;

  }
  .assignment_description_extended {
    padding: 0px;
  background: #f1f1f1;
  color: #555;
  overflow:hidden;
}
.assignment_description_extended h4 {
    background: #eee;
  color: #999;
  font-size: 13px;
  margin-top: 0px;
  padding: 0px 15px;
  height: 24px;
  line-height: 25px;
  margin-bottom: 0px;
}
.assignment_description_extended h3 {
    background: #ddd;
  color: #999;
  font-size: 13px;
  margin-top: 0px;
  padding: 0px 15px;
  height: 24px;
  line-height: 25px;
  margin-bottom: 0px;
  position:relative;
}
.assignment_description_extended h3 .btn {
    position: absolute;
    right: 0px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-top: 2px;
    margin-right: 2px;
}
.assignment_description_extended h3 .btn-visible{
        right: 29px;
    font-size: 12px;
    color: #777;
}
.btn-visible.btn-success {
    color: white !important;
    font-weight: bold;
}
.btn-visible-without {right: 0px !important;}
 .assignment_description_extended h1,
 .builder-title {
    margin: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    background: #ddd;
    color: #666;
    line-height: 20px;
    padding-right: 0px;
}
.builder-content {position:relative;}
.assignment_description_extended h2 {
      font-size: 18px;
      color: #333;
      font-weight: bold;
}
.assignment_description_extended p {
    font-size: 15px;
}
.assignment_description_extended p.message-yellow {
    margin-bottom: 0px;
    font-size:14px;
}
.assignment_description_extended img {
    margin: 5px 0px;
}
.assignment_description_extended h1 img {
      width: 41px;
  margin: -5px !important;
  top: -2px;
  position: relative;
  border-radius: 4px;
  margin-right: 10px !important;
  margin-left: -1px !important;
}
.assignment_description_extended .hours {
    font-size: 50px;
    text-align: center;
    width: 100%;
    display: block;
    margin: 25px 0px;
    height: 70px;
    line-height: 70px;
}
.assignment_description_extended .btn-edit {    float: right;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 20px;}
  .current-week {
    background: #eee;
  }
tr.totals,
tr.totals td {
    background: #ddd;
    color: #333;
    border-color: #ddd;
}
tr.totals td.hours {
    color: white;
text-align: center;
font-weight: 500;
font-size: 15px;
color: #777;
}


.planning-table {
    margin-top: 40px;

}
strong.big {
    font-size: 15px;
}
span.right {
    opacity: 0.7;
float: right;
font-style: italic;
}


.tableintable {
    padding: 0px !important;
}
.tableintable-table {
    height: 37px;
}
.tableintable-table,
.tableintable-table tr td {
    border: 0px !important;
}
.overview-summary-item-subtitle-two .overview-summary-item-subtitle-item{
   width: 50% !important;

}
.overview-summary-item-subtitle-three .overview-summary-item-subtitle-item{
   width: 33.33% !important;

}
.overview-summary-item-subtitle-four .overview-summary-item-subtitle-item{
   width: 25% !important;

}
.overview-summary-item-subtitle-five .overview-summary-item-subtitle-item{
   width: 20% !important;

}

.overview-summary-two .overview-summary-item{
   width: 50% !important;

}
.overview-summary-three .overview-summary-item{
   width: 33.33% !important;

}
.overview-summary-four .overview-summary-item{
   width: 25% !important;

}
.overview-summary-five .overview-summary-item{
   width: 20% !important;

}
.overview-summary-six .overview-summary-item{
   width: 16.66% !important;

}
.overview-summary-seven .overview-summary-item{
   width: 14.2857% !important;

}
.overview-summary-eight .overview-summary-item{
   width: 12.5% !important;

}




.overview-summary-item-subtitle-item {
    float: left;
    background: white;
}
.fixeditem .overview-summary-item-subtitle-item,
.status-green .overview-summary-item-subtitle-item {
    background: transparent;
}
.overview-summary-item-subtitle-item:last-child {
    border-right: 0px;
}

.winst-red, .status-red {background: #b94a48 !important; color: white !important;}
.winst-green {background: #468847 !important; color: white !important;}
.clr-green {color: #468847 !important;}
.clr-red {color: #b94a48 !important;}
ul.details li p {margin: 0px !important;}
.btn-notworking {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.margin-right {
  margin-right: 7.5px;
}
.margin-left {
  margin-left: 7.5px;
}

.number-item-group {
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 0px;
    margin-bottom: 15px;
}
.number-item {display: table; width: 100%;}
.number-item-left {display: table-cell;
width: 30%;padding: 10px;}
.number-item-left-center {display: table-cell;
width: 15%;padding: 10px;}
.number-item-right-center {display: table-cell;vertical-align: middle;
width: 40%;padding: 10px;}
.number-item-right {display: table-cell;
width: 15%;padding: 10px;}
.number-item-right span,
.number-item-left-center span {
    float: right;
    font-weight: bold;
}
.number-progress {
    background:url("../img/number-progress.jpg") repeat center;
    height: 20px;
    line-height: 20px;
}
.number-progress-in {background: #333;
color: #fff;
text-align: center;
width: 50%;
max-width: 100%;
float: left;
display: block;
font-size: 11px;
}
.halfbold {
    font-weight: normal !important;
    color: #666;
    margin-left: 10px;
}
.number-progress-in-add {
    opacity: 0.6;
}
.number-title {
    margin-top: 30px;
}
.progress-yes {
    background: #468847;
    color: white !important;
    padding: 5px !important;
}
.progress-no {
    background: #b94a48;
    color: white !important;
    padding: 5px !important;
}
.progress-half {
    background: #f89406;
    color: white !important;
    padding: 5px !important;
}
.number-item-planning .number-progress {
    background: transparent !important;
    height: 10px;
    line-height: 10px;
}
.number-item-planning {
    color: #999;
}
.number-item-planning .number-progress .number-progress-in {
    background: #999 !important;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
}
hr {
    margin: 10px 0 !important;
}
hr.large {
    border-top: 3px solid #ccc;
}
.progress-table-title {
    font-size: 16px;
}
.progress-table-top {
    float: left;
    width: 100%;
    height: 24px;
    font-size: 13px;
}
.progress-table-bottom,
.progress-table-bottom-in {
    background: rgba(255,255,255,0.1);
    height: 12px;
    width: 100%;
    float: left;
}
td.progress-yes .progress-table-bottom-in{
color: #468847;
}
td.progress-no .progress-table-bottom-in{
color: #b94a48;
}
td.progress-half .progress-table-bottom-in{
color: #f89406;
}
.progress-table-bottom-in {
    background: rgba(255,255,255,0.5);
    max-width: 100%;
    font-size: 10px;
line-height: 12px;
text-align: center;
min-width: 20px;
}
.progress-table-target {
    float: right;
    font-size: 11px;
    opacity: 0.8;
}
.progress-table-subtitle {
    float: left;
    width: 100%;
    font-size: 12px;
    opacity: 0.8;
}
#overview h2 span {
    font-size: 60%;
    top: -3px;
}
.error {
    color: #b94a48;
}
.modal-item {
    float: left;
    width: 100%;
    margin: 5px 0px;
}
.modal-item-column {
    float: left;
    width: 50%;
}
.modal-inner h4 {
    background: #eee;
text-align: center;
padding: 5px 0px;
font-size: 15px;
color: #666;
}

.table-paidassignment {
    background: #eee;
    padding: 8px 8px 8px 14px;
}
.table-paidassignment,
.table-paidassignment a {
   display: block;
color: #666;
font-size: 12px;
font-weight: bold;
border: 0px;
cursor: pointer;
}
.table-paidassignment i {margin-right: 3px;
width: 14px;
color: #666 !important;}
.fixeditem span.paidassignments-costs,
.optevolgen span.paidassignments-costs,
.inprogressitem span.paidassignments-costs,
.status-yellow span.paidassignments-costs,
.status-green span.paidassignments-costs,
.status-blue span.paidassignments-costs,
.status-red span.paidassignments-costs,
.status-red-message span.paidassignments-costs,
.status-yellow-green span.paidassignments-costs,
.paidassignments-costs {
    background: white !important;
    font-weight: bold;
border-radius: 4px;
color: #ff3300;
padding: 0px 5px;
float: right;
text-align: center;
width: 60px;
}
.fixeditem span.paidassignments-costs.pull-right,
.optevolgen span.paidassignments-costs.pull-right,
.inprogressitem span.paidassignments-costs.pull-right,
.status-yellow span.paidassignments-costs.pull-right,
.status-green span.paidassignments-costs.pull-right,
.status-blue span.paidassignments-costs.pull-right,
.status-red span.paidassignments-costs.pull-right,
.status-red-message span.paidassignments-costs.pull-right,
.status-yellow-green span.paidassignments-costs.pull-right,
.paidassignments-costs.pull-right {
    margin-right: 5px;
height: 20px;
line-height: 20px;
margin-top: 7px;
}
.subproduct-small.inprogressitem,
.subproduct-small.status-yellow-green
{
    color: white !important;
}
.overview-summary-item-person-bottom {
    text-align: center;
}
.overview-summary-item-person-bottom-user {
    height: 50px;
    line-height: 45px;
    text-align: center;
}
.btn-hover {
    display: none;
    top: 5px;
    position: absolute;
    right: 5px;
    width: 20px;
}
.verticalaligntop,
.verticalaligntop tr,
.verticalaligntop tr td {
    vertical-align: top;
}
.btn-hover-left {
    right: 45px;
}
.overview-summary-item-person {position: relative;}
.overview-summary-item-person:hover .btn-hover {
    display: block;
}
.nopadding {
    padding: 0px !important;
    background: #fafafa;
}
.subproduct-small {
    width: 100%;
display: block;
height: 35px;
line-height: 36px;
overflow: hidden;
    border-bottom: 1px solid white;
  }
.subproduct-small .table-image {
    margin: 0px !important;
    margin-right: 5px !important;
}
.lesshours,
.fixeditem div.span-hours.lesshours,
.optevolgen div.span-hours.lesshours,
.inprogressitem div.span-hours.lesshours,
.status-yellow div.span-hours.lesshours,
.status-green div.span-hours.lesshours,
.status-blue div.span-hours.lesshours,
.status-red div.span-hours.lesshours,
.status-red-message div.span-hours.lesshours,
.status-yellow-green div.span-hours.lesshours,
.span-hours.lesshours {background: #2a652b !important; color: white !important;}
.fixeditem div.span-hours.overhours,
.optevolgen div.span-hours.overhours,
.inprogressitem div.span-hours.overhours,
.status-yellow div.span-hours.overhours,
.status-green div.span-hours.overhours,
.status-blue div.span-hours.lesshours,
.status-red div.span-hours.lesshours,
.status-red-message div.span-hours.lesshours,
.status-yellow-green div.span-hours.lesshours,
.span-hours.overhours, .overhours {background: #b94a48 !important; color: white !important;}

.overview-big-button {
    width: 100%;
line-height: 30px;
font-size: 16px;
margin-top: -10px;
}
.square-td {
    width: 20px !important;
}


.assignment_description_extended {

}

.builder-item {
      padding: 0px;
  margin: 0px;
  cursor: pointer;
  min-height: 25px;
  position: relative;
  background: #f1f1f1;
}
.builder-item:hover{
    background: #444;
    color: #fff;
}
.builder-item p a {
    text-decoration:none !important;
}
.builder-item:hover p a {
    color: #fff !important;
}
.builder-item p a:hover {
    background: #446CB3;
    color: #fff !important;
    
}

.builder-item .btn-hover {
      padding: 3px 10px;
}
.builder-item .btn-delete {
      right: 10px;
}
.builder-item .btn-delete-all {
      right: 60px;
      width: 26px !important;
}


.builder-item .btn-delete-all-and-attachments {
    right: 110px;
    width: 44px !important;
}


.builder-item .btn-update {
      right: 60px;
}
.builder-item h1,
.builder-item h2,
.builder-item h3,
.builder-item h4,
.builder-item h5,
.builder-item h6,
.builder-item p {
    margin: 0px;
}
.builder-item h1,
.builder-item h2,
.builder-item h3,
.builder-item h4,
.builder-item h5,
.builder-item h6 {
    font-size:16px;
}
.assignment-participants.uitverkorene {
      background: #eee !important;
  padding: 0px;
  border-radius: 5px;
  box-shadow: 0px 2px #ccc;
  height: 68px;
  display: table;
  width: 100%;
  position: relative;
  min-height: 68px !important;
}
.assignment-participants.uitverkorene a {
    display: none;
    position: absolute;
    right: 10px;
}
.assignment-participants.uitverkorene a.assignment-participant-price {
    right: 55px;
}
.assignment-participants.uitverkorene:hover a {
    display: block;
}
.uitverkorene-left{
  display: table-cell;
    padding: 0px 5px 3px;

  width: 80px;
}
.uitverkorene-left img {
     max-height: 66px;
  border-radius: 4px;
  margin-left: 2px;
}
.uitverkorene-right {
    display: table-cell;
    vertical-align: middle;
}
.uitverkorene-right .title {
      display: block;
  font-size: 20px;
  color: #666;
  line-height: 26px;
}
.uitverkorene-right .budget {
      display: block;
  color: #888;
}
.assignment-participants {
  border-top: 5px solid #f1f1f1;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 76px;
  position: relative;


  }
.assignment-participants-in {}
.assignment-participant,
.assignment-skill {  display: inline-block;
  width: 80px;
  height: 100px;
  float: left;
cursor: pointer;
  margin-right: 5px;}
  .assignment-participants-title,
  .assignment-skill-title {
        margin-top: -17px;
  height: 28px;
  text-transform: uppercase;
  }
  .assignment-participants-title span,
  .assignment-skill-title span {
         background: #f1f1f1;
  color: #777;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: 600;
  }
.assignment-participant-top,
.assignment-skill-top {  height: 80px;

  position: relative;
  overflow:hidden;
  border-radius: 50%;}
  .assignment-participant-top img ,
  .assignment-skill-top img {
      min-width: 80px;
      max-width: 80px;

  border-radius: 50%;
  }
  .assignment-participant-main img {
      min-width: 76px !important;
      max-width: 76px !important;
      border: 2px solid #ff3300;
  }
  .assignment-participant-top .btn,
   .assignment-skill-top .btn {
      position: absolute;
      right: 3px;
      top: 3px;
      padding: 2px 7px;
      display: none;
  }
  .assignment-participant-top .btn.assignment-participant-price {
      right: 35px;
  }
  .assignment-participant:hover .btn,
  .assignment-skill:hover .btn {
      display: block;
  }
  .assignment-skills {
  padding-bottom: 0px;
  border-top: 5px solid #f1f1f1;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 15px;
  position: relative;
  }
.assignment-participant-bottom,
.assignment-skill-bottom {  font-size: 12px;
  height: 20px;
  line-height: 20px;
   width: 80px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #777;
  text-align:center;
  margin-top: 2px;}
  .assignment-participant-add,
  .assignment-skill-add {  display: inline-block;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 30px;
  background: #f1f1f1;
  line-height: 75px;
  margin-right: 5px;
  color: #999;}
  .assignment-participant-add:hover,
  .assignment-skill-add:hover {
        background: #555;
        cursor:pointer;
  color: white;
  text-decoration: none;
  }
  .assignment-participant-add-website {
         width: 30px;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  position: absolute;
  margin-bottom: 0px;
  border-radius: 0px;
  right: -5px;
  top: -5px;
  }

  .add-contact {
  display: inline-block;
  max-width: 79px;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor:pointer !important;
  width: 79px;
  }

  .add-contact:hover img {
      opacity: 0.5;
  }
  .add-contact:hover,
  .add-contact:hover a,
  .add-contact:hover div{
text-decoration: none;
  }
  .assignment-participant-delete {
      display: none;
  }
  .assignment-website:hover .assignment-participant-delete {
      display: block;
  }
  .add-contact-top {
  width: 79px;
  height: 79px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 5px;
  }
  .add-company .add-contact-top {
      border-radius: 0px;
  }
  .add-contact-bottom {
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  width: 79px;
  text-align:center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #777;
  margin-top: 0px;
  }
  .add-contact-top img {
      min-width: 100%;
      border-radius: 4px;
      max-width: 100%;
      margin: 0px;
      border: 0px;
  }
.participant-image-small {
      width: 32px;
  border-radius: 4px;
  margin: -1px 0px -2px;
  margin-right: 3px !important;
}

.builder-static-item {
      border-top: 1px dashed #999;
  text-align: center;
  font-size: 17px;
  height: 20px;
  margin-top: 30px;
  color: #999;
}
.builder-static-item span {
     background: white;
  position: relative;
  top: -12px;
  padding: 0px 15px;
  color: #777;
}
.builder-title {      font-size: 15px;
    font-weight: 500;
    padding: 10px;
    background: #ddd;
    color: #666;
    margin-top: 0px;}
  .builderitems-create {
      margin-bottom: 15px;
  }
  .conversation-item-message .builderitems-create {
      margin-bottom: 0px !important;
  }
  .assignmentodd-beoordeling {
      width: 150px !important;
  }
  .assignmentodd-buttons {
      width: 110px !important;
  }
  .assignmentodd-buttons-big {
      width: 130px !important;
  }

.new-data-small {
        margin-top: 15px;
  min-height: 115px;
  padding-bottom: 0px;
  border-top: 5px solid #f1f1f1;
  padding-top: 5px;
  position: relative;
}
.new-data-small-big {
    height: 150px;
}
.new-data-small-auto {
    height: auto;
}
.new-data-small .assignment-participants-title span{
    top: 5px;
  position: relative;
}
.new-data-small .assignment-participants-title {
      height: 35px;
}
.new-data-small .assignment-participant-add-website {
      width: auto;
  padding: 0px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.new-data-small ul.details li {
    padding:3px 0px 4px;
    text-align: right;
}
.new-data-small ul.details li span {
    text-align:left;
}
.hour-input-add,
.price-input-add,
.qty-input-add {    background: #f1f1f1;
  text-align: center;
  line-height: 28px;
  margin-bottom: 10px;
  height: 20px;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 17px;
  cursor: pointer;
  color: #777;}
  .hour-input-add:hover,
  .price-input-add:hover,
  .qty-input-add:hover {
      background: #333;
      color: white;
        border-color: #333;

  }
  p.type-assignment {
      margin-bottom: 0px;
  }

  .green {
      color: #468847;
  }
.blue {
    color: #0F5CA1;
}


.red {
    color: red;
}
  .bold {
      font-weight: bold;
  }
.openbriefing {
    width: 100%;
    min-height: 100px;
    border: 1px solid #D6D6D6;
    margin-top: 15px;
}
.openassignments {
    min-height: 100px;
  }
  .openbriefing table {

      margin: 0px;
      border: 0px !important;
      border-bottom: 1px solid #D6D6D6 !important;
  }
  .openbriefing table tr td {
      border: 0px;
  }
.text-right {
    text-align: right !important;
}
span.available {
        border-radius: 0px 0px 5px 5px;
  top: -21px;
  position: relative;
  background: #468847;
  height: 20px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 10px;
  width: 80px;
}

.assignment-website {
      display: table;
  width: 100%;
  height: 30px;
  margin-top: 3px;
  cursor: pointer;
}
.assignment-website-left{
      width: 40px;
  display: table-cell;
  vertical-align: middle;
}
.assignment-website-left img {
      width: 30px;
  height: 30px;
  border-radius: 4px;
}
.assignment-website-center{
      display: table-cell;
  vertical-align: middle;
}
.assignment-website-right{
      display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 50px;
}

.connected.sortable {
      min-height: 120px;
}

.notification-div {
      display: block;
  background: #f89406 !important;
  color: white;
  margin-top: 15px;
  text-align: center;
  padding: 10px 0px;
  border-radius: 5px;
}
.notification-div p {
    margin: 0px;
}
.notification-div:hover {
    color: white !important;
    text-decoration: none;
}

.briefing-item {
   cursor: pointer;
  width: 100%;
}
.briefing-item-in{
    display: table;
    width: 100%;
}
.briefing-item:hover {
     background: #eee;
}
.briefing-item-column {
    display: table-cell;
    padding: 5px;
}
.briefing-item-left {
      padding: 5px;
  display: table-cell;
}
.briefing-item-right {
    width: 100px;
  text-align: right;
  display: table-cell;
  padding: 5px;
}
.briefing-skills {
      padding: 0px 5px 5px;
      font-weight: bold;
      font-size: 12px;
}
.briefing-item-reference {width: 75px;}
.briefing-item-startdate {width: 100px;}
.briefing-item-hours {width: 150px;text-align: right;}
.openassignments .briefing-item-reference {display:none;}
.openassignments .briefing-item-startdate {display:none;}

.openbriefing table tr td {display: inline-block;}
.openbriefing-reference {width: 110px;}
.openbriefing-company {width: 160px;}
.openbriefing-type {width: 150px;}
.openbriefing-actions {float: right;width: 130px !important;text-align: left !important;position: relative;padding: 0px !important;}
.btn-save-big {position: absolute;
  right: 0px;
  top: 3px;
  right: 3px;}
.openbriefing-actions div {  display: inline-block;margin-top: 5px;}
.btn-briefingitem-remove {margin-left: 10px;}

.marginleft {margin-left: 10px;}


.briefing-company-title {  background: #eee;
  margin-top: 10px;}

  .briefing-company-title img {
        max-height: 30px;
  display: inline-block;
  margin-right: 10px;
  }

  .briefing-company-title h5 {
        display: inline-block;
  margin: 0px;
  color: #666;
  font-weight: 400;
  }


.connected.sortable.sortable-small {
   min-height: 10px;

  }

.add-briefing-fast,
.add-delivery-fast {
    margin-top: 15px;
  padding: 15px;
  border: 2px dashed #ccc;
  display: block;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 32px;
  color: #aaa;
}
.add-briefing-fast-small {
    height: 60px;
    line-height: 60px;
    margin-bottom: 50px;
    font-size: 20px;
}
.add-briefing-fast-small i{
    font-size: 18px !important;
}
.add-briefing-fast:hover,
.add-delivery-fast:hover {
    text-decoration:none;
    color: #555;
    background: #eee;
}
.add-briefing-fast i,
.add-delivery-fast i {
      font-size: 25px;
  margin-right: 10px;
}

@media (max-width: 1500px) {
    .add-delivery-fast {  line-height: 30px;
  font-size: 21px;height: auto;}
  .add-delivery-fast i {
      font-size: 20px;
  }
}

.assignment-description {
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding: 0px;
    border-radius: 5px;
}
.assignment-description-description img {
    max-width: 100%;
}
.assignment-description-title {
    padding: 10px 10px 3px;
    position: relative;
    font-weight: 500;
}
.assignment-description-description {
    padding: 0px;
}
.assignment-description-skills {
    padding: 5px 10px;
}
.assignment-description-skills img {  max-width: 30px;
  border-radius: 3px;
  margin-right: 5px;}

.assignment-description-actions {
      position: absolute;
  right: 5px;
  font-weight: normal;
  top: 5px;
}
.example-assignment-first {
    margin-top: 10px;
}
.example-assignment-website {
    margin-top: 0px;
      margin-bottom: 2px;
}
.example-assignment-left {
    text-align: left;
}
.briefingproduct-yes-no {
   display: table;
  width: 100%;
  margin-top: -9px;
}
.briefingproduct-yesno-item {
      display: table-cell;
  background: #eee;
  text-align: center;
  font-size: 19px;
  padding: 15px 0px;
  cursor: pointer;
  background: #b94a48;
    color: white;
}
.briefingproduct-yesno-item.active {
    background: #468847 !important;

}

.table-two-column .briefingproduct-yesno-item {
    width: 50% !important;
}
.table-three-column .briefingproduct-yesno-item {
    width: 33.33333% !important;
}
.briefingproduct-yesno-item-bottom {
      padding-top: 6px;
  font-size: 15px;
}

.add-hour-indication {
        display: table;
        vertical-align:middle;
        width: 100%;
        height: 90px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 30px;
        line-height: 80px;
        padding: 0px;
        margin-right: 5px;
        color: #666;
        line-height: 28px;
        cursor:pointer !important;
        border: 3px solid #eee;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        margin-top: 15px;
        padding-top: 10px;
}
.add-hour-indication span {
}
.add-hour-indication-in {
    display:table-cell;
    vertical-align:middle;
    cursor:pointer !important;
    position: relative;
}
.add-hour-indication.no-hours-spent,
.add-hour-indication.no-hours-spent span{
    color: #999 !important;
}
.add-hour-indication.hours_set:hover {
    color: #fff !important;
}
.add-hour-indication span {
      font-size: 17px;
      display: block;
      font-weight: 300;
      color: #999;
}
.add-hour-indication:hover {
    border-color: #ccc;
    text-decoration: none;}
.add-hour-indication-nohover:hover {
    border-color: #eee !important;
    cursor:default;
}
.delivery {
      border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 15px;
  margin: 5px 0px;
  position: relative;
}
.delivery:hover a {
    display: block;
}
.delivery a {
     padding: 3px 7px;
}
.delivery h1 {    margin: 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;}

  .delivery h3 {
        font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  margin: 10px 0px;
  padding: 0px;
  color: #555;
  }
  .label-onhold, .badge-onhold {
  background-color: #0F5CA1;

}
  .delivery p {  color: #777;
  margin-top: 15px;
  margin-bottom: 0px;}
.assignment-tabs,
.head-assignment-tabs {
      border-bottom: 2px solid #f1f1f1;
  margin-top: 15px;
  height: 38px;
  cursor: pointer;
  position:relative;
  margin-bottom: 15px;

}
.tab-item {display:none}
.assignment-tab-title,
.head-assignment-tab-title {
    background: #f1f1f1;
    color: #777;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    right: 0px;
    bottom: 0px;
    line-height: 11px;
}
.assignment-tab,
.head-assignment-tab {
     display: inline-block;
  padding: 7px 15px;
  border-bottom: 0px;
  background: #f1f1f1;
    float: left;
    color: #999;
  margin: 2px 2px 0px 0px;
}
.assignment-tab.linkable:hover,
.head-assignment-tab.linkable:hover {
    color: #555;
    text-decoration: none !important;
    background: #eaeaea;
}
.assignment-tab:hover,
.head-assignment-tab:hover {
    text-decoration: none !important;
    color: #999;
}
.tab-reference {  font-weight: 300;
  font-size: 12px;}
.assignment-tab-active,
.head-assignment-tab-active {
      border: 2px solid #f1f1f1;
      margin-top: 0px;
  background: white;
  height: 22px;
  margin-right: 3px;
  border-bottom: 2px solid #fff;
}

.delivery h3 img {
      vertical-align: middle;
  padding: 0px;
  float: none;
  margin: 0px;
  width: 25px;
  height: 25px;
  margin-right: 4px;
}

.changelog-td, .td-changelog {width: 80px !important;min-width:80px !important;text-align:center;color: #888;}
.reference-td, .td-reference,
.status-td, .td-status {width: 65px !important;min-width:65px !important;text-align:center;padding-right: 5px !important;}
.reference-td, .td-reference {width: 70px !important;min-width:70px !important;}
.company-td, .td-company {width: 150px !important;min-width:150px !important;}
.employee-td, .td-employee,
.employee-td, .td-employee {width: 110px !important;}
.language-td, .td-language {width: 50px !important;text-align:center;min-width: 50px !important;}
.price-td, .td-price {width: 80px !important;text-align:right !important;min-width: 80px !important;max-width: 80px !important;padding-right: 10px !Important;}
.price-large-td, .td-price-large {width: 150px !important;text-align:right;min-width: 150px !important;max-width: 150px !important;padding-right: 10px !Important;}
.date-td {width: 120px !important;}
.left-over {display: inline-block;
  font-size: 15px;}
.left-over span {
      font-size: 11px;
  position: relative;
  top: -2px;
  margin-left: 2px;
  margin-right: 2px;
}
.employee-td .label,
.company-td .label,
.td-company .label,
.td-employee .label,
.td-employee .label {  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  top: 4px;
  position: relative;}
  .dossier-company {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    overflow: hidden;
    display: table-cell;
    float: left;
    margin-top: -5px;
    margin-bottom: -5px;
    padding: 5px;
    margin-right: 7px;
    margin-left: -5px;
    min-height: 25px;
    max-height: 25px;
  }
  .dossier-company-large {

    margin-left: 0px;
  }
  .dossier-company .label {
      max-width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      top: 2px;
      position: relative;
      padding: 3px 6px;
      text-shadow: none !important;
      font-weight: 600;
  }
.employee-td .label,
.td-employee .label,
.td-employee .label {
    max-width: 67px;
}
.revision-items {
    margin-top: 25px;
}
.revision-item {
      display: table;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.revision-item-left {
      display: table-cell;
  width: 50px;
  vertical-align: top;
}
.revision-item-right {
      display: table-cell;

      vertical-align: top;
    position: relative;
}
.revision-item-title {
        width: 100%;
  font-size: 17px;
  margin: 4px 0px 7px 0px;
  color: #555;
}
.revision-item-columns {
      width: 100%;
  display: table;
}
.revision-item-column {
      display: table-cell;
  width: 49%;
  float: left;
}

.nomargintop {
    margin-top: 0px !important;
}
.nomarginbottom {
    margin-bottom: 0px !important;
}
.nobordertop {
    border-top: 0px !important;
}
.revision-button{
    position: absolute;
    top: 0px;
      right: 0px;
        padding: 2px 7px;
}
.revision-button.btn-hover-left {
    right: 35px !important;
}
.overview-summary-item-onebutton {
 max-width: 20% !important;
  vertical-align: middle;
}
.deadline-td {
    width: 140px !important;
    padding: 0px !important;;
}
.timer-table {
    display: block;
    float: left;
    width: 140px;
}
.deadline-td span {
    height: 35px;
    border-right: 1px solid #D6D6D6;
    line-height: 35px;
    width: 34px;display:inline-block;text-align: center; float: left; }
.deadline-td.winst-red,
.deadline-td.status-red,
.deadline-td.status-red-message {
    border-color: white !important;
}
.deadline-td span.noborder {
    border-right: 0px !important;
}
.completion {     display: table;
  width: 100%;
  position: relative;
  padding: 15px 0px 10px;
  border-bottom: 1px solid #eee;}
  .completion-left {   display: table-cell;
  vertical-align: top;
  width: 40px;
  font-size: 25px;
  color: #bbb;}
  .completion-right {  display: table-cell;  vertical-align: top;
}
.completion-right h3 {  font-weight: 400;
  margin: 0px;
  line-height: 18px;  color: #333;
  font-size: 18px;}
.completion-right a.link {
      color: #888;
  text-decoration: none;
}
.completion-right a.link:hover {
    color: #555;
}
.add-delivery-fast {
    margin-bottom: 25px;
}
.completion-right-row {
    margin-bottom: 6px;
}
.completion:hover .btn-hover {display: block;}
.completion .btn-hover {padding: 3px 7px;}

.visible-for-company {  text-align: left;
  margin-top: 10px;}
.visible-for-company p {
    display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  color: #777;

  }

  .visible-for-company .btn {
        display: inline-block;
  top: -1px;
  position: relative;
  }
 .visible-for-company p.color-green {  margin: 0px;
  color: #468847 !important;}

  .overview-summary-item-actions-table {
      border-top: 1px solid #eee;
  background: #fafafa;
  height: 30px;
  display: table;
  width: 100%;
}
.overview-summary-item-subtitle-column-first {
    border-left: 0px !important;
}
.overview-summary-item-subtitle-column-ssl{
      color: #15a019;
}
.color-ssl {
   color: #15a019;

  }
  .overview-summary-item-subtitle-column {
        display: table-cell;
  padding: 10px;
    border-left: 1px solid #eee;
  }

  .table-three {
      width: 33.33333% !important;
  }
  .table-two {
      width: 50% !important;
  }

  .table_head_small {
        margin-top: 0px !important;
  border-radius: 0px !important;
  }
  .table_head_small h6 {
        font-size: 11px !important;
  color: #888 !important;
  }

  .sub-stat-width {
      width: 180px;
      text-align: center;
  }
 .half-input-popup {
     display: table;
     width: 100%;
 }
 .half-input-popup-column {
   display: table-cell;
   width: 50%;

   }
   .modal-content .half-input-popup-column input[type="text"],
   .modal-content .half-input-popup-column input.biginput,
   .modal-content .half-input-popup-column textarea{
         width: 90% !important;
   }
   .bigfontsize {
       font-size: 20px;
   }






   .filemanager-item a:hover {text-decoration:none;}
.filemanager-item {display: inline-block;
  width: 100%;
  height: 125px;

  text-decoration: none;
  overflow:hidden;
      color: #333;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .filemanager-item-out {
        padding: 5px;
  width: 150px;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 135px;
  }
  .file_list {padding: 10px; float: left;  width: 100%;}
  .filemanager-item:hover {background: #111;color: white;text-decoration:none !important;}
  .filemanager-item-top{
        height: 90px;
  width: 100%;
  overflow:hidden;

  position:relative;
  text-align: center;
  float: left;
  display:block;
  max-height: 90px;
  }
  .filemanager-item-top-content{
      width: 100%;
      height: 90px;
    vertical-align: middle;
  display: table-cell;
  float: left;
  line-height: 80px;
  }
  .filemanager-item-top-in {
        background-color: rgba(0,0,0,0.6);
  position: absolute;
  width: 100%;
  height: auto;
 font-weight:bold;
  display:none;
  top: 0px;
  }
  .filemanager-item-top-content i {
      position:relative;
      top: 5px;
  }
  .filemanager-item:hover .filemanager-item-top-in,
  .filemanager-item:hover .filemanager-item-top-in-bottom  {display:block;}
  .filemanager-item-top-in-bottom {
        background-color: rgba(0,0,0,0.6);
  position: absolute;
  width: 100%;
  padding: 0px;
  text-transform:uppercase;
  bottom: 0px;
  height: 22px;
  font-size: 11px;
  color: white !important;
  display:none;
  font-weight:bold;
  }
  .filemanager-item-top-in .action {
          color: white !important;
  display: block;
  float: right;
  width: 50%;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding-top: 2px;
  font-size: 17px;
  text-decoration: none;
  border: 0px;
  background: transparent;
  display: block;
  margin: 0px;
  padding: 5px 0px;

  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;

  }
  .filemanager-item-top-in .action:hover {
      background: #ff3300;
      text-decoration:none;
  }
  .filemanager-item-top-in .action i {
      font-size: 17px !important;
  }
  .filemanager-item-bottom{
    width: 100%;
    padding: 0px 7px;
    text-align: center;
    background: #eee;
    height: 35px;
    line-height: 34px;
  text-decoration: none;
 border-top: 1px solid white;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  .filemanager-item-map .filemanager-item-bottom{
      font-weight:bold;
  }
  .filemanager-item:hover .filemanager-item-bottom{
      color: #333;
  }
  .filemanager-item-top i {font-size: 45px;top: 15px;}
  .filemanager-item-top img {
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      vertical-align:middle;
  }


  .folders {padding: 0px;
  background: #fafafa;  margin-top: 16px;
  border-radius: 0px;
  color: #555;
  overflow: hidden;}
  .folders h1 {     font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    background: #666;
    color: #fff;
    margin-top: 0px;
        margin-bottom: 0px;
    line-height: 20px;}
    .folders h1 i {
        margin-right: 5px;
    }
  .folders h4 {  background: #eee;
  color: #999;
  font-size: 13px;
  margin-top: 0px;
  padding: 0px 15px;
  height: 24px;
  line-height: 25px;
  margin-bottom: 0px;}
   .folders .mkdir {display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  padding: 2px 15px 3px;}

  .folders .mkdir input {
      margin: 0px;
  height: 18px;
  line-height: 18px;
  padding: 0px;
  font-size: 13px;
  padding: 0px;
  border: 0px;
  color: #555;
    font-weight: 300;
  background-color: #ddd;
  box-shadow: none;
  padding: 0px 7px;
  }
  @font-face {
  font-family: "brickzero";
  src:url("../fonts/brickzero.eot");
  src:url("../fonts/brickzero.eot?#iefix") format("embedded-opentype"),
    url("../fonts/brickzero.woff") format("woff"),
    url("../fonts/brickzero.ttf") format("truetype"),
    url("../fonts/brickzero.svg#brickzero") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "brickzero";
  src:url("fonts/brickzero.eot");
  src:url("fonts/brickzero.eot?#iefix") format("embedded-opentype"),
    url("fonts/brickzero.woff") format("woff"),
    url("fonts/brickzero.ttf") format("truetype"),
    url("fonts/brickzero.svg#brickzero") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "brickzero" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="bzicon-"]:before,
[class*=" bzicon-"]:before {
  font-family: "brickzero" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bzicon-user-small:before {
  content: "a";
}
.bzicon-user:before {
  content: "b";
}
.bzicon-menu:before {
  content: "c";
}
.bzicon-facebook:before {
  content: "d";
}
.bzicon-linkedin:before {
  content: "e";
}
.bzicon-instagram:before {
  content: "f";
}
.bzicon-pinterest:before {
  content: "g";
}
.bzicon-warning:before {
  content: "h";
}
.bzicon-info:before {
  content: "i";
}
.bzicon-success:before {
  content: "j";
}
.bzicon-error:before {
  content: "k";
}
.bzicon-arrow-down:before {
  content: "l";
}
.bzicon-loader:before {
  content: "m";
}
.bzicon-deadline:before {
  content: "n";
}
.bzicon-level-up:before {
  content: "q";
}
.bzicon-edit:before {
  content: "r";
}
.bzicon-delete:before {
  content: "o";
}
.bzicon-folder:before {
  content: "s";
}
.bzicon-plus:before {
  content: "p";
}
.bzicon-folder-back:before {
  content: "t";
}
.bzicon-check-open:before {
  content: "u";
}
.bzicon-check-checked:before {
  content: "v";
}
.bzicon-arrow-right:before {
  content: "w";
}

.fileUpload:hover {
    cursor: pointer;
    background: #fafafa;
    color: #333;}


.fileUpload i {
        font-size: 21px;
  top: 0px;
  position: relative;
}

.fileUpload {
     position: relative;
  overflow: hidden;
  margin: 0px;
  background: #fafafa;
  padding: 0px;
  text-align: center;
  line-height: 45px;
  font-size: 30px;
  margin-top: 0px;
  border-top: 1px solid #eee;
  display: block;
  float: left;
  width: 100%;
  height: 45px;
  color: #888;
  border-radius: 0px 0px 4px 4px;
}
.fileUpload:hover {
    background: #333;
    color: white;
    text-decoration: none;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    bottom: 0px;
    opacity: 0;
      height: auto;
    filter: alpha(opacity=0);

}

  .file_manager .file_drop_target.drag_over .fileUpload{
    border: 4px dashed #96C4EA;
    color: #96C4EA;
}

.addfolder {display: table;width:100%}
.addfolder-left{display:table-cell;}
.addfolder-right{display:table-cell;width: 100px;}
.addfolder-left input {border-radius:3px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.addfolder-right input {border-radius:3px;color: #bbb !important;background: transparent !important;width: 90px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 10px !important;}

.addfolder-right input:hover {background:#333 !important;color: white !important;cursor:pointer;}

.grey {
    color: #999 !important;

  }
.overview-summary-item-actions p{
    margin-right: 0px;
    margin-top: 0px;
}
.add-contact-big {    width: 100%;
  display: block;
  background: #eee;
  max-width: 100%;
  text-align: center;
  margin-bottom: 15px;
  color: #777;
  font-size: 16px;
}
.add-contact-big .add-contact-bottom {
    width: 100%;
    font-size: 16px;
}

.live-search {
    margin-bottom: 15px;
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}
.live-search input {
        text-align: center;
    background: #eee;
    border: 0px;
    font-size: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline:none !important;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.live-search input:focus {
    background: #ddd;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline:none !important;
}

.live-search > div{
    position: absolute;
    right: 0px;
    border: 1px solid #ddd;
    height: 38px;
}


.notification-items {
       display: block;
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 31px;
}
.notification-item {
    background-color: white;
    display:inline-block;
  margin-right: 7px;
  text-align: center;
  color: #eb8c06;
  padding: 0px 8px;
  border-radius: 4px;
  text-shadow: none;
  font-size: 13px;
  vertical-align:top;
      margin-top: 4px;
}
.notification-items-all {

    position: absolute;
    left: -2px;
    right: auto;
        top: 0px;
}
.notification-item-all {
      background-color: #f9ae43;
    font-size: 9px;
    font-weight: bold;
    width: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0px 2px;
    border-radius: 0;
    text-align: center;
    color: #fff;
    margin-top: 0px;
margin-right: 0px;

border: 1px solid #eee;
border-left: 0px;
border-bottom: 0px;
}
.notification-item-all:first-child {
    border-top: 0px;
}
.notification-item-all:nth-child(2) {
    margin-top: -1px;
}
.notification-items-all-half .notification-item-all{
    height: 14px;
    line-height: 14px;
        display: block;
}
.notification-item-all-messages {
background:#ff3333;
color: #fff;
}
.nav-item-prio i {
    color: #fff !important;
}
.nav-item-prio.active a .notification-item-all{
    background: #eb8c06 !important;
}

.nav.dark > li > a {
  display: block;
  color: #979797;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  height: 20px !important;
  border: 0px !important;
  margin-bottom: 1px;
}

.nav.dark > .nav-item-prio.active a,
.nav.dark > .nav-item-prio.active:hover > a{
    background: #eb8c06 !important;
}

.nav-item-prio a,
.nav.dark > .nav-item-prio:hover > a{
      background: #f89406 !important;
  color: white !important;
}

.people-item-column {
       position: relative;
  width: auto;
  border-right: 1px solid #D6D6D6;
  height: 35px;
  display: table-cell;
  border-bottom: 1px solid #D6D6D6;
  line-height: 35px;
  padding-left: 5px;
}
.people-item:last-child .people-item-column {
    border-bottom: 0px !important;
}
.subtitle-td {width: 200px;}
.people-item-column img {  margin-top: 0px;margin-bottom: 0px;}

.chat-footer {
       position: fixed;
  bottom: 0px;
  right: 10%;
  line-height: 30px;
  z-index: 9999999;
  width: auto;
}
.chat {
      width: auto;
  display: inline-block;
  float: right;
  max-width: 225px;
    border: 1px solid #ddd;
    margin-right: 5px;
}
.chat-top {  background-color: #333;
  color: white;
  margin: -1px;
  padding: 0px 10px;}

  .chat-messages {
        max-height: 200px;
  height: 200px;
  font-size: 12px;
  padding: 0px 10px;
  background: white;
  }
  .chat-subject {

        padding: 0px 10px;
  background-color: #f1f1f1;
  color: #888;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  }
  .chat-bottom {
        padding: 0px 10px;
  border-top: 1px solid #ddd;
  padding-top: 5px;
  background: white;
  }
  .chat-bottom input {
        width: 170px;
  border: 1px solid #ddd;
  line-height: 20px;
  height: 20px;
  }
  .chat-bottom input[type=submit] {
      display: none;
  }


  .sidebar-right {
        position: fixed;
  width: 100%;
  bottom: 0px;
  top: 0px;
    border-left: 1px solid #222;
  background: #222;
  }


 /**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #f5f5f5;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {
    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}

/* Code blocks */
pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #f5f5f5;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function {
    color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}
.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.deadline {
    background-color: #0f5ca1;
  color: white;
  padding: 10px;
  text-align: center;
  margin-top: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  text-decoration:none;
    display:block;
}

.deadline-top {
      font-size: 11px;
  text-transform: uppercase;
  background-color: #053968;
  color: white;
  margin: -10px;
  padding: 5px;
  line-height: 11px;
  margin-bottom: 10px;
}

.deadline-center {
    font-size: 24px;
    line-height: 50px;
}

.deadline:hover {
    text-decoration:none;
    color: white;

    background-color: #053968;
}

.deadline-td {
    text-align: center;
    width: 90px !important;
    /* background: transparent; */
    color: #777;
    vertical-align: middle !important;
    font-weight: 500;
    font-size: 12px;
    padding-left: 3px !important;
    border-right: 7px solid white;
    padding-right: 10px !important;
}
.deadline-td i {
        margin-right: 3px;
    font-size: 14px;
}
.deadline-over {
        background: #f5dde8 !important;
    color: #cf0564 !important;
    font-weight: 600;
}
.deadline-done {
        background: #e1f4e1 !important;
    color: #468847 !important;
    font-weight: 600;
}
.new-data-small ul.details li a {
    color: #333;
}
.activity-prio {

    text-align: center;
    color: #ddd;
}
.activity-prio span {
        background: #f89406 !important;
    color: #fff;
    width: 30px;
    display: inline-block;
    border-radius: 5px;
    font-size: 17px;
}

.table-paidassignment-green {
    background: #dbefdc !important;
    color: #468847 !important;

  }
.table-paidassignment-green a{
    color: #468847 !important;

  }
  .table-paidassignment-green a i{
    color: #468847 !important;

  }
.sprint {
        background: #e2d5ea;
    color: #770ba5;
    font-weight: 600;
}
.dashboard-module {

    border-radius: 5px;
    overflow:hidden;
}
.dashboard-module-body {
            border-radius: 0px 0px 5px 5px;
    border: 1px solid #ddd;
    border-top: 0px;
}
.dashboard-module h4 {
    background: #333;
    color: white;
    padding: 20px;
    margin: 0px;
}
.dashboard-module h4 .btn {
        margin-top: -5px;
}
.btn-group > .btn-mini {
    font-size: 14px;
    padding: 3px 7px;
    color: #888;
}



.conversation .add-briefing-fast-small {
        margin-bottom: 0px;
        height: 50px;
    line-height: 50px;
}
.conversation-top {
    height: 40px;
    line-height: 40px;
    background: #eee;
    position:relative;
}
.conversation-title {
        width: 40px;
    left: 50%;
    position: absolute;
    font-size: 30px;
    margin-left: -20px;
    text-align: center;
    color: #444;
}
.conversation-anchor {
        line-height: 40px;
    float: right;
    color: #555;
    background: #ddd;
    padding: 0px 10px;
    font-size: 12px;
}
.conversation-anchor:hover {
    color: #fff;
    background: #333;
    text-decoration:none;
}
.conversation-deadline-message {
        background: #f1f1f1;
    padding: 16px;
    font-size: 16px;
    color: #777;
    margin-top: 20px;
    margin-bottom: 10px;
    position:relative;
}
.conversation-deadline-message .btn-hover {
    top: 10px;
    right: 10px;
}
.conversation-deadline-message:hover .btn-hover {
    display:block;
}

.row-table {
    display: table;
    width: 100%;
}
.row-table-span {
     vertical-align: top;
     display:table-cell !important;
     position:relative;
     float:none !important;
     margin: 0px !important;
     padding: 0px !important;
}

.conversation-line {
    width:100%;

}

.conversation-line-line {
       position: absolute;
    width: 10px;
    background: #eee;
    height: 100%;
    left: 50%;
    margin-left: -5px;
    top: 0px;
}
.conversation-line-left,
.conversation-line-right {
    width: 50%;
}
.conversation-line-right {
    float: right;
}
.conversation-line-item img {
        width: 50px;
    margin-right: -33px;
    float: right;
    z-index: 100;
    position: relative;
    border: 8px solid white;
    margin-top: 7px;
        -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
.conversation-line-right .conversation-line-item img {
    float: left;
    margin-left: -33px;
    margin-right: 0px;
}
.conversation-line-item-date {
           border-top: 8px solid #eee;
    top: 35px;
    position: relative;
    padding-left: 40px;

    color: #999;
    padding-top: 10px;
    font-weight: bold;
}
.conversation-line-left .conversation-line-item-date {
    padding-right: 40px;
    padding-left: 0px;
    text-align: right;
}
.conversation-line-item-date span {
    font-weight:normal
}
.assignment_description_message {
    border-top-color: #ddd;
}
.conversation-item-specs {
        padding: 10px;
    border-top: 1px solid white;
    color: #999;
    font-size: 13px;
    background: #fafafa;
}
.conversation-item-body {
    padding: 5px 10px;
}
.conversation-item-spec {
    display: table;
}
.conversation-item-spec-left {
    display:table-cell;
    font-weight:bold;
    width:125px;
}
.conversation-item-spec-link {
    color: #666;
    text-decoration:underline;
    cursor:pointer;
}
.conversation-item-spec-right {
    display:table-cell;
}
.overview-summary-item-edit {
  display:block;
  text-decoration:none;
  cursor:pointer;
}
.overview-summary-item-edit:hover {
    background: rgba(255,255,255,0.25);
    text-decoration:none;
}
.overview-summary-item-date {
        display: block;
    background: transparent;
    line-height: 20px;
    height: 20px;
    margin: 0px;
    width: 100%;
    min-height: 20px;
    font-size: 14px;
    padding: 10px 0px;
    font-weight: 500;
    color: #ddd;
    max-height: 20px;
    text-decoration:none;
}
a.overview-summary-item-date,
.overview-summary-item-date-back {
    background: #333;
}
a.overview-summary-item-date:hover {
    background: #000;
    text-decoration:none;
    color: #fff;
}


.overdue-date {
        -webkit-animation: Overduechange 1.4s infinite; /* Safari 4+ */
  -moz-animation: Overduechange 1.4s infinite; /* Fx 5+ */
  -o-animation: Overduechange 1.4s infinite; /* Opera 12+ */
  animation: Overduechange 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes Overduechange {
  0%   { background:#333333; }
  50% { background:#b94a48; }
  100% { background:#333333; }
}
@-moz-keyframes Overduechange {
 0%   { background:#333333; }
  50% { background:#b94a48; }
  100% { background:#333333; }
}
@-o-keyframes Overduechange {
  0%   { background:#333333; }
  50% { background:#b94a48; }
  100% { background:#333333; }
}
@keyframes Overduechange {
  0%   { background:#333333; }
  50% { background:#b94a48; }
  100% { background:#333333; }
}
.conversation-visible {    margin: 0px;
    float: right;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px !important;}

    .conversation-buttons {
        text-align: center;
        padding: 15px 0px;
    }
    .td-conversation {
            width: 60px !important;
    text-align: center;
    font-size: 18px;
    min-width: 60px !important;
    }
.dossier-span {
    display: inline!important;
    background: #f1f1f1;
    padding: 3px 7px;
    color: #777;
    border-radius: 4px;
    margin: 0px 5px !important;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}
.dossier-span {
    margin-left: 5px;
    display: none !important;
}
.dossier-spans-right {
        position: absolute;
    float: right !important;
    display: inline-block !important;
    right: 0px;
    width: auto !important;
    min-height: 0px !important;
    color: #999;
    font-weight: normal;
    top: 6px;
    right: 5px;
}

.dossier-span-type {
          float: right !important;
    display: inline-block !important;
    right: 0px;
    width: auto !important;
    min-height: 0px !important;
    background: #f1f1f1;
    color: #999;
    font-weight: normal;
    padding: 0px 10px !important;
}
.people-td {
        max-width: 55px !important;
        text-align: center;
        min-width: 55px !important;
        width: 55px !important;
        overflow: hidden;
}
.title-td {
    font-weight: 500;
    font-size: 16px;
    padding: 15px !important;
    padding-left: 15px !important;
}
.people-td .lazyload-holder,
.people-td .table-image {
       width: 30px;
       border-radius: 50%;
       margin-right: 0px;
       float: none !important;
       margin-left: 0px;
       position: relative;
       display:inline;
       margin-left: -20px;
       line-height: 35px;
       overflow: hidden;
}
.people-td .lazyload-holder:first-child,
.people-td .table-image:first-child {
    margin-left: 0px !important;
}
.dossier-span-conversation,
.dossier-span-planningtasks,
.dossier-span-assignment-type,
.dossier-span-date {
           float: right !important;
    display: inline-block !important;
    right: 0px;
    width: auto !important;
    min-height: 0px !important;
    background: transparent;
    color: #999;
    font-weight: normal;
    padding: 0px !important;
    height: 35px !important;
    margin-top: -3px;
    cursor: pointer !important;
    margin-top: -6px;
    padding: 3px 8px !important;
}
.dossier-span-date {
    padding: 0px !important;
    width: 80px !important;
    text-align: center;
    line-height: 40px;
    background: #eee;
    color: #777;
    font-weight: 600;
}
.dossier-span-planningtasks {
       width: 40px !important;
    text-align: center;
    line-height: 39px;
    padding: 0px !important;
    background: #ffc800;
    color: #333335;
    font-weight: 600;
    margin-right: -5px;
}

.dossier-span-assignment-type {
       width: 40px !important;
    text-align: center;
    line-height: 39px;
    padding: 0px !important;
    color: #333335;
    font-weight: 600;
    margin-right: -5px;
    font-size: 14px;
}

.dossier-span-assignmet-type.dossier-span-type-{
    background: #ffc800;
}

.dossier-span-planningtasks.planningtasks-empty {
    background: #fff2c3 !important;
}
thead tr th i {
        width: 30px;
    font-size: 15px;
    position: relative;
    left: 50%;
    top: 2px;
    margin-left: -15px;
    text-align: center;
    color: #888;
}
table thead th.no_sort {
    padding-right: 5px;
}
.dossier-span-conversation.status-red-message:hover {
    background: #e02121 !important;
    cursor: pointer !important;
}
.dossier-span-conversation img {
            border-radius: 50%;
            width: 28px;
            margin: 0px !important;
            position: relative;
            top: 1px;
}
.dossier-span-conversation .no-comments {

    position: relative;
    height: 29px;
    width: 29px;
    display:none;
     position: absolute;
    text-align:center;
}
.dossier-span-no-comments:hover img {
    opacity: 0.25;
}
.dossier-span-no-comments:hover .no-comments {
    display:block;
}
.dossier-span-no-comments .no-comments i {
    font-size: 18px;
    color: #777 !important;
    right: 0px;
    position: relative;
top: 4px;
margin-left: 0px !important;
 }
 .dossier-span-conversation i {
     color: #fff !important;
     margin-left: 8px;
 }
.dossier-language {
        position: relative;
        top: -1px;
        margin-right: 5px;
}
.dossier-span-conversation i {
           font-size: 18px;
    color: #777;
    right: 0px;
    position: relative;
top: 4px;
 }
#overview.overview-dossier p {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.dossier-error {
        background: #b94a48 !important;
    color: white;
    padding: 40px;
    font-size: 30px;
    text-align: center;
}

a.assignment-tab,
.assignment-tab-main {
    font-weight: bold;
    color: #777;
}
.assignment-tab.disabled {
    opacity: 0.4;
}
.assignment-tab-conversation {
        float: right;
            margin-top: -8px;
    padding: 0px 10px;
    line-height: 44px;
}
.assignment-tab-conversation i {
        font-size: 19px;
    color: #fff;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 5px;
}
.assignment-tab-conversation img {
    max-height: 31px;
    position: relative;
    top: 5px;
    margin-bottom: 0px;
    float: left;
    display: inline-block;
}
.assignment-tab-conversation .label {
        font-size: 14px;
}
.tab-body-conversation {
    display:none;
}
.assignment-tab-conversation.assignment-tab-active {
        background: #fff !important;
    animation: 0 !important;
        -webkit-animation: 0 !important;
    -moz-animation: 0 !important;
    -o-animation: 0 !important;
    height: 44px;

  }
.assignment-tab-conversation.assignment-tab-active i,
.assignment-tab-conversation.assignment-tab-active .label {
        color: #777 !important;
        text-shadow: none !important;
}

.remove-double-check {
    background: #ddd;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 0px;
    line-height: 25px;
    font-size: 15px;
    color: #555;
}
.remove-double-check:hover {
    background: #333;
    color: white;
}
.canvas-chart {
    width: 100%;
    max-height: 500px;
}
.canvas-chart canvas{
    width: 100%;
    max-height: 500px;
}



.row-tabs-employee {
    margin: 15px 0px;
}
.revision-status {
        width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    color: #aaa;
    background: #f1f1f1;
    border-radius: 50%;
}
.clr-success {color: #468847 !important}
.clr-error {color: #b94a48 !important}

.revision-notification {
        background: #f1f1f1;
    padding: 0px 13px;
    line-height: 38px;
    border-radius: 4px;
}
.marginright {
    margin-right: 10px;
}
.assignmentproduct-title {
        background: #f1f1f1;
    color: #333;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}
.label-red {background-color:#b94a48;}
.label-green {background-color:#468847;}
.label-yellow {background-color:#f89406;}
.label-blue {background-color:#0F5CA1;}
.label-purple {background-color:#88466C;}
.body-general {
   padding: 0px 200px;
   width: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   /* height: 100%; */
   position: fixed;
   /* max-height: 100%; */
   overflow: hidden;
   z-index: 1;
   top: 45px;
   bottom: 40px;
}
.maincolumn {
    margin-left: 0px !important;
}
.body-sidebar {
        position: fixed;
        background: #fff;
        right: 0px;
        width: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px;
        top: 45px;
        bottom: 40px;
        overflow: none;
        border-left: 1px solid white;
        -webkit-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        -moz-box-shadow:    -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        box-shadow:         -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        z-index: 10;
        margin-right: 150px;
        visibility:hidden;
        padding-right: 50px;
}
.body-sidebar-in {
    height: auto;
    width: 100%;
    padding: 30px 30px 75px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    position: relative;
}
.body-sidebar-out {
    max-height: 100%;
    overflow: scroll;
    height: 100%;
    min-height:100%;
}
.body-general-out {
    max-height: 100%;
    overflow: auto;
    height: 100%;
    min-height:100%;
}
.body-sidebar-in .content-loaded {
    overflow:scroll;
    max-height: 100%;
    padding: 20px;
}
.message-yellow {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f9eeb7;
    text-align: center;
    margin-top: 1px;
    font-weight: 600;
}

.conversation-item {
    display: table;
    width: 100%;
}
.conversation-item-user {
    display:table-cell;
    width: 50px;
        vertical-align: top;
        min-width: 50px;
}
.conversation-item-user img {
    width: 40px !important;
    margin-top: 16px;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.conversation-item-message {
    display: table-cell;
        vertical-align: top;
        width: 100%;

}
.conversation-item-user-right img {
    float: right;
}

.body-sidebar-in {
    width: 100%;
    min-height: 100%;
}
.toload .ajax-loader,
.toload .ajax-loader-in {
    display:block;
}
.ajax-loader {
   position: fixed;
   clip: rect(auto, auto, auto, auto);
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    z-index: 1000;
    display:none;
    background-color: rgba(255,255,255,0.75);
}
.ajax-loader-in {
    position: fixed;
    left: 50%;
    top: 100px;
    width: 50px;
    text-align:center;
    font-size: 30px;
    display:none;
    transform: translate(-50%, -50%);
    z-index: 1001;
}

.part-loader {
              width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    -moz-user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    top: 0px;
    left: 0px;
      }
.part-loader .loader {
    border-radius: 100%;
    border: 2px solid #777;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    margin-left: -12px;
    margin-top: -12px;
    background: 0 0 !important;
    -webkit-animation: rotateloader 400ms 0s linear infinite;
    -ms-animation: rotateloader 400ms 0s linear infinite;
    animation: rotateloader 400ms 0s linear infinite;
    display: block;
    border-left-color: transparent;
}

@-webkit-keyframes rotateloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-ms-keyframes rotateloader{0%{-ms-transform:rotate(0);transform:rotate(0)}50%{-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotateloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

      .spinner-container {
          animation: rotate 2s linear infinite;
          -webkit-animation: rotate 2s linear infinite;
          width:40px;
          height:40px;
      }

      .spinner-container .path {
          stroke-dasharray: 1,150; /* 1%, 101% circumference */
          stroke-dashoffset: 0;
          stroke: #555;
          stroke-linecap: round;
          animation: dash 1.5s ease-in-out infinite;
          -webkit-animation: dash 1.5s ease-in-out infinite;
      }

      @keyframes rotate{
          100% { transform: rotate(360deg); }
      }

      @keyframes dash {
            0% {
              stroke-dasharray: 1,150;  /* 1%, 101% circumference */
              stroke-dashoffset: 0;
          }
          50% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -35;   /* 25% circumference */
          }
          100% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -124;  /* -99% circumference */
          }
      }

      @-webkit-keyframes rotate{
          100% { transform: rotate(360deg); }
      }

      @-webkit-keyframes dash {
            0% {
              stroke-dasharray: 1,150;  /* 1%, 101% circumference */
              stroke-dashoffset: 0;
          }
          50% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -35;   /* 25% circumference */
          }
          100% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -124;  /* -99% circumference */
          }
      }

.openDossierConversation {
    cursor:pointer !important;
}


.body-sidebar-close,
.search-results-close {
     color: #ddd;
     font-size: 17px;
     width: 30px;
     position: absolute;
     top: 0px;
     left: 0px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
     z-index: 100;
}
.body-sidebar-close:hover,
.search-results-close:hover {
    background: #b94a48;
    color: #fff;
}
.body-sidebar-right {
        position: fixed;
        right: 0px;
        width: 250px;
        background: #333;
        z-index: 100000000;
        bottom: 0px;
        top: 0px;
        -webkit-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        -moz-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
        box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.23);
}





.company-add-inline {
        border: 2px dashed #ccc;
    padding: 5px 10px;
    color: #aaa;
    font-weight: bold;
    display: inline-block;
    height: 39px;
    line-height: 39px;
  }
.company-add-inline:hover {
    cursor:pointer;
    text-decoration:none;
    border-color: #333;
    color: #333;
}

.truncate {
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-message-item {
        background: #ff3333;
    display: inline-block;
    top: 0px;
    right: 0px;
    z-index: 1000000;
    width: auto;
    height: 28px;
    line-height: 29px;
    text-align: center;
    font-size: 13px;
    border: 0px solid white;
    margin-left: 0px;
    border-left: 1px solid #f1f1f1;
    padding: 0px 8px 0px 5px;
    color: white !important;
    text-shadow: none !important;
}
.notification-message-item i {
        font-size: 18px !important;
    right: 0px;
    margin-right: 0px !important;
    color: #fff !important;
}


.status-red-message {
    background: #ff3333 !important;
    color: white !important;
}

.table-image-inline {
    float: none !important;
}
.builderitem-create-items {
    height: 34px;
    display: block;
    background: #f1f1f1;
}
.builderitem-create-item {
        display: inline-block;
    background: #f1f1f1;
    float: left;
    font-size: 15px;
    padding: 7px 12px;
    color: #999;
    cursor:pointer;
}
.builderitem-create-item-right {
    float: right;
}
.builderitem-create-item:hover {
    background: #333;
    color: white;
}
.builderitem-create-item.active {
    background: #f9ae43;
    color: white;
}
.builderitem-create-form,
.builder-item-in-edit {
        background: #f9ae43;
    padding: 10px;
    display:none;
}
.builderitem-create-form input[type=text],
.builderitem-create-form textarea,
.builder-item-in-edit input[type=text],
.builder-item-in-edit textarea,
.text-item-in-edit input[type=text],
.text-item-in-edit textarea {
        width: 100%;
        padding: 0px;
        font-size: 15px;
        margin: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: 0px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        background: #f9ae43;
        color: white;
        height: auto;
        min-height: 20px;
        max-height: none !important;
        resize: none !important;
        font-weight: 400;
}
.builderitem-create-form input[type=submit],
.builder-item-in-edit input[type=submit]
{
    background: #333;
    color: white;
    width: 100%;
    border: 0px;
}
.builder-item-in {
    cursor:text !important;
    font-weight: 400;
  }
.builder-item-in {
    padding: 10px;
    min-height: 12px;
}
.textarea-bold {
    font-weight: bold !important;
}
.builder-item-in p,
.builder-item-in-edit textarea {
    font-size: 15px !important;
    line-height: 20px !important;
}
.builder-item-in p a {
    color: #333 !important;
    padding: 1px 0px;
}

.builderitem-create-form textarea::-webkit-input-placeholder,
.builder-item-in-edit textarea::-webkit-input-placeholder,
.builder-create-search-input input::-webkit-input-placeholder {
    color:    #fee9d3;
}
.builderitem-create-form textarea:-moz-placeholder,
.builder-item-in-edit textarea:-moz-placeholder,
.builder-create-search-input input::-moz-placeholder {
    color:    #fee9d3;
}
.builderitem-create-form textarea::-moz-placeholder,
.builder-item-in-edit textarea::-moz-placeholder,
.builder-create-search-input input::-moz-placeholder {
    color:    #fee9d3;
}
.builderitem-create-form textarea:-ms-input-placeholder,
.builder-item-in-edit textarea:-ms-input-placeholder,
.builder-create-search-input input::-ms-input-placeholder {
    color:    #fee9d3;
}
.builder-items-title {
    color: #ff3300;
    background: #ffe0d8;
    font-size: 15px;
    padding: 15px;
    font-weight: bold;
    text-align: left;
        margin-top: 16px;
}
.sortable-builderitems {
        border-bottom: 1px solid white;
    border-top: 1px solid white;
}
[data-ajax-part-id]{
}
.body-general .main {
    padding: 35px 35px 50px 35px;
}

table tr td {position:relative;}
.dossier-span:hover {
    background:#333;
    color:white;
    cursor:pointer !important;
}
.dossier-span-type-error {
    background: #b94a48 !important;
    color: white !important;
}


.dossier-type {
        background: #ddd;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    color: #555;
    font-weight: bold;
    font-size: 16px;
}

.dossier-item {

    background: #468847 !important;
    color: white !important;
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 17px;
    text-decoration:none;
}
.dossier-item .label {
float: right;
}
a.dossier-item:hover {
    background: #333;
    text-decoration:none !important
}
.dossier-item.disabled {
    opacity: 0.4;
    background: #f1f1f1 !important;
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 17px;
    color: #666 !important;
    text-decoration:none;
}
.dossier-tabs {
          width: 100%;
    margin-top: 25px;
    border-bottom: 2px solid #e3e3e3;
    max-height: 49px !important;
    height: 55px !important;
    position: relative;
    float: left;
    margin-bottom: 15px;
}
.dossier-tabs-in {
    float:left;
    width: 100%;

}
.dossier-item i {
    width: 30px;
}
.dossier-tab {
         display: block;
    text-align: center;
    border: 2px solid #fafafa;
    font-weight: bold;
    height: 49px;
    line-height: 47px;
    padding: 0px;
    background: #f1f1f1;
    color: #999;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0px;
}
.dossier-tab:hover {
    background: #ddd;
    cursor:pointer;
}
.dossier-tab.active,
.dossier-tab.active:hover {
    border-color: #e3e3e3;
    background: #fff;
    color: #555;
    height: 51px !important;
    border-bottom: 2px solid #fafafa;
}
.dossier-tab .table-image {
        max-height: 35px;
    display: inline-block;
    float: none;
    margin-right: 10px;
    margin-top: -2px;
}
.dossier-tab.active .status-red-message {
    background: #fafafa !important;
}
.dossier-tab.active .status-red-message i {
    color: #ccc !important;
}
.dossier-tab .fa-comments,
.dossier-tab .fa-comment {
        font-size: 23px;
    top: 3px;
    position: relative;
    color: #ccc;
}
.dossier-tab .fa-comment {
    color: white !important;
}
.overview-summary-item-buttons-in {
    display:table;
    width: 100%;
    table-layout: fixed;
}
.overview-summary-item-buttons .btn-overview {
        display: table-cell;
    height: 30px;
    background: #eee;
    line-height: 30px;
    padding: 1px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #999 !important;
    cursor:pointer;

}
.overview-summary-item-buttons .btn-overview:hover {
    background:#333;
    color: white !important;
}
.overview-summary-item-buttons {
        background: #f1f1f1;
    max-height: 30px !important;
    min-height: 32px !important;
}
.overview-summary-conversation .overview-summary-item .overview-summary-item-subtitle {
    padding-top: 7px;
  }
  .overview-summary-item-date {
      display:table;
      width: 100%;
      padding: 0px !important;
      position:relative;
  }
  .overview-summary-item-date .overview-date-item {
      display: table-cell;
      cursor:pointer;
      height: 32px;
      line-height: 32px;
      background:#333;
      color:#ddd !important;
  }
  .overview-date-item-deadline-close {
      position:absolute;
      right: 0px;
      width: 32px;
      text-align:center;

  }
  .overview-date-item:hover {
      background:#111 !important;
      color: #fff !important;
  }


.systemcheck-item {
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 15px;
    display:table;
    width: 100%;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.systemcheck-item-left {
    width: 40px;
    text-align:left;
    display:table-cell;
    font-size: 20px;
}
.systemcheck-item-left .fa-check {color: green;}
.systemcheck-item-left .fa-close {color: red;}
.systemcheck-item-right {
    display:table-cell;
}

.systemcheck-item-right-bottom {
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.systemcheck-title {
        background: #ddd;
    padding: 10px 0px;
    color: #555;
    margin-top: 15px;
    float: left;
    width: 100%;
    text-align:center;
    font-weight:bold;
}
.dossier-actions,
.actions {
           font-size: 17px;
           position: fixed;
           text-align: center;
           cursor: pointer;
           z-index: 99;
           height: 40px;
           width: auto;
           background: #fff;
           color: #999;
           bottom: 40px;
           margin-left: -30px;
}
.actions {
    right: 200px;
    margin-left: 0px;
}
.dossier-action{
   float: left !important;
}
.body-general-in .actions{
    left: 0px;
        -webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
}
.body-sidebar-actions {
        background: #fff;
        height: 40px;
        position: absolute;
        left: 0px;
        z-index: 99;
        width: 100%;
        bottom: 0px;
        -webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
}
.actions-div {

    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.23);
}
.dossier-action,
.action {
        background: #fff;
        color: #999;
        font-size: 14px;
        width: auto;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        float: right;
        padding: 0px 15px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
}
.dossier-action:hover,
.dossier-action.active,
.action:hover,
.action.active {
    background: #333;
    color: #fff;
    text-decoration:none;
}
[data-collapse-item-div] {
    display:none;
}
.dossier-action-div,
.action-div {
       margin: 0px -20px;
    margin-bottom: 15px;
    position: relative;
    margin-top: -16px;
}
.dossier-push-flow-items {
    background: #eee;
    display: block;
    width: 100%;
    margin-bottom: 1px;
}
.dossier-push-flow-items-in {
    display: table;
    width: 100%;

    background: #eee;
    table-layout: fixed;
}
.dossier-push-flow-item {
    font-size: 17px;
    display: table-cell;
    padding: 20px;
    text-align: center;
    color: #777;
    font-weight: bold;
    cursor:pointer;

    text-decoration:none;
}
.dossier-push-flow-items-assigmentodd {
     display:none;
 }
.dossier-push-flow-item:hover {
    background: #333;
    color: white;
    text-decoration:none;
}
.builder-item-file {
    padding: 10px;
    font-weight: 500;
}
.builder-item-file a {
    color: #999;
    cursor:pointer !important;
}

.hidden {
    display: none;
}



.dossier-push-flow-items-paidassignment {
    display:none;
}
.dossier-push-flow-items-paidassignment .dossier-action-div{
        top: 0px;
    margin: 0px !important;
}
.sidebar-nav-logo {
      background: #fff;
      z-index: 100;
      height: 40px;
      display: inline-block;
}
.sidebar-nav-logo img {
        max-height: 36px;
        height: 36px;
        margin-top: 4px;
}
.sidebar-nav-logo:hover {
    opacity: 1;
    cursor:pointer;
}
.sound-item {
        padding: 10px 10px 5px;
        display: table;
        margin-bottom: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #eee;
}
.sound-item.active {
    background: #468847 !important;
    color:white;
}
.sound-item.active i {
    display:none;
}
.sound-item-left {
   width: 40px;
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
    height: 16px;
    color: #ddd;
}
.sound-item-left a {
    color: #ddd;
}
.sound-item-left i:hover {
    color: #555;
}
.sound-item-center {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
}
.sound-item-right {
    display:table-cell;
    vertical-align: middle;
}
.sound-item-right audio {
    width: 100%;
}

.event-item {
        border: 1px solid #eee;
        padding: 10px;
        display: table;
        width: 100%;
        background: #eee;
        margin-top: 10px;
        color: #555 !important;
        text-decoration:none !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.event-item.active {
    background: #468847;
    border-color: #468847;
    color: white !important;
}
.event-item:hover {
    background: #333;
    color: white !important;
    cursor:pointer;
    border-color: #333;
}

.event-item-left {
        display: table-cell;
    width: 50px;
    font-size: 18px;
    vertical-align: middle;
}
.event-item-center {
    display:table-cell;
    vertical-align:middle;
}
.event-item-right {
    display:table-cell;
    vertical-align:middle;
    width: 200px;
    max-width: 200px !important;
    text-align: right;
}

.btn-new {
        line-height: 40px;
        height: 40px;
        background: #ddd;
        color: #666 !important;
        font-weight: 500;
        border: 0px;
        text-align:center;
}
.btn-new-block {
    display:block;
    width: 100%;
}
.overview-summary .overview-summary-item .btn-new {
    color: #666 !important;
}
.btn-new:hover,
.overview-summary .overview-summary-item .btn-new:hover {
    cursor:pointer;
    background: #333;
    color: white !important;
    text-decoration:none;
}
.btn-new-hover-green:hover,
.btn-choice:hover,
.overview-summary .overview-summary-item .btn-new-hover-green:hover {
    background:#468847 !important;
    color: white !important;
    text-shadow: none !important;
}
.btn-new-hover-green:hover span {
    color: #fff !important;
}
.btn-new-red,
.btn-new-hover-red:hover,
.overview-summary .overview-summary-item .btn-new-hover-red:hover{
    background:#b94a48 !important;
    color: white !important;

}
.btn-new-red:hover {
    background: #333 !important;
}
.overview-summary-item-actions {
    table-layout: fixed;
}
.overview-summary-item-actions .btn-new {
    display: table-cell;
    border-right: 1px solid #f1f1f1;
}
.overview-summary-item-actions .btn-new:last-child {
    border-right: 0px;
}
.e-mail-item {
        display: table;
    width: 100%;
    margin-bottom: 15px;
    background: #f1f1f1;
}
.e-mail-item:hover {
    background: #ddd;
    cursor:pointer;
}
.e-mail-item-left {
    display:table-cell;
    width: 75px;
    height: auto;
    vertical-align:middle;
    padding: 0px;
}
.e-mail-item-left img {
        max-height: 75px;
        width: 75px;
        height: 75px;
}
.e-mail-item-center {
    display:table-cell;
    vertical-align:middle;
    padding: 15px;
}
.e-mail-item-right {
    display:table-cell;
    width: 150px;
    vertical-align:middle;
    padding: 5px 0px;
}
.e-mail-item-center-left {
    display: block;
    float: left;
    width: 60%;
    font-weight: 700;
    min-height: 1px;
}
.e-mail-item-center-right {
    display: block;
    float: left;
    width: 40%;
    text-align:right;
    color: #777;
    min-height: 1px;
    font-weight: 600;
}
.e-mail-subject {
    font-weight: 400;
}
.e-mail-account {
    color: #aaa;
    font-size: 13px;
    font-weight: 600;
}

.e-mail-sender {
    display:block;
}
.e-mail-sender-top {
    background: #fafafa;
    width: 100%;
}
.e-mail-sender-top-right .btn-new {
    display: block;
    padding: 0px 20px;
    float: right;

}
.e-mail-sender-bottom {
    margin-top: 10px;
}
.e-mail-view-item {
    display: table;
    width: 100%;
        padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
    line-height: 24px;
}
.e-mail-view-item-left {
    display: table-cell;
    vertical-align: top;
}
.e-mail-view-item-left .btn-new {
        display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 24px;
    color: #aaa !important;
    background: #fff;
}
.sidebar-title {
            margin: 0px;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    color: #999;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -5px;
}
.add-company img {
    border-radius: 0px !important;
}
.add-contact-margin {
        margin-right: 8px;
        margin-bottom: 8px;
}
.e-mail-view-item-left .btn-new i {
    font-size: 12px;
}
.e-mail-view-item-left .btn-new:hover {

    background: #333;
    color: white !important;
    text-decoration:none;
}
.e-mail-view-item-left-fromaddress span.clr-green {
    margin-left: 5px;
    display:inline-block;
}
.e-mail-view-item-center {
        text-align: right;
    display: table-cell;
    vertical-align: top;
    width: 120px;
    color: #777;
}
.e-mail-view-item-right {
    display: table-cell;
    vertical-align: top;
    width: 105px;
}
.e-mail-view-item-right img {
    max-height: 85px;
    width: 85px;
    height: 85px;
    float:right;
}
.e-mail-view-item-title {
    color: #bbb;
    width: auto;
    margin-right: 5px;
}
.e-mail-view-item-left-from {
        font-weight: bold;
}
.email-subject-title .text-item {
    margin-top: 0px;
    margin-bottom: 10px;
}
.td-buttons,
.td-buttons-small {
    padding: 0px !important;
    text-align:center;
}
.td-buttons-small .btn-new,
.td-buttons .btn-new {
    line-height: 35px;
    height: 35px;
    text-align: center;
}
.text-item-in-edit {
    display:none;
    background: #f9ae43;
    padding: 15px;
}


table {
border: 0px !important;
}
td, th {
       border: 0px !important;
       background: #f7f7f7;
       border-bottom: 0px !important;
       padding: 5px 0px !important;
}
table thead th {
        background: #fff !important;
    color: #aaa !important;
    text-align: left !important;
    font-size: 13px !important;
    border-top: 0px !important;
    border-bottom: 2px solid #f1f1f1 !important;
    padding: 0px !important;
    font-weight: 500 !important;
}
table thead tr{
    padding-bottom: 10px;
}
.add-item {
        background: #333;
    color: white;
    text-align: center;
    padding: 0px;
    cursor:pointer;
    line-height: 33px;
    width:100%;
    display:block;
    float:left;
}
.add-items {
    width:100%;
}
.body-sidebar-in form.sidebar-form input,
.body-sidebar-in form.sidebar-form textarea {
    width: 100%;
    border: 0px;
    background: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.body-sidebar-in form.sidebar-form input[type=text],
.body-sidebar-in form.sidebar-form input[type=password],
.body-sidebar-in form.sidebar-form textarea{
         padding: 10px;
         height: 36px;
         line-height: 20px;
         -webkit-box-shadow: none !important;
         -moz-box-shadow: none !important;
         box-shadow: none !important;
}
.body-sidebar-in form.sidebar-form textarea{
    height: 100px;
}
.body-sidebar-in form.sidebar-form input:focus {

    background: #ddd;
    outline: 0px !important;
}
.body-sidebar-in form.sidebar-form label {
    font-weight: bold;
    color: #666;
}


.service-item {
    margin-top: 15px;
}
.service-item-top {
        background:#eee;
    color: #666;
    font-weight: 500;
    display:table;
    width: 100%;
    height: 33px;
    line-height: 33px;
}
.service-item-top-title {
    display:table-cell;
    padding: 0px;
    vertical-align: top;
    height: 33px;
    line-height: 33px;
}
.service-item-top-title span {
    padding: 0px 13px;
    color: #555;
    display: inline-block;
    font-size: 15px;
    float:left;
    height: 33px;
    line-height: 33px;
}
.service-item-top-actions {
    display:table-cell;
    text-align: right;
    vertical-align: top;
    height: 33px;
    line-height: 33px;
}
.service-item-top-actions .btn-new {
    line-height: 33px;
    height: 33px;
        display: inline-block;
    padding: 0px 15px;
        background: #eee;
    color: #999 !important;
}
.service-item-top-actions .btn-new:hover {
    color: #fff !important;
}
.service-item-bottom {
  padding-left: 25px;
}
.service-items-toptable {
    margin-left: 25px;
    margin-top: 25px;
}
.service-items-toptable th {
    padding: 0px 5px !important;
    border-bottom: 0px !important;
}
.switch-new {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.switch-new-editable:hover {
    background: #ddd;
          cursor:pointer;
}
.switch-new-value {
        display: table-cell;
        width: 85px;
        max-width: 85px;
        height: 40px;
        vertical-align: top;
}

.switch-new-label {
    padding: 10px;
    line-height: 27px;
    padding-left: 0px;
}
.switch-new-value-outer {
    background: green;
    height: 27px;
    margin: 10px;
    border-radius: 4px;
}
.switch-new-value-div {
          background: white;
    display: block;
    float: left;
    width: 25px;
    height: 21px;
    margin: 3px;
    border-radius: 4px;
}
.switch-new-value-label {
        float: right;
    width: 29px;
    font-size: 13px;
    line-height: 27px;
    color: white;
    font-weight: 400;
    text-align: center;
    padding-right: 3px;
    opacity: 0.8;
    text-transform: lowercase;
}
.switch-new-value.inactive .switch-new-value-outer{
    background: #b94a48 !important;
}
.switch-new-value.active .switch-new-value-outer{
    background: #468847 !important;
}


.switch-new-value.active .switch-new-value-label {
        float: left;
    padding-right: 0px;
    padding-left: 3px;
}
.column-title {
    background: #ddd;
    color: #777;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 17px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.employee-select {
    background:#f1f1f1;
    margin-bottom: 15px;
}
.employee-select .overview-summary-item-edit {
        text-align:left;
        padding-left: 10px;
  }
.employee-select .overview-summary-item-edit span {
         background: transparent !important;
    color: #777;
    font-weight: 500;
    font-size: 15px;
    text-shadow: none;
  }
.employee-select .column-title  {
background: #ddd;
margin-top: 15px;
}
.employee-select .table-image {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
        margin-top: 7px;
}
.date-new {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;=
}
.date-new-editable:hover,
.date-new-editable:hover .date-new-value{
    cursor:pointer;
    background: #cf0564 !important;
    color: #fff !important;

}
.date-new-value {
        display: table-cell;
    width: 82px;
    max-width: 82px;
    height: 40px;
    vertical-align: middle;
        padding-left: 10px;
    padding-right: 4px;
    color: #777;
}

.date-new-label {
    padding: 10px;
    line-height: 20px;
}
.number-new {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.number-new-value {
        display: table-cell;
    width: 75px;
    max-width: 75px;
    height: 40px;
    vertical-align: top;
}
.language-new {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 5px 0px 7px;
    display: table;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.language-new:hover {
    cursor:pointer;
    background: #ddd;

}
.language-new img {
    position:relative;
    margin-right:3px;
    top: -1px;
}
.language-new-label {
    font-size: 12px;
    color: #999;
    padding: 0px 0px 0px 10px;
}
.language-new-value {
    padding: 0px 0px 0px 10px;
}
.number-new-label {
    padding: 10px;
    line-height: 27px;
}
.number-new-value-div {
            display: block;
            float: left;
            background: #ddd;
            height: 27px;
            margin: 10px;
            border-radius: 4px;
            width: 57px;
            text-align: center;
            line-height: 27px;
            font-weight: 400 !important;
            padding: 0px 3px;
}
.number-new-value-min,
.number-new-value-plus {
        width: 30%;
    display: block;
    float: left;
    background: #fff;
    margin: 3px 0px;
    border-radius: 4px;
    height: 21px;
    line-height: 19px;
    color: #777;
    font-weight: bold;
}
.number-new-value-min:hover{
    color: #fff;
    background: #b94a48 !important;
    cursor:pointer;
}
.number-new-value-plus:hover{
    color: #fff;
    background: #468847 !important;
    cursor:pointer;
}
.number-new-value-value {
    width: 40%;
    display:block;
    float:left;
    font-size: 14px;
    font-weight:bold;
}
.number-new-value-value-large {
    width: 100%;
}
.not-selected {
        text-align: center;
    width: 100%;
    display: block;
    color: #999;
}
.actionbar {
    line-height: 20px;
    background: #ddd;
    display: table;
    width: 100%;
    margin-bottom: 1px;
}
.actionbar-title {
    display:table-cell;
    vertical-align:middle;
    padding: 0px 10px;
        font-size: 15px;
    font-weight: 500;
    color: #666;
    line-height: 40px;
}
.actionbar-actions {
    display:table-cell;
    vertical-align:middle;
}
.actionbar-actions .btn-new {
    display:inline-block;
    float:right;
    padding: 0px 10px;
    color: #999 !important;
}
.actionbar-actions .btn-new:hover {
    background: #333 !important;
    color: white !important;
}
.view-actionbar {
        background: #ddd;
    color: #666;
    margin-top: 10px;
    display:block;
    height: 40px;
}
.view-actionbar .btn-new {
    display:inline-block;
    height: 40px;
    padding: 0px 10px;

    color: #999 !important;
}
.view-actionbar .btn-new:hover {
    background: #333 !important;
    color: white !important;
}
.view-actionbar-left .btn-new {
    float: left;
}
.view-actionbar-right .btn-new {
    float: right;
}
.project-odds {
        margin-bottom: 15px !important;
    background: white;
    margin: 0px -10px;
    padding: 10px;
}
.no-participants {
    margin-left: -5px;
}
.select-company {
        border: 1px dashed #ddd;
    padding: 10px 10px;
    color: #999;
    font-size: 17px;
    cursor:pointer;
}
.select-company i {
    font-size: 14px;
}
.select-company:hover {
    border-color: #555;
    color: #555;
}
.dark-title {
        font-size: 15px;
    padding: 15px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 1px;
    background: #ddd;
    color: #666 !important;
}
iframe.email {
    border: 1px solid #f1f1f1;
    border-top: 0px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.assignment-participant-alt {
          background: #f1f1f1;
    display: table;
float:left;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 60px;
  height:60px;
  min-height:60px;
  margin: 0px 5px 5px 0px;
  position:relative;
  padding-right: 10px;
}
.assignment-participant-left {
        display: table-cell;
    width: 60px;
}
.assignment-participant-left img {
        border-radius: 50%;
    max-width: 60px;
    min-width: 60px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.assignment-participant-right {
        display: table-cell;
    vertical-align: middle;
    padding: 0px 10px;
}
.assignment-participant-right strong {
          display: block;
    font-size: 15px;
    color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assignment-participant-right small {
        font-size: 14px;
    margin-top: 2px;
    display: block;
    color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-ajax-click-load-part] {
    cursor:pointer;
}
.dossiers-title {
          background: #f1f1f1;
    color: #777;
    padding: 10px 15px;
    font-weight: bold;
    cursor:pointer;
    margin-bottom: 4px;
}
.dossiers-title:hover {
    background: #333;
    color: #ddd;
}
.emaildossiers .message-yellow {
    margin-bottom: 1px !important;
}
.dossiers-dossiers {
    display:none;
}
.dossiers-dossiers.open {
    display:block;
}
.dossiers-title-closed.open i {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.assignment-participant-alt-sidebar {
    width:100% !important;
    cursor:pointer;
    text-decoration:none !important;
}
.assignment-participant-alt-sidebar:hover,
.assignment-participant-alt-sidebar.active
{
    background: #ddd;
}
.assignment-participant-alt-sidebar:hover div,
.assignment-participant-alt-sidebar:hover small,
.assignment-participant-alt-sidebar:hover strong,
.assignment-participant-alt-sidebar.active div,
.assignment-participant-alt-sidebar.active small,
.assignment-participant-alt-sidebar.active strong {
    text-decoration:none !important;
    color: #333 !important;
}
.assignment-participant-alt-delete {
        position: absolute;
        right: 0px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #bbb;
        cursor:pointer;
        top: 0px;
}
.assignment-participant-alt-delete:hover {
    background: #b94a48;
    color:white;
}
.row-dossier {
    background:#eee;
    line-height: 40px;
    display:table;
    width:100%;
    margin-bottom: 15px;
}
.dossier-left {
    display:table-cell;
    text-align:left;
}
.dossier-right {
    display:table-cell;
    text-align:right;
    vertical-align: middle;
}
.dossier-left-reference,
.dossier-left-history,
.dossier-left-language {
    display:block;
    float:left;
}
.dossier-left-reference {
        color: #777;
    padding: 0px 15px;
    border-right: 1px solid white;
    font-weight: 400;
}
.dossier-left-history {
        padding: 0px 15px;
        color: #777;
    border-right: 1px solid white;
    margin: 0px;
}
.dossier-left-language {

        color: #777;
        padding: 0px 10px;
        border-right: 1px solid white;
}
.dossier-right .dossier-span-conversation {
    margin-top: 0px !important;
    float: right !important;
    display:block !important;
    margin-right: 0px !important;
    vertical-align: middle;
    height: 40px !important;
    line-height: 40px !important;
    border-left: 1px solid white;
}
.dossier-right .dossier-span-conversation img {
    margin-top: 3px !important;
}
.dossier-right .dossier-span-conversation:hover img {
    opacity: 1 !important;
}
.dossier-right .dossier-span-conversation:hover,
.dossier-left-history:hover {
    cursor:pointer;
    background:#ddd;
    color:#555;
}

.dossier-right .dossier-span-conversation:hover i, {
    color:#555;
}
.dossier-right .dossier-span-conversation i {
    color: #bbb !important;
    top: -2px;
}
.dossier-right .dossier-span-conversation.status-red-message i,
.dossier-right .dossier-span-conversation.status-red-message:hover i {
    color: white !important;
}
.row-dossier-history {
margin-top: 15px;
}
.search {
    position: relative;
    top: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height: 45px;
    width: auto;
    color: #999;
    background: #f1f1f1;
    }
    .search input {
            margin: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
            border: 0px;
            width: 100%;
            line-height: 40px;
            padding: 7px 15px 3px;
            height: 42px;
            font-size: 16px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 0px !Important;
            background-color: transparent !important;
    }
    body.search-focus input,
    .search input:focus {
        outline: none !Important;
        background: #fff;
        color: #333;
        -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }
    .search-results {
        position: fixed;
    left: 200px;
    top: 45px;
    right: 200px;
    background: #fff;
    bottom: 41px;
    display: none;
    z-index: 19;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
}
.search-results-switch {
    left: 250px !important;
}
 body.search-focus .search-results{display:block;}
.client-top {
    display: table;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
}
.client-top-left {
    display: table-cell;
    width: 70px;
    vertical-align: middle;
    height:70px;
    padding-right: 15px;
}
.client-top-left img {
    min-width:75px;
    max-width:75px;
    width:75px;
}
.client-top-right {
    display: table-cell;
    vertical-align: middle;
    height: auto;
}
.client-top-right h3 {
    margin: 0px;
    line-height: 20px;
    height: 20px;
    font-size: 20px;
    font-weight: 500;
}
.client-top-right h6 {
        margin: 0px;
    color: #999;
    font-size: 15px;
    margin-top: 5px;
}
.label {
    font-weight: 500;
    text-shadow: none !important;
    font-size: 13px;
}
.field-new {
        background: #eee;

        padding: 0px;
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 500;
        color: #666;
        cursor:pointer;
        position:relative;
}
.field-new:hover {
        background: #ddd;
}
.field-new span {
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px 10px;
    width:100%;
    display:block;
    font-family: "proxima-nova";
}
.field-new form {
    display: none;
}
.field-new input {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        line-height: 40px;
        height: 40px;
        margin: 0px;
        padding: 0px 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
        font-weight: 500;
        color: #666;
        background: #f89406 !important;
        color: white !important;
        display:block;
    font-family: "proxima-nova";
}
.field-new.editor {
    background:#f89406 !important;
}
.field-new.editor span {
    display: none;
}
.field-new.editor form {
    display:block;
}
.field-new-label {
    position: absolute;
    font-size: 12px;
    left: 10px;
    top: 5px;
    color: #999;
}
.field-new.editor .field-new-label{
    color: white;
    opacity:0.8;
}
.field-new-with-label input,
.field-new-with-label span {
       margin-top: 15px;

}
.label-new {
    font-weight: 600;
    color: #666;
}
table .label-new{
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 5px;
}
.invoice-item {
        background: #f1f1f1;
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
.invoice-item-column {
        display: table-cell;
        color: #555;
        vertical-align: middle;
        line-height: 20px !important;
        height: 40px;
}
.invoice-item-type,
.invoice-item-dossier {
    width: 100px;
    line-height: 15px !important;
    padding-left: 10px;
}
.invoice-item-part {
    width: 150px;
}
.invoice-item-type,
.invoice-item-dossier,
.invoice-item-description {

    font-weight: 600;
}

.invoice-item-type span,
.invoice-item-dossier span,
.invoice-item-description span{
        display: block;
    font-size: 13px;
    color: #777;
    font-weight: 400;
}
.invoice-item-description,
.invoice-item-description span {
    font-size: 15px;
}
.invoice-item-qty,
.invoice-item-amount{
    width: 75px;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    padding-right: 10px;
}
.invoice-item-price {
    width: 75px;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    padding-right: 11px;
}
.row-totals {
    margin-top: 15px;
}
.invoice-total {
       background: #f1f1f1;
    text-align: center;
    padding: 10px;
    border: 2px solid #f1f1f1;
}
.invoice-total-title {
    font-size: 15px;
    color: #777;
    font-weight: 400;
    margin-bottom: 10px;
}
.invoice-total-title span{
    color: #aaa;
    display:block;
}
.invoice-total-amount {
    font-size: 22px;
    color: #666;
    margin-bottom: 5px;
    font-weight: 600;
}
.invoice-total-featured {
    background: #fff;
}
.filter {
        display: block;
    float: left;
}
.filter-date {
          display: block;
    float: left;
    width: auto;
    line-height: 33px;
    height: 33px;
    border-right: 1px solid #ddd;
    font-weight: 600;
    font-size: 14px;
    padding: 0px 10px;
}
.number-table{
    width:100%;
    margin-bottom: 25px;
}
.row-totals {
    font-weight: 700;
}
.builder-title-small {
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    background: #eee;
    color: #666;
    margin-top: 1px;
}
.main-columns {
        /* margin-top: 33px; */
        display: table;
        width: 100%;
}
.main-column-left {
        display: table-cell;
        width: 300px;
        border-right: 1px solid #ddd;
        background: white;
        vertical-align:top;
        min-width: 300px;
        max-width: 300px;
}
.main-column-right {
        display: table-cell;
    vertical-align:top;
}
.main-column-body {
    overflow-y: scroll;
}
.main-left-item {
        border-bottom: 1px solid #ddd;
        width: 100%;
        display:table;
        position:relative;
        min-height: 35px;
}
.main-left-item:hover {
    cursor:pointer;
    background: #eee;
}
.main-left-item-icon {
        width: 35px;
        vertical-align: middle;
        display:table-cell;
        max-width: 35px !important;
        min-width: 35px !important;
}
.main-left-item-icon img {
    width: 40px;
    margin: 0px;
}
.main-left-item-text {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        display:table-cell;
        max-width: 175px;
        padding-left: 10px;
        position: relative;
}
.main-left-item-text span {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: 500;
}
.main-left-item-dossier {
    width: 30px !important;
    display:table-cell;
    vertical-align: middle;
        min-width: 30px !important;
    width: 30px !important;
}
.main-left-item-employee {
    width: 30px !important;
    display:table-cell;
    vertical-align: middle;
        min-width: 30px !important;
    width: 30px !important;
}
.text-noteditable {
    font-weight: 400;
    font-size: 19px;
    display: block;
    margin: 5px 0px 15px;
    padding: 15px;
    color: #888;
    border: 2px solid #eee;
}
.main-column-body .main {
    padding: 20px;
    padding-bottom: 50px;
}
.collapse-item {border-bottom: 2px solid #eee;}
.collapse-item-top {    font-size: 15px;
    font-weight: 400;
    padding: 15px 0px;
    color: #777;}
    .collapse-item-top:hover {
        color: #555;
        cursor:pointer;
    }
.collapse-item-bottom {display:none;padding-bottom: 10px;}
    .collapse-item.open .collapse-item-bottom {
        display:block;
    }
    .collapse-item.open .collapse-item-top i {
        -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    }
    .collapse-item-top i {
        margin-right: 10px;
        margin-left: 2px;
    }
.service-row {
    background: #f1f1f1;
    margin-top: 5px;
    display: table;
    width: 100%;
}
.service-row-left {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding: 10px;
    padding-left: 13px;
    font-size: 15px;
    /* color: #666; */
}
.service-row-price {
    display: table-cell;
    width: 150px;
    vertical-align: middle;
    padding: 5px;
    text-align:right;
    padding-right: 15px;
}
.service-row-buttons {
    display: table-cell;
    width: 150px;
    vertical-align: middle;
    padding: 0px;
    text-align:center;
}
.service-row-user {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}
.actionbar-service {
    margin-top: 15px;
}
span.number {    border-radius: 50%;
    display: inline-block;
    text-align: left;
    font-size: 20px;
    color: #999;
    position: relative;
    top: 2px;
    width: 40px;
    font-weight: 500;}
    .add-service-item {margin-bottom: 15px;}
    .add-service-item:hover {cursor:pointer;}



    .website-manage {}
    .website-manage-columns {
    display: table;
    width: 100%;
    margin-top: 1px;
}
    .website-manage-column {
    display: table-cell;
    width: 40%;
    vertical-align: top;
}
.website-manage-column-small {
    width: 20% !important;
}
.website-manage-column-title {
    background: #f1f1f1;
    color: #888;
    padding: 10px;
    font-size: 16px;
    text-align: center;
}
.service-row[data-ajax-load-part-url]:hover {
    background: #ddd;
    cursor:pointer;
}
.service-row-left i {
        color: #999;
    margin-right: 5px;
}

.service-row-status {
        display: table-cell;
    width: auto;
    vertical-align: middle;
    padding: 10px;
    padding-right: 15px;
    font-size: 14px;
    text-align: right;
    color: #888;
}
.main-left-item-conversation {
        position: absolute;
    right: 0px;
    top: 0px;
}
.main-left-item-conversation .dossier-span-conversation {
    margin-top: 0px;
    margin-right: 0px;
}
.main-left-item-text-small {
padding-right:80px;
}
.main-column-body .live-search {
    margin-bottom: 0px;
}
.main-column-body .live-search input {
        margin-bottom: 0px;
        border-bottom: 1px solid #ddd;
        background: white;
        font-size: 16px;
        text-align: left;
        padding: 0px 10px;
        line-height: 40px;
        height: 40px;
}
.inline-select {
    display: -webkit-box;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.inline-select-full,
.inline-select-full .inline-select-item {
    display:block !important;
}
.inline-select-full .inline-select-item {
    margin-bottom: 1px !important;
}
.inline-select-item {
    display: table-cell;
    border-right: 1px solid white;
    background: #eee;
    padding: 5px;
    text-align: center;
    font-weight: 500;
    color: #888;
    cursor:pointer;

}
.inline-select-item.active {
    background: #468847;
    color: white;
}


.validate-domain-name .validate-domain-name-results{
    margin-top: 15px;
}

.validate-domain-name .validated-domain{
    display: table;
    margin-top: 2px;
    width: 100%;
}


.validate-domain-name .btn-new{
    display: table-cell;
    width: 80px;
    text-align: center;
}


.validate-domain-name .domain-name{
    line-height: 40px;
    padding-left: 10px;
    margin-right: 2px;
    background: #eee;
}

.set-image-item {
    margin: -15px -20px 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}
.set-image-item.first {
    border-top: 0px;
}
.set-image-item-title {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
        margin-bottom: 5px;
}
.images-search-result {
    border: 1px solid #ccc;
    text-align:center;
    padding: 15px;
    margin-bottom: 5px;
    cursor:pointer;
}
input[type=file] {background: #fff !important;}
.images-search-result:hover {
    border: 2px solid #468847;
    padding: 14px;
}
.image-new {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image-new:hover {
    background: #ddd;
          cursor:pointer;
}
.image-new-value {
        display: table-cell;
        width: 75px;
        max-width: 75px;
        height: 40px;
        text-align: center;
        vertical-align: middle;
}

.employee-new .image-new-value {
    width: 46px;
    max-width: 46px;
}

.image-new-label {
        padding: 10px;
    vertical-align:middle;
    display:table-cell;
}
.image-new-label span {
    font-size: 12px;
    left: 10px;
    top: 5px;
    color: #999;
    display: block;
}
.image-new-value-in {
    display: block;
    float: left;
    margin: 8px;
    background: #ddd;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;

  }
  .image-new-value-in img {
      width: 60px;
      height: 60px;
      border-radius: 4px;
  }

  .employee-new .image-new-value-in {
      width: 36px;
      height: 36px;
      line-height: 36px;
  }
  .employee-new .image-new-value img {
      width: 36px;
      height: 36px;
  }
  .employee-new .image-new-label {
      padding: 5px 10px;
  }
.image-new-value-in i {
        font-size: 20px;
    top: 3px;
    position: relative;
    color: #666;
}
.logo-editable {
    cursor:pointer;
    opacity: 0.9;
}
.invoice-item-hover:hover {
    cursor:pointer;
    background:#ddd;
}
.delete-invoice {
    cursor:pointer;

}
.table-message {
    text-align:right;
    color: #999;
    padding-right: 15px !important;
}

.client-email {
    background: #eee;
    display:table;
    width: 100%;
    color: #666;
    margin-top: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
}
.client-email-left {
    display:table-cell;
    padding-left: 10px;
    vertical-align:middle;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
.client-email-right {
    display:table-cell;
    text-align:right;
    vertical-align:middle;
}
.client-email-right p {
    margin: 0px;
    padding: 0px;
    display:inline-block;
    float: right;
    padding-right: 10px;
    line-height: 40px;
}
.client-email-right .btn-new {
    display:inline-block;
    float:right;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1px;
}
.client-email[data-ajax-load-part-id]:hover {

    cursor:pointer;
    background:#ddd;
}
.top-header {
    background: #fff;
    height: 45px;
    text-align: center;
    padding: 0px;
    position:fixed;
    top: 0px;
    z-index: 50;
    display: block;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    left: 0px;
    right: 200px;
}

.top-header-symbol {
    display: inline-block;
    vertical-align: top;
    width: 5px;
}
.top-header-left {
}
.top-header-right {
    display:table-cell;
    /*width: 65%;*/
    vertical-align: middle;
}
.top-header-center {
    text-align:center;
    width: 10%;
    vertical-align: middle;
    display: table-cell;
}
.top-header-item {
        display: block;
        float: left;
        height: 45px;
        line-height: 45px;
        padding: 0px 15px;
        cursor:pointer;
        margin-right: 1px;
        margin-left: 0px;
        font-weight: 600 !important;
}
.top-header-item:hover {
    background: #f1f1f1;
}
.top-header-item i {
        color: #bbb;
        font-size: 17px;
        position: relative;
        top: 2px;
}
.top-header-right .top-header-item {
    float:right;
    margin-right: 0px;
    margin-left: 1px;
}
.top-header-item-input {
    padding: 0px;
}
.top-header-item-input input {
        border: 0px;
    height: 39px;
    line-height: 40px;
    padding: 0px 10px;
    background: white;
    border-radius: 0px;
    font-size: 16px;
    margin: 0px;
    width: 140px;
}
  .top-header-item-important-all,
.top-header-item-important-all i {
    color: #f89406;
}
.top-header-item-important-all-messages,
.top-header-item-important-all-messages i{
    color: #ff3333;
}



.top-header-item-important-user {
    background: #f89406;
    color: #fff;
}
.top-header-right-item-right-title-in .title {
    width: 106px;
    display: inline-block;
    padding-left: 10px;
}

.top-header-right-item-titles span i {
    font-size: 7px;
}

span.percent.percent-progress {
    margin-right: 3px;
}

span.top-header-right-item-target {
    font-size: 9px;
    font-weight: 600;
    margin-left: 0px;
    padding-left: 7px;
    width: 41px;
    display: inline-block;
    text-align: right;
}
span.top-header-right-item-target-current {
    color: #e29200 !important;
    padding-left: 7px;
    text-align: left;
}
.top-header-item-important-user:hover {
        background: #ef8f07 !important;
}
.top-header-item-important-user i,
.top-header-item-important-user-messages i {
    color: #fff;
}
.top-header-item-important-user-messages {
    background: #ff3333;
    color: #fff;
}
.top-header-item-important-user-messages:hover {
        background: #e02121 !important;
}
.top-header-item-qty {
    display:inline-block;
    padding: 0px 5px;
    position: relative;
    top: 2px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
}
.top-header-item-qty span {
    font-size: 15px;
}
.top-header-item-qty span.empty {
    color: #ccc;
    font-size: 13px;
}
span.top-header-value {
    width: 43px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.top-header-right-complete {
    width: 10px;
    height: 9px;
    position: relative;
    top: -1px;
    overflow: hidden;
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    color: #fff;
    vertical-align: top;
}

.top-header-right-complete i {
    position: absolute;
    font-size: 8px;
    left: 1px;
    top: 0px;
    color: #fff;
}
span.top-header-diff {
    font-weight: 600;
    font-size: 8px;
    width: auto;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.refreshMenuTopLeft,
.refreshMenu {display:none;}
.search-input {
    background: #fff;
    width: 200px;
    padding: 0px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    -webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
    }
    .search-input input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 0px;
        height: 40px;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        line-height: 32px;
        font-size: 14px;
        color: #999;
        background: #fff;
        -webkit-box-shadow: none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        font-weight: 500;
        padding: 3px 15px 0px;
    }
    .search-input input:focus{
        background: #f1f1f1;
        color: #555;
        -webkit-box-shadow: none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
    }

.connected-company {
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.connected-company-top {
    background: #ddd;
    margin-top: 1px;
    height: 40px;
}
.connected-company-top .company-badge {
    float: left;
    line-height: 40px;
}
.connected-company-top .company-badge img {
        height: 40px;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: 0px;
}
.connected-company-top .btn-new {
        float: right;
    padding: 0px 10px;
        color: #999 !important;
}
.connected-company-top .btn-new:hover {
    color: white !important
}
.connected-company-bottom{
    background: #fff;
    padding: 5px 5px 0px;
    margin-bottom: 15px;
    border: 2px solid #ddd;
    border-top: 0px;
}
.participant-massmail {
    display: table;
    width: 100%;
    background: #f1f1f1;
    margin-top: 1px;
    line-height: 20px;
    position:relative;
}
.participant-massmail-left {
    display: table-cell;
    vertical-align: middle;
        font-size: 15px;
    color: #555;
    font-weight:bold;
}
.participant-massmail-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 15px;
}
.participant-massmail-thumb {
    width: 40px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: top;
    max-width: 50px !important;
}
.participant-massmail-thumb img {
    max-width: 50px !important;
}
.participant-massmail-left small,
.participant-massmail-right small {
    display:block;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight:normal;
}
.participant-massmail-left small img {
    top: -1px;
    position: relative;
    left: 3px;
}
.main-row-top {
        width: 100%;
        height: 80px;
        background: #f1f1f1;
        text-align:center;
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
}
.main-row-top::after {
    content: "";
    height: 20px;
    width: 100%;
    background: url("../img/white-gradient.png");
    z-index: 10000;
    bottom: -20px;
    position: absolute;
    left: 0px;
}
.row-top-item {
        display: inline-block;
        margin: 10px 5px;
        max-height: 60px;
        cursor:pointer;
        position: relative;
        float: none;
        vertical-align: top;
}
.row-top-item img {
    opacity: 0.25;
}
.row-top-item.active img,
.row-top-item:hover img {
    opacity: 1;
}
.row-top-item-image img {
        max-height: 45px;
    margin-right: 0px;
    margin-top: 0px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 10px;
}
.row-top-item-image .qty {
        position: absolute;
        right: -2px;
        z-index: 100;
        background: #f89406 !important;
        bottom: -6px;
        text-decoration: none;
        padding: 0px 5px;
        font-size: 13px;
        color: white;
        width: 20px;
        border-radius: 4px;
        font-weight: 600;
        height: 20px;
}
.row-top-item-image .qty-green {
    background: #468847 !important;
}
.row-top-item-image .qty-red {
    background: #ff3333 !important;
}
.row-top-item:hover,
.row-top-item.active  {
        opacity: 1;
        border-color: #000;
}
.row-top-item i {
    font-size: 30px;
    color: white;
    position: absolute;
    bottom: -25px;
    left: 0px;
    width: 60px;
    visibility:hidden;
}
.row-top-item-image .qty i {
        position: relative;
    font-size: 12px;
    bottom: 0px;
    left: 0px;
    width: auto !important;
    visibility: visible;
}
.row-top-item.active i,
.row-top-item:hover i {

    visibility:visible;
}
.main-row-bottom {
    overflow: auto;
    position:relative;
}
.main-row-body-in {
    padding: 20px;
    padding-bottom: 50px;
}
.body-sidebar-right .dark.nav-list > li > a {
    background: #333;
}

.body-sidebar-right .dark.nav-list .notification-item {
    margin-top: 2px;
    height: 18px;
}

.body-sidebar-right .dark.nav-list .notification-item-all {
    height: 23px;
    line-height: 25px;
    border-color: #333;
    margin-top: 0px;
}
.task-item {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    background: #f1f1f1;
    cursor:pointer;
}

.task-item:hover {
    background: #ddd;
    cursor:pointer;
}
.task-item-left {
        display: table-cell;
        width: 70px;
        vertical-align:middle;
        border-right: 1px solid white;
        padding: 0px;
        text-align: center;
}
.task-item-left span {
    font-weight: 300;
    display:block;
    font-size: 12px;
    margin-top: 3px;
}
.task-item-center {
    display: table-cell;
}
.task-item-right {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    padding: 5px 0px;
}

.task-item-right img {
    width: 36px !important;
}
.task-item-center-top {
        font-weight: bold;
        min-height: 1px;
        margin-bottom: 0px;
        padding: 10px;
}
.task-item-center-top span {
        font-weight: 400;
    display: block;
    margin-top: 5px;
}
.task-item-center-bottom {
        line-height: 30px;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        font-weight: 300;
}
.task-item-center-bottom .dossier {
        display: inline-block;
    float: right;
    padding-right: 10px;
    color: #999;
}
.task-item-center-bottom img {
        max-width: 30px;
        display: inline-block;
        width: 30px;
        margin-right: 10px;
        margin-top: 0px;
}
.prio-item {
    float: left;
    background: #fff;
    display: inline-block;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    width: 75px;
    text-align: center;
    line-height: 20px;
}
.prio-item-in {
        display: inline-block;
        color: #fff;
        background: #0F5CA1;
        min-width: 30%;
        width: 33%;
        float: left;
        max-width: 100% !important;
        height: 100%;
}

.body-sidebar-right .body-sidebar-right-row-in{
   overflow:auto;
   height: 100%;
}

.body-sidebar-right-row-bottom,
.body-sidebar-right-row-center {
    border-top: 1px solid #333;
}

.prio-1,
.prio-2,
.prio-3,
.prio-4,
.prio-5,
.prio-6,
.prio-7,
.prio-8,
.prio-9,
.prio-10,
.prio-11,
.prio-12,
.prio-13,
.prio-14,
.prio-15,
.prio-16,
.prio-17,
.prio-18,
.prio-19,
.prio-20,
.prio-21,
.prio-22,
.prio-23,
.prio-24 {}
.prio-25,
.prio-26,
.prio-27,
.prio-28,
.prio-29,
.prio-30,
.prio-31,
.prio-32,
.prio-33,
.prio-34,
.prio-35,
.prio-36,
.prio-37,
.prio-38,
.prio-39,
.prio-40,
.prio-41,
.prio-42,
.prio-43,
.prio-44,
.prio-45,
.prio-46,
.prio-47,
.prio-48,
.prio-49 {}
.prio-50,
.prio-51,
.prio-52,
.prio-53,
.prio-54,
.prio-55,
.prio-56,
.prio-57,
.prio-58,
.prio-59,
.prio-60,
.prio-61,
.prio-62,
.prio-63,
.prio-64,
.prio-65,
.prio-66,
.prio-67,
.prio-68,
.prio-69,
.prio-70,
.prio-71,
.prio-72,
.prio-73,
.prio-74 {}
.prio-75,
.prio-76,
.prio-77,
.prio-78,
.prio-79,
.prio-80,
.prio-81,
.prio-82,
.prio-83,
.prio-84,
.prio-85,
.prio-86,
.prio-87,
.prio-88,
.prio-89,
.prio-90,
.prio-91,
.prio-92,
.prio-93,
.prio-94,
.prio-95,
.prio-96,
.prio-97,
.prio-98,
.prio-99,
.prio-100 {}


.nomargintop .assignment-tabs, .nomargintop .head-assignment-tabs {
    margin-top: 0px !important;
}

td.code-td pre {
        margin-bottom: 0px;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
    margin-right: 15px;
}
.int-td {
    width: 75px !important;
    max-width: 75px !important;
    min-width: 75px !important;
    text-align:center;
}
.rowborderbottom {
        border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.field-new-large {
    margin-bottom: 0px;
}
.field-new-large span,
.field-new-large input {
    font-size: 20px;
    line-height: 54px;
    height: 54px;
    padding: 0px 15px;

}
.image-new-large .image-new-value-in {
        padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto !important;
}
.image-new-large .image-new-value-in img {
       height: auto !important;
    width: 60px;
}
.image-new-large:hover {
    cursor:pointer;
    opacity: 0.7;
}
tr td:first-child {
    /* padding-left: 5px !important; */
}
div.date-new-large {
       text-align: center;
       font-size: 16px;
       border-bottom: 1px solid #f1f1f1;
       color: #cf0564 !important;
       background: #f1f1f1;
}
.date-new-large  .date-new-value {
        width: 100%;
        max-width: 100%;
        text-align: center;
        display: inline-block;
        line-height: 38px;
        padding: 0px;
        color: #cf0564;
        font-weight: 500;
}
.status-green .date-new-editable,
.status-yellow .date-new-editable{
    background: #cf0564;
}
.priority-show {    margin: 15px 0px;
    background: #eee;
    text-align: center;
    font-size: 20px;
    padding: 15px 0px;}

.main-left-item-text-detail {
        display: table;
    width: 100%;
    line-height: 12px;
}
.main-left-item-text-detail-left{
    display:table-cell;
    vertical-align:middle;
    max-width: 170px;
}
.main-left-item-text-detail-left .small,
.main-left-item-text-detail-right .small {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #bbb;
}
.main-left-item-text-detail-left-small {
    max-width: 125px !important;
}
.main-left-item-text-detail-left-extrasmall {
     max-width: 100px !important;
}
.main-left-item-text-detail-right {
    display: table-cell;
    max-width: 100px;
    color: #999;
    font-weight: 400;
    text-align: right;
    padding-right: 5px;
    vertical-align:middle;
    min-height: 20px;
    width: 100px !important;
}
.dashboard-title {    margin: 0px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #aaa;
    border-bottom: 2px solid #f1f1f1;
    padding: 5px 0px;
    margin-top: 5px;
    margin-bottom: 5px;}
tr.row-totals:hover td {
    background: #f7f7f7 !important;
    cursor:default;
}
.details {
    display:table;
    width:100%;
    margin-top: 10px;
    table-layout:fixed;
    margin-bottom: 10px;
    width: 100%;
}
.details-left {
    display:table-cell;
    width: 50%;
    font-weight: 600;
    color: #555;
}
.details-right {
    display:table-cell;
    width: 50%;
    color: #555;
}
.employee-online-item {
    display: inline-block;
    width: auto;
    padding: 0px 10px;
    margin-top: 0px;
    height: 39px;
    white-space: nowrap;
    margin-right: -4px;
}

.employee-online-item.employee-online-item-available{
    background: #468847;
}
.employee-online-item.employee-online-item-available .employee-online-item-center {
    color: white;
}
.employee-online-item.employee-online-item-available .employee-online-item-right {
    color: white;
}
.employee-online-item-left {
    width: 26px;
    text-align: left;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.employee-online-item-left img {
        border-radius: 50%;
        width: 26px;
        vertical-align: middle;
        display: inline-block;
        float: none;
        margin-top: -2px !important;
}
.employee-online-item-center {
    color: #aaa;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    line-height: 10px;
    text-align: left;
    padding-top: 3px;
}

.employee-online-item-right {
    width: auto;
    display: block;
    color: #777;
    font-size: 11px;
    font-weight: 500;
    margin-left: 0px;
    line-height: 10px;
    margin-top: 3px;
}
.refreshEmployeesOnline {display:none;}

.tr td.title-td {
    padding-left: 10px !important;
}
tr.assignmentcompletion td:first-child {
    padding-left: 10px !important;
}
.values-manager {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.values-manager-left {
    display: table-cell;
    width: 25%;
}
.values-manager-title {
    background: #ddd;
    margin-bottom: 5px;
    text-align: center;
    padding: 5px;
    color: #666;
    font-weight: 400;
    font-size: 15px;
}
.values-manager-item,
.values-manager-item-alt {
    border-bottom: 3px solid white;
    background: #f1f1f1;
    text-align:center;
}
.values-manager-value {
    display: table-cell;
    width: 50%;
    border-left: 3px solid white;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    vertical-align: middle;
    font-size: 30px;
    text-align: center;
    position: relative;
}
.values-manager-value div {
    border: 3px solid #eee;
    color: #555;
    line-height: 163px;
}
.values-manager-value input {
    display:none !important;
}
.values-manager-right {
    display: table-cell;
    width: 25%;
}
span.values-manager-value-reset {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    padding: 7px 9px;
    color: #999;
    cursor:pointer;
}
span.values-manager-value-reset:hover {
        background: #b94a48 !important;
    color: white !important;
}
span.values-manager-value-indication {
    position: absolute;
    background: white;
    right: 5px;
    bottom: 10px;
    font-size: 14px;
    left: 5px;
    color: #999;
}
.add-hour-title {
        background: #f1f1f1;
        color: #777;
        padding: 2px 5px;
        font-size: 11px;
        font-weight: 600;
        width: auto;
        position: absolute;
        left: 0px;
        top: -10px;
        line-height: 12px;
        text-transform: uppercase;
}
.employeeparticipant {
    display: inline-block;
    max-width: 40px;
    float: right;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 5px;
    cursor: pointer;
}
.employeeparticipant:nth-child(5){
    margin-left: 0px;
}
.employeeparticipant img {
    opacity: 0.25;
    border-radius: 50%;
}
.employeeparticipant.active img{
    opacity: 1;
}
.employeeparticipant.admin {
    cursor: default !important;
}
.dossier-participants {
    display: table;
    width: 100%;
}
.dossier-participants-column {
        display: table-cell;
    vertical-align: top;

}
.dossier-participants-column-right {
        display: table-cell;
        width: 525px !important;
        max-width: 525px;
        min-width: 525px;
        padding-left: 20px;
}
.connected-title {
    float: left;
    padding: 10px;
    font-weight: 500;
    color: #333;
}
.coststype {

        margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .coststype:hover {
        cursor:pointer;
    background: #ddd;
    }
.coststype-left {
        display: table-cell;
    width: 80px;
    max-width: 80px;
    height: 40px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 4px;
    color: #777;
}
.coststype-right {
        padding: 10px;
    line-height: 20px;

}
.file-new {
        margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
}
.file-new {
    margin-bottom: 20px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.file-new-label {
     padding: 15px 15px 5px;
    color: #777;
}
.file-new-file {
    padding: 0px 15px 0px;


}

.file-new-buttons {
    padding: 10px 0px 0px;
}
.file-new .overview-summary-item-actions {
    height: 34px;
}
.file-new .overview-summary-item-actions .btn-new {
        font-size: 14px;
    height: 34px !important;
    line-height: 34px !important;
    text-align: center;
}
.file-new .overview-summary-item-actions form {
        display: table-cell;
    height: 34px;
    vertical-align: middle;
}
.file-new .overview-summary-item-actions form label {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    border-right: 1px solid white;
}
.file-new .overview-summary-item-actions form label .btn-new {
    width: 100%;
    display: block;
}
.file-new .overview-summary-item-actions input.selectfile {display:none;}
.file-new-example {display:none;}
.open-example .file-new-example {display:block;}
.file-new-example iframe {display:block;}
.main-left-item-text-detail-left .small .label-employee {display:none;}
.footer-bottom {
        position: fixed;
        bottom: 0px;
        height: 40px;
        background: #111;
        left: 0px;
        right: 195px;
        z-index: 100000;
        -webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
        overflow-x: scroll;
        white-space: nowrap;
}
.footer-bottom-search {
    display: table;
    width: 199px;
    float: left;
    border-right: 1px solid #333;
}


.footer-bottom-search input {
    width: 100%;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 3px 10px 0px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.employees-online {
        height: 40px;
        display: block;
        line-height: 40px;
        overflow-y: hidden;
        white-space: nowrap;
}
.footer-bottom-navigation-item {
    display: table-cell;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #777;
    border-left: 1px solid #333;
    cursor:pointer;
}
.footer-bottom-navigation-item:hover {
    color:#777 !important;
    text-decoration:none;
}
.footer-bottom-navigation {
    float: right;
    display: table;
    width: 199px;
    table-layout: fixed;
}

.footer-bottom-search-item {
    display: table-cell;
    width: 40px;
    min-width: 40px !important;
    max-width: 40px !important;
    border-right: 1px solid #333;
    text-align: center;
    color: #777;
    line-height: 40px;
    font-size: 16px;
    cursor:pointer;
}
.footer-bottom-search-item i {
    top: -1px;
    position: relative;
}
.footer-bottom-search-input {
    border-right: 1px solid #333;
}
.body-sidebar-left {
    margin-left: 150px;
    right: auto !important;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.23);
    padding-right: 0px;
    padding-left: 50px;
}
.body-sidebar-left .body-sidebar-close,
.search-results-close {
    right: 0px;
    left: auto;
}
.top-header-right-item {
    display: table;
    float: right;
    padding: 0px 15px;
    height: 45px;
    vertical-align: middle;
}
.top-header-right .top-header-right-item {
    padding: 0px;
}
.top-header-right-item.top-header-right-left-item {
    float: left;
    border-left: 0px !important;
}

.top-header-right-item-left {
    display: table-cell;
    vertical-align: middle;
    color: #bbb;
    padding-right: 10px;
    font-size: 17px;
}

.top-header-right-item-right {
        display: table-cell;
        vertical-align: bottom;
        color: #bbb;
        line-height: 9px;
        text-align: left;
        font-weight: 500;
        padding-bottom: 1px;
        vertical-align: top;
}
.top-header-progress {
    height: 5px;
    width: 20px;
    background: #eee;
    margin-top: 0px;
    position:relative;
}
.top-header-progress-in {
    height: 5px;
    max-width: 100%;
    background: #bbb;
}
span.percent.percent-progress,
.top-header-right-numbers.targetcomplete span.percent.percent-progress {
    background: #e29200 !important;
    color: #fff;
    margin-right: 0px;
}


.top-header-progress-line {
    height: 9px;
    width: 2px;
    background: #e29200;
    position: absolute;
    top: -2px;
}
.top-header-right-item:hover {
    background: #f1f1f1;
    cursor:pointer;
}

.top-header-right-item-totals {
    display: block;
    float: right;
    height: 100%;
    font-size: 10px;
    line-height: 11px;
    padding-top: 1px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
}

.top-header-right-item-totals .top-header-right-item-right-title {
    margin-bottom: 1px;
}

.top-header-right-item-progress, .top-header-right-item-titles {
    display: block;
    float: right;
    padding-top: 11px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
    color: #999;
    text-align: right;
    padding-right: 5px;
    line-height: 11px;
}

.top-header-right-item-titles span, 
.top-header-right-item-progress span {
    display: block;
}

.top-header-right-item-totals span {
    display: block;
}
.targetcomplete .top-header-right-item-left,
.targetcomplete .top-header-right-item-right  {
    color: #468847 !important;
}
.targetcomplete .top-header-progress-in  {
    background: #468847;
}
.main-left-title {
        background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    color: #777;
}
.td-buttons {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    border-left: 1px solid white !important;
}
.td-buttons-small {
    min-width: 105px;
    max-width: 105px;
    width: 105px;
    border-left: 1px solid white !important;
}
tr.sametitle td {
    background: #f9eeb7 !important;
}
tr.sametitle .dossier-span-type {
    background: #f89406 !important;
    color: #fff;
}
.main-left-item-status {
    width: 45px;
    vertical-align: middle;
    display: table-cell;
    max-width: 45px !important;
    min-width: 45px !important;
    text-align: center;
    line-height: 35px;
    background: #f1f1f1;
    color: #bbb;
}
.main-left-item-user {
    width: 35px;
    vertical-align: middle;
    display: table-cell;
    max-width: 35px !important;
    min-width: 35px !important;
    text-align: center;
    line-height: 35px;
    background: #f1f1f1;
    color: #bbb;
}
.dossier-left-status {
    padding: 0px 10px;
    border-right: 1px solid white;
    float: left;
    display: block;
    font-weight: 600;
}
.main-left-item-status img{
        border-radius: 50%;
    width: 28px;
    text-align: center;
    display: inline-block;
    margin: 0px;
    float: none;
    top: -1px;
    position: relative;
}
a.version {
    padding: 8px 0px;
    color: #666;
    font-size: 13px;
    line-height: 25px;
    background: #f1f1f1;
    display: block;
    width: 100px;
    margin-bottom: 4px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-decoration:none;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
}
a.version:hover,
a.version.active {
    background: #ddd;
}
.version-date {
    display: table-cell;
    max-width: 100px;
    width: 100px;
    color: #999;
}

.version-left {
    display: block;
    font-weight: 500;
    font-size: 20px;
    width: 100%;
}
.version-left span {
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
}
.version-left i {
    display: inline-block;
}
.version-price {
    color: #999;

    0px
}
.version-sent{
    font-size: 14px;
    color: #999;
    display:block;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.overview-horizontal {
    display: table;
    width: 100%;
    height: 29px;
    background: #f1f1f1;
    margin-bottom: 5px;
}

.overview-horizontal-title {
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    color:#777;
    position: relative;
}
.overview-horizontal-title[data-ajax-load-part-id]:hover {
    background: rgba(255,255,255,0.25);
    cursor:pointer;
}
.overview-horizontal-title span {
        position: absolute;
        top: 2px;
        bottom: 0px;
        left: 10px;
        right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.overview-horizontal-date {
    display: table-cell;
    vertical-align: middle;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}

.overview-horizontal-user {
        display: table-cell;
        vertical-align: middle;
        width: 40px;
        text-align: center;
}
.overview-horizontal-user .overview-summary-item-edit {
        height: 100%;
        min-height: auto;
        line-height: 36px;
        width: 40px;
        top: 0px;
        display: inline-block;
}
.overview-horizontal-user img {
        width: 30px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        border-radius: 50%;
        margin-top: -1px;
}
.overview-horizontal-user .overview-summary-item-subtitle span {
    display:none;
}
.overview-horizontal:last-child {
    border-bottom: 0px;
}
.overview-horizontal-date .date-new-large {
    border-bottom: 0px;
    font-size: 13px;
}
.overview-horizontal,
.date-new-value {
    height: 36px !important;
    line-height: 36px !important;
}
.overview-summary-item-transparent{
    background: #fff;
}
.overview-horizontal-items {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px;
}
.overview-horizontal-button {
    width: 40px;
    max-width: 40px;
    text-align: center;
    display: table-cell;
    background: #ddd;
    color: #777 !important;
    cursor: pointer;
}

.status-yellow .overview-horizontal-button,
.status-green .overview-horizontal-button {
        color: #777 !important;
}

.overview-horizontal-button:hover {
    background: #333;
    color: #fff !important;
}

.participants-td {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    line-height: 30px;
}
.participants-td .lazyload-holder, .participants-td .table-image {

}
.add-hour-indication-small {
        height: 20px;
    font-size: 20px;
    line-height: 16px;
    padding-bottom: 7px;
    margin-bottom: 11px;
}
.parthasitem {
    border: 2px solid #ddd;
    margin-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #f1f1f1;
    display: block;
    float: left;
    cursor:pointer;
}
.data-sortable-items .parthasitem:hover {
    border-color: #aaa;
}
.parthasitem-top-image {
    height: 40px;
    width: 40px;
    vertical-align:middle;
    display:table-cell;
}
.parthasitem-top-image img {
    max-height: 40px;
    margin: 0px;
    vertical-align:middle;
}
.parthasitem-top {
    background: #f1f1f1;
    display: table;
    height: 40px;
    line-height: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.parthasitem-top-price {
    color: #999;
    padding-right: 10px;
    font-weight: 500;
    text-align: right;
    line-height: 15px;
    vertical-align:middle;
    display:table-cell;
}
.parthasitem-top-order {
    display: table-cell;
    width: 40px;
}

.parthasitem-top-title {
          display: table-cell;
    padding: 0px 10px;
    font-weight: 600;
    line-height: 15px;
    vertical-align: middle;
}

.parthasitem-top-title > .text-item {
        margin-bottom: 0px;
        line-height: 40px;
        height: 40px;
        font-size: 20px;
        margin-left: -10px;
}
.parthasitem-top-title .text-item-in-edit,
.parthasitem-top-title .text-item-in.title,
.parthasitem-top-title .text-item-in-edit input {
        padding: 0px 10px !important;
        line-height: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
}
.parthasitem-top-title .text-item-in-edit input {
padding: 0px !important;
}
.parthasitem-top-title .text-item-place {display:none;}
.parthasitem-top-delete {
    display: table-cell;
    width: 40px;
    text-align: center;
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
}
.parthasitem-top-delete .btn-new {
    background: #f1f1f1;
    color: #ccc;
}
.parthasitem-body {
    padding: 10px;
    background: white;
}
.parthasitems {
        margin-bottom: 25px;
    display: block;
    float: left;
    width: 100%;
}
.partbuilder .builderitems-create {
    margin-bottom: 1px !important;
}
.actionbar-large {
    background: #bbb;
    color: #fff;
}
.actionbar-large .actionbar-title {
        color: #fff;
        padding: 0px;
}
.actionbar-large .text-item {
        margin: 0px;
    background: #bbb;
}
.actionbar-large .text-item .text-item-place {display:none;}
.actionbar-large .text-item-in.title, .actionbar-large .text-item-in-edit input {font-size: 17px !important;}
.actionbar-large .text-item-in-edit,
.actionbar-large .text-item-in {padding: 10px !important;}
.parthasitem-top-switch {
    display: table-cell;
    width: 75px;
    text-align: right;
    vertical-align: middle;
    cursor:pointer;
}
.parthasitem-top-choices {
    display: table-cell;
    width: 200px;
}

.choice {
    width: 100%;
    display: table-cell;
    text-align: center;
}
.choice span {
    line-height: 26px;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
    font-weight: 500;
    background: #ddd;
    display: inline-block;
    width: 90%;
    border-radius: 4px;
    margin: 0px 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer !important;
}
.choice:hover span {
    background: #333;
    color: #fff;
}
.choice.not.active span{
    background: #b94a48 !important;
}
.choice.active span {
    background: #468847 !important;
    color: #fff;
}

.choices {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.issues-fixed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.issue-fixed {
    position:relative;
}
tr.issue-fixed td.date-td {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    position: relative;
}
tr.issue-fixed td {
    vertical-align:top;
}
tr.issue-fixed td.date-td i {
        position: relative;
        font-size: 16px;
        vertical-align: middle;
        margin-right: 1px;
        top: -2px;
}
tr.issue-fixed td.people-td {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
tr.issue-fixed .people-td .table-image {
    width: 22px;
    top: -2px;
}
tr.issue-fixed td {
        background: white !important;
    margin: 0px;
    padding: 0px !important;
}
.issue-title {font-weight: 600;}
.page-tab-item {
        display: inline-block;
        padding: 10px 25px;
        border: 2px solid #eee;
        background: #eee;
        font-size: 15px;
        color: #999;
        border-bottom: 0px;
        cursor:pointer;
        margin-right: 3px;
        position: relative;
        top: 2px;
        font-weight: 600;
}
.page-tab-item.disabled,
.page-tab-item.disabled:hover {
        background: transparent !important;
    border-color: transparent !important;
    cursor: no-drop;
    color: #ddd !important;
}
.page-tab-item.page-tab-item-right {
        float: right;
    margin-right: 0px;
    margin-left: 3px;
}
.page-tab-item:hover {
    color: #555;
}
.page-tab-item.active,
.page-tab-item.active:hover {
    background: #fff !important;
    color: #555 !important;
    border-color: #eee !important;
}
.page-tabs {
    margin: 0px -45px;
    border-bottom: 2px solid #eee;
    padding: 0px 45px;
    margin-bottom: 15px;
}
.page-tab-item i {
    margin-right: 5px;
    font-weight: 400;
}

.client-top-no-border {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.current-version {
        background: #ddd;
    margin-bottom: 15px;
    color: #888;
    display: table;
    width: 100%;
    cursor:pointer;
}
.current-version-left {
        display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #666;
}
.current-version-right {
        display: table-cell;
    vertical-align: middle;
    padding: 15px;
    text-align: center;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    font-size: 20px;
    background: #333 !important;
    color: white;
}
.current-version:hover,
.current-version:hover div{
    background: #ccc;
}
.server-config {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 15px;
    margin-bottom: 15px;
}

.server-config-column {
    display: table-cell;
    vertical-align: top;
    background: #fff;
    position:relative;
}
.server-config-column-in {

    border: 3px solid #ddd;
}
.server-config-column-center {
        border: 0px solid white;
    background: #fff;
    width: 40px !important;
}

.server-config-version-line.server-config-version-line-skeleton,
.server-config-version-skeleton {
    top: 14px !important;
}

.server-config-version-line.server-config-version-line-website,
.server-config-version-website {
    top: 60px !important;
}



.server-config-title {
         color: #888;
    padding: 12px 15px 8px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: 20px;
    background: #f1f1f1;
}
.server-config-subtitle {
        background: #fff;
    color: #777;
    padding: 16px 10px 11px;
    font-size: 17px;
    font-weight: 500;
    display: block;
    text-align: center;
    border-top: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.server-config-subtitle img {
        display: inline-block;
    width: 22px;
    float: none;
    margin-top: -4px;
    margin-right: 2px;
    border-radius: 2px;
}
.server-config-subtitle span {
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #999;
    margin-top: 2px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.server-config-btn {
    padding: 0px;
    cursor:pointer;
    line-height: 40px;
    height: 40px;
    background: #ddd;
    color: #666 !important;
    font-weight: 500;
    border-top: 1px solid white;
}
a.server-config-subtitle:hover,
a.server-config-subtitle:hover span {
    background: #468847;
    color: #fff !important;
    text-decoration:none;
}
.server-config-btn .btn-new {
    text-align:center;
}
.server-config-url {
    height: 35px;
    line-height: 35px;
    background: #eee;
    padding: 0px 10px;
    color: #555;
    text-align: center;
}
.server-config-btn-large {
        font-size: 18px;
    text-align: center;
    color: #999;
    line-height: 70px;
}
.server-config-btn-large i {
    font-size: 14px;
}
.server-config-btn-large:hover {
    color: #555;
    cursor:pointer;
}
.server-config-framework {
    height: 35px;
    line-height: 35px;
    padding: 0px;
    color: #999;
    display: table;
    width: 100%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.server-config-framework img {
    max-width: 35px;
    line-height: 35px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 10px;
    color: #888;
}
.server-config-no {
    background: #eee;
    color: #999;
    padding: 0px 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.server-config-framework-left {
    display: table-cell;
    padding: 0px;
}

.server-config-framework-right {
    display: table-cell;
    width: 100px;
    text-align: center;
}
.modal-warning-small {
    margin-bottom: 1px;
}
.sidebar-title-small {
        padding: 15px 0px;
    font-weight: 500;
    font-size: 15px;
    color: #777;
    line-height: 18px;
}
.sidebar-notification {
    color: #eee;
    display: table;
    width: 100%;
    border-bottom: 1px solid #444;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
.sidebar-notification[data-ajax-load-part-id]:hover {
    cursor:pointer;
    background: #222;
}
.sidebar-notification-left {
    display: table-cell;
    width: 25px;
    vertical-align: top;
    padding: 5px;
}
.sidebar-notification-left img {
    width: 100%;
    border-radius: 50%;
}
.sidebar-notification-right {
    display: table-cell;
    padding: 5px;
}
.sidebar-notification-title {
    font-weight: 500;
    color: #ddd;
    margin-bottom: 2px;
}
.sidebar-notification-text {
    color: #aaa;
}
.sidebar-notification-text span {
    color: #888;
}
@media screen and (min-width: 1500px) {
    .body-sidebar-right {
        width:250px;
    }
    .sidebar-target-item-name {
        display:table-cell !important;
    }
    .body-sidebar {
        margin-right: 200px;
    }
    
    .body-general {
        padding: 0px 250px 0px 200px;
    }
    .body-general.body-general-sidebar-left-left {
        padding-left: 250px !important;
    }
    .body-general.body-general-sidebar-left-left .planboard,
    .body-general.body-general-sidebar-left-left .priorities-fixed-filter, 
    .body-general.body-general-sidebar-left-left .priorities-fixed-top, 
    .body-general.body-general-sidebar-left-left .priorities-fixed-bottom {
        left: 250px !important;
    }
    .actions {
        right: 250px;
    }
    .footer-bottom-navigation {
        width: 249px;
    }
    .top-header {
        right: 250px;
    }
     .search-results  {
         right: 250px;
     }
     .footer-bottom {
         right: 250px;
     }
}
.server-config-btns-fixed {
        position: relative;
    width: 100%;
    display:table;
    table-layout: fixed;
    height: 24px;
}
.server-config-top {
    height: 140px;
}
.server-config-btns-fixed .btn-new:first-child {
    border-left: 0px !important;
}
.server-config-btns-fixed .btn-new {
        font-size: 12px;
    line-height: 24px;
    height: 24px;
    padding: 0px 10px;
    text-align: center;
display:table-cell;
    background: #f1f1f1;
    border-left: 1px solid white;
}
.server-config-btns-fixed .btn-new-half {
    width: 25% !important;
}
.server-config-arrow {
        text-align: center;
    font-size: 20px;
    line-height: 59px;
    color: #999;
    cursor:pointer;
    background: #f7f7f7;
}
.server-config-arrow.double {
    line-height: 118px;
}
.server-config-arrow:hover {
    background: #333;
    color: #fff;
}
.server-config-versions {
    position:relative;
    background: #fff;
    height: 30px;
}
.server-config-version {
    position: absolute;
    top: 14px;
    left: 50%;
    font-size: 13px;
    font-weight: 500;
    color: #aaa;
    padding: 0px 4px;
    background: white;
    z-index: 2;
    border: 3px solid white;
    margin-top: -14px;
    width: 60px;
    margin-left: -33px;
    text-align: center;
}
.server-config-version i {
    font-weight: 400;
}
.server-config-version-right {
    left:auto;
    right: 8px;
}
.server-config-version-line {
        position: absolute;
        top: 14px;
        width: 100%;
        border-top: 1px dashed #bbb;
}
.server-config-bottom {
    position:relative;
    height: 30px;
    width: 100%;
    margin-top: 5px;

}
.server-config-version-line-right {left: 50%;}
.server-config-version-line-left {width: 50%;}
.textitem-td {vertical-align:top;}
.textitem-td .text-item {margin-bottom: 0px;}

.textitem-td .text-item .text-item-in.title,
.textitem-td .text-item .text-item-in-edit {
    padding: 5px;
}

.textitem-td .text-item .text-item-in.title,
.textitem-td .text-item .text-item-in-edit,
.textitem-td .text-item-in-edit input[type=text],
.textitem-td .text-item-in-edit textarea {
    font-size: 14px !important;
    line-height: 18px !important;
}


.textitem-td .text-item-place {display:none;}
.price-indication {color: #999 !important;}
.builder-link {display:table;width: 100%;position: relative;cursor:pointer;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.builder-link:hover {background: #ccc;}
.builder-column {display: table-cell;color: #999;padding-right: 15px;}
.builder-company {max-width: 150px;padding-left: 40px;width: 150px !important;
    min-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;color: #666;
  text-overflow: ellipsis;}
.builder-company img {max-height: 40px;
    margin-top: -10px;
    margin-right: 15px;
    position: absolute;
    left: 0px;}
table.open_assignments {
    margin-bottom: 15px;
}
.number-column {
    display: table-cell;
    padding: 10px;
    position:relative;
}

.number-row {
    font-size: 16px;
    display: table;
    width: 100%;
    border: 2px solid #eee;
    color: #777;
    margin-bottom: 10px;
    table-layout:fixed;
}

.number-column-total {
    background: #eee;
    text-align: center;
}
.number-column-number {text-align:center;border-left: 1px solid #eee;}
.number-zero {color: #ddd;}
.number-row-title {border: 0px;margin-top: 10px;}

.number-row-title .number-column {text-align:center;padding: 0px;font-size: 14px;}
.project-row td {background: #ddd;}
tr.project-row {
    margin-bottom: 0px !important;
    border-bottom: 0px;
}
tr.project-row .dossier-span-type {display:none !important;}
tr.project-row:hover td {background:#ccc;}
.page-tabs-dates {
    display: inline-block;
    float: right;
}

.page-tab-date-item {
    display: inline-block;
    background: #eee;
    padding: 5px 15px;
    text-align: center;
    margin-left: 5px;
    cursor:pointer;
}
.page-tab-date-item:hover {
    background: #333;
    color: #fff;
}
.page-tab-date-item-top {
    color: #999;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
}

.page-tab-date-item-bottom {
    font-weight: 600;
    color: #777;
    font-size: 14px;
    line-height: 14px;
    margin-top: 3px;
}
.top-header-right-item-right-title {
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 600;
    height: 12px;
    padding: 0px;
    margin-bottom: 2px;
    color: #fff;
    padding-top: 1px;
}
.top-header-right-item-right-values {
    font-size: 9px;
}


.top-header-right-item-right-values .percent{
    color: #fff;
}

.important-all {color: #f89406 !important;}
.important-employee {background: #f89406 !important;border-color: #f89406 !important;color: #fff !important;}
.issues-task {
        display: inline-block;
    margin: 0px;
    margin-left: 5px;
    font-size: 18px;
    position: relative;
    margin-top: -6px;
    top: 1px;
    font-weight: 500;
}
.issues-task span {
        font-size: 15px;
}
.page-tab-item.active.important-all,
.page-tab-item.active.important-all:hover,
.page-tab-item.active.important-employee,
.page-tab-item.active.important-employee:hover {color: #f89406 !important;}
.client-top.noborder {padding-bottom: 0px;border-bottom:0px;}
.assignment-participant-alt[data-ajax-load-part-url]:hover {background: #ddd;cursor:pointer;}
.actionbar-actions label {margin-bottom: 0px;}

.files-new-template {  background: #f7f7f7;
    display: table;
    width: 100%;
    border-bottom: 1px solid white;
    font-weight: 500;
    font-size: 13px;
    color: #999;}
.files-new-template:hover {color: #555;background: #eee;text-decoration:none;}
.files-new_upload .btn-new {    text-align: center;
    color: #999 !important;
    font-weight: 500;
    background: #fff;
    border: 1px dotted #ddd;
    border-top: 0px;}
    .files-new_upload .btn-new:hover {
        background: #f1f1f1;
        color: #777;
    }
.files-new {margin-bottom: 15px;}
.files-new-file {   color: #999;
    background: #f1f1f1;
    display: table;
    width: 100%;
    border-bottom: 1px solid white;}
   .files-new-file:hover {
       text-decoration:none;
       color: #555;
       background: #ddd;
   } 
.files-new-template-title {
    display: table-cell;
    padding: 7px 10px;
    text-decoration:none !important;
}
a.files-new-file-title {
    display: table-cell;
    padding: 7px 10px;
    color: #777;
    font-weight: 500;
    vertical-align:middle;
    text-decoration:none !important;
}
a.files-new-file-title span,
.files-new-template span  {
          display: inline-block;
    float: left;
    width: 30px;
    color: #aaa;
    font-size: 16px;
    
}
.files-new-file:hover .files-new-file-title,
.files-new-file:hover .files-new-file-title span,
.files-new-template:hover span {
    color: #555;
}
.files-new-template span {
    font-size: 14px;
}
.actionbar-title i {
    width: 25px;
}
.files-new-file-right {
           display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    border-left: 1px solid white;
}
.files-new .message-yellow {
    border-bottom: 1px solid #fff;
}
.call-audio{
    width: 100%;
    border: 2px solid #eee;
    padding: 15px 15px 10px;
    text-align: center;
    margin: 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.call-audio audio {width: 100%;}
.missed-call {
        background: #ff3333;
    color: white;
    padding: 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 5px;
    top: -2px;
    position: relative;
}
.employee-online-item {
    cursor:pointer;
}
.employee-online-item:hover {
    background: #f89406 !important;
}
.employee-online-item:hover .employee-online-item-center,
.employee-online-item:hover .employee-online-item-right {
    color: #fff !important;
}
.sidebar-knock {
        background: #f89406;
    height: 40px;
    display: table;
    width: 100%;
    margin-bottom: 1px;
 cursor:pointer;
 position:relative;
}
.sidebar-knocking {
   -webkit-animation: KnockBackground 1.4s infinite; /* Safari 4+ */
  -moz-animation: KnockBackground 1.4s infinite; /* Fx 5+ */
  -o-animation: KnockBackground 1.4s infinite; /* Opera 12+ */
  animation: KnockBackground 1.4s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes KnockBackground {
  0%   { background:#f89406; }
  50% { background:#de8404; }
  100% { background:#f89406; }
}
@-moz-keyframes KnockBackground {
 0%   { background:#f89406; }
  50% { background:#de8404; }
  100% { background:#f89406; }
}
@-o-keyframes KnockBackground {
  0%   { background:#f89406; }
  50% { background:#de8404; }
  100% { background:#f89406; }
}
@keyframes KnockBackground {
  0%   { background:#f89406; }
  50% { background:#de8404; }
  100% { background:#f89406; }
}
.sidebar-knock a {
    color: #fff !important;
}
.sidebar-call {
        background: #1f9999;
    height: 40px;
    display: table;
    width: 100%;
    margin-bottom: 1px;
-webkit-animation: CallingBackground 1.4s infinite; /* Safari 4+ */
  -moz-animation: CallingBackground 1.4s infinite; /* Fx 5+ */
  -o-animation: CallingBackground 1.4s infinite; /* Opera 12+ */
  animation: CallingBackground 1.4s infinite; /* IE 10+, Fx 29+ */
 cursor:pointer;
}
.sidebar-call:hover {
    background:#0a6363 !important; 
}
@-webkit-keyframes CallingBackground {
  0%   { background:#1f9999; }
  50% { background:#0a6363; }
  100% { background:#1f9999; }
}
@-moz-keyframes CallingBackground {
 0%   { background:#1f9999; }
  50% { background:#0a6363; }
  100% { background:#1f9999; }
}
@-o-keyframes CallingBackground {
  0%   { background:#1f9999; }
  50% { background:#0a6363; }
  100% { background:#1f9999; }
}
@keyframes CallingBackground {
  0%   { background:#1f9999; }
  50% { background:#0a6363; }
  100% { background:#1f9999; }
}
.sidebar-call-left,
.sidebar-knock-left {
        display: table-cell;
    width: 40px;
    padding: 5px;
}
.sidebar-call-left img,
.sidebar-knock-left img {
        width: 40px;
    border-radius: 50%;
}
.sidebar-call-right,
.sidebar-knock-right {
        color: white;
        font-weight: 500;
        font-size: 14px;
        padding: 0px 5px;
        vertical-align:middle;
        display:table-cell;
        line-height: 16px;
}
.sidebar-call-right span,
.sidebar-knock-right span {
    font-size: 12px;
    font-weight: 400;
    display:block;
}
.sidebar-call-icon {
    font-size: 20px;
    display:table-cell;
    color: #fff;
    vertical-align:middle;
    width: 30px;
}
.people-div {
        display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
}
.fc-view-container tr{
        font-size: 12px;
    background: transparent !important;;
    height: 12px;
    line-height: 12px;
    margin-bottom: 0px !important;
    border-bottom: 0px !Important;
}
.fc-view-container td,
.fc-view-container th {
    background: transparent !important;
    padding: 0px !important;
    height: 12px;
    line-height: 12px;
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border: 1px solid #ddd !important;
}
.fc-unthemed td.fc-today {
    background: #fcf8e3 !important;
}
.fc-time-grid-container {
    height: auto !important;
}
.fc-time-grid .fc-slats td {
    height: 10px;
}
.fc-unthemed tbody {
    border: 0px !important;
}
.fc-unthemed table tr td:first-child {
    padding-left: 0px !important;
}
.fc-unthemed .fc-content {
    border: 0px !important;
}
.calendar {
    position:absolute;
    width: auto;
    overflow:scroll;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.calendar-in {
    padding-left: 25px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}
.calendar-in table {
    background: transparent !important;
    width: auto !important;
    max-width: none !important;
    position: relative;
}
.calendar-in table tr td {
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
}
.calendar-in table tr {
    border-bottom: 0px !important;
    background: transparent !important;
}
.calendar-in table tr:hover td {
    background: transparent !important;
    cursor:default !important;
}
tr.dates td {
    
}
.calendar-in table tr td, .calendar-in table th {
    background: transparent !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0px !important;
    vertical-align: top;
}
.calendar-item {
    background: #eee;
    color: #777;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    height: 100px;
    margin: 5px;
    height: auto !important;
    font-weight: 500;
}
.calendar-in table tr.dates td {
    font-weight: 600;
    font-size: 14px;
    border-right: 0px !important;
}
.calendar-item-assignment {
    background: #ef8f07 !important;
    color: #fff;
}
.calendar-item-done {opacity: 0.5;}
.calendar-in table tr td.today, .calendar-in table th.today {
    
    background-color: #f9eeb7 !important;
}
.calendar-item-title {
    padding: 0px;
    position: relative;
    display:table;
    width: 100%;
    text-transform: uppercase;
    font-size: 10px;
}
.calendar-in table tr.employees td {
  background: #f1f1f1 !important;
  text-align: center;
  padding: 3px 0px !important;
} 
.calendar-in table tr.employees td img {
    border-radius: 50% !important;
    margin: 0px !important;
    display: inline-block;
    float: none;
    height: 25px;
}
.calendar-item-title-left {
   display:table-cell;
   padding: 5px 5px 1px;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 10px;
}
.calendar-item-title-right {
   display:table-cell;
   width: 45px;
   text-align: center;
   background: rgba(255,255,255,0.2);
}
.calendar-subtitle-left {}

.calendar-subtitle {
    display: table;
    width: 100%;
    background: #f1f1f1;
    color: #666;
    font-weight: 500;
}

.calendar-subtitle-left {
    display: table-cell;
    padding: 0px 8px;
}

.calendar-subtitle-right {
    display: table-cell;
    width: 50px;
    text-align: center;
    background: #ddd;
}
.calendar-item-content {
    padding: 5px;
    padding: 5px;
    font-weight: 400;
}
.invoice-item-column.invoice-item-button {
    width: 100px;
    text-align: center;
}
td.issue-td {
    padding-left: 10px !important;
}
td.issue-td strong {
        margin-right: 5px;
        color: #ff3333;
}
td.update-td {
    padding-left: 10px !important;
}
td.update-td strong {
        margin-right: 5px;
}
.server-config-items {
        min-height: 193px;
        position: relative;
        padding-left: 15px;
}
.server-config-items:before{
    content: "";
    position:absolute;
        border-left: 1px dashed #bbb;
        top:15px;
        bottom: 15px;
        left: 0px;
    
}
.server-config-item {
    display: table;
    width: 100%;
    line-height: 30px;
    background: #f1f1f1;
    position:relative;
    margin-bottom: 0px;
    cursor:pointer;
}
.server-config-item:hover {
    background: #eee;
}

span.border-config-item {
    position: absolute;
    left: -15px;
    border-top: 1px dashed #bbb;
    width: 15px;
    top: 13px;
}
.server-config-item .people-td {
    display:table-cell;
    border-left: 1px solid #fff;
}

.server-config-item-left {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
    color: #888;
    position: relative;
    font-weight: 600;
}

.server-config-item-left img {
    max-width: 30px;
}

.server-config-item-status {
    display: table-cell;
    vertical-align: top;
    width: 75px;
    text-align: center;
        font-size: 13px;
    border-left: 1px solid #fff;
    color: #777;
    font-weight: 700;
}
.server-config-item-add {
       border: 1px dashed #bbb;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #777;
    background: #fff;
}
.assignmentcompletion .title-td span {
    display:block;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
}
.version-td {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align:left;
}
.update-td {
    width: 75px !important;
    min-width: 75px !important;
    max-width: 75px !important;
    font-weight: 600;
    text-align:left;
}
.version-arrow-td {
    
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    text-align:center;
}
.website-small tr td {
    background: white;
}

.website-small tr {
    border-bottom: 0px !important;
    border-top: 1px solid white;
}
.website-small table tr td:first-child {
    padding-left: 15px !important;
}
.website-small {
    border: 3px solid #ddd;
    margin-bottom: 15px;
}
.website-small:hover {
    border-color: #ccc !important;
}
.progress-td {
    width: 100px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.progress-top {
    height: 5px;
    width: 100%;
    background: #fff;
    position:relative;
    margin-top: 3px;
}
.progress-top-in {
    height: 5px;
    width: 50%;
    background: #468847;
    position:absolute;
}
.progress-bottom {
        line-height: 12px;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 600;
}
.builderitem-create-form[data-builderitem-create-form="rest"] {
    padding: 0px;
}
.builderitem-rest-link {
    padding: 5px 10px;
    color: white;
    background: #f9ae43;
    cursor:pointer;
}
.builderitem-rest-link-links {
    
    background: #446CB3;
}
.builderitem-rest-link:hover {
    background: #333;
}
.search-results-in {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 100%;
}

.search-results-in-column {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ddd;
    text-align:left;
}
.search-results-in-column-title {
    background: #f1f1f1;
    font-weight: 600;
    color: #555;
    padding: 5px 10px;
}
.search-results-in-column-row {
    overflow: hidden;
}
.search-results-in-column-results {
    overflow:auto;
}
.connected-skeleton {
    background: #999;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border-radius: 4px;
}
.connected-skeleton i {
    font-size: 9px;
    vertical-align: middle;
    top: -1px;
    position: relative;
    margin-right: 3px;
}
.dossier-left-connection {
    cursor:pointer;
    padding: 0px 10px;
    display:inline-block;
    display: block;
    float: left;
    color: #999;
}
.dossier-left-connection:hover,
.dossier-left-connection:hover span {
    background: #000;
    color: #fff;
}
.dossier-left-connection span {
    font-size: 14px;
    line-height: 21px;
}

.dossier-left-connection span i {
    font-size: 12px;
}

.task-item-type {
    font-weight: 600;
    text-align: center;
    padding: 0px 10px;
    background: #333;
    color: #fff;
    display: inline-block;
    float: left;
    border-right: 1px solid white;
}


.month {
    width: 800px;
    display: inline-block;
}

.months {
    white-space: nowrap;
    overflow: scroll;
}
.month tr td{
        background: inherit !important;
    color: inherit !important;
    padding: 0px !important;
    margin: 0px !important;
    vertical-align: middle;
}


.month .btn-new {
    display: block;
    margin: 0px;
    padding: 0px;
    float: right;
    width: 100%;
    vertical-align: top;
    color: #333 !important;
    text-align:center;
    height: 30px;
    line-height: 30px;
}
.month .btn-new:hover {
    color: #fff !important;
}
.sidebar-employee {
    display: table;
    width: 100%;
}

.sidebar-employee-left {
    display: table-cell;
    vertical-align: top;
    width: 50px;
}

.employee-target-top {
    width: 100%;
    display: block;
    height: 3px;
    background: #555;
    margin-top: 5px;
    margin-bottom: 3px;
    position: relative;
}

.employee-target-top-in {
    background: red;
    height: 3px;
}
.sidebar-employee {
    display: table;
    width: 100%;
}

.sidebar-employee-left {
    display: table-cell;
    vertical-align: top;
    width: 50px;
}

.employee-target-top {
    width: 100%;
    display: block;
    height: 3px;
    background: #555;
    margin-top: 5px;
    margin-bottom: 3px;
    position: relative;
}

.employee-target-top-in {
    background: red;
    height: 3px;
    min-width: 15px !important;
    max-width: 100% !important;
}

.employee-target-bottom {
    display: block;
    font-size: 11px;
    line-height: 11px;
}

.employee-target-bottom-left {
    display: block;
    float: left;
    width: 50%;
}

.employee-target-bottom-right {
    display: block;
    float: left;
    text-align: right;
    width: 50%;
}
.form-website {
    background: #f1f1f1;
    padding: 10px;
    font-size: 15px;
    margin-bottom: 5px;
    color: #555;
}
.sidebar-target-title {
       background: #222;
    color: #ddd;
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: 600;
}

.sidebar-target-item {
    display: table;
    width: 100%;
}
.sidebar-target-item-percent {
display:table-cell;
vertical-align:middle;
padding-right: 5px;
}
.sidebar-target-item-left {
    display: table-cell;
    vertical-align: middle;
    width: 22px;
    padding: 1px 0px 3px;
    padding-left: 5px;
}

.sidebar-target-item-left img {
    max-width: 100%;
    border-radius: 50%;
}

.sidebar-target-item-right {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 5px 0px 10px;
}

.sidebar-target-progress {
    height: 3px;
    width: 100%;
    background: rgba(255,255,255,0.1);
    position:relative;
}

.sidebar-target-bottom-left, .sidebar-target-bottom-right {
    display: block;
    float: left;
    color: #ddd;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    margin-top: 3px;
}
.sidebar-target-item-percent {
    display: table-cell;
    color: #999;
    text-align: right;
    width: 20px;
    font-size: 12px;
    vertical-align: middle;
}
.sidebar-target-bottom-right {
    float: right;
}

.sidebar-target-progress-in {
    background: #666;
    width: 50%;
    height: 3px;
    max-width: 100% !important;
    position:absolute;
    left: 0px;
    top: 0px;
}
.sidebar-target-item-percent-in {
    background: rgba(255,255,255,0.1);
    font-size: 10px;
    text-align: center;
    display: block;
    padding: 0px 3px;
    font-weight: 600;
    position: relative;
    top: 0px;
    height: 18px;
    line-height: 18px;
    width: 30px;
}
.sidebar-target-tabs-toggle {
    display: table;
    width: 100%;
}
.sidebar-target-tabs .grey {
    padding: 10px;
    font-size: 12px;
    text-align:center;
}
.sidebar-target-tab-content {display:none;}
.sidebar-target-tab-content.active {
    display:block;
}
.sidebar-target-tab-item {
    display: table-cell;
    width: 50%;
    background: #000;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #777;
    cursor: pointer;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
.sidebar-target-tab-item:hover,
.sidebar-target-tab-item.active {
    background: #222;
    color: #eee;
    border-bottom: 1px solid #222;
}
.sidebar-target-tabs {padding-bottom: 10px;background: #222;}
.sidebar-target-item-name {
    vertical-align: middle;
    display: none;
    color: #999;
    width: 35px !important;
    font-size: 10px;
    padding-left: 5px;
}
.sidebar-target-item-name-in {
    max-width: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.agenda-week,
.agenda-users-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.agenda-week-column,
.agenda-user {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #eee;
}

.agenda-week-column.agenda-week-column-main,
.agenda-user.agenda-user-main {
    width: 90px !important;
    
}

.planning-top {
    padding: 0px;
}
.qrtr {
    font-size: 12px;
    line-height: 18px;
    border-bottom: 0px;
    height: 20px;
    /* border-right: 1px solid #eee; */
}

.agenda-week-column-main .qrtr {
    text-align: right;
    padding: 0px 3px;
    color: #333;
    background: #fafafa;
    font-weight: 500;
}

.agenda-title {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
    background: #eee;
}
.qrtr-title {
    border-top: 1px solid #eee;
}
.planning-top-in {display: table;width: 100%;}
.planboard-content {
    margin-top: 55px;
}
.planning-top {
        line-height: 50px;
        text-align: center;
        left: 200px;
        top: 45px;
        right: 250px;
        background: #333;
        position: fixed;
        z-index: 1001;
        height: 55px;
        overflow-x: scroll;
}
.planning-content {
    margin-top: 50px;
}
.planning-top-column {
    display: table-cell;
    vertical-align: top;
    height: 50px;
}

.planning-top-column.agenda-weeks {border-left: 1px solid #eee;border-right: 1px solid #eee;}

.planning-top-column.agenda-week-previous, 
.planning-top-column.agenda-week-next {
    width: 75px;
    font-weight: 700;
    background: #222;
    cursor:pointer;
}
.planning-top-column.agenda-week-previous:hover, 
.planning-top-column.agenda-week-next:hover {
    background: #eaeaea;
}
.planning-top-column.agenda-week-previous i, 
.planning-top-column.agenda-week-next i {
    margin: 0px 5px;
}
.agenda-weeks-in {
    display: table;
    width: 100%;
    table-layout:fixed;
}

.agenda-weeks-in div {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        cursor: pointer;
        line-height: 14px;
        padding: 10px 0px;
        color: #eee;
        height: 30px;
        text-align: center;
        width: 200px !important;
        padding-bottom: 15px !important;
}

.agenda-weeks-in div:last-child {
    border-right: 0px;
}
.agenda {
    position: absolute;
    top: 110px;
    left: 0px;
    right: 0px;
    bottom: 43px;
    overflow: scroll;
}

.agenda-users {
    position: fixed;
    top: 99px;
    left: 200px;
    right: 200px;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.agenda-user {
    text-align:center;
    line-height: 20px;
}
.agenda-user img {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    float: none;
    margin: 0px !important;
}
.agenda-user-image {
    display: block;
    width: 100%;
    height: 28px;
    padding-top: 8px;
    text-align: center;
    padding-bottom: 1px;
}
.agenda-user span {
    display:block;
    line-height: 17px;
    font-size: 12px;
    color: #777;
}
.agenda-weeks-in div span {
    display:block;
    font-size: 13px;
}
.agenda-weeks-in div:hover {
    background: #444;
}
.agenda-weeks-in div.active {
    background: #444 !important;
    color: #fff;
}
.task-reference {
    font-size: 18px;
    font-weight: 500;
    color: #777;
}.task-reference i {
    margin-right: 5px;
}
.task-item-center-top.task-item-center-large {
    font-size: 16px;
    line-height: 32px;
}

.spam {
    background: #a10e02;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 5px;
    margin-left: 5px;
    top: -2px;
    position: relative;
    font-weight: 700;
}

.e-mail-item-center-right i {
        font-size: 12px;
    position: relative;
    top: 0px;
    margin-right: 8px;
}
.spamrules {
    margin-bottom: 10px;
}
.spamrules-top {
    color: #a10e02;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    text-align:center;
    background: #edd7d5;
}
.spamrules tr {
    border-bottom: 0px !important;
    border-top: 1px solid #fff;
}
.spamrules td {
    font-size: 13px !important;
}
.spamrules td:first-child {
    padding-left: 10px !important;
}
.spamrules td,
.spamrules tr:hover td {
    background: #f6eae9;
    color: #a10e02;
}

.e-mail-item-left {
    position: relative;
}

.btn-new.btn-select {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    opacity: 0;
}
.inbox-item:hover .btn-select {
    opacity: 1;
}
.inbox-item.selected .btn-select {
    opacity: 1;
}
.inbox-item.selected {
    background: #f9eeb7 !important;
}
.action-selected {display:none;}
.dossier-actions-left-nomargin {margin-left: 0px !important;}

.btn-inbox-select i.fa-close {display:none;}
.inbox-item.selected .btn-select,
.btn-inbox-select:hover{
    background: #468847 !important;
    color: #fff !important;
}
.inbox-item.selected .btn-select:hover i.fa-check {display:none;}
.inbox-item.selected .btn-select:hover i.fa-close {display:inline-block;}


.builderitem-create-form[data-builderitem-create-form="file"],
.builderitem-create-form[data-builderitem-create-form="line"] {padding: 0px;}

.builderitem-create-form .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    line-height: 60px;
    cursor: pointer;
   background: #f9ae43;
}

.builderitem-create-form .placeholder {
  font-size: 15px;
  font-weight: 500;
  color: white;
  text-align:center;
  opacity: 0.8;
}

.builderitem-create-form .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.builderitems-choices {
    display: table;
    height: 60px;
    width: 100%;
}

.builderitem-choice {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-right: 1px solid #f1f1f1;
    cursor:pointer;
    opacity: 0.8;
}
.builderitem-choice:last-child {
    border-right: 0px !important;
}
.builderitem-choice:hover {
    background: #333;
    opacity: 1;
}

.line-example {
    border-top: 1px solid #fff;
    margin: 0px 40px;
    margin-bottom: 5px;
}
.line-example-important {
    border-top: 3px solid #fff;
}
.line-example-dashed {
    border-top-style: dashed;
}
.line-example-dotted {
    border-top-style: dotted;
}
.builderitem-line {
    background: transparent;
    display: table;
    width: 100%;
    height: 39px;
}
.builderitem-line-in {
    display:table-cell;
    vertical-align:middle;
    padding: 0px 10px;
}
.builderitem-line-in span {
    width: 100%;
    height: 1px;
    border-top: 1px solid #999;
    display: block;
}
.builder-item:hover .builderitem-line-in span{
    background: #fff !important;
}
.builderitem-line-in span.line-dotted {
    border-top-style: dotted;
}

.builderitem-line-in span.line-dashed {
    border-top-style: dashed;
}

.builderitem-line-in span.line-strong {
    border-top-width: 3px;
}
[data-ajax-load] {
    position:relative;
    min-height: 100px;
}
.feedback-item {
    background: #468847;
    color: white;
    font-size: 12px;
    padding: 5px;
    line-height: 1em;
}
.feedback-item.feedback-item-error { 
    background: #b94a48 !important;
}
.feedback-item span.title {
    font-weight: 600;
    display: block;
    opacity: 1;
    margin-bottom: 3px;
}

.sidebar-feedbacks:empty{
    display: none;
}

.sidebar-feedbacks{
    position: fixed;
    top: 48px;
    left: 200px;
    padding: 10px;
    z-index: 300;
    right: 255px;
}

.sidebar-feedbacks .feedback-item{
    margin-bottom: 10px;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 3px 3px 20px #888888;
    padding: 12px;
}

.sidebar-feedbacks .fa{
    position: relative;
    display: block;
    float: left;
    font-size: 28px;
    padding-right: 10px;
    top: 1px;
}

table.small-table td {
    background: #fff !important;
    padding: 0px 3px !important;
    font-size: 11px;
    border: 1px solid #eee !important;
}

table.small-table tr {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    height: auto !important;
    line-height: 10px !important;
    border-bottom: 0px !important;
}

.body-general-in {
    height: 100%;
}
.planboard {
        position: absolute;
    top: 0px;
    bottom: -5px;
    right: 240px;
    max-width: 100%;
    left: 200px;
    background: #fff;
    z-index: 100;
}
.planboard {
    overflow-x: auto;
    white-space: nowrap;
}

.planboard-column {
    display: table-cell;
    width: 425px !important;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 100%;
    vertical-align: top;
    white-space:normal;
}
.planboard-column-small {
       width: 215px !important;
}
.planboard-column-medium {
    width: 330px !important;
    min-width: 330px !important;
}
.planboard-content {
    height: 100%;
}
.planboard-content-in {
    display: block;
    height: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.planboard-row{
    display: table;
    table-layout: fixed;
    width: 100%;
    table-layout: fixed;
}

.planboard-column.planboard-column-fixed {
    background: #333;
    height: 100%;
    position: sticky;
    width: 100px !important;
    left: 0;
    top: auto;
    z-index: 1000;
    border-color: #111;
}
.planboard-row.planboard-row-titles {
    height: 50px;
    font-weight: 700;
    text-align: left;
    border-top: 0px !important;
}
.tasks-sortable {
    height: 100%;
    min-height: 75px;
    width: 100%;
    padding: 2px 0px;
}

.task-line,
.task-dropping {
    font-size: 12px;
    line-height: 12px;
    padding: 5px 5px 0px;
    cursor: pointer;
    display:block;
    min-height: 40px;
}

.task-line-in {
    background: #ffc800;
}
.background-yellow-3 {
    background: #ffc800 !important;
}
.background-yellow-3,
.background-yellow-3 span{
    color: #333333 !important;
}
.task-line:hover .task-line-in {
    background: #dbac00;
}

.task-line-top {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.task-line-top-left, .task-line-top-right {
    display: table-cell;
    vertical-align: top;
}


.task {
        width: 100px;
        height: 80px;
        display: -webkit-box;
        background: white;
        white-space: normal;
        cursor: pointer;
        overflow: hidden;
        font-size: 12px;
        font-weight: 600;
        vertical-align: top;
        float: left;
        margin-right: 5px;
        background: #ffc800;
        margin-bottom: 5px;
}
.task-line,
.task-dropping {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 5px;
    cursor: pointer;
    display:block;
    min-height: 20px;
}

.task-line-in {
    background: #ffc800;
}

.task-line:hover .task-line-in {
    background: #dbac00;
}
.task-line-in {
    position:relative;
}

.task-line-top-type {
    width: 40px;
    text-align:center;
    font-weight: 700;
}
.task-line-top-min span {
    display: inline-block;
    background: #468847;
    color: #fff;
    padding: 2px 5px;
    position: absolute;
    top: 3px;
    right: 3px;
    font-weight: 600;
}
.task-line-top-type.task-time {
    background: #c15a8e;
    color: #fff;
}
.task-line-top-min {
    width: 60px;
    text-align:right;
}

.task-line-top-persons {
    text-align: right;
}

.task-line-top-persons img {
    display: inline-block;
    float: right;
    margin: 0px;
    max-height: 18px;
    vertical-align: middle;
    border-radius: 50%;
    padding: 2px;
    margin-top: 1px;
}

.task-line-top-persons {
    width: 23px;
}

.task-line-top-title {
    font-weight: 600;
}

.task-line-top-right .task-dossier {
    width: auto;
    left: 0px;
    position:relative;
    right: 0px;
}

.task-line-top,
.task-line-content {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.task-line-top-prio,
.task-line-top-type,
.task-line-top-min,
.task-line-top-title,
.task-line-top-persons,
.task-line-top-right {
    display: table-cell;
    padding: 5px;
    position:relative;
    height: 100%;
}
.task-line-top-type,
.task-line-top-min {
    font-size: 11px;
}
.task-line-top-right,
.task-line-top-type,
.task-line-top-title,
.task-line-top-persons {
    padding: 0px !important;
}
.task-line-type {
    padding: 5px;
    text-align:center;
}
.task-line-top-title-in {
    padding: 5px;
}



.task-line-type {
    color: #fff;
    font-weight: 700;
    position: relative;
}

.task-line-top-min, .task-line-top-title, .task-line-top-persons, .task-line-top-right {
    vertical-align: top;
}

.task-line-top-right .task-dossier img {
    float: right;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

.task-line-top-right .task-dossier {
    padding-right: 0px;
}

.task-line-top-type-in {
    padding: 5px;
}

.task.status-yellow-green {
    font-weight: 500;
}
.status-yellow-green div.task-header-item {
    color: #333 !important;
}

.planboard-row.planboard-row-titles .planboard-column {
    border-bottom: 2px solid #ccc;
}
.planboard-column-fixed {
    border-color: #111 !important;
}
.task-dropping {
        background: #cfbc00;
}
.task-content {
    text-align: center;
    vertical-align:middle;
    display: table;
    width: 100%;
    height: 100%;
    line-height: 1em;
}
.task-content-in {
    display: table-cell;
    vertical-align:middle;
    padding: 15px 10px 20px;
}
.plan-user {
    display: inline-block;
    font-size: 11px;
    padding: 0px 10px;
    top: 50%;
    color: #eee;
    -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
    position: absolute;
}

.plan-user img {
    max-width: 22px;
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


.planboard-setting {
    display: block;
    font-size: 10px;
    font-weight: 500;
    padding: 0px 10px;
    color: #999;
    background: #eee;
    float: left;
    min-width: 20px;
    text-align:center;
    cursor:pointer !important;
}
.planboard-setting:hover {
    background: #555;
    color: #fff;
}
.planboard-setting.background-green,
.planboard-setting.background-red {
    color: #fff;
}
.planboard-column-settings {
        margin-bottom: 0px;
        display: block;
        width: 100%;
        line-height: 20px;
        min-height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #eee;
}
.planboard-column {
    position:relative;
}
.sidebar-target-tab-content {
    position:relative;
}
.task-qf,
.task-header-qf {
    background: #0969A2 !important;
}
.task-prio {
    background: #ff3028 !important;
}
.task-prio-purple {
    background: #8c09a2 !important;
}
.task-line-type i {
    color: #fff !important;
}
.planboard-date {
    background: #eee;
    height: 100%;
    display: table;
    width: 100%;
    text-align: center;
}
.applicationTasks {
    position:relative;
}
.task-header-item.qf {
    width: 30px;
}
.task-header-item.qf,
.taks-sidebar-column-header-item.qf {
    background: #0969A2;
    color: #fff !important;
}
.planboard-date-in {
    display: table-cell;
    vertical-align: middle;
}

.planboard-date-top {
    font-size: 15px !important;
    line-height: 1em;
    font-weight: 600;
}

.planboard-date-bottom {
    font-weight: 400;
}
.planboard-column.planboard-column-weekend {
    width: 300px !important;
}

.planboard-column.planboard-column-available {
    background: #46884726 !important;
}
.planboard-column.planboard-column-notavailable {
    background: #b94a4812 !important;
}
.planboard-setting-hover {
    display:none;
}
.planboard-column:hover .planboard-setting-hover {
    display:block;
}
.task-header {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 8px;
    font-size: 10px;
    background: #cfbc00;
    display: table; 
    width: 100%;
}
.planboard-column-today .planboard-date{
    background: #468847 !important;
    color: #fff !important;
}
.planboard-row-titles .planboard-column-today {
    border: 0px;
}
.task {
    position: relative;
}

.task-header-item {
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    padding: 2px 0px;
}
.dark-sidebar-title {
    color: #fff;
}
.task.task-sidebar {
    height: auto !important;
    line-height: 1.5em;
    padding: 0px;
    display: block !important;
    float: none;
    width: auto !important;
    margin: 1px 0px !important;
}
.dark-sidebar-title,
.dark-sidebar-subtitle {
    font-weight: 600;
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 1em;
    display: table;
    width: 100%;
}
.dark-sidebar-title-column,
.dark-sidebar-subtitle-column {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}

.dark-sidebar-title-column.dark-sidebar-title-column-2,
.dark-sidebar-subtitle-column.dark-sidebar-subtitle-column-2 {
    width: 90px;
    text-align:center;
}

.task-sidebar-top {
    padding: 5px;
}
.task-sidebar-bottom-in {
    display: table;
    width: 100%;
    vertical-align: top;
    table-layout: fixed;
}

.task-sidebar-button {
    display: table-cell;
    vertical-align: top;
    padding: 2px 5px;
    text-align: center;
    background: #d9ab03;
}

.task-sidebar-top span.task-time {
    display: inline-block;
    background: #7f6300;
    padding: 2px 5px;
    color: #fff;
}


.task-sidebar-employee img {
    display: inline-block;
    max-width: 18px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 0px;
}

.task-sidebar-employee span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.task-sidebar-employee {
    height: 19px;
    line-height: 21px;
    margin-bottom: 5px;
}

.task-sidebar-bottom-hover {
    display:none;
}
.task:hover .task-sidebar-bottom-hover {
    display:block;
}


.task-sidebar-in {
    display: table;
    width: 100%;
}

.task-sidebar-column {
    display: table-cell;
    vertical-align: top;
}

.task-sidebar-column.task-sidebar-column-1 {
    width: 20px !Important;
    min-width: 20px !important;
    max-width: 20px !important;
    text-align: center;
}

.task-sidebar-column.task-sidebar-column-1 span {
    background: #000 !important;
    display: block;
    color: #fff;
    height: 20px;
    line-height: 20px;
}

.task-sidebar-column.task-sidebar-column-2 {
    line-height: 1.2em;
     max-width: 70px;
}

.task-sidebar-column.task-sidebar-column-3 {
    width: 70px !important;
    border-left: 1px solid #333;
    background: #d9ab03;
    min-width: 70px !important;
    max-width: 70px !important;
    color: #333 !important;
}

.task-sidebar-column.task-sidebar-column-3 div {
    display: block;
}
.task-sidebar-column.task-sidebar-column-3 div:nth-child(2){
    border-top: 1px solid #333;
}
.tabs-small-toggles {
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
}

.tabs-small-toggles-left, .tabs-small-toggles-right {
    display: table-cell;
    vertical-align: middle;
}

.tabs-small-toggle {
    display: inline-block;
}


.tabs-small-toggles {
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
}

.tabs-small-toggles-left, .tabs-small-toggles-right {
    display: table-cell;
    vertical-align: top;
}

.tabs-small-toggle {
    display: block;
    float: right;
}

.tabs-small-toggles-right {
    text-align: right;
}

.tabs-small-toggle {
    border: 1px solid transparent;
    margin-left: -1px;
    margin-bottom: -1px;
    padding: 5px 15px;
    color: #666;
    cursor:pointer;
}

.tabs-small-content {display:none;}
.tabs-small-content.active {display:block;}
.tabs-small-content {
    padding-top: 5px;
}

.tabs-small-toggle.active {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    font-weight: 600;
    color: #222;
}
.planningtasks-conversation {
    margin-top: 20px;
}
.task-horizontal-in {
    display: table;
    width: 100%;
    line-height: 1em;
}

.task-horizontal-column {
    display: table-cell;
    vertical-align: middle;
}

.task-horizontal {
    background: #ffc800;
    font-weight: 600;
    cursor:pointer;
}

.task-horizontal-column.task-horizontal-column-1 {
    width: 110px;
    padding: 5px;
}

.task-horizontal-column.task-horizontal-column-1-flex {
    width: 36px;
    padding-left: 10px;
}
.task-horizontal-column.task-horizontal-column-1:hover {
    background: #d9ab03;
}
.hour-horizontal .task-horizontal-column.task-horizontal-column-1:hover {
    background: transparent !important;
}

.hour-horizontal .task-horizontal-column.task-horizontal-column-3 span {
    display: block;
    font-weight: 500;
    color: #777;
}

.hour-horizontal .task-horizontal-column.task-horizontal-column-3 {
    line-height: 1.2em;
}
.hour-horizontal .task-horizontal-column.task-horizontal-column-2 {
    color: #222;
    font-size: 11px;
    font-weight: 600;
    width: 175px !important;
    text-align:right;
    padding-right: 10px;
}
.hour-values {
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    margin-bottom: 5px;
    float: right;
}
.total-hours {
    
    background: #CE0071;
    color: #fff;
    text-align:center;
    padding: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hour-values-in {
    height: 5px;
    background: #CE0071;
    min-width: 10px !important;
}

.task-horizontal.hour-horizontal {
    background: #eee !important;
}

.task-horizontal-column.task-horizontal-column-1 img {
    max-width: 30px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    float: none;
}

.task-horizontal-column.task-horizontal-column-1 span {
    display: inline-block;
    vertical-align: middle;
} 
.task-horizontal-column.task-horizontal-column-3 {
    padding-left: 5px;
}

.task-horizontal-column.task-horizontal-column-2 {

    width: 175px;
    font-weight: 400;
}

.tabs-small-toggles-left {
    vertical-align: middle;
    color: #777;
}

.tabs-small-toggles-left i {
    display: inline-block;
    margin-right: 6px;
}
.task-horizontal {
    margin-bottom: 7px;
}
.server-config-item-add {
    cursor:pointer;
}
.task-dossier {
    position: absolute;
    background: #cfbc00;
    bottom: 0px;
    left: 0px;
    line-height: 20px;
    font-size: 10px;
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    height: 20px !important;
    vertical-align: text-bottom;
    color: #333 !important;
}

.task-dossier img {
    height: 21px;
    vertical-align: top;
    margin-top: -1px;
    margin-left: -5px;
}


.taks-sidebar-column-header {
    display: table;
    width: 100%;
    background: #cfbc00;
    font-size: 10px;
}

.taks-sidebar-column-header-item {
    display: table-cell;
    text-align: center;
    line-height: 18px;
    padding-top: 2px;
}

.taks-sidebar-column-header-item.qf {
    width: 30px !important;
    max-width: 30px !Important;
    text-align: center;
}
.taks-sidebar-column-header-item-time {
    text-align:left;
    padding: 0px 5px;
    color: #333 !important;
}
.taks-sidebar-title {
    padding: 10px;
}

.task-sidebar-column .task-dossier {
       position: relative;
    display: block;
    padding: 0px;
    width: auto;
}

.task-sidebar-column .task-dossier img {
    margin-left: 0px;
}
.top-header-right-numbers {
    display: table;
}


.top-header-right-numbers-column {
    display: table-cell;
    vertical-align: middle;
}

.top-header-right-numbers-column:first-child {
}

.top-header-right-numbers.targetcomplete .top-header-right-item-right-values {
    color: #468847 !important;
}
span.percent {
    display: inline-block;
    width: 20px;
    color: #999;
    text-align: center;
    font-size: 8px;
    vertical-align: middle;
    height: 9px;
    position: relative;
    line-height: 10px;
    padding: 0px;
    margin-right: 0px;
    font-weight: 600;
}
.top-header-right-numbers.targetcomplete span.percent {
    background: #468847 !important;
    color: #fff;
}
.main-row-body-in .page-tabs {
    margin: 0px -20px;
    margin-bottom: 15px;
    padding: 0px 20px;
}



::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
::-webkit-scrollbar-track {
  background: #fff;
}
 
::-webkit-scrollbar-thumb {
  background: #ddd; 
}
.body-sidebar-right ::-webkit-scrollbar-track,
.footer-bottom::-webkit-scrollbar-track {
    background: transparent !important;
}
.body-sidebar-right ::-webkit-scrollbar-thumb{
    background: #000;
}
.task.task-sidebar:hover {
    background: #333;
    color: #fff;
}

.status-green div.task-dossier, .status-green div.task-header-item {
    color: #333 !important;
}

.task:hover {
    background: #333;
    color: #fff;
}

.task:hover .task-header-item {
    color: #333 !important;
}

.task:hover .task-header-item.qf {
    color: #fff !important;
}

.planboard-column-task-row {
    height: 100%;
}

.planboard-column-task-rows {
    height: 100%;
}

.planboard-row .part-loader {
    padding: 0px;
    background: transparent;
}
.task-header-item.task-header-item-checker img {
    width: 12px;
    height: 12px;
    top: -3px;
    position: relative;
    right: -5px;
}

.task-header-item.task-header-item-checker {
    position: absolute;
    right: 0px;
    top: 0px;
}

.task-line-top-type {
    background: #cfbc00;
    vertical-align:middle;
}



input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #bbb;
  border-radius:2px;
  border:  0px;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}

.number-range-slider {
    margin-bottom: 5px;
    background: #eee;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.number-range-slider-top {
    padding-bottom: 0px;
}

.number-range-slider-bottom {
    display: table;
    width: 100%;
    padding-top: 10px;
}

.number-range-slider-bottom-left, .number-range-slider-bottom-right {
    display: table-cell;
    vertical-align: middle;
}

.number-range-slider-bottom-left {
    padding: 0px;
    width: 50px;
    padding-top: 0px;
    padding-right: 10px;
}

.range-slider-value {
    display: block;
    float: left;
    background: #ddd;
    height: 27px;
    border-radius: 4px;
    width: 57px;
    text-align: center;
    line-height: 27px;
    font-weight: 400 !important;
    padding: 0px 3px;
}
.footer-bottom-employees {
    /*float: left;*/
    z-index: -2;
    display: block;
}

.footer-bottom [data-ajax-part-id],
.body-sidebar-right [data-ajax-part-id] {
    position: relative;
}
.body-sidebar-right .dark.nav-list > li > a {
    padding: 2px 8px 1px 20px;
}
.body-sidebar-right .dark.nav-list > li > a:hover {
    background:#111 !important;
    color:#fff !important;
}
.body-sidebar-right .nav-list h4 {
    background: #111;
    padding: 2px 15px 1px;
    font-size: 11px;
    color: #ccc;
}

.body-sidebar-right .nav.dark li i {
    font-size: 11px;
    margin-right: 3px;
}
.sidebar-left .sidebar-target-tabs {
    background: transparent !important;
    padding-bottom: 0px;
}


.body-sidebar-right-row-height {
    position:relative;
}
.body-sidebar-right-row-height {
    border-top: 1px solid #111;
}


.date-new-placeholder,
.date-new-placeholder input,
input.conversation_datepicker,
form#form-deadline-us,
form#form-deadline-client {
    height: 0px !important;
    overflow: hidden;
    width: 0px !important;
}
.datepicker tr {
    padding-bottom: 0px !important;
    height: auto !important;
    min-height: auto !important;
}

.planningtask-participant {
    width: 65px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    opacity:0.25;
    cursor:pointer;
    position:relative;
}
.planningtask-participant.active,
.planningtask-participant:hover {
    opacity: 1;
}
.planningtask-participant-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.planningtask-participant-name {
    text-align: center;
    margin-top: 9px;
    line-height: 1em;
    color: #999;
}

.planningtask-participant-active,
.planningtask-participant-error {
    position: absolute;
    right: -5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.planningtask-participant-error {
    top: 39px;
}
.sidebar-add-fast {
    text-align: center;
    font-weight: 500;
    line-height: 28px;
    padding-top: 2px;
    color: #999;
    cursor:pointer;
    font-size: 12px;
}
.sidebar-add-fast:hover {
    color: #fff;
    background: #000;
}


.builderitem-toolbar {
    margin: 10px -10px -10px;
    color: #fff;
    background: #ccc;
    display:none;
}
.builderitem-toolbar.active {
    display:block;
}

.builderitem-toolbar-items {
    display: block;
    padding: 0px;
}

.builderitem-toolbar-item {
    display: inline-block;
    padding: 5px 10px;
    cursor:pointer;
    margin-right: -3px;
}

.builderitem-toolbar-contentitem.active {
    display: block;
}

.builderitem-toolbar-contentitem {
    display: none;
    background: #bbb;
}
.builderitem-toolbar-item:hover,
.builderitem-toolbar-item.active {
    background: #bbb;
}

.builderitem-actions {
    position: absolute;
    right: 1px;
    top: 1px;
    display:none;
}

.builderitem-action {
    display: block;
    line-height: 30px;
    background: #ccc;
    float: right;
    padding: 0px 10px;
    min-width: 25px;
    text-align: center;
    font-size: 16px;
    margin-left: 1px;
    color: #666;
    cursor: pointer;
}
.builderitem-create-form {
    position:relative;
}
.builderitem-create-form:hover .builderitem-actions,
.builder-item:hover .builderitem-actions {
    display: inline-block;
}

.emojis-category-title {
    text-transform: uppercase;
    background: #aaa;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #ddd;
}

.emojis-category-items {
    padding: 1px;
    background: #ddd;
}

.emoji {
    font-size: 23px;
    display: inline-block;
    background: #ddd;
    height: 40px;
    overflow: hidden;
    width: 45px;
    text-align: center;
    line-height: 47px;
    margin-right: -3px;
    margin-bottom: -5px;
    cursor: pointer;
}

.emoji:hover {
    background: #fff;
}
.emoji span {display:none;}
.emojis-search input {
    background: #999 !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    color: #ddd !important;
    
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.emojis-categories {
    max-height: 250px;
    overflow-y: scroll;
    height: 250px;
    display: block;
}

.builder-item .builderitem-toolbar {
    margin: 0px !important;
}

.autogrow-textarea-mirror {
    white-space: pre-wrap !important;
}
.builder-create-search-items {}

.builderitem-create-form[data-builderitem-create-form=load] {
    padding: 0px !important;
}

.builder-create-search-input input {
    padding: 10px !important;
    color: #fff !important;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.builder-create-search-items {
    background: #f9ae43;
    max-height: 500px;
    height: 250px;
    overflow-y: scroll;
    border-top: 1px solid #fff;
}

.main-left-item-text span.hidden {
    display: none;
}

.builder-create-search-items .main-left-title {
    background: #b27616;
    border-bottom: 0px;
    color: #fff;
}

.builder-create-search-items .main-left-item {
    border-bottom: 0px;
}

.builder-create-search-items .main-left-item-text {
    line-height: 1em;
    color: #fff;
}
.builder-create-search-items .main-left-item:hover {
    background: #c9882c;
}
.builderitem-toolbar-searchitems-noresults {
    display:none;
}

.builderitem-toolbar-searchitems-noresults .modal-warning {
    margin: 0px;
}


.employee-item {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.employee-item-left {
    width: 40px;
    display: table-cell;
    vertical-align: middle;
}

.employee-item-right {
    display: table-cell;
    vertical-align: middle;
    color: #777;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
}

.employee-item-right span {
    font-weight: 400;
    display: block;
    color: #aaa;
    font-size: 12px;
}

.employee-item-left img {
    width: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.columns {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.column {
    display: table-cell;
    vertical-align: top;
}


.analytics-toolbar-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.analytics-toolbar-column {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #fff;
}

.analytics-toolbar {
    margin: 0px -1px;
}

.analytics-toolbar-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}


.analytics-toolbar {
    margin: 0px -1px;
}

.analytics-toolbar-column {
    position: relative;
}

.analytics-toolbar-dropdown {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 10;
    display: none;
}

.analytics-toolbar-dropdown .btn-new {
    border-top: 1px solid white;
}

.analytics-toolbar-column:hover .analytics-toolbar-dropdown {
    display: block;
}

.builder-info {
        background-color: #f9eeb7;
    margin-top: 1px;
    text-align: center;
    padding: 5px;
    font-weight: 600;
}


.completion-assignment .builder-title {
    background: #fff;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.completion-assignment .dossier-company, 
.completion-assignment .dossier-language {
    display: none;
}

.completion-assignment-title tr td {
    background: #ddd !important;
}


.list-large-item-top {
    background: #eee;
}

.list-large-item-top-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.list-large-item-top-in .column {
    padding: 10px;
}
.column.column-small.column-status {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.column.column-small {
    width: 100px;
}

.background-yellow {
    background-color: #f9eeb7 !important;
}
.background-yellow-2 {
    background-color: #f89406 !important;
}
.clr-yellow {
    color: #f9eeb7 !important;
}
.clr-yellow-2 {
    color: #f89406 !important;
}

.column.column-small.column-status {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.column.column-small {
    width: 100px;
}

.list-large-item-bottom {
    display: none;
}

.list-large-item {
    margin-bottom: 30px;
}

.column.column-toggle {
    width: 25px;
    background: #666;
    color: #fff;
}
.column-company img {
    max-height: 42px;
    display: inline-block;
    vertical-align: middle !important;
    float: none !important;
}
.column-company {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 200px !important;
    vertical-align: middle !important;
    padding-left: 0px !important;
}

.sidebar-notification-item {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.sidebar-notification-item-left, .sidebar-notification-item-right {
    display: table-cell;
    vertical-align: top;
    padding-top: 5px;
}


.sidebar-notification.sidebar-notification-new-dark {
    color: #555 !important;
    border-color: #ccc;
}

.sidebar-notification.sidebar-notification-new-dark .sidebar-notification-title {
    color: #333 !important;
}

.sidebar-notification.sidebar-notification-new-dark .sidebar-notification-text {
    color: #777 !important;
}

.basecone-datas {
    margin-bottom: 20px;
}


.planboard-column-task-rows {
    padding-top: 20px;
}
.planboard-times {
    display:block;
    float: left;
    
}

.planboard-times .planboard-setting:hover {
    color: inherit !important;
    background-color: inherit !important;
}

.planningtask-connected {
    background: black;
    color: #fff;
    display: inline-block;
    padding: 1px 3px;
    vertical-align: middle;
    font-size: 10px;
    top: -1px;
    position: relative;
}

.planningtask-connected i {
    display: inline-block;
    position: relative;
    top: 1px;
}

.priorities-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.priorities-rows {
    padding: 100px 0px 51px;
}
.priorities-column {
    display: table-cell;
    vertical-align: top;
    
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.priorities-column-small {
    width: 100px !important;
}
.priorities-column.priorities-column-verysmall {
    
    width: 80px !important;
}
.priorities-fixed-filter,
.priorities-fixed-top,
.priorities-fixed-bottom {
    position: fixed;
    top: 45px;
    left: 200px;
    right: 250px;
    height: 50px;
    z-index: 100000;
    padding-right: 5px;
    background: #fff;
}
.priorities-fixed-top {
    webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
}
.priorities-fixed-bottom {
     webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.30);
}
.priorities-fixed-filter,
.priorities-column-dark {
    background: #333;
}
.priorities-column.priorities-column-medium {
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 600;
    width: 235px !important;
}
.priorities-fixed-bottom {
    top: auto !important;
    bottom: 40px;
}
.priorities-fixed-top {
    top: 95px !important;
}
.priorities-fixed-top .priorities-row,
.priorities-fixed-bottom .priorities-row {
    height: 50px;
    font-size: 18px;
}
.priorities-fixed-top .priorities-column,
.priorities-fixed-bottom .priorities-column {
    vertical-align: middle;
}
.priorities-fixed-bottom,
.priorities-fixed-top {
}

.priorities-column .label-new-company {
    display: none;
}

.priorities-column .dossier-company {
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
}

.priorities-column .dossier-company img {
    width: 20px;
}
.priorities-column .dossier-language {
    display:none;
}
.priorities-column-employee {
    padding: 2px 5px;
}

.priorities-column-employee img {
    border-radius: 50%;
    height: 15px;
    width: 15px;
}

.priorities-column.priorities-column-small.priorities-column-employee img {
    display: inline-block !important;
}
.priorities-row-hover {
    cursor:pointer;
}
.priorities-row-hover:hover {
    background: #eee !important;
}
.priorities-column-amount {
    text-align: right;
}
.priorities-column-amount span {
    padding-right: 5px;
}

.priorities-row-zaterdag,
.priorities-row-zondag{
   background-color: #2196f33b !important;
}

.priorities-row-today{
    background: #F89408 !important;
    color: white !important;

}

.priorities-row.priorities-row-large {
    background: #fff;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    font-weight: 600;
    color: #000;
    border-top: 3px solid black;
}

.priorities-row.priorities-row-large .priorities-column {
    padding: 10px;
}
.priorities-column-amount.text-center {
    text-align:center !important;
}
.priorities-column.background-green,
.priorities-column.background-red,
.priorities-column.background-green .label-employee,
.priorities-column.background-red .label-employee {
    color: #fff !important;
}

.priorities-column-large span {
    padding-left: 10px;
}

.priorities-row.priorities-row-medium {
    background: #eee;
}
.priorities-row.priorities-row-medium .priorities-column {
    line-height: 30px;
}
.priorities {
    background: #fff;
}



.priorities-column .label-new {
    display: inline-block;
    margin-left: 0px;
    background: #333;
    padding: 0px 11px;
    color: #fff;
    font-size: 11px;
}


.priorities-column .field-new {
    text-align: left;
}

.priorities-row.box-shadow {
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.30);

}

.priorities-fixed-top-alt {
    top: 45px !important;
}

.label-chance {
    width: 30px !important;
    padding: 0px !important;
    text-align: center;
}


.dossier-value {
    display: inline-block;
    background: #ddd;
    color: #555;
    font-size: 10px;
    font-weight: 600;
    padding: 0px 5px;
    line-height: 16px;
    margin-right: 5px;
}

.analytics-columns {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.analytics-column {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.analytics-column.analytics-column-small {
    width: 300px !important;
}


.analytics-total .invoice-total {
    margin-bottom: 15px;
}

.employee-inline-item {
    display: inline-block;
    width: 40px;
    height: auto;
    margin-right: 0px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    opacity: 0.5;
}

.employee-inline-item img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 1px;
    border: 2px solid transparent;
    padding: 2px;
}
.employee-inline-item.active img {
    border-color: #468847 !important;
}
.employee-inline-item.active  {
    opacity:1;
}
.employee-inline-item .label {
    font-size: 10px;
    line-height: 10px;
}

.color-white {
    color: #fff !important;
}
.log-conversation-item {
    border: 2px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
}


.client-top-right h3 .counter {
    background: #468747;
    color: #fff;
    display: inline-block;
    vertical-align:middle;
    line-height: 20px;
    padding: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align:center;
    font-size: 16px;
}

.log-conversation-item .builderitems-create {
    display: none;
}

.main-row-top {
    background: #fff;
}

.log-info .main-row-top::after {
    display: none;
}

.log-info .row-top-item {
    margin: 0px 5px;
}

.participant-massmail:hover {
    background: #ddd;
    cursor: pointer;
}

.sidebar-target-title-todos,
.sidebar-target-title-tasks {
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    font-size: 0.8rem;
    line-height: 1rem;
    padding-top: 8px;
}
.sidebar-target-title-tasks {
    background: #0e5ca1 !important;
    color: #000 !important;
}


.task-line-priority .task-line-in {
    background: #0e5ca1 !important;
    color: #fff;
    font-size: 11px;
}


.task-line-priority .task-dossier {
    background: #0d5ca1;
    color: #fff !important;
}

.task-line-priority .task-line-top-title-in {
    padding: 5px;
    background: #bed0e0;
    color: #222;
    font-size: 11px;
}

.sidebar-target-title-todos span {
    display: block;
    font-weight: 400;
    font-size: 10px;
    line-height: 1em;
    color: #bbb;
    padding: 3px;
}

.nav-toolbar-small .date-new-value {
    width: 100% !important;
    font-size: 11px;
    max-width: 100% !important;
    padding-top: 0px;
    height: 20px !important;
    line-height: 20px !important;
    padding-left: 75px;
    text-align: center;
    padding-right: 8px;
    background: #fff;
}

.nav-toolbar-small .date-new-label {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 10px;
    background: #fff;
    padding: 0px 10px;
    width: 50px;
    color: #aaa !important;
}

.nav-toolbar-small .date-new {
    margin-bottom: 1px;
}

.nav-toolbar-small .btn-new.toolbar-btn {
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    background: #f1f1f1;
}

.nav-toolbar-small [data-ajax-load] {
    min-height: 48px !important;
}

.nav-toolbar-small .btn-new.toolbar-btn:hover {
    background: #333;
}

.nav-toolbar-small .analytics-toolbar-dropdown {
    top: 25px;
}

.analytics-toolbar-small.nav-toolbar-small {
    position: sticky;
    top: 40px;
    background: #fff;
    z-index: 1;
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.25);
    margin-bottom: 5px;
}

.stripcard-item {
    background: #dae7f3 !important;
    font-size: 15px;
}

.stripcard-item-title {
    background: #0F5CA1 !important;
    padding: 0.5em;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
    text-align: left;
}
.stripcard-item-main .stripcard-item-title {
    background: #0fa150 !important;
    text-align: center;
}
.stripcard-item-main {
    background: #dbefe4 !important;
    color: #0fa150 !important;
    
}

.stripcard-item-main .stripcard-item-value {
    color: #0fa150 !important;
    
}
.stripcard-item-value {
    font-size: 3em;
    line-height: 100%;
    text-align: center;
    padding: 0.5em 0.25em;
    color:#0F5CA1;
}
.fw-400{
    font-weight: 400;
}

.fw-700{
    font-weight: 700;
}

.stripcard-item.stripcard-item-small {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0.3em !important;
}

.stripcard-item.stripcard-item-small .stripcard-item-title,
.stripcard-item.stripcard-item-small .stripcard-item-value {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em;
}
.stripcard-item.stripcard-item-small .stripcard-item-value {
    font-size: 1.2em;
}

.overview-dossier-in {
    display: table;
    width: 100%;
}

.overview-dossier-left, .overview-dossier-right {
    display: table-cell;
    vertical-align: middle;
}

.overview-dossier-right {
    width: 200px;
    text-align: right;
}


.stripcard-company-hours-free {
       height: 22px;
    width: 23px;
    background-image: url(../img/strippenkaart-tussenstand.png);
    line-height: 24px;
    padding-right: 12px;
    text-align: center;
    padding-left: 14px;
    font-size: 11px;
    color: #fff;
    cursor: pointer !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    background-size: 64px;
    background-position: center;
}
.stripcard-company-hours-free-not {
    background-image: url(../img/strippenkaart-tussenstand-not.png);
    
}
.dossier-company {
    position:relative;
}
.dossier-company .dossier-company-stripcard {
    position: absolute;
    left: 23px;
    top: 0px;
    background: #61AF51;
    line-height: 24px;
    padding: 0px;
    width: 12px;
    height: 12px;
    background-size: 10px;
    background-position: -4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 5px;
}
.sentiment-chooser img {
    width: 20px;
    opacity: 0.4;
    cursor: pointer;
}

.sentiment-chooser .active img, .sentiment-chooser div:hover img {
    opacity: 1;
}

.sentiment-chooser img {
    width: 25px;
    opacity: 0.4;
    cursor: pointer;
}

.sentiment-chooser .active img, .sentiment-chooser div:hover img {
    opacity: 1;
}

.sentiment-chooser div {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.sentiment-chooser div img {
    display: block;
}


.sentiment {
    position: relative;
}

.sentiment img {
    max-height: 50px;
}

.sentiment span {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 0px 5px;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.sentiment {
    position: relative;
}

.sentiment img {
    max-height: 50px;
}

.sentiment span {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px 1px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.sentiment-in {
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
}

.overview-dossier-right > div {
    display: inline-block;
    margin-left: 10px;
}
.overview-dossier-right .sentiment {
    cursor:pointer;
}
.overview-dossier-right .sentiment-in img {
    max-height: 30px;
}

.overview-dossier-right .sentiment-in span {
    background: transparent;
    color: #000;
    padding: 0px;
    font-size: 10px;
    color: #777;
    font-weight: 600;
}

.overview-dossier-right .sentiment-in {
    padding-bottom: 12px;
}


.dossier-sentiment {
    display: table-cell;
    float: left;
}

.dossier-sentiment img {
    max-height: 15px;
    margin-right: 5px;
    top: -1px;
    position: relative;
}
.label-new-company .sentiment img {
    max-height: 15px;
    top: -1px;
    position: relative;
}

.label-new-company .sentiment {
    display: inline-block;
    margin-right: 4px;
}
.e-mail-item-right-sentiment {
    text-align: left;
    max-width: 45px !important;
    min-width: 45px !important;
    width: 45px !important;
}
.e-mail-item-right .sentiment img {
    max-width: 35px;
}
.conversation-badge img {
    width: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display:inline-block;
    vertical-align:middle;
    margin: 0px;
    margin-right: 10px;
    float: none;
    margin-bottom: 5px;
}
.conversation-badge span {
    display:inline-block;
    vertical-align: baseline;
    line-height: 1em;
    padding: 0;
    margin: 0px;
}
.assignment_description .btn-new {
    display: inline-block;
    float: right;
    vertical-align: top;
    margin: 0px;
    margin-top: -10px;
    padding: 0px 10px;
    
  }
.top-header-left-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.top-header-left-column {
    display: table-cell;
    vertical-align: top;
}

.top-header-left-column.top-header-left-column-logo {
    width: 171px;
    background: #fff;
    text-align: left;
    padding: 0px 15px;
    cursor:pointer;
}

.top-header-left-column.top-header-left-column-logo.top-header-left-sidebar-left-left {
    width: 22px !important;
}

.top-header-left-column.top-header-left-column-navright {
    width: auto;
}


.sidebar-right-content {
    color: #eee;
    font-size: 10px;
    line-height: 1rem;
}

.sidebar-content-title {
    display: table;
    width: 100%;
    background: #000;
}

.sidebar-content-title-left, .sidebar-content-title-right {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}

.sidebar-content-title-left {
    font-weight: 700;
    color: #fff;
}

.sidebar-content-title-right {
    text-align: right;
}

.monitor-item {
    padding: 5px 10px;
    cursor:pointer;
    margin-top: 1px;
}
.monitor-item.monitor-item-small {
    padding: 2px 10px;
    padding-right: 0px;
    margin-top: 0px;
    line-height: 1.2em;
    font-size: 9px;
}
.monitor-item:hover {
    opacity: 0.9;
}
.monitor-item-in {display: table;width: 100%;}

.monitor-item-left, .monitor-item-center, .monitor-item-right {
    display: table-cell;
    vertical-align: top;
}
.monitor-item-small .monitor-item-left, .monitor-item-small .monitor-item-center, .monitor-item-small .monitor-item-right {
    vertical-align: middle;
}
.monitor-item-left {
    width: 25px;
}
.monitor-item-left img {
    max-width: 15px;
    max-height: 15px;
}
.monitor-item-center {
    width: 60px;
    font-weight: 600;
}
.monitor-item-small .monitor-item-center {
    width: 60px;
    text-align: left;
    padding-right: 3px;
    text-transform: capitalize;
    font-size: 9px;
}

.monitor-item-small .monitor-item-left img {
    height: 11px !important;
}

.monitor-item-small .monitor-item-left {
    width: 40px;
    text-transform: capitalize;
    text-align: left;
}

.monitor-item-right img {
    max-height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    position: relative;
    top: -1px;
}
.monitor-item-list {
    display: table;
    width: 100%;
}

.monitor-item-list-left, .monitor-item-list-right {
    display: table-cell;
    vertical-align: top;
}

.monitor-item-list:hover {
    opacity: 0.75;
}

.monitor-item-list-left {
    width: 25px;
    font-weight: 700;
}

.chart-body {
    padding: 5px 5px 0px;
    margin-bottom: 15px;
    border: 2px solid #ddd;
    border-top: 0px;
    display: block;
    margin-top: -1px;
}

.row-padding {
    margin: 20px !important;
}


.main-column-body [data-ajax-load]{
    min-height: 20px !important;
}
.monitor-item-list-left-alt {
    width: 55px !important;
}

.page-numbers {
    display: table;
    width: 100%;
}
.page-numbers-top {
    display: table-header-group;
}
.page-numbers-bottom {
    display: table-footer-group;
}

.btn-new.toolbar-btn img {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    float: none;
}
.table-small tr {
    margin-bottom: 0px !Important;
    border-bottom: 0px !Important;
}
.table-small tr.cancelled {
    text-decoration: line-through;
    color: red !important;
}
.table-small td {
    background: #fff !important;
    padding: 0px !Important;
}

.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}


.progress-date {
    font-size: 0.9em;
    line-height: 1em !important;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.progress-inline {
    display: table;
    width: 100%;
    line-height: 1em !important;
}

.progress-inline .progress-top {
    display: table-cell;
    vertical-align: middle;
    width: 65%;
    padding-top: 0px;
    position: relative;
    background: transparent;
}
.progress-inline .progress-top-in {
    top: 3px;
}
.progress-inline .progress-bottom {
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    text-align: left;
}


[data-fill-auto] {
    cursor:pointer;
    display:block;
    margin-bottom: 5px;
    text-align:center;
    border: 1px solid #eee;
    padding: 5px;
}

.logbook-rows {
    display: table;
    width: 100%;
}

.logbook-row-bottom {
    display: table-footer-row;
}

.logbook-row-top {
    display: table-header-group;
}

.planningtask-secret {
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: -2px;
    margin-right: 5px;
    padding: 0px 2px;
}

.footer-bottom::-webkit-scrollbar, .employees-online::-webkit-scrollbar {
    display: none;
}
.employee-online-item.employee-online-item-available.not-active {
    background: #b94a48 !important;
}

.builder-item:hover .builderitem-button-link {
    opacity: 1;
}
.builderitem-button {
    background: #333;
    display: inline-block;
    color: #fff;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0px 18px;
    cursor: pointer;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.builderitem-button.style-black,
.builderitem-button.style-primary,
.builderitem-button.style-green,
.builderitem-button.style-red {
    padding-left: 0px !important;
    padding-right: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.builderitem-button p { 
    line-height: 36px !Important;
}
.builderitem-button-link {
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    background: #ddd;
    padding: 2px 6px;
    font-size: 10px !important;
}

.builderitem-button-link p {
    font-size: 12px !important;
    font-weight: 500;
    color: #666;
    line-height: 12px !important;
}
.builderitem-button:hover {
    text-decoration:none !important;
}

.builderitem-style-item {
    height: 20px;
    background: #333;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    border-radius: 50%;
}

.builderitem-style-item span {
    display: inline-block;
    height: 3px;
    background: white;
    width: 10px;
    vertical-align: top;
    margin-top: 8px;
}

.builderitem-action-style-choices {
    position: absolute;
    right: 1px;
    height: 30px;
    top: 0px;
    display: none;
    white-space: nowrap;
    background: #ddd;
}

.builderitem-action-style {
    position: relative;
}

.builderitem-action-style:hover .builderitem-action-style-choices {
    display: block;
}

.builderitem-action-style-choice {
    padding: 0px 11px;
    display:inline-block;
}
.builderitem-action-style-choice:hover {
    background: #ccc;
}

.style-black,
.style-black:hover {
    color: #000;
    background: transparent;
    border-color: transparent;
}
.style-black.builderitem-style-item span {
    background: #000;
}
.style-bg_black,
.style-bg_black:hover {
    color: #fff;
    background: #060606;
    border-color: #060606;
}
.style-primary,
.style-primary:hover {
    color: #1E65FF;
    background: transparent;
    border-color: transparent;
}
.style-primary.builderitem-style-item span {
    background: #1E65FF;
}
.style-bg_primary,
.style-bg_primary:hover{
    color: #fff;
    background: #1E65FF;
    border-color: #1E65FF;
}

.style-green,
.style-green:hover {
    color: #7BC167;
    background: transparent;
    border-color: transparent;
}
.style-green.builderitem-style-item span {
    background: #7BC167;
}
.style-bg_green,
.style-bg_green:hover {
    color: #fff;
    background: #7BC167;
    border-color: #7BC167;
}

.style-red,
.style-red:hover {
    color: #F16B6A;
    background: transparent;
    border-color: transparent;
}
.style-red.builderitem-style-item span {
    background: #F16B6A;
}
.style-bg_red,
.style-bg_red:hover {
    color: #fff;
    background: #F16B6A;
    border-color: #F16B6A;
}


.page-tab-item.page-tab-item-button {
    background: transparent;
    border-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-group-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.btn-group-table .btn-new {
    display: table-cell;
    vertical-align: middle;
}


table.massmailing-participants {
    table-layout: fixed;
}

table.massmailing-participants tr {
    padding: 0px !important;
}

table.massmailing-participants tr:first-child td {
    background: #ddd !important;
    line-height: 1rem !important;
    padding: 10px !important;
}

table.massmailing-participants tr td {
    padding: 0px 5px !important;
    vertical-align: middle;
}

table.massmailing-participants .btn-group-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table.massmailing-participants .btn-group-table-column {
    display: table-cell;
    vertical-align: top;
}

table.massmailing-participants .btn-group-table-column div {
    position: relative;
    display: block !important;
}

table.massmailing-participants .btn-group-table-column:first-child div {
    height: 20px;
    line-height: 23px;
}

table.massmailing-participants tr td:last-child {
    padding: 0px !important;
}


table.massmailing-participants .blocked {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    height: 15px;
    line-height: 18px;
    z-index: 2;
}


.rainbow-text {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    color: transparent;
}

.sla-in {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
}

.sla-in span {
    color: #333;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}
.sla-small {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.switch-item-out .switch-item {
    cursor:pointer;
    opacity: 0.6;
    mix-blend-mode: luminosity;
}
.switch-item-out.active .switch-item,
.switch-item-out:hover .switch-item,
.switch-item.active{
    opacity: 1;
    mix-blend-mode: normal;
}
.switch-item {
    display: block;
    width: 42px;
    text-decoration: none !Important;
    cursor:pointer;
    height: auto;
    margin: 4px;
    margin-bottom: 15px;
}
.switch-item-left, .switch-item-right {
    display: block;
    position:relative;
}

.switch-item img {
    max-height: 40px;
    max-width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
}

.switch-item-left {
    width: 40px;
    text-align: center;
    height: 40px;
    border: 1px solid #666;
}


.switch-item-right-items {
    display: block;
    height: auto;
}

.switch-item-right-item {
    display: block;
    line-height: 20px;
    height: 17px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    position:relative;
    border: 1px solid #666;
    border-top: 0px;
    margin-top: -1px;
    background: #000;
    padding-left: 20px;
    text-align: left;
    overflow:hidden;
}
.switch-item-right-item i.fa-calendar {
    font-size: 8px;
}

.switch-item-right-item i.fa-comment {
    font-size: 9px;
}
.switch-item-right-item.no-border {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.switch-item-right-item span {
}

.top-header-left-column.top-header-left-column-logo.top-header-left-sidebar-left-left img {
    max-height: 44px;
}

.sidebar-left-left .sidebar-in {
    background: transparent !important;
}
.switch-item-right-item  i {
    position: absolute;
    left: 0px;
    top: 4px;
    left: 6px;
    font-size: 10px;
}


.inline-select.inline-select-large {
    font-size: 15px;
    font-weight: 500;
}
.inline-select.inline-select-large i {display:none;}
.inline-select.inline-select-large .inline-select-item {
    vertical-align: middle;
    height: 28px;
    background: #f5f5f5;
}

.inline-select.inline-select-large .inline-select-item.active {
    background: #e5e5e5;
    font-size: 15px;
    font-weight: 500;
    color: #555;
}

.inline-select.inline-select-large .inline-select-item.active i {display: inline-block;
    color: #468847 !important;
    vertical-align: middle;
    margin-right: 5px;
    top: -1px;
    position: relative;}
    
.issue-type-bug {
    background: #b94a48 !important;
}
.issue-type-feedback {
    background: #e29200 !important;
}

.amount-large {
    font-size: 18px;
    padding: 0px;
    display: inline-block;
    width: 130px;
    text-align: center;
    line-height: 40px;
    padding-top: 4px;
}
.e-mail-item-center-right-item {
    display: inline-block;
    float: right;
    min-width: 150px;
    vertical-align: middle;
}

.sidebar-emailaccounts-notification {
    background: red;
    font-weight: 700;
    padding: 10px;
}