:root {
  --drop-down-height-min-height: 100px;
  --main-panel-color: #c7cfd0;
  --main-widgets-color: #c7cfd0;
  --main-top-menu-color: #c7cfd0;
  --main-left-color: #34495e;
  --left-menu-logo-container-color: #c7cfd0;
  --table-seperator-color: #34495e;
  --language-color: #34495e;
  --headers-color: #34495e;
  --table-header-color: #707579;
  --modal-datatable-header-color: #000000;
  --modelHeaderColor: #c7cfd0;
  --calibaerationTableHeader: #e6f5ff;
  --reportsPanelheaderPaddind: 25px;
  --testDashboardlabels-color: #c7cfd0;
}

.container-fluid{
  margin-top: 0;
}
::ng-deep.custom-tooltip {
  color: red;
}

.swal2-popup {
  background: var(--swal-background) !important;

}

.swal2-popup .swal2-title {
  color: var(--main-text-color) !important;
}

.btn-save {
  float: right;
  color: white;
  background: #13171d;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 400;
  border: 1px solid transparent;
  font-size: 14px;
  margin-left: 5px;
}

.btn-cancel {
  color: #000000 !important;
  background-color: #d8e4ef !important;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 400;
  border: 1px solid transparent;
  font-size: 14px;
  margin-left: 5px;
}

::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input {
  display: contents;
}

.owl-dt-timer-hour12 {
  margin-top: 10px !important;
  margin-left: 10px !important;
}

.owl-dt-container-row:last-child {
  height: 27px !important;
  /* background-color: #333 !important; */
}

.owl-dt-container {
  font-size: 1 rem !important;
  /* background-color: #333 !important; */

}


#addNew {
  font-size: 20px;
  margin-top: 3px;
  background-image: -webkit-linear-gradient(top, var(--addnewhover-background), var(--addnew-background));
}

#addNew:hover {
  background-color: var(--addnew-background);
}

#addNew:focus,
#addNew.active,
#addNew:active,
#addNew:focus,
#addNew.active.focus,
#addNew:active.focus,
#addNew:active:focus {
  background-color: var(--addnew-background);
}

#addNew:hover {
  color: var(--addnew-color);
  background-color: var(--addnewhover-background);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--addnewhover-background)), to(var(--addnewhover-background)));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #0a213e, #0a213e);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #0a213e, #0a213e);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #0a213e, #0a213e);
  /* IE10 */
  background-image: -o-linear-gradient(top, #0a213e, #0a213e);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #0a213e, #0a213e);
}

.modal-header .close {
  /* background: white !important; */
  color: var(--close-color) !important;
}

#timeSelection {
  padding: 10px;
  margin: 8px;
  background-color: var(--button-background);
  color: var(--pricing-color);
  font-weight: bolder;
  border-radius: 10px;
  border: 0;
}

#buttonpricingstyle {
  cursor: pointer;
  position: relative;
  margin: 10px 0;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  padding: 13px 35px 10px;
  transition: all .1s;

}

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

#blah {
  border-radius: 50%;
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}

.chart-height2 {
  height: 188px;

}

.chart-height3 {
  height:  364px;
  padding: 0;


}
@media (max-width: 500px) {
  .piechart{
    padding-left: 14vw !important;
    /* width: 100% !important; */
  }
}
.piechart {
  /* margin:   5%; */
  padding-left: 5vw;
  float: none;
  direction: unset;
  flex-direction: unset;
  height: fit-content;
}

#vehicle_table_scroll #responsiveTable_wrapper2_wrapper .row .col-md-5 .dataTables_info {
  display: none !important;
}

#vehicle_table #responsiveTable_wrapper2_wrapper .row .col-md-5 .dataTables_info {
  display: none !important;
}

#infowindowtable {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.header-title {
  text-align: center;
  color: #3a86c8;
}

#tip {
  display: none;
}

.fadeIn {
  animation-duration: 3s;
}

.form-control {
  border-radius: 0px;
  border: 1px solid #c6c6c6;
  color: var(--main-text-color);
}

.form-control:focus {
  border: 1px solid #3a86c8;
}

.textarea-contact {
  resize: none;
}

.btn-send {
  border-radius: 0px;
  border: 1px solid #3a86c8;
  background: #3a86c8;
  color: #fff;
}

.btn-send:hover {
  border: 1px solid #3a86c8;
  background: #333;
  color: #3a86c8;
  transition: background 0.5s;
}

.second-portion {
  margin-top: 50px;
}


.box>.icon {
  text-align: center;
  position: relative;
}

.box>.icon>.image {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 88px;
  height: 88px;
  border: 8px solid white;
  line-height: 88px;
  border-radius: 50%;
  background: #3a86c8;
  vertical-align: middle;
}

.box>.icon:hover>.image {
  background: #333;
}

.box>.icon>.image>i {
  font-size: 36px !important;
  color: #fff !important;
}

.box>.icon:hover>.image>i {
  color: white !important;
}

.box>.icon>.info {
  margin-top: -24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #e0e0e0;
  padding: 15px 0 10px 0;
  min-height: 163px;
}

.box>.icon:hover>.info {
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  color: white;
}

.box>.icon>.info>h3.title {
  font-family: "Robot", sans-serif !important;
  font-size: 16px;
  color: #222;
  font-weight: 700;
}

