body {
  font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: var(--color-theme) !important;
}
.BELLAPOINT{
  color:var(--color-theme);
}
.BanContent{
  color:var(--color-theme);
}
.btn360 {
  background-color: white !important;
  border-color: white !important;
}
.btn.btn-primary {
  background-color: var(--color-theme) !important;
  border-color: var(--color-theme) !important;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1.5px solid var(--color-themetwo);
  /*background-color: #f1f1f1;*/
}
/* Style the buttons inside the tab */
.tablinks {
  background-color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 20px;
  border-left: 5px solid var(--color-themetwo);
  color: var(--color-theme);
}
/* Change background color of buttons on hover */
.tablinks:hover {
  /*background-color: #ddd;*/
}
/* Create an active/current tablink class */
.tablinks.active {
  background-color: var(--color-theme);
  border-left: 5px solid var(--color-themetwo);
  color: white;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}
.content{
  padding: 20px;
}
button.btn.btn-primary {
  background-color: var(--color-theme) !important;
  border-color: var(--color-theme) !important;
}
.topright:hover {color: red;}
div#HeadTable_length {
  display: none;
}
div#HeadTable_filter {
  display: none;
}
div#ShankTable_length {
  display: none;
}
div#ShankTable_filter {
  display: none;
}
.HeadCard{
  box-shadow: 2px 2px #8b898b;
}
.image-radio2{
  padding: 0px;
}
@media screen and (max-width: 640px) {
  .CenterShape{
    top: 0px !important;
  }
  .BanContent{
    background-color: var(--color-theme) !important; 
    color: white !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
  }
  .tablinks {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1px 1px;
    transition: 0.3s;
    font-size: 0.5px;
    border-left: 3px solid var(--color-themetwo);
    color: var(--color-theme);
  }
  .BELLAPOINT{
    padding: 0px !important;
  }
  #item_id{
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;

    padding-right: 10px !important;
  }
  #MainContent{
    height: 250px !important;
  }
  #canvas1{
    height: 250px !important;
  }
  .Icon-Image{
    height: 40px !important;
  }
  .MainContent{
    height: 390px !important;
  }
  #CenterShapeStyle{
    padding: 0px !important;
    margin-top: 8px !important;
  }
  #canvas1{
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }
  .img-responsive{
    width: 100%;
    height: auto;
  }
  .img-responsive2{
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 900px) and (min-width: 700px) {
  .CenterShape{
    top: 0px !important;
  }
  .tablinks {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1px 1px;
    transition: 0.3s;
    font-size: 0.5px;
    border-left: 3px solid var(--color-themetwo);
    color: var(--color-theme);
  }
  .BELLAPOINT{
    padding: 0px !important;
  }
  #item_id{
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;

    padding-right: 10px !important;
  }
  #MainContent{
    height: 250px !important;
  }
  #canvas1{
    height: 250px !important;
  }
  .Icon-Image{
    height: 40px !important;
  }
  .MainContent{
    height: 390px !important;
  }
  #CenterShapeStyle{
    padding: 0px !important;
    margin-top: 8px !important;
  }
  #canvas1{
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }
  .img-responsive{
    width: 100%;
    height: auto;
  }
  .img-responsive2{
    width: auto;
    height: 100%;
  }
}