@charset "UTF-8";
/* Ïcon color classes */
*.cs-icon-gray {
  color: #808080;
}

*.cs-icon-red {
  color: red;
}

*.cs-icon-green {
  color: green;
}

.modal-body {
  max-height: 80vh;
  overflow: hidden;
  overflow-y: auto;
}

.rightSideFilters {
  margin-top: -4px;
}
.rightSideFilters .btn {
  min-width: 100px !important;
}

#CaselistWrapper .filterArea {
  position: sticky;
  top: 60px;
  overflow: auto;
  max-height: 80vh;
}
#CaselistWrapper .filterArea .caseFilters label, #CaselistWrapper .filterArea .tagFilters label {
  display: block;
}
#CaselistWrapper .filterArea .caseFilters .btn-group-vertical {
  width: 100%;
  margin-bottom: 10px;
}
#CaselistWrapper .filterArea .tagFilters {
  margin-bottom: 0px;
}
#CaselistWrapper .filterArea .tagFilters #tagCloud .tagCloudLink {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
#CaselistWrapper .filterArea .tagFilters #tagCloud .tagCloudLink.active {
  text-decoration: underline;
}
#CaselistWrapper .filterArea .tagFilters #tagCloud .tagCloudLink span {
  font-size: 12px !important;
  margin-left: 5px;
}
#CaselistWrapper .filterArea .clearAllCaseFiltersWrapper {
  display: none;
}
#CaselistWrapper .filterArea .clearAllCaseFiltersWrapper.active {
  display: block;
}
#CaselistWrapper .filterArea .clearAllCaseFiltersWrapper .bottomFilter {
  margin-top: 10px;
}

/* Display classes */
table.cs-table td[title]:not([title=""]) {
  cursor: help !important;
}

.cs-display-none {
  display: none;
}

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

.cs-width-100 {
  width: 100px;
}

.ct_1, .ct_supportHelp {
    float: left;
    padding: 2px 4px;
    font-weight: 700;
}

.ct_2, .ct_sale {
    float: left;
    background: darkseagreen;
    padding: 2px 4px;
    font-weight: 700;
}

.ct_3, .ct_changes {
    float: left;
    padding: 2px 4px;
    font-weight: 700;
}

.ct_4, .ct_supportIssue {
    float: left;
    padding: 2px 4px;
    font-weight: 700;
}

.ct_project {
    float: left;
    background: cornflowerblue;
    padding: 2px 4px;
    font-weight: 700;
}

.ct_parked, .ct_tag {
  background: #cfcfcf;
  padding: 2px 4px;
  font-weight: 700;
  margin-right: 5px;
}

.ct_parked {
  float: left;
}

