/*
* Layout
*/
/* Table adjust */
.table-obj{overflow: auto;}
.table-plot{table-layout: auto; width: 40px;}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0px;
  z-index: 1;
  /*margin: 0px;*/
  /*background-color: #cae8ca;*/
  /*border: 2px solid #4CAF50;*/
}

/* Feature settings next to obj table  */
.newfeature {
   width: 140px;
   height: auto;
   border:solid #ccddff;
   position: absolute;
   /*-moz-border-radius: 10px; */
   -webkit-border-radius: 10px;
   border-radius: 10px;
   margin-left: -170px;
   margin-top: 32px;
   /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;

  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
}

.newfeature:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-left: 26px solid #ccddff;
   border-bottom: 13px solid transparent;
   margin: 13px 0px 0px 140px;
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;

  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
}

/*
* Framework
*/
.bullet-style-disc{ list-style-type: disc;}
.bullet-disc ul{ list-style-type: circle; padding:0px 20px; margin:0px;}
.bullet-disc ul ul{ list-style-type: disc; padding:0px 20px; margin:0px;}

* {box-sizing: border-box;}

/*************************** Slideshow settings ******************************/
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  background-color: black;
  overflow: auto;
}

.micro_slides {
  display: none;
}

/* next and previous slide buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: inherit;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position "next" button to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Hover effect on buttons */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text on slideshow */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: auto;
  text-align: left;
  background-color: rgb(0, 0, 0, 0.3);
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  -moz-animation-name: fade;
  -moz-animation-duration: 1.5s;
  -ms-animation-name: fade;
  -ms-animation-duration: 1.5s;
  -o-animation-name: fade;
  -o-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0.5}
  to {opacity: 1}
}
@-moz-keyframes fade {
  from {opacity: 0.5}
  to {opacity: 1}
}
@-ms-keyframes fade {
  from {opacity: 0.5}
  to {opacity: 1}
}
@-o-keyframes fade {
  from {opacity: 0.5}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.4}
  to {opacity: 1}
}

/************************ Graph properties in QC pages ******************/
.graph {
  height: "250px";
  width: 100%;
}


/******************* Objective image in table **********************/
.pic1 {position: absolute; border: solid; background-color: white }
.pic2 {position: absolute; border: solid; background-color: white }
.pic3 {position: absolute; border: solid; background-color: white }
.pic4 {position: absolute; border: solid; background-color: white }
.pic5 {position: absolute; border: solid; background-color: white }
.pic6 {position: absolute; border: solid; background-color: white }

/****************** Objective color codes for obj tables **************/
.obj2 {
    background-color: #ccffff;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj4 {
    background-color: #ff0000;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj10 {
    background-color: #ffff00;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj10w {
    background: -webkit-linear-gradient(top, #ffff00 0%, #ffff00 50%, #ffffff 51%, #ffffff 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #ffff00 0%, #ffff00 50%, #ffffff 51%, #ffffff 100%); /* Opera */
    background: -moz-linear-gradient(top, #ffff00 0%, #ffff00 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: linear-gradient(top, #ffff00 0%, #ffff00 50%, #ffffff 51%, #ffffff 100%) repeat scroll 0 0; /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj16 {
    background-color: #33ff66;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj16w {
    background: -webkit-linear-gradient(top, #33ff66 0%, #33ff66 50%, #ffffff 51%, #ffffff 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #33ff66 0%, #33ff66 50%, #ffffff 51%, #ffffff 100%); /* Opera */
    background: -moz-linear-gradient(top, #33ff66 0%, #33ff66 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: linear-gradient(top, #33ff66 0%, #33ff66 50%, #ffffff 51%, #ffffff 100%) repeat scroll 0 0; /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj20 {
    background-color: #33cc33;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj20w {
    background: -webkit-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ffffff 51%, #ffffff 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ffffff 51%, #ffffff 100%); /* Opera */
    background: -moz-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: linear-gradient(top, #33cc33 0%, #33cc33 50%, #ffffff 51%, #ffffff 100%) repeat scroll 0 0; /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj20mi {
    background: -webkit-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ff0000 51%, #ff0000 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ff0000 51%, #ff0000 100%); /* Opera */
    background: -moz-linear-gradient(top, #33cc33 0%, #33cc33 50%, #ff0000 51%, #ff0000 100%); /* FF3.6+ */
    background: linear-gradient(top, #33cc33 0%, #33cc33 50%, #ff0000 51%, #ff0000 100%) repeat scroll 0 0; /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj40 {
    background-color: #00ccff;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj40w {
    background: -webkit-linear-gradient(top, #00ccff 0%, #00ccff 50%, #ffffff 51%, #ffffff 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #00ccff 0%, #00ccff 50%, #ffffff 51%, #ffffff 100%); /* Opera */
    background: -moz-linear-gradient(top, #00ccff 0%, #00ccff 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: linear-gradient(top, #00ccff 0%, #00ccff 50%, #ffffff 51%, #ffffff 100%) repeat scroll 0 0; /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj60 {
    background-color: #0000cc;
    width: 20px;
    border: 2px solid #cccccc;
}
.obj60w {
    background: -webkit-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ffffff 51%, #ffffff 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ffffff 51%, #ffffff 100%); /* Opera */
    background: -moz-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ffffff 51%, #ffffff 100%);     /* FF3.6+ */
    background: linear-gradient(top, #0000cc 0%, #0000cc 50%, #ffffff 51%, #ffffff 100%) repeat scroll 0 0;      /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj60gly {
    background: -webkit-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ff0000 51%, #ff0000 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ff0000 51%, #ff0000 100%); /* Opera */
    background: -moz-linear-gradient(top, #0000cc 0%, #0000cc 50%, #ff0000 51%, #ff0000 100%);     /* FF3.6+ */
    background: linear-gradient(top, #0000cc 0%, #0000cc 50%, #ff0000 51%, #ff0000 100%) repeat scroll 0 0;      /* W3C */
    width: 20px;
    border: 2px solid #cccccc;
}
.obj100 {
    background-color: #ffffff;
    /*border: 1px solid #000000*/
    width: 20px;
    border: 2px solid #cccccc;
}