/**
* PROMove
* @author BAYU WIBAWA HANRIEL
* @version 1.0
*/
h1 {
  font-size: 24px;
  color: #006666;
  font-weight: bold;
}

h2 {
  font-size: 18px;
  color: #006666;
  font-weight: bold;
  margin-bottom: 30px;
}

h3 {
  font-size: 16px;
  color: #006666;
  font-weight: bold;
  margin-bottom: 10px;
}

body {
  font-size: 14px;
  overflow-x: hidden;
}

.sidebar {
  padding-bottom: 50px;
}

.logo_wrapper {
  padding: 21px 0;
  text-align: right;
}

.content {
  background: #FFFFFF;
}

.nav_wrapper {
  background: #006666;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-bottom: 20px;
  padding: 20px 0;
  position: relative;
  z-index: 200;
}

.nav_wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #003a3a;
  border-top: 1px solid #2c9191;
}

.nav_wrapper ul li {
  display: block;
}

.nav_wrapper ul li a {
  display: block;
  color: #FFFFFF;
  font-size: 18px;
  padding: 10px 10px 10px 30px;
  border-top: 1px solid #003a3a;
  border-bottom: 1px solid #2c9191;
  text-decoration: none;
}

.nav_wrapper ul li a:hover, .nav_wrapper ul li a.active_menu {
  background: #003333;
}

.home_wrapper {
  padding-right: 50px;
}

.tab_wrapper {
    padding-right: 50px;
}

.content_title {
  padding-top: 50px;
  padding-bottom: 25px;
}

.mt_40 {
  margin-top: 40px;
  display: block;
}

.mt_20 {
  margin-top: 20px;
  display: block;
}

.no_left_margin {
  margin-left: 0px;
  padding-left: 0px;
}

.search_title_with_border {
  border-bottom: 3px solid #009a93;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table th {
  color: #006666;
  font-size: 16px;
}

.table td {
  color: #333333;
  font-size: inherit;
}

.nav-tabs {
  border-bottom: 3px solid #009a93;
  overflow: hidden;
  border-top-left-radius: 10px;
}

.nav-tabs .nav-link.active {
  background-color: #006666;
  color: #FFFFFF;
}

.nav-tabs .nav-link {
  background-color: #339999;
  color: #FFFFFF;
  border-radius: 0px;
  border-left: 1px solid #89ccca;
  border-right: 1px solid #006666;
  font-weight: bold;
}

.nav-tabs .nav-link.last-tab {
  border-top-right-radius: 8px;
}

.content_wrapper_style1 {
  border: 1px solid #339999;
  border-radius: 8px;
  margin-bottom: 20px;
}

.content_col_30 {
  width: 39%;
  padding: 2%;
  float: left;
}

.content_col_70 {
  width: 60%;
  padding: 2%;
  float: left;
  border-left: 1px solid #339999;
}

.content_col_100 {
  width: 100%;
  padding: 2%;
  border-top: 1px solid #339999;
}

.content_wrapper_style2 {
  border: 1px solid #339999;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px;
}

.email_btn_group {
  border-radius: 8px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

.email_btn_group .email_btn {
  background: #339999;
  border-top: 1px solid #89ccca;
  border-bottom: 1px solid #006666;
  padding: 10px;
}

.email_btn_group .email_btn.active {
  background: #006666;
}

.email_btn_group .email_btn .email_label {
  float: left;
  width: 70%;
  color: #FFFFFF;
  font-size: 18px;
}

.email_btn_group .email_btn .email_count {
  float: left;
  width: 30%;
  color: #FFFFFF;
  font-size: 18px;
  text-align: right;
}

.text-italic {
  font-style: italic;
}

.email_wrapper {
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #339999;
}

.email_quote_wrapper {
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #cccccc;
}

.bordered_left {
  border-left: 1px solid #339999;
}

#slideoutProfile {
  position: absolute;
  width: 280px;
  height: 40px;
  top: 20px;
  right: -240px;
  padding-left: 40px
}

#btnProfile {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background: #006666;
  padding: 10px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  cursor: pointer;
}

#btnProfile.btnOpen {
  background: #013333 !important;
}

#btnProfile i {
  font-size: 18px;
  color: #FFF;
}

#contentProfile {
  display: block;
  background: #006666;
  color: #FFF;
  padding: 8px;
}

