/* Autocomplete section */
.angucomplete-dropdown {
  overflow-y: auto;
  max-height: 200px;
}

.angucomplete-holder {
  position: relative;
}

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  margin-top: -6px;
  background-color: #ffffff;
}

.angucomplete-searching {
  color: #acacac;
  font-size: 14px;
}

.angucomplete-description {
  font-size: 14px;
}

.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px;
  clear: both;
}

.angucomplete-selected-row {
  background-color: lightblue;
  color: #ffffff;
}

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
}

.angucomplete-image-default {
  /* Add your own default image here
     background-image: url('/assets/default.png');
    */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
}

.red {
  color: red;
}

.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
  background-color: #f1f1f1;
  color: #000;
}

.w3-padding-16 {
  padding-bottom: 16px;
  padding-top: 16px;
}

.w3-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.w3-ul li {
  border-bottom: 1px solid #ddd;
  padding: 8px 16px;
}

.w3-right {
  float: right;
}

.w3-margin-right {
  margin-right: 16px;
}

.w3-container,
.w3-panel {
  padding: 0.01em 16px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type='email'] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type='password'] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#activeTariffsDiv .table-responsive tr th,
#activeTariffsDiv .table-responsive tr td {
  width: 120px;
}

.p120px {
  width: 130px !important;
}

#activeTariffsDiv .table-responsive tr th {
  background-color: #242424;
  color: darkorange;
  white-space: nowrap;
}

#activeTariffsDiv .table-responsive table {
  width: 1400px;
  max-width: 1400px;
  overflow-x: scroll;
}

#suptenders .table-responsive tr th {
  background-color: #010101;
  color: #fff;
  white-space: nowrap;
}

#suptenders .table-responsive tr td {
  vertical-align: middle;
}

#suptenders .table-responsive tr td button {
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 4px;
}

#tenderdetails .table-responsive tr th {
  background-color: #404040;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  /*628D45*/
}

tr.green_bk_tr td {
  background-color: #40a42b;
  color: #fff;
  text-align: center;
  border: none !important;
}

tr.light_green_bk_tr td {
  background-color: #e2f0d9 !important;
  border: none !important;
}

tr.light_green_bk_tr td.pink {
  background-color: #ffd5d5 !important;
}

.green-bg-td {
  background-color: #e2f0d9 !important;
  color: green;
  text-transform: lowercase;
  font-size: 20px;
}

.red-bg-td {
  background-color: #ffd5d5 !important;
  color: red;
  text-transform: lowercase;
  font-size: 20px;
}

.yellow-bg-td {
  background-color: #fff2cc !important;
  color: orangered;
  text-transform: lowercase;
  font-size: 20px;
}

#tenderdetails .table-responsive tr td,
#tenderdetails .table-responsive tr th {
  vertical-align: middle;
  padding: 5px !important;
}

#tenderdetails .table-responsive tr.green_bk_tr td:first-child {
  white-space: nowrap;
}

#tenderdetails .table-responsive tr.green_bk_tr td input[type='checkbox'] {
  margin-right: 5px;
}

#tenderdetails .table-responsive tr td input[type='text'] {
  height: auto !important;
}

#tendereansdata .table-responsive tr:first-child td,
#tendereansdata2 .table-responsive tr:first-child td {
  background-color: #242424;
  color: #fff;
}

#tendereansdata .table-responsive table {
  width: 2200px;
  max-width: 4500px;
  overflow-x: scroll;
}

#tendereansdata2 .table-responsive table {
  width: 2500px;
  max-width: 3500px;
  overflow-x: scroll;
}

#tendereansdata .table-responsive table tr:not(:first-child) td,
#tendereansdata2 .table-responsive table tr:not(:first-child) td {
  background-color: #e2f0d9;
}

#validatingeans tr:first-child td {
  background-color: #242424 !important;
  color: #fff;
}

#validatingeans tr td:first-child {
  background-color: #242424;
  color: #fff;
}

#validatingeans tr td:last-child {
  text-align: center;
}

#validatingeans tr td:not(:first-child) {
  background-color: #e2f0d9;
}

ul.nav-tabs-cust {
  margin-bottom: 5px;
}

.nav-tabs-cust > li.active > a {
  color: #2e771f;
  background-color: #e2f0d9;
}

.darkorange {
  color: darkorange !important;
}