.ct_tag {
  margin-bottom: 2px;
  display: inline-block;
  border-radius: 2px;
  color: #333;
  text-decoration: none;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ct_tag:hover {
  text-decoration: none;
}

.infoBoxDialog .modal-dialog {
  width: 800px;
}

.infoBoxses {
  margin-top: 20px;
}
.infoBoxses .header {
  font-weight: bold;
}
.infoBoxses .tip {
  margin-top: 10px;
  font-weight: bold;
  border-radius: 5px;
  padding: 7px;
}
.infoBoxses .tip.blue {
  background-color: #E4ECF9;
  border: solid 1px #DDE9FA;
  color: #1974E7;
}
.infoBoxses .tip.green {
  background-color: #E5F7E9;
  border: solid 1px #B3E8C0;
  color: #34A853;
}
.infoBoxses .box {
  display: table;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 20px;
  width: 100%;
}
.infoBoxses .box .indicatorArea {
  display: table-cell;
  border-radius: 5px 0px 0px 5px;
  width: 34px;
}
.infoBoxses .box .areaSpacer {
  display: table-cell;
  width: 24px;
}
.infoBoxses .box .contentArea {
  display: table-cell;
}
.infoBoxses .box .contentArea .row {
  width: 100%;
  display: table;
  margin: 0px;
}
.infoBoxses .box .contentArea .row .smallItalicText {
  padding: 10px 10px 10px 0px;
  font-size: 10px;
  color: #818181;
}
.infoBoxses .box .contentArea .row .boxHeader, .infoBoxses .box .contentArea .row .boxHeaderAvability, .infoBoxses .box .contentArea .row .boxHeaderPrice {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-bottom: solid #E7E7E7 1px;
  padding: 8px 10px;
}
.infoBoxses .box .contentArea .row .boxHeader .head, .infoBoxses .box .contentArea .row .boxHeaderAvability .head, .infoBoxses .box .contentArea .row .boxHeaderPrice .head {
  display: block;
  font-size: 10px;
  color: #818181;
  line-height: 8px;
}
.infoBoxses .box .contentArea .row .boxHeader {
  padding-left: 0px;
  font-weight: bold;
  font-size: 14px;
  border-right: solid #E7E7E7 1px;
}
.infoBoxses .box .contentArea .row .boxHeaderAvability {
  font-weight: bold;
  border-right: solid #E7E7E7 1px;
}
.infoBoxses .box .contentArea .row .boxHeaderPrice {
  font-weight: bold;
}
.infoBoxses .box .contentArea .row .contentCell_1, .infoBoxses .box .contentArea .row .contentCell_2 {
  display: table-cell;
  width: 50%;
  padding-right: 15px;
}
.infoBoxses .box .contentArea .row .contentCell_1 .head, .infoBoxses .box .contentArea .row .contentCell_2 .head {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
.infoBoxses .box .contentArea .row .contentCell_1 .smallItalicText, .infoBoxses .box .contentArea .row .contentCell_2 .smallItalicText {
  padding: 0px;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul, .infoBoxses .box .contentArea .row .contentCell_2 ul {
  margin: 0px;
  padding: 0px 0px 0px 15px;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.cicleIndicators, .infoBoxses .box .contentArea .row .contentCell_2 ul.cicleIndicators {
  padding: 0px 0px 0px 25px;
  list-style: none;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.cicleIndicators li, .infoBoxses .box .contentArea .row .contentCell_2 ul.cicleIndicators li {
  position: relative;
  padding-top: 5px;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.cicleIndicators li:before, .infoBoxses .box .contentArea .row .contentCell_2 ul.cicleIndicators li:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: -17px;
  width: 7px;
  height: 7px;
  border: solid black 1px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 2;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.cicleIndicators li:after, .infoBoxses .box .contentArea .row .contentCell_2 ul.cicleIndicators li:after {
  content: " ";
  display: block;
  position: absolute;
  top: -15px;
  left: -14px;
  width: 1px;
  height: calc(50% + 15px);
  background-color: black;
  z-index: 1;
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.cicleIndicators li:first-child:after, .infoBoxses .box .contentArea .row .contentCell_2 ul.cicleIndicators li:first-child:after {
  top: -5px;
  height: calc(50% + 5px);
}
.infoBoxses .box .contentArea .row .contentCell_1 ul.numberIndicators, .infoBoxses .box .contentArea .row .contentCell_2 ul.numberIndicators {
  list-style: decimal;
}
.infoBoxses .box.green {
  border: solid 1px #34A853;
  box-shadow: 0px 0px 5px #B3E8C0;
}
.infoBoxses .box.green .indicatorArea {
  background-color: #34A853;
}
.infoBoxses .box.green .boxHeaderPrice {
  color: #34A853;
}
.infoBoxses .box.green .cicleIndicators li:before {
  border: solid #B3E8C0 1px !important;
}
.infoBoxses .box.green .cicleIndicators li:after {
  background-color: #B3E8C0 !important;
}
.infoBoxses .box.blue {
  border: solid 1px #1A73E8;
  box-shadow: 0px 0px 5px #E4ECF9;
}
.infoBoxses .box.blue .indicatorArea {
  background-color: #1A73E8;
}
.infoBoxses .box.blue .boxHeaderPrice {
  color: #1A73E8;
}
.infoBoxses .box.blue .cicleIndicators li:before {
  border: solid #7EB1F2 1px !important;
}
.infoBoxses .box.blue .cicleIndicators li:after {
  background-color: #A4C6F6 !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

#InvoiceModal .modal-dialog {
  width: 80vw !important;
}
@media (max-width: 768px) {
  #InvoiceModal .modal-dialog {
    width: 90vw !important;
    margin: 10px auto;
  }
}

.invoice-info-dialog .modal-dialog {
  margin-top: 50px;
  width: 75vw !important;
}
@media (max-width: 768px) {
  .invoice-info-dialog .modal-dialog {
    width: 85vw !important;
    margin: 10px auto;
  }
}
.invoice-info-dialog .modal-dialog .modal-header {
  background-color: #dce5ee;
}
.invoice-info-dialog .modal-dialog .table.custome {
  width: auto;
}
.invoice-info-dialog .modal-dialog .table.custome td {
  border: 0px;
  padding: 0px;
}
.invoice-info-dialog .modal-dialog .table.custome td:first-child {
  padding-right: 5px;
}

#questionsWith1To6 .panel {
  margin-bottom: 0px;
  margin-top: 5px;
}
#questionsWith1To6 .panel:first-child {
  margin-top: 0px;
}

.todoModalDialog {
  padding-right: 0px !important;
}
.todoModalDialog .modal-dialog {
  width: calc(100% - 20px);
  margin: 10px auto;
}
.todoModalDialog .modal-dialog .modal-body {
  padding: 14px 3px;
  max-height: 92.5vh;
}
.todoModalDialog .modal-dialog .modal-title .color-info {
  position: absolute;
  right: 20px;
  display: inline-block;
}
.todoModalDialog .modal-dialog .modal-title .color-info .infoItem {
  display: inline-block;
  font-size: 14px;
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
}
.todoModalDialog .modal-dialog .modal-title .color-info .infoItem:before {
  content: " ";
  position: absolute;
  left: -25px;
  top: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.todoModalDialog .modal-dialog .modal-title .color-info .infoItem.compusoft:before {
  border: 2px solid #ffd800;
  background-color: #fffeda;
}
.todoModalDialog .modal-dialog .modal-title .color-info .infoItem.customer:before {
  border: 2px solid green;
  background-color: #d8efd8;
}
.todoModalDialog .modal-dialog .board_wrapper:first-child h2 {
  margin-top: 0%;
}
.todoModalDialog .modal-dialog .board_wrapper h2 {
  margin-left: 1%;
  margin-right: 1%;
  margin-right: 0%;
  margin-top: 4%;
}
.todoModalDialog .modal-dialog .board_wrapper .kanban-board {
  background-color: #eee;
}

.kanban-item.cs-item {
  border-left: 6px solid #ffd800;
  background-color: #fffeda;
}
.kanban-item.customer-item {
  border-left: 6px solid green;
  background-color: #d8efd8;
}
.kanban-item.no-drag {
  cursor: no-drop;
}
.kanban-item .kanban-item-footer {
  margin-top: 5px;
  display: flex;
  flex-flow: row wrap;
}
.kanban-item .kanban-item-footer .footer-item {
  font-size: 10px;
  cursor: help;
  width: 50%;
  min-width: 60px;
  margin-top: 5px;
}
.kanban-item .kanban-item-footer .footer-item:nth-child(even) {
  text-align: right;
}
.kanban-item .kanban-item-footer .footer-item i {
  font-size: 12px;
  margin-right: 5px;
}
.kanban-item .kanban-item-footer .footer-item.fullWidth {
  width: 100%;
}
.kanban-item .kanban-item-footer .footer-item.pullRight {
  text-align: right;
}

.createOrUpdateTodoDialog .modal-body {
  overflow-y: unset;
  overflow: unset;
}