#contentProfile a {
  color: #FFF;
  font-size: 16px;
}

#noSLideOutCalendar {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 70px;
  right: 0px;
  background: #006666;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#btnCalendar i {
  font-size: 18px;
  color: #FFF;
  padding: 10px;
  cursor: pointer;
}

#noSLideOutEmail {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 120px;
  right: 0px;
  background: #006666;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#btnEmail i {
  font-size: 18px;
  color: #FFF;
  padding: 10px;
  cursor: pointer;
}

#noSLideOutSearch {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 170px;
  right: 0px;
  background: #006666;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#btnSearch i {
  font-size: 18px;
  color: #FFF;
  padding: 10px;
  cursor: pointer;
}

#slideoutShortcut {
  position: absolute;
  width: 280px;
  height: 550px;
  top: 220px;
  right: -240px;
  padding-left: 40px;
  z-index: 9999;
}


#slideoutShortcut h3 {
  color: #FFF;
  margin-top: 20px;
}

#btnShortcut {
  position: absolute;
  top: 0;
  left: 0;
  height: 550px;
  width: 40px;
  background: #006666;
  padding: 10px 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  cursor: pointer;
}

#btnShortcut.btnOpen {
  background: #013333 !important;
}

#btnShortcut i {
  font-size: 18px;
  color: #FFF;
}

#contentShortcut {
  display: block;
  background: #006666;
  color: #FFF;
  padding: 8px;
  height: 550px;
}

#contentShortcut a {
  color: #FFF;
  font-size: 16px;
}

#contentShortcut p {
  margin-bottom: 5px;
}

.scrolledContent {
  overflow-y: scroll;
  height: 400px;
  padding: 20px;
  border: 1px solid #339999;
  border-radius: 8px;
}

.projectItem {
  display: block;
  margin-bottom: 20px;
}

.projectDate {
  display: block;
}

.projectUser {
  display: block;
  font-weight: bold;
}

.projectRoute {
  display: block;
}

#slideout {
  background: #666;
  position: absolute;
  width: 280px;
  height: 80px;
  top: 45%;
  right: -280px;
  padding-left: 20px
}

#clickme {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ff0000;
}

#slidecontent {
  float: left;
}

.select_option {
  display: block;
  background: #FFF;
  border: 1px solid #80bdff;
  height: 170px;
  overflow-y: scroll;
  padding: 10px;
  margin-bottom: 10px;
}

.select_option ul, .select_option li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select_option input {
  width: auto;
  margin-right: 5px;
}

.select_option img {
  margin-right: 10px;
}

.projekt_status {
  background: #FFF;
  border: 1px solid #ced4da;
  width: 100%;
  height: 278px;
  overflow-y: scroll;
  color: #000;
}

.projekt_status ul li {
  list-style: none;
  border-bottom: 1px dotted #DDD;
  padding: 2px 5px;
  min-height: 35px;
}

.no-gutter {
  padding-left: 5px;
  padding-right: 0px;
}

.no-gutter-right {
  padding-right: 5px;
}

.no-gutter-left {
  padding-left: 5px;
}

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

.datagrid-header-row, .datagrid-row {
  height: 40px;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
  padding: 12px;
}

.datagrid-header {
  background-color: #fff !important;
}

.datagrid-header .datagrid-cell {
  background-color: #fff;
  font-weight: bold;
  color: #006666;
  font-size: 16px;
}

.panel-title {
  height: 25px;
  line-height: 25px;
}

.addr_row:hover {
  background-color: #BBB;
  cursor: pointer;
}

.addr_row_d:hover {
  background-color: #BBB;
  cursor: pointer;
}

.addr_row_pp:hover {
  background-color: #BBB;
  cursor: pointer;
}

.textbox {
  width: 100%;
  height: calc(1.5em + .75rem + 2px) !important;
  /* padding: .1rem .5rem; */
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  max-height: 35px !important;
}

.textbox .textbox-text {
  padding: .1rem .5rem;
  width: 100%;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
}

.datebox {
  height: calc(1.5em + .75rem + 2px) !important;
  /*width: 100% !important;*/
  max-height: 35px !important;
}

.datebox .textbox-text {
  /*width: 100% !important;*/
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
}

.datebox-button {
  height: 28px !important;
}