.lightgreenbck {
  background-color: #e2f0d9 !important;
}
.nav-tabs-cust > li {
  float: left;
}

.nav-tabs-cust > li > a {
  padding: 10px !important;
}

.nav-tabs-cust > li a {
  color: #a6a6a6;
}

.cons > li a {
  color: #010101;
}

table.details-header tr th {
  background-color: #242424;
  color: #fff;
}

table.details-header tr td:not(:first-child),
table.details-header tr th:not(:first-child) {
  text-align: center;
}

table.details-header > tbody > tr:nth-of-type(odd) {
  background-color: #e2f0d9;
}

.first-column-center tr td:first-child {
  text-align: center !important;
}

table.details-header tr td input.form-control {
  padding: 4px;
  height: 30px;
  width: 70px;
  display: inherit;
}

table.details-header tr td {
  vertical-align: middle !important;
}

table.orange-header tr td {
  color: #010101;
  font-size: 13px;
}

table.orange-header tr td input.form-control {
  padding: 4px;
  height: 30px;
}

table.orange-header td:first-child {
  background-color: #e2f0d9;
  border-bottom: 1px solid #e1e9ec;
  color: #000;
  vertical-align: middle;
}

.chart-add-data {
  background-color: #40a42b;
  color: #fff;
  padding: 15px 15px;
  margin: 10px;
  font-size: 17px;
  height: 90px;
}

#setUpData table .btn {
  padding: 8px;
  font: 13px/23px 'robotoregular', Arial, Helvetica, sans-serif;
}

#setUpData table tr {
  background-color: #efefef;
}
#setUpData a {
  z-index: 999;
  position: absolute;
  top: 193px;
  left: 70px;
  background-color: darkorange;
}
#setUpData {
  z-index: 999;
  position: absolute;
  top: 30px;
  left: 110px;
}

div.contactpers table tr th {
  width: 40%;
}

.highlight {
  background-color: #e2f0d9 !important;
}

.info-bar {
  border-bottom: 1px solid #bababa;
  padding: 12px 10px;
}

.row .dark-bg {
  background: #666;
  color: #fff;
  padding: 12px;
  margin: 5px;
}

.dark-bg i {
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 2px;
}

.info-bar .form-control {
  display: inline-block;
  /* width: 150px;*/
}

.dark-bg .input-min {
  max-width: 40px !important;
}

.form-control.input-min {
  max-width: 45px;
  min-width: 40px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0 2px;
}

.form-control.input-min2 {
  max-width: 65px !important;
}

.label-name-above {
  color: #999;
  margin: 1px 5px;
}

.green-label-name-above {
  color: #40a42b;
  margin: 9px 5px;
}
.info-bar .w3-margin-right2 a {
  color: red;
}

.w3-margin-right2 {
  margin-right: 8px;
}

.label-name {
  display: inline-block;
  line-height: 34px;
}

.info-bar.dark-bg .label-name {
  float: left;
  line-height: normal;
}

.forcasted-wrap [type='file'].form-control {
  border: 0 none;
  display: inline-block;
  padding: 0;
  width: 200px;
}

.forcasted-bottom {
  padding-top: 25px;
}

.contact-formula {
  margin-top: 15px;
}

.contact-formula .table td {
  padding: 8px 3px;
  text-align: left;
  vertical-align: middle;
}

.contact-formula th,
.contact-formula .head-row td {
  background: none;
  padding: 10px 5px;
  font-size: 11px;
}

.contact-formula .form-control {
  font-size: 12px;
}

.contact-formula .btn-equal {
  min-width: 200px;
  float: right;
}

.padding-x-remove {
  padding-left: 0;
  padding-right: 0;
}

.info-bar .form-control.form-control-full {
  width: 100%;
}

