th, td {
    padding: 2px;
    padding-right: 20px;
}

.file-upload-table {
    font-size: 75%;
    color: gray;
}

label {
    clear:left;
    text-align:left;
    padding-right:6px;
}

.page-header {
    background-repeat: no-repeat;
    background-size: cover;
}

h3 {
    padding-bottom: 20px;
    font-weight: bold;
    color: rgb(65, 138, 201);
}

h4 {
    padding-bottom: 20px;
}

h6 {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 6px;
    font-size: 108%;
    color: rgb(65, 138, 201);
}

.maptitle {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 6px;
}

h7 {
    font-weight: bold;
    color: rgb(65, 138, 201);
}

h1 {
    font-weight: bold;
}

label {
    font-weight: normal !important;
    font-size: 90%;
}

#summary_compare label{
    margin-top: 5px;
}
.upload_plc_internal .table-striped>tbody>tr:nth-of-type(odd){
    color:gray
}
a[href]:after {
   content:"" !important;
}

table.data-table {
    font-size: 13px;
    text-align: left;
}

btn {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.btn-vspace {
    margin-bottom: 20px;
}

.btn-primary {
    margin-bottom: 10px;
}
.btn{
    font-size:14px;
}
.variant_plc table.data-table {
    font-size: 14px;
}
.variant_plc .btn{
    padding: 0px
}

.download-small {
    font-size: 11px;
    padding:4px;
    padding-right: 6px;
    padding-left: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
}

.upload-results {
    margin-left: 0px;
}

.report-glyphicon {
    font-size: 14px;
    outline: none;
    background: none;
    padding: 0;
    border: 0;
    margin: 0;
}

.button-match-form {
    margin-top: 8px;
    margin-left: 6px;
}

.button-match-form-set-size-200 {
    margin-top: 6px;
    margin-bottom: 2px;
    width: 200px;
}

.button-match-form-set-size-135 {
    width: 135px;
    margin: 0px;
    margin-top:  6px;
}

.table-header-center-aligned {
    text-align:center;
    align:center;
}

.text-bottom-margin {
    margin-bottom: 8px;
}

.pull-right-query {
    float: right !important;
    margin-right: 70px;
}

.pull-right-update {
    float: right !important;
    margin-right: 45px;
    margin-bottom: 2px;
}

.pull-right {
    float: right !important;
    margin-bottom: 2px;
}

.container-fluid {
  max-width: 1180px;
}

form input[name='comment_field'] {
    font-size: 12;
}

.row.vertical-divider {
  overflow: hidden;
}

.row.vertical-divider > div[class^="col-"] {
  text-align: left;
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 1px solid #F2F7F9;
  border-right: 1px solid #F2F7F9;
}

.row.vertical-divider div[class^="col-"]:first-child {
  border-left: none;
}

.row.vertical-divider div[class^="col-"]:last-child {
  border-right: none;
}

.card-expandable {
    display:inline-table;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

.centered_container {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.centered_container2 {
  height: 100%;
  justify-content: center;
  align-items: center;
}

.fail {
  color: red;
  font-weight: bold;
}

.pass {
  color: green;
  font-weight: bold;
}

.remeasure {
  color: blue;
  font-weight: bold;

}

.unknown {
  color: gray;
  font-weight: bold;
}

.gray {
  color: #aaa9a9;
  font-size: 75%;
}

.button-logout {
    margin-top: -20px !important;
    float: right;
    margin-right: -119px !important;
}

.button-logout-inner {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.btn-top-nav {
    border-radius: 0px !important;
}

.btn.btn-primary.btn-block.btn-double-height  { 
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.btn.btn-primary.btn-block.btn-triple-height  {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

::-webkit-input-placeholder {
   color: rgba(140, 140, 140, .5);
}

:-moz-placeholder { /* Firefox 18- */
   color: rgba(140, 140, 140, .5);
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(140, 140, 140, .5);
}

:-ms-input-placeholder {
   color: rgba(140, 140, 140, .5);
}

.select-limit-width {
    max-width: 378px;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre.message_upload {
    font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
    color: black;
    font-size: smaller;
    font-weight: normal;
    padding: 8px;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: normal;
    overflow: auto;
    line-height: 1;
}

pre.message_upload_secondary {
    font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
    color: gray;
    font-size: smaller;
    font-weight: normal;
    padding: 8px;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: normal;
    overflow: auto;
    line-height: 1;
}

pre.text_instructions {
    font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
    color: black;
    font-size: normal;
    font-weight: normal;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: normal;
    overflow: auto;
    color: gray;
}


input {
    margin-right:10px;
}

.table-full-width {
    width: 100%;
}

.btn-no-margin {
    margin: 0px;
}

.table-search {
    font-size: 90% !important;
    padding-top: 0px;
}

.table-search > tbody > tr > td,
.table-search > tbody > tr > th,
.table-search > tfoot > tr > td,
.table-search > tfoot > tr > th,
.table-search > thead > tr > td,
.table-search > thead > tr > th {
    border: none;
}

.bot-margin-10 {
    margin-bot: 10px !important;
}

.top-margin-24 {
    margin-top: 24px !important;
}

.top-margin-20 {
    margin-top: 20px !important;
}

.top-margin-14 {
    margin-top: 14px !important;
}

.top-margin-9 {
    margin-top: 8px !important;
}

.top-margin-3 {
    margin-top: 3px !important;
}

.table-search-field-dropbox {
    height: 24px;
    font-size: 90%;
    width: 100%;
    min-width: 100px;
}

.text-gray {
    color: gray;
}

.text-errors {
    color: red;
}

.text-label-small {
    font-size: smaller;
    color: gray;
}

.form-no-bullets > ul > li {
      list-style: none;
}

.form-no-bullets > ul > li > label {
      text-align: left;
}

.button-100percent-width {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 14px;
}
.button-40percent-width {
    width: 40%;
    margin-top: 8px;
    margin-bottom: 14px;
}
.margin-bottom-small {
    margin-bottom: 0.3*1em;
}

.form-no-bullets > ul {
      padding: 0;
}

.textarea-resizable-vertical {
    resize: vertical;
}

.textarea-resizable-none {
    resize: none;
}
.form-control{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.help-tip {
    position: absolute;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 26px;
    cursor: default;
}

.help-tip-small {
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 17px;
    cursor: default;
}

.help-tip:before {
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p {
    display:block;
    transform-origin:  100% 0%;
}

.help-tip p {    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 620px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

.help-tip-medium-right p {
    width: 520px;
    top: 100%;
    left: unset;
    right: unset;
    z-index: 2;
}

.help-tip-top p {    /* Position the tooltip above */
    bottom: 100%;
}

.help-tip-bottom p {    /* Position the tooltip above */
    top: 100%;
}

.help-tip p:before { /* The pointer of the tooltip */
     position: absolute;
     content: '';
     width:0;
     height: 0;
     border:6px solid transparent;
     border-bottom-color:#1E2021;
 }

.help-tip-top p:before {
    right:10px;
    bottom:-12px;
    transform: rotate(180deg);
}

.help-tip-bottom p:before {
    right:10px;
    top:-12px;
}

.help-tip-medium-right p:before {
    left:10px;
    top:-12px;
}

.help-tip p:after { /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    /*top:-40px;*/
    left:0;
}

.tool-tip-top p:before {
    right:5px;
    top:-12px;
    transform: rotate(180deg);
}
.tool-tip-top:hover p {
    display:block;
    transform-origin:  100% 0%;
}

.tool-tip-top p:before { /* The pointer of the tooltip */
     position: absolute;
     content: '';
     width:0;
     height: 0;
     border:6px solid transparent;
     border-top-color:#69738a;
 }

.tool-tip-top p {    /* The tooltip */
    display: none;
    text-align: left;
    text-align: center !important;
    background-color: #69738a;
    padding: 4px;
    font-weight: normal;
    width: 140px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: 35px;
    top:58px;
    color: #FFF;
    font-size: 12px;
    line-height: 1.4;
    font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;
}

.padded-text {
    padding: 6px;
}

.headerless_table .slick-header-columns {
    height: 0;
}
.spec-drop {
    margin: -2px 5px 0px 40px;
}

.nopadding {
    padding: 1 !important;
}

.img-with-margin {
    margin: 20;
    width: auto;
}

#summary_report_settings ul li ul li {
    list-style-type: none;
}

#spec_profile div label {
    list-style-type: none;
    font-weight: bold !important;
    padding: 5px;
    font-size:120%;
}

#spec_profile div div label {
    list-style-type: none;
    font-weight: normal !important;
    padding: 5px;
    font-size:100% !important;
    margin-left: 30px;
}

#fixedDiv {
    position: relative;
}

.specVal {
    font-size: 12px;
    width: auto;
    border: 3px solid #418ac9;
    border-radius: 10px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}

.specs_compare {
    margin: 5px;
}

.form-control-date {
    border: 2px solid #E9ECEF;
}

#specCompareModal .table>thead>tr>th {
    font-size:10px;
}

#specCompareModal .table>tbody>tr>td, #specCompareModal .table>tbody>tr>th, #specCompareModal .table>tfoot>tr>td, #specCompareModal .table>tfoot>tr>th, #specCompareModal .table>thead>tr>td, #specCompareModal .table>thead>tr>th {
    font-size: 10px;
}

#specCompareModal .modal-content {
    width: 1200px;
}

.highlight {
    background-color: #e6f2ff;
}

#specCompareModal h8 {
    float: right;
    font-size: 12px;
    font-weight: bold;
}

#specCompareModal .modal-dialog {
    float: left;
    margin-left: 56px;
}

.spec-compare {
    color:#000;
    font-weight: 100;
}

.cal-table th {
    text-align: center;
}

.cal-table {
    border-radius: 5px;
    width: 50%;
    margin: auto;
    float: none;
}

.bullet-add-new {
    color:#87c2e8;
    font-size:100%;
    padding: 0;
    margin: 0;
    display: inline;
}

.bullet-settings {
    color:#87c2e8;
    font-size:120%;
    padding: 0;
    margin: 0;
    display: inline;
}

.wafer-map-param-table {
    font-size:75%  !important;
}

.show-text{
    position:absolute;
    margin-top:42px;
    z-index:9;

}
.resize-div{
  border: 2px solid;
  background-color: #ffffff;
  resize: both;
  overflow: auto;
}
.site-font{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tool-tip-left .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.font-11{
    font-size: 11px;
}

.dropup {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  float: right;
}

input[type="submit"] {
    user-select: text;
    -webkit-user-select: text;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  margin-left:-223px;
  z-index: 9;
  padding: 9px 9px 9px 9px;
}

.dropup-content a {
  display: block;
  float: left;
  padding: 3px;
  margin-left: 3px;
}

.dropup-content form {
  display: block;
  float: left;
  margin:0px
}

.margin-left {
    margin-left: 3px;
}

.button-content {
    margin: 3px 6px;
    padding: 3px;
    font-size: 11px;
    float: left;
}
.border-none{
    border:none;
}

.advance-feature{
    color:#000000;
    background: none;
    font-size: 11px;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  line-height: .5;
  border-radius: .2rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}



.top-header{
    margin: 2.5rem 0 1.25rem;
}

body {
  font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif!important;
  line-height:1.42857143;
}
html {
  font-size: 14px;
}

.mt-n5 {
  margin-top: -3rem !important;
}

.chip-physical-button{
    margin-right: 455px;
}

.card-title h5{
    font-size: 1rem;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

a{
text-decoration:none;
}

.spec-button{
    margin-left: -7px;
    border: none;
    background: transparent;
    color: #337ab7;
}

.btn-link{
    color: #337ab7;
    text-decoration: none;
}


.table-striped>tbody>tr.odd{
    border: darkgrey;
    line-height:1.42857143;
}
.table-striped>tbody>tr.even{
    border: darkgrey;
    line-height:1.42857143;
}
.table-striped>tbody>tr:nth-of-type(odd){
    line-height:1.42857143;
}
.table>tbody>tr:nth-of-type(even){
    line-height:1.42857143;
}

.btn-primary{
         background-color: #265A8B !important;
}
input, textarea, select {
    border: 1px solid #666666;
    border-radius: 3px;
}
.border-bottom{
    border-bottom: 1px solid #dee2e6;
}
div.dataTables_wrapper div.dataTables_length select{
    width: -webkit-fill-available;
}
a {
    color: #337ab7;
    text-decoration: none;
}
.bg-info {
    background-color: #d9edf7 !important;
}
.btn-default:focus, .btn-default:hover{
    background-position:0px 40px;

}
#myDropup .btn-default:focus, .btn-default:hover{
    background-position:center;

}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}
.fa.fa-copy {
    font-weight: 100;
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}

@media screen and (max-width: 995px) {
    input#info_mask{
        width:100%;
    }


}
@media screen and (max-width: 767px) {
    .button-logout div{
        padding-top: 32px;
        float: right !important;
        margin-right: 121px;
    }


}
@media screen and (max-width: 1008px) {
    .button-logout div{
        padding-top: -52px;
        float: right !important;
        margin-right: 101px;
    }
}