.numberbox .textbox-text {
  text-align: right;
}

.textbox-disabled {
  background-color: #dedede !important;
  opacity: 1;
}

.textbox .validatebox-disabled {
  background-color: #dedede !important;
  opacity: 1;
}

.datagrid-row-selected {
  background: #006666;
  color: #ffffff;
}

span.combobox input {
  height: auto;
}

.combo-arrow {
  background-color: #dedede !important;
  width: 35px !important;
  height: 33px !important;
}

.datebox .combo-arrow {
  background-image: url('../img/calendar-icon.png');
  background-position: center center;
}

ul.human_resource {
  padding: 10px;
  width: 95%;
  margin: 0px;
  color: #000;
}

ul.human_resource li {
  list-style: none;
  margin-left: 5px;
  border-bottom: 1px dotted #DDD;
  padding: 2px 5px;
}

ul.human_resource li:hover {
  background-color: #DDD;
  cursor: pointer
}

ul.human_resource li.used {
  color: #e32;
}

.circle {
  border-radius: 25px;
  margin: 3px;
  text-align: center;
  background: #dedede;
  padding: 5px;
}

.grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
  z-index: 5000;
  display: none;
}

.datagrid_content {
  position: relative;
  height: auto;
}

.grid-overlay-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
  z-index: 5000;
  display: none;
}

.datagrid_content_main {
  position: relative;
}

.datagrid-footer-inner {
  width: 100% !important;
}

.col-form-label {
  white-space: nowrap;
}

.ui-timepicker-title {
  background-color: #339999;
}

table.ui-timepicker td a.ui-state-default {
  display: inherit;
}

.popup-content {
  margin: 15px;
}

.popup-content .form-group {
  margin-bottom: .3rem !important;
}

.form-group {
  margin-bottom: .3rem !important;
}

.floating_form {
  position: relative;
  padding: 10px 20px 15px;
  background: #ededed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  z-index: 999999;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.login_wrap {
  background: #EEE;
  padding: 50px;
  border-radius: 6px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 4px #888;
}

.search_client {
  float: left;
  width: 350px;
  padding: 10px 0;
}

#search_client {
  width: 250px;
}

.search_client_button {
  border: none;
  padding: 2px 0;
  height: auto;
  width: 30px;
  float: right;
  background: #FFF;
}

.floating_form {
  position: relative;
  padding: 10px 20px 15px;
  background: #ededed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  z-index: 999999;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.floating_form_up {
  position: relative;
  padding: 10px 20px 15px;
  background: #ededed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  z-index: 999999;
  -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.2);
}

.dimmed {
  background: #e9ecef;
}

.border_left {
  border-left: 1px solid #339999;
}

span.textbox input:disabled {
  background: #dedede !important;
}

.disabled_text, .disabled_text:hover {
  color: #aeaeae;
  background: #dedede !important;
}

.room_checklist {
  display: block;
  border: 1px solid #CCC;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 10px;
  margin-bottom: 15px;
}

.room_checklist ul, .room_checklist ul li {
  list-style: none;
}

.room_checklist ul li {
  width: 260px;
  float: left;
  margin: 0px;
  padding: 0 10px 0 5px;
}

.room_checklist ul li input {
  width: auto;
}

.room_col {
  width: 270px;
  float: left;
  margin-right: 10px;
}

.window {
  background: none;
  background-color: #339999;
  border-left: 1px solid #89ccca;
  border-right: 1px solid #006666;
}

.panel-title {
  color: #fff;
}

.dialog-button {
  border-color: #e6e6e6 #D4D4D4 #D4D4D4 #D4D4D4;
  background-color: #339999;
}

.btn-default {
  color: #006666;
  ;
  background-color: #fff;
  border-color: #ccc;
}

.col-sm-1half, .col-sm-10half {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-sm-1half, .col-sm-10half {
    float: left;
  }

  .col-sm-1half {
    width: 12.49999997%;
  }

  .col-sm-10half {
    width: 87.50000003%;
  }
}

.col-sm-pad {
  padding-left: 5px;
  padding-right: 5px;
}
.col-sm-2pad {
  padding-left: 3px;
  padding-right: 3px;
}

.form-control {
  font-size: inherit;
}

.table td, .table th {
  padding: .55rem;
}

.accordion .accordion-header {
  background: #339999
}

.accordion .accordion-header-selected {
  background: #006666
}

/*
	new style for upload
*/
.list_file {
  width: 90%;
  background: #ededed;
  border-radius: 6px;
  padding: 10px;
}

.file_upload {
  border-radius: 6px;
  background: #FFF;
  border: 1px solid #CCC;
  margin: 5px 0;
  padding: 10px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-top-color: rgb(227, 227, 227);
  border-right-color: rgb(227, 227, 227);
  border-bottom-color: rgb(227, 227, 227);
  border-left-color: rgb(227, 227, 227);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.sort_image2 {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 150px;
  float: left;
  padding: 1%;
  margin: 1%;
}

.tick_image {
  height: 48px;
  left: -5px;
  position: relative;
  top: -45px;
  width: 48px;
}

.tick_image img {
  height: 48px;
  width: 48px;
}

.tick_image_off {
  height: 48px;
  left: -5px;
  position: relative;
  top: -45px;
  width: 48px;
}

.tick_image_off img {
  height: 48px;
  width: 48px;
}

.slide_show {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 10px;
  display: none;
  z-index: 100;
}

.sort_image2:hover .slide_show {
  display: inline-block;
}

.ui-autocomplete {
  max-height: 500px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  z-index: 1000 !important;
}

.form-control.jqx-input {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 3px) !important;
  padding: .125rem .75rem !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control.jqx-input:disabled{
  background-color: #e9ecef;
}

.form-control.jqx-combobox-input {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 3px) !important;
  padding: .125rem .75rem !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control.jqx-combobox {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 3px) !important;
  padding: .125rem .75rem !important;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
  color: #495057 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.jqx-widget-content{
	font-family: inherit !important;
	color: #495057 !important;
}

.jqx-grid-pager-input {
  height: 10px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.jqx-grid-cell {
  font: inherit;
  border-color: #dee2e6 !important;
  color: #333333 !important;
}

.icon-start-address {
  background: url('../img/belades.ico') no-repeat center center;
}

.icon-destination-address {
  background: url('../img/entlades.ico') no-repeat center center;
}

.jqx-popup {
  z-index: 999999 !important;
}

table.my-grid {
  table-layout: fixed;
        display: table;
        width: 100%;
    }
    table.my-grid > thead, table.my-grid > tbody {
        float: left;
        width: 100%;
    }
    table.my-grid > tbody {
        overflow-y: scroll;
    }
    table.my-grid tr {
        width: 100%;
        display: table;
        text-align: left;
    }


.my-grid th{
  background-color: #339999;
  color: #FFFFFF !important;
  display: inline-block;
  white-space: nowrap;
  height: 45px;
}
.my-grid tr.header-section td {
  color: #006666 !important;
  font-size: 16px !important;
  font-weight: bolder;
  white-space: nowrap;
}

.my-grid tr.subtotal-section td {

  font-weight: bolder !important;

}
.my-grid-input{
  border:none !important;
  width: 100%;
}

.my-grid-input.section{
  color: #006666 !important;
  font-size: 16px !important;
  font-weight: bolder;
  white-space: nowrap;
}

.my-grid-input.subtotal{
  font-weight: bolder !important;
  white-space: nowrap;
}

.my-grid tr.subtotal-section span.numberbox input{
  font-weight: bolder !important;
  white-space: nowrap;
}

.my-grid td {
  font-family: inherit;
  font-size: inherit;
  padding: 2px !important;
  white-space: nowrap;

}
.my-grid span.textbox {
    border:none !important;
    width: 100%;
}

.my-grid td.selected {
    background-color: #006666 !important;
}

.my-grid td.idnumber {
  position: relative;

}

.my-grid td.idnumber span {
  padding: 5px;
  top:20%;
  position: absolute;
      left: 0;
      right: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.my-grid td.idnumber_proposal {
    background-color: #91d7d7 !important;
}

.my-grid td.idnumber_arbeitschein {
    background-color: #edf6ae !important;
}

.disabledTab{
  pointer-events: none;
}

.ui-state-highlight {
  border: 1px solid #fcefa1/*{borderColorHighlight}*/;
  background: #fbf9ee/*{bgColorHighlig */
}

span.label-info {
  font-size: 11px !important;

}

.panel-header{
  background: none !important;
  background-color: #339999;
}

#slideoutShortcutInvoice {
  position: absolute;
width: 600px;
height: 600px;
top: 10px;
left: -560px;
z-index: 5200;
transition: 0.5s;
}

#btnShortcutInvoice {
height: 600px;
width: 40px;
background: #006666;
padding: 10px 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
cursor: pointer;
display: block;
float: right;
position: relative;
z-index: 5999;
}

#contentShortcutInvoice {
  display: block;
background: #fff;
color: inherit;
padding: 8px;
height: 600px;
float: left;
width: 560px;
border: 1px solid #066;
border-left: none;
}

#slideoutShortcutInvoiceList {
  position: absolute;
width: 600px;
height: 210px;
bottom: 0px;
left: 0px;
z-index: 5100;
transition: 0.5s;
}

#btnShortcutInvoiceList {
height: 35px;
width: 600px;
background: #006666;
padding: 5px;
border-top-right-radius: 6px;
cursor: pointer;
display: block;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}

#contentShortcutInvoiceList {
  display: block;
background: #fff;
color: inherit;
padding: 0;
height: 250px;
width: 600px;
border: 1px solid #066;
border-bottom: none;
}

.te-exists{
  background-color: #fff !important;
  color:#6c757d !important;
  font-weight: bold !important;
}

.bind_menu{
  border: 1px solid #80bdff !important;
}

#project-wrapper {

}

#project-sidebar-wrapper {
  position:absolute;
 min-height: 100vh;
 margin-left: -50rem;
 -webkit-transition: margin .25s ease-out !important;
 -moz-transition: margin .25s ease-out !important;
 -o-transition: margin .25s ease-out !important;
 transition: margin .25s ease-out !important;
 z-index: 100;
 background-color: #fff;
 border:1px solid #066;
 border-left: none;
 padding: 10px;
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
 width: 300px;
}

#project-content-wrapper {
 min-width: 100vw;
}

#project-wrapper.toggled #project-sidebar-wrapper {
 margin-left: 0;
}

@media (min-width: 768px) {
 #project-sidebar-wrapper {
   margin-left: 0;
 }

 #project-content-wrapper {
   min-width: 0;
   width: 100%;

 }

 #project-wrapper.toggled #project-sidebar-wrapper {
   margin-left: -80rem;
 }

}



.rollkarten-address{
  border: 1px solid #066;
  border-radius: .25rem;
  padding: 10px;
  height: 160px;
  overflow-y: auto
}

.rollkarten-address label{
  font-weight: bold;
}


/* The switch - the box around the slider */
.switch {
 position: relative;
 display: inline-block;
 width: 60px;
 height: 34px;
}
.switch.small {
  width: 50px;
  height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
 opacity: 0;
 width: 0;
 height: 0;
}

/* The slider */
.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ccc;
 -webkit-transition: .4s;
 transition: .4s;
}

.slider:before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}


.slider.small:before {
 height: 16px;
 width: 16px;
}

.switch input:checked + .slider {
 background-color: #2196F3;
}

.switch input:focus + .slider {
 box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
 border-radius: 34px;
}

.slider.round:before {
 border-radius: 50%;
}

.even-larger-badge {
    font-size: 1em;
}

.col-sm-3-5 {
  max-width: 28%;
  fles:28%;
}

.col-sm-8-5 {
  max-width: 72%;
  flex: 72%;
}

.non-rg-frame-color{
  background-color:  #ffc107;
}
.accordion .accordion-header-selected .panel-title {
    color: #006666 !important;
}

.accordion .panel-title {
    color: #006666 !important;
}

.form-control[readonly] {
    background-color: #dedede;
    opacity: 1;
}
.form-control[disabled] {
    background-color: #dedede !important;
}

.textbox-text[readonly] {
    background-color: #dedede;
    opacity: 1;
}

a.sort-col {
  color : #006666 !important;
}

.jqx-combobox-input[disabled] {
  background-color: #dedede !important;
  opacity: 5;
}

ul.ui-autocomplete{
  z-index: 99999 !important
}

.combo > input.textbox-text-readonly {
  background-color: #FFFFFF !important
}

.grid-overlay-te {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
  z-index: 5000;
  display: none;
}
.badge-overpayment {
  background-color: #218838; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #218838 50% , orange 50%);
  color: #fff !important;
}