.btn-dark {
  color: #fff;
  background-color: #3c3b39;
  border-color: #3c3b39;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.btn-equal {
  min-width: 150px;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.btn-grey {
  background-color: #d9d9d9;
}

.btn-green-border {
  border: 1px solid green !important;
  padding: 4px 10px !important;
}

.btn-orange {
  color: #fb5a3f !important;
  background-color: #fff;
  border: 1px solid #fb5a3f;
  text-decoration: none !important;
}

.contact-formula table tr td .select-wrap {
  margin-bottom: 0;
}

div.var-formula table tr th {
  font-size: 14px;
  font-weight: normal;
}

.formuladatatable {
  width: 100%;
}

.formuladatatable tr th,
.formuladatatable tr td {
  border: 1px solid #fff;
  text-align: center;
  color: #737571;
}
.formuladatatable tr td a {
  border-radius: 0 !important;
  margin: 2px;
  background-color: #fff !important;
}

.formuladatatable tr:first-child th {
  background-color: #d9d9d9;
  color: #4f4f4f;
  padding: 5px;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.dark-green-bk {
  background-color: #40a52b !important;
}

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

.panel-title-click {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
  background-color: #404040;
  padding: 7px 15px;
}

.stp-complete {
  display: table;
  position: absolute;
  left: -3%;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 6.1%;
}

.clik-data {
  position: relative;
  padding-left: 10px;
  margin-top: 30px;
}
.eanspanel1 {
  height: 80px;
  overflow-y: auto;
}

.eanspanel2 {
  height: 30px;
  overflow-y: auto;
}
.green-bk {
  background-color: #40a42b !important;
}

.grey-bk {
  background-color: #f2f2f2 !important;
}

.dark-grey-bk {
  background-color: #505050 !important;
}

form.form-vertical {
  padding-left: 2%;
  padding-right: 2%;
}

form.form-vertical label.control-label {
  color: #777;
  margin-top: 1px;
  margin-bottom: 0px;
}
suptenders .padding-10 {
  padding-left: 10%;
  padding-right: 10%;
}

.padding-15 {
  padding-left: 15%;
  padding-right: 15%;
}

.padding-15 label.control-label {
  color: #777;
  margin-top: 10px;
  margin-bottom: 2px;
  margin-left: 6px;
}

.padding-5p {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-5ptb {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.click-clicks-table tr th {
  background-color: #262626 !important;
  text-align: center;
}

.click-clicks-table tr td {
  text-align: center !important;
}

.click-clicks-table tr td:nth-child(2) {
  background-color: transparent !important;
}

.click-clicks-table tr td:nth-child(1),
.click-clicks-table tr td:nth-child(3),
.click-clicks-table tr td:nth-child(5),
.click-clicks-table tr td:nth-child(7) {
  background-color: #e2f0d9;
}

.click-clicks-table tr td:nth-child(8) {
  color: #2e771f;
}

.click-periods-table tr th {
  background-color: #40a52b;
  color: #fff;
  padding: 5px !important;
  white-space: nowrap;
}

.orange_frame {
  color: #fa3f22 !important;
}

.click-periods-table tr td {
  vertical-align: middle !important;
}

.click-periods-table tr td input[type='text'] {
  width: 60px;
  height: 30px;
}

.click-periods-table tr td:nth-child(2) {
  background-color: #e2f0d9;
  white-space: nowrap;
}

.tender-table tr th {
  background-color: #1c8200;
  color: #fff;
}

#fileuploadtable tr td {
  vertical-align: middle;
}

.color_grey {
  color: #777;
}

.yellow_btn {
  background-color: #ffc000;
  color: #fff;
}

.green_btn {
  background-color: #00b050;
  color: #fff;
}

.red_btn {
  background-color: #ff0000;
  color: #fff;
}

.grey_btn {
  background-color: #7f7f7f;
  color: #fff;
}

.black_btn {
  background-color: #000000;
  color: #fff;
}

.files-widgets,
.files-widgets-module {
  background-color: #fff;
  margin-left: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dashed;
  padding-bottom: 5px;
}

.files-widgets-module + .files-widgets-module {
  margin-top: 15px;
}

.files-sidebar-title {
  font: 15px 'robotomedium', Helvetica, Arial, sans-serif;
  color: #fff;
}

.files-sidebar-title a {
  background-color: rgba(255, 255, 255, 0.2);
  display: inline;
  font: 14px 'robotomedium', Helvetica, Arial, sans-serif;
  color: #7e7e7e;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 8px 20px 1px;
}

.files-sidebar-title button {
  border: 1px solid green;
  border-radius: 0;
}

.files-sidebar-title button i {
  color: green;
}

.files-sidebar-title a i {
  position: absolute;
  left: 1px;
  top: 10px;
  font-size: 14px;
}

.files-widgets ul li a {
  font: 14px/24px 'robotoregular', Helvetica, Arial, sans-serif;
  color: #7e7e7e;
}

.files-widgets .files-sidebar-title > a .fa-minus,
.files-widgets .files-sidebar-title > a.collapsed .fa-plus,
.files-widgets ul li > a.collapsed .fa-plus {
  display: inline-block;
}

.files-widgets .files-sidebar-title > a .fa-plus,
.files-widgets ul li > a .fa-plus,
.files-widgets ul li > a.collapsed .fa-minus {
  display: none;
}

.files-widgets .panel-body {
  padding: 0 15px;
}

.files-widgets .panel-body > ul {
  margin: 1px 0 1px 15px;
}

.files-widgets .panel-body ul.sub-cat {
  padding-left: 10px;
  margin: 0;
}

.files-widgets ul.sub-cat li a {
  font-size: 12px;
}

.btn-files-upload {
  color: #7e7e7e;
  background-color: #fff;
}

ul.gr li a {
  color: #40a42b;
}

.text_green {
  color: #1c8200;
}

.text_grey {
  color: #a2a2a2;
}

.green_a {
  color: #628d45 !important;
}

.emailextdiv {
  width: 25px;
}

.emailinternaldiv {
  position: absolute;
  border-radius: 3px;
  background-color: #e1e1e1;
  color: #000;
  padding: 10px;
  z-index: 99;
  border: 1px solid silver;
  width: auto;
  white-space: nowrap;
  top: -35px;
}
.notification-btns btn {
  border-radius: 0px;
  border: 1px solid #40a42b;
}

.email-divs {
  border: 1px solid silver;
  padding: 2px 6px;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 3px;
}

.btn-wht {
  background-color: #fff !important;
  color: #7e7e7e !important;
}

.notifications-head {
  padding: 5px;
}

.badge2 {
  background-color: #fa3f22 !important;
  color: #fff !important;
}

.badge3 {
  background-color: #2f5597 !important;
  color: #fff !important;
}

.badge4 {
  background-color: #70ad47 !important;
  color: #fff !important;
}

.badge5 {
  background-color: #313131 !important;
  color: #fff !important;
}
.badge6 {
  background-color: #ffc000 !important;
  color: #fff !important;
}

.valuebox {
  background: #fa3f22;
  border-radius: 3px;
  text-align: center;
  font: 30px/50px Arial, sans-serif;
  font-weight: normal;
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  position: relative;
}

.vol_certificate_wrap .panel-body {
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #bababa;
}

.decore-info-bar {
  padding: 0 !important;
}

.info-bar,
.info-bar2,
.info-bar3 {
  border-bottom: 1px solid #bababa;
  padding: 12px 10px;
  position: relative;
}

.decore-info-bar .decore-inner-bar:first-child {
  border-right: 1px solid #bababa;
}

.decore-info-bar .decore-inner-bar {
  min-height: 20px;
  padding: 12px 10px;
}

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

.lock-table tr td:first-child {
  background-color: #505050;
  color: #fff;
  vertical-align: middle;
}

.lock-table tr td {
  background-color: #40a42b;
  vertical-align: middle;
}

.lock-table tr td label {
  color: #fff;
  margin-top: 3px;
}

.form-control {
  color: #222 !important;
}

.form-control-lock {
  border: 1px solid #d9e3e8;
  border-radius: 3px;
  width: 50px;
  display: block;
  height: 26px;
}

.form-control-lock2 {
  padding: 4px 6px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #999;
  border: 1px solid #d9e3e8;
  border-radius: 3px;
  width: 45%;
}

.form-control-lock2[disabled] {
  cursor: not-allowed;
}

.transparent-black {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15000;
  background-color: rgba(0, 0, 0, 0.4);
}

.load::after {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  content: '';
  margin: auto;
  background-color: grey;
}

.loadspan {
  color: white;
  position: absolute;
  top: 38px;
  left: 16%;
  z-index: 15002;
}

.load {
  animation: load 1s infinite linear;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 20%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  z-index: 15002;
}

@keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.can-toggle {
  position: relative;
}

.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.can-toggle input[type='checkbox'] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.can-toggle input[type='checkbox'][disabled] ~ label {
  pointer-events: none;
}

.can-toggle input[type='checkbox'][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}

.can-toggle label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 32px;
}

.can-toggle label .can-toggle__switch {
  position: relative;
}

.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}

.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.can-toggle input[type='checkbox'][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type='checkbox']:focus ~ label .can-toggle__switch,
.can-toggle input[type='checkbox']:hover ~ label .can-toggle__switch {
  background-color: red;
}

.can-toggle input[type='checkbox']:focus ~ label .can-toggle__switch:after,
.can-toggle input[type='checkbox']:hover ~ label .can-toggle__switch:after {
  color: #5e5e5e;
}

.can-toggle input[type='checkbox']:hover ~ label {
  color: #6a6a6a;
}

.can-toggle input[type='checkbox']:checked ~ label:hover {
  color: #55bc49;
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch {
  background-color: green;
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch:after {
  color: #4fb743;
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch2:after {
  color: darkorange !important;
}

.can-toggle input[type='checkbox']:checked:focus ~ label .can-toggle__switch,
.can-toggle input[type='checkbox']:checked:hover ~ label .can-toggle__switch {
  background-color: green;
}

.can-toggle input[type='checkbox']:checked:focus ~ label .can-toggle__switch:after,
.can-toggle input[type='checkbox']:checked:hover ~ label .can-toggle__switch:after {
  color: #47a43d;
}

.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.can-toggle label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #ce0028;
}

.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
}

.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
}

.can-toggle input[type='checkbox']:focus ~ label .can-toggle__switch:after,
.can-toggle input[type='checkbox']:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.can-toggle input[type='checkbox']:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
  transform: translate3d(65px, 0, 0);
}

.can-toggle input[type='checkbox']:checked:focus ~ label .can-toggle__switch:after,
.can-toggle input[type='checkbox']:checked:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.can-toggle label {
  font-size: 14px;
}

.can-toggle label .can-toggle__switch {
  height: 36px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 134px;
  flex: 0 0 134px;
  border-radius: 4px;
}

.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}

.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px;
}

.can-toggle label .can-toggle__switch:hover:after {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-small input[type='checkbox']:focus ~ label .can-toggle__switch:after,
.can-toggle.can-toggle--size-small input[type='checkbox']:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-small input[type='checkbox']:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(32px, 0, 0);
  transform: translate3d(32px, 0, 0);
}

.can-toggle.can-toggle--size-small input[type='checkbox']:checked:focus ~ label .can-toggle__switch:after,
.can-toggle.can-toggle--size-small input[type='checkbox']:checked:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-small label {
  font-size: 20px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch {
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66px;
  flex: 0 0 66px;
  border-radius: 2px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
  left: 33px;
  font-size: 9px;
  line-height: 20px;
  width: 33px;
  padding: 0 12px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
  top: 1px;
  left: 1px;
  border-radius: 1px;
  width: 32px;
  line-height: 18px;
  font-size: 9px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large input[type='checkbox']:focus ~ label .can-toggle__switch:after,
.can-toggle.can-toggle--size-large input[type='checkbox']:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large input[type='checkbox']:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(78px, 0, 0);
  transform: translate3d(78px, 0, 0);
}

.can-toggle.can-toggle--size-large input[type='checkbox']:checked:focus ~ label .can-toggle__switch:after,
.can-toggle.can-toggle--size-large input[type='checkbox']:checked:hover ~ label .can-toggle__switch:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large label {
  font-size: 14px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch {
  height: 50px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  border-radius: 4px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
  left: 80px;
  font-size: 14px;
  line-height: 50px;
  width: 80px;
  padding: 0 12px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 78px;
  line-height: 46px;
  font-size: 14px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.statusElem {
  padding: 2px 5px;
}

.statusElem a {
  color: #4f4f4f !important;
}

#poolings .table-responsive tr th {
  background-color: #010101;
  color: #fff;
  white-space: nowrap;
}

#poolings .table-responsive tr td input.form-control {
  height: auto;
  padding-top: 4px;
  padding-bottom: 3px;
}

#poolings .table-responsive tr td {
  vertical-align: middle;
}
.white_color {
  color: #fff !important;
}