@media screen and (max-width: 576px) {
   .spec_view_profile{
        padding-top: 22px;
   }
   .btn.btn-primary.btn-block.btn-double-height {
        padding-top: 1px !important;
        padding-bottom: 8px !important;
        padding-top: 4px !important;
    }

}

.align-bottom {
    position: absolute;
    bottom: 0;
}

.div-relative {
    position: relative;
}

.ml-36 {
    margin-left: 36px !important;
}
.metadata-button {
    color:#C0C0C0;
    font-size: 16px;
    margin-top:36px;
    margin-left:80px;
}

.metadata-text {
    margin-right: -43px;
}
.showtext-margin{
    margin-top: 13px;
    font-size:13px;
}
.resize-div-style{
    padding:5px;
    font-size: 11px;
    min-width: 500px;
    z-index: 9;
    position: absolute;
    margin-left: 100px;
    margin-top: 73px;
}
.message-text-style{
    padding-left: 27px !important;
    white-space:pre-line !important;
}
p.message_exception{
    line-height: 15px;
}
.dicing-faq{
    margin-left:11px;
}
.sort-spec{
    float: right;
    border: none;
    background: none;
    font-size: 10px;
    color: #337ab7;
}
ul.sortable{
    list-style-type: none;
}
li.li-sort{
    border-radius: 6px;
    text-align: center;
    padding: 2px;
    margin: 3px;
    background: none;
    border-color: #337ab7;
    border-width: 3px;
}
.saveInfo{
    padding: 2px !important;
}
.closeModal{
    padding: 2px !important;
}
#exceed_chip_limit{
    color:red;
}
.loader-img img{
    align-items: center;
    margin-left: 210px;
    position: absolute;
    margin-top: 55px;
}
.dropdown-check-list #id_spec_profile{
    overflow-y: auto;
    overflow-x: scroll;
    max-height: 100px;
}
#spec_info{
    font-size: 9px;
}

.spec-text{
    font-size: 8px;
    color: grey;
}

.select_variant{
    border-style: none;
    margin-top: 9px !important;
    padding: 10px !important;
}
.select-spec-info{
    font-size: 9px;
}
#new_variant .modal-dialog{
    max-width: 680px;
}