.box>.icon>.info>p {
  font-family: "Robot", sans-serif !important;
  font-size: 13px;
  color: #666;
  line-height: 1.5em;
  margin: 20px;
}

.box>.icon:hover>.info>h3.title,
.box>.icon:hover>.info>p,
.box>.icon:hover>.info>.more>a {
  color: #222;
}

.box>.icon>.info>.more a {
  font-family: "Robot", sans-serif !important;
  font-size: 12px;
  color: #222;
  line-height: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

.box>.icon:hover>.info>.more>a {
  color: #fff;
  padding: 6px 8px;
  background-color: #63B76C;
}

.box .space {
  height: 30px;
}

@media only screen and (max-width: 768px) {
  .contact-form {
    margin-top: 25px;
  }

  .btn-send {
    width: 100%;
    padding: 10px;
  }

  .second-portion {
    margin-top: 25px;
  }
}


.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;

}

.star-ratings-css-top {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}

.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}


.select-style {
  margin-left: 17px;
  border: 1px solid #ccc;
  width: 190px;
  border-radius: 3px;
  overflow: hidden;
  /* background: #fafafa url("img/icon-select.png") no-repeat 90% 50%; */
}

.select-style select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}

.select-style select:focus {
  outline: none;
}

#refresh :hover {
  display: inherit;


}

#refresh {
  cursor: pointer;
  float: right;
  margin-left: 2px;

}

#refresh_top_bar {
  cursor: pointer;
  float: right;
  margin-left: 15px;
  margin-top: 10px;


}

.topbarh {
  color: black;
  font-size: 12px;

  padding: 5px;
}

#topbarh {
  color: black;
  font-size: 11px;

  padding: 5px;
}

.chart-height4 {

  margin-right: 10px;
}

.chart-height {

  margin-top: 50px;
}

.form-control-error1 {
  /*background: #fb434a;*/
  left: unset;
  right: unset;
  bottom: 0;
  top: unset;
  color: red;
  max-width: 230px;
  z-index: 1;
}

/* button[_ngcontent-c5] {
  background: #272f3a !important;
  color: white !important;
} */
input.pricing-one-button {
  background: var(--button-background) !important;
  color: var(--pricing-color) !important;
  font-weight: bold;
}

.dataTables_empty {
  /* display: none; */
}

.no-data-available {
  text-align: center;
}

table.table-bordered.dataTable tbody td {
  text-align: center !important;
}

.table>thead:first-child>tr:first-child>th {
  font-weight: bolder;
  font-size: 13px;
  text-align: center;
  border: none;
  white-space: break-spaces !important;
}

/* .main-container .row .col-md-12 .panel .panel-body .table-responsive .dataTables_wrapper .row .col-md-6 .dataTables_filter input{
  width: 300px !important;
  border: 1px solid !important; 
  background-color: #d7ecff !important;
  border-radius: 10px !important;
}  */
/* .main-container .row .col-md-12 .panel .panel-body .table-responsive .dataTables_wrapper .row .col-md-6 .dataTables_filter input:hover{
  border: 1px solid #00b0ff !important;
  width: 350px !important; 
} */
/* .main-container .row .col-md-12 .panel .panel-body .table-responsive .dataTables_wrapper  .dataTables_filter input{
  width: 300px !important;
  border: 1px solid !important; 
  background-color: #d7ecff !important;
  border-radius: 10px !important;
}  */
/* .main-container .row .col-md-12 .panel .panel-body .table-responsive .dataTables_wrapper  .dataTables_filter input:hover{
  border: 1px solid #00b0ff !important;
  width: 318px !important; 
} */

/* .main-container .row .col-md-12 .panel .panel-body .table-responsive .dataTables_wrapper  .dataTables_filter label{
  position: inherit;
      margin: inherit;

} */

/* .map-button .map_table .fadeInLeftBig .dataTables_wrapper .row .col-md-6 .dataTables_filter input{
  width: 300px !important;
  border: 1px solid !important; 
  background-color: #d7ecff !important;
  border-radius: 10px !important;
}  */
/* .map-button .map_table .fadeInLeftBig .dataTables_wrapper .row .col-md-6 .dataTables_filter input:hover{
  border: 1px solid #00b0ff !important;
 
} */
/* .map-button .map_table .fadeoutLeftBig .dataTables_wrapper .row .col-md-6 .dataTables_filter input{
  width: 300px !important;
  border: 1px solid !important; 
  background-color: #d7ecff !important;
  border-radius: 10px !important;
}  */
/* .map-button .map_table .fadeoutLeftBig .dataTables_wrapper .row .col-md-6 .dataTables_filter input:hover{
  border: 1px solid #00b0ff !important;
 
} */
/* .map-button .map_table .table-responsive .dataTables_wrapper .row .col-md-6 .dataTables_filter input{
  width: 300px !important;
  border: 1px solid !important; 
  background-color: #d7ecff !important;
  border-radius: 10px !important;
}  */
/* .map-button .map_table .table-responsive .dataTables_wrapper .row .col-md-6 .dataTables_filter input:hover{
  border: 1px solid #00b0ff !important;
  
}
.map-button .map_table .fadeInLeftBig .dataTables_wrapper .row .col-md-6 .dataTables_filter{
  margin-left: -80px !important;
}
div.dataTables_wrapper div.dataTables_filter{
  margin-left: -80px !important;
} */


.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{
  background: #2d2d2d !important;
  color: white !important;
  font-weight: bold !important;
}