@charset "UTF-8";
/*!
 * Inloc Robotics
 * ================================*/

 /* Charts */

.grad1 {
  border: 2px solid black;
  height: 200px;
  background-image: linear-gradient(rgb(12, 255, 0), blue, yellow, orange, red);
  width: 30px;
}

.fa-mystyle {
  margin-right: 0px !important;
  line-height:.50em !important;
}

.min-height-box{
  min-height: 95%;
}

/* FIREFOX FIX OF UGLY SELECT BOXES */
@supports (-moz-appearance:none) {

  SELECT:enabled
  {
  -moz-appearance:none !important;
  background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  }

}

/* Icon top right - Text comes out of the box */
.dropdown-menu-box{
  min-width: 13rem !important;
}


/* PIE CHARTS in DASHBOARD PAGE */
.chart-legend ul {
  list-style: none;
  width: 100%;
  margin: 30px auto 0;
}
.chart-legend li {
  text-indent: 25px;
  line-height: 24px;
  position: relative;
  font-weight: 500;
  display: block;
  width: 100%;
}
.chart-legend  li:before {
  display: block;
  width: 20px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
}

.graphcolor_0:before { background-color: #F7464A; }
.graphcolor_1:before { background-color: #46BFBD; }
.graphcolor_2:before { background-color: #FDB45C; }
.graphcolor_3:before { background-color: #009688; }
.graphcolor_4:before { background-color: #17a2b8; }
.graphcolor_5:before { background-color: #ffc107; }
.graphcolor_6:before { background-color: #28a745; }
.graphcolor_7:before { background-color: #6c757d; }
.graphcolor_8:before { background-color: #6f42c1; }
.graphcolor_9:before { background-color: #32c9e1; }
.graphcolor_10:before { background-color: #e13232; }
.graphcolor_11:before { background-color: #cb32e1; }
.graphcolor_12:before { background-color: #620a0a; }
.graphcolor_13:before { background-color: #52e11e; }
.graphcolor_14:before { background-color: #ebf208; }
.graphcolor_15:before { background-color: #4608f2; }


/* .concrete:before { background-color: #F7464A; }
.stoneware-clay:before { background-color: #46BFBD; }
.masonry:before { background-color: #FDB45C; }
.pvc-polyvinylchloride:before { background-color: #009688; }
.pe-or-pp:before { background-color: #17a2b8; }
.thermoplastic:before { background-color: #ffc107; }
.frp:before { background-color: #28a745; }
.lining:before { background-color: #6c757d; }
.iron-sub:before { background-color: #6f42c1; }


.structural_defects:before { background-color: #F7464A; }
.performance_defects:before { background-color: #46BFBD; }
.inverntory_elements:before { background-color: #FDB45C; }
.others:before { background-color: #009688; } */


/* Defects */
.bar-00:before { background-color: #F7464A; }
.bar-01:before { background-color: #46BFBD; }
.bar-02:before { background-color: #FDB45C; }
.bar-03:before { background-color: #009688; }
.bar-04:before { background-color: #17a2b8; }
.bar-05:before { background-color: #ffc107; }
.bar-06:before { background-color: #28a745; }
.bar-07:before { background-color: #6c757d; }
.bar-08:before { background-color: #6f42c1; }
.bar-09:before { background-color: #32c9e1; }
.bar-10:before { background-color: #e13232; }
.bar-11:before { background-color: #cb32e1; }
.bar-12:before { background-color: #620a0a; }
.bar-13:before { background-color: #52e11e; }
.bar-14:before { background-color: #ebf208; }
.bar-15:before { background-color: #4608f2; }


/* FAQs */
.faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    /*border-radius: 2px;    */
    /*border: 1px solid #ddd;*/
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

.faq-nav.nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    color: #616161;
    transition: background-color .2s ease;
}

.faq-nav.nav-link:hover {
    background-color: #eee;
}

.faq-nav.nav-link:active {
    background-color: #f6f6f6;
    font-weight: 700;
    color: rgba(0,0,0,.87);    
}


.faq-nav.nav-link:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0;   
}

.faq-nav.nav-link:mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
}


#faq-tabs{
    font-size:1rem;
}

/* TAB CONTENT */
.tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

.tab-content.card {
    border-radius: 0;
}
    
.card-header {
    padding: 15px 16px;
    border-radius: 0;
    background-color: #f6f6f6;
}

.card-body {
    font-size: 1rem !important;
}


.card-body.p {
    color: #616161;
}

.card-body.last-of-type {
    margin: 0;
}


/* BORDER FIX */
.accordion.card:not(:first-child) {
    border-top: 0;
}

.collapse.show.card-body {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

/* GUIDE */
.btn-faq{
    font-size: 1rem;
}

.witdhGuide{
  width: 100%;
}

.marginRightLeftGuide{
  margin-right: 30px;
  margin-left: 30px;
}

.guideSpace li {
  margin:0 20px 15px 0;
}


/* API */
.api-margin-left-10 {
  margin-left: 10px;
}

.api-margin-left-20 {
  margin-left: 20px;
}

.api-margin-left-30 {
  margin-left: 30px;
}

.api-margin-left-40 {
  margin-left: 40px;
}

.api-margin-left-50 {
  margin-left: 50px;
}

.api-margin-left-60 {
  margin-left: 60px;
}

.api-margin-left-70 {
  margin-left: 70px;
}

.api-margin-left-80 {
  margin-left: 80px;
}

.api-margin-left-90 {
  margin-left: 90px;
}

.api-margin-left-100 {
  margin-left: 100px;
}

.api-margin-left-110 {
  margin-left: 110px;
}

.api-margin-left-120 {
  margin-left: 120px;
}

.api-margin-left-130 {
  margin-left: 130px;
}

.api-margin-left-140 {
  margin-left: 140px;
}

.api-margin-left-150 {
  margin-left: 150px;
}

.api-margin-left-160 {
  margin-left: 160px;
}

.api-margin-left-170 {
  margin-left: 170px;
}

.api-margin-left-180 {
  margin-left: 180px;
}

.api-margin-left-190 {
  margin-left: 190px;
}

.api-width-10 {
  width: 10%;
}

.api-width-20 {
  width: 20%;
}

.api-width-30 {
  width: 30%;
}

.api-width-40 {
  width: 40%;
}

.api-width-50 {
  width: 50%;
}

/* mdl-table */
table.dataTable.display tbody > tr.selected {
  background-color: #0273d4 !important;
}