.skeleton_button, .skeleton_option, .skeleton_block, .skeleton_image, .skeleton_title, .skeleton_more{ animation: skeleton-loading 1s linear infinite alternate; }

@keyframes skeleton-loading { 0% { background-color: hsl(200, 20%, 80%); } 100% { background-color: hsl(200, 20%, 95%); } }
.skeleton_title { float: left; width: 24%; height: 3rem; margin-bottom: 1%; }
.skeleton_more { float: right; width: 15%; height: 3rem; margin-bottom: 1%;}
.skeleton_button { width: 100%; height: 5rem; margin-bottom: 3rem; border-radius: 0.25rem; }
.skeleton_option { width: 40%; height: 2rem; margin-bottom: 3rem; }
.skeleton_option.long { width: 60%; }
.skeleton_block { width: 24%; margin-right:1%; margin-bottom: 1%; height: 20em; float:left; }
.skeleton_block.long { height: 25em; }
@media only screen and (max-width: 600px){ .skeleton_block { width: 48%; margin-right:2%; margin-bottom: 2%;} }

@media only screen and (max-width: 600px){ .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-0-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-100-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-25-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-50-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-75-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-half, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-selected, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-0-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-100-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-25-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-50-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-75-filled { height: 1.5em !important; width: 1.5em !important; } 
.p-w-r .pr-category-snippet { margin: 0 !important; font-size: 0.5em !important; }
.p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal {font-size: 0.5em !important;}
}

.p-w-r .pr-category-snippet { margin: 0 !important; font-size: 0.8em !important; }
.p-w-r .pr-snippet .pr-snippet-stars-png .pr-star, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-0-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-100-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-25-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-50-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-accessible-75-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-half, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-selected, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-0-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-100-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-25-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-50-filled, .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4-75-filled{ height: 1.8em !important; width: 1.8em !important;}
.p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal {font-size: 0.8em !important;}

.loading_area { width: 100%; position: absolute; top: 10%; z-index: 99;}
.loading_area .loader { margin: 0 auto; border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #015FB9; width: 6em; height: 6em; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } }
@keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } }

@media only screen and (max-width: 600px){ 
    .each_recommend_product_list{ width: 50%; height: 37rem; }
    .each_recommend_product_list_img { height: 15rem; }
    .each_recommend_product_list_img img { width: 70%; }
    .loading_area { top: 5%; }
    .loading_area .loader { width: 5em; height: 5em; }
    
    .catalog_product_search_section {display: block !important; width: 100%;}
    .orange_button { font-size: 0.8em; padding: 10px; height: 50px; }
    .catalog_product_container .catalog_product_section .product_details_section .product_details_tabs button { padding: 6px 20px; }
    .catalog_product_container .catalog_product_section .product_details_section .tabcontent table {border-collapse: collapse;table-layout: fixed;}
    .catalog_product_container .catalog_product_section .product_details_section .tabcontent table td{word-wrap: break-word;}
}

.public_main_container {padding-top: 105px;}
@media only screen and (max-width: 600px){ 
    .public_main_container {padding-top: 60px;}
}

.non_spr_review{ width: 100%; }
.nonspr_review_section, .add_nonspr_review_section{ float: left; width: 50%; }
.nonspr_review_section p.title, .add_nonspr_review_section p.title { font-size: 1.2em; font-weight: 600; }
.nonspr_review_section ul { list-style: none; margin: 0; padding: 0; }
.nonspr_review_section span.starBorder, .nonspr_review_section span.checked{  border-color: #FE5102; color: #FE5102; } 
.nonspr_review_section span.timestamp{ font-size: 0.8em; }
.nonspr_review_section ul.review_list li{ margin-bottom: 20px; }
.nonspr_review_section .pagination_section { font-size: 1.1em;  margin-bottom: 20px; }
.nonspr_review_section .pagination_section .active span { padding: 8px 15px !important; background-color: #015FB9 !important; border-color: #015FB9 !important; border: none; }
.nonspr_review_section .pagination_section li a, .pagination_section .disabled span{ color: #015FB9 !important;  padding: 8px 15px !important; border: none; }
ul.pagination { padding-left:0; margin:20px 0; border-radius: 4px; }
.breadcrumb>li, .pagination { display: inline-block; }
.pagination>li { display: inline; }
.pagination>li.active { color:white; }

.rate { position: relative; display: inline-block; border: 0; }
.rate > input { display: none; }
.rate > label { float: right; }
.rate > label:before { display: inline-block; font-size: 1.8rem; padding: .3rem .2rem; margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005 "; /* full star */ }
.rate .half:before { content: "\f089 "; /* half star no outline */ position: absolute; padding-right: 0; }
.rate input:checked ~ label, /* color current and previous stars on checked */
.rate label:hover, .rate label:hover ~ label { color: #FE5102;  }
.rate input:checked + .rate label:hover, .rate input:checked ~ label:hover, 
.rate input:checked ~ label:hover ~ label, 
.rate label:hover ~ input:checked ~ label { color: #FE5102;  } 

.error_msg{ width: 100%; background-color: #ff8080; color: white; border: 2px solid #ff3333; border-radius: 4px; padding: 10px; text-align: center; font-size: 15px; margin-bottom: 10px; }
.success_msg{ width: 100%; background-color: #39ac73; color: white; border: 2px solid #2d8659; border-radius: 4px; padding: 10px; text-align: center; font-size: 15px; margin-bottom: 10px; }

.div-block-108 {
  width: 50rem;
}

.modal {
    inset: 0%;
}

.accordionHead {
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  display: block;
  text-align: left;
  white-space: nowrap;
  text-decoration: none;
}

.accordionHead i {
  float: right;
  margin-right: 12px;
  margin-top: 5px;
  transition: transform 0.3s ease;
}

.accordionHead span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
}

.accordion-body {
  display: none;
  padding: 10px 0px;
  font-size: 13px;
}

.accordionHead[aria-expanded="true"] + .accordion-body {
  display: block;
}

.accordion-body .table {
  background-color: transparent;
  width: 100%
}

.accordion-body .table>tbody>tr>td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  
}

.accordion-body .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f1f5f9;
}

.ng-binding.ng-scope {
  flex: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

a.row.accordionHead span {
    color: var(--blue-send);
}

table.datasheet {
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

.table.datasheet td.attr {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    width: 20%;
}

.table.datasheet td.attr-val {
    color: #000;
    font-size: 13px;
    text-align: left;
    width: 80%;
}