.hidden-msg {
  position: absolute;
  border-radius: 3px;
  background-color: #e1e1e1;
  top: -30px;
  color: #000;
  padding: 5px;
  right: -10px;
  z-index: 99;
  border: 1px solid silver;
  width: auto;
  white-space: nowrap;
}

.hidden-msg-supp {
  top: -60px !important;
}

.hidden-msg-tarr {
  top: -50px !important;
}

#tariffstable tr:last-child td {
  background-color: #e2f0d9;
}

.bdg1 {
  position: relative;
  width: 100%;
  height: 100%;
}

table.data-table-budget tr th {
  text-align: right;
}

table.data-table-budget tr td:last-child,
table.data-table-budget tr td:nth-last-child(2) {
  background-color: #4e4e4e;
  color: #fff;
}

.php-cos {
  color: #595959;
  background-color: #e2efda;
  border-top: 1px solid #fff !important;
}

.php-cos a {
  color: #595959 !important;
}

.skva-pulugo {
  color: #595959;
  background-color: #f1f7ed;
  border-top: 1px solid #fff !important;
}

.skva-pulugo a {
  color: #595959 !important;
}

.pufourniture-tvac {
  color: #595959;
  background-color: #ededed;
  border-top: 1px solid #fff !important;
}

td.pufourniture-tvac span {
  display: inline-block;
}

.pufourniture-tvac a {
  color: #595959 !important;
}

.fourniture-divers {
  color: #fff;
  background-color: #409c36;
}
.fourniture-divers a {
  color: #fff !important;
}

.horstva-tvac {
  color: #fff;
  background-color: #4e4e4e;
}
.horstva-tvac a {
  color: #fff !important;
}

.fourniturepr-diverspr {
  color: #595959;
  background-color: #e2efda;
  border-top: 1px solid #fff !important;
}

.fourniturepr-diverspr a {
  color: #595959 !important;
}
.erreurtotal {
  color: #595959;
  background-color: #ffd5d5;
  border-top: 1px solid #fff !important;
}
.erreurtotal a {
  color: #ff6969 !important;
}

.volumebar {
  margin-top: 30px;
  min-height: 75px;
}

.progres-bar {
  background-color: #62983e;
  color: #2b2b2b;
  font-size: 11px;
  height: 50px;
  position: relative;
  text-align: center;
  width: 100%;
}

.progres-bar .prg-div {
  background-color: #67d351;
  float: right;
  height: 50px;
  width: 50%;
}

.perfomance-grade-line {
  padding: 10px 20px;
}

.perfomance-grade ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.perfomance-grade ul li {
  width: 50%;
  float: left;
  font-size: 13px;
  text-align: center;
}

.perfomance-grade ul li span {
  width: 18px;
  height: 18px;
  background: #cccccc;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.perfomance-grade ul li span.consommation-eronee {
  background: #62983e;
}

.perfomance-grade ul li span.taxes-eronees {
  background: #67d351;
}

table.no-border-reporting tr td {
  border: 0 !important;
  vertical-align: middle !important;
  color: #7e7e7e;
}

table.no-border-reporting tr:first-child td {
  border-bottom: 1px silver dashed !important;
}

.rectangle-factures {
  width: 15px;
  height: 50px;
}

.red-rectangle {
  background-color: #fb5a3f;
}

.green-rectangle {
  background-color: #40a52b;
}
.red {
  color: #ff6969;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/*
.btn + .btn {
    margin-bottom: 5px;
}*/

.tborder tr:first-child td {
  vertical-align: bottom;
  border-bottom: 1px solid silver;
}

.multiselect .dropdown-menu {
  position: static;
  box-shadow: none;
  display: block;
  float: none;
  max-height: 300px;
  overflow: auto;
}

.multiselect-labels a .fa {
  color: #ccc;
}

.multiselect-labels a .fa:hover {
  color: #fff;
}

.multiselect-labels .label {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  padding: 4px 6px;
}

.multiselect .dropdown-menu > li > a {
  white-space: normal;
  display: inline !important;
  padding: 3px !important;
  margin-left: 5px;
}

.multiselect .dropdown-menu > li > input {
  margin-left: 5px;
}

.fixed_header tbody {
  display: block;
  max-height: 600px;
  overflow-y: scroll;
}

.fixed_header thead,
.fixed_header tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.fixed_header thead tr th {
  border: 0 !important;
}

.remark {
  width: 65px;
}

.orderdiv {
  z-index: 1;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  margin-top: 5px;
  border-radius: 3px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 80%;
}

.orderdiv div {
  display: block;
  padding: 5px 15px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  color: #010101 !important;
}

.orderdiv div:hover {
  background-color: lightblue;
}

.no-margin {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* .main-conent-wrapper{
    min-height:700px;
} */

#varformulastable .form-control {
  color: #000;
}