/*********************************************************************************

	Template Name: Boighor Bookshop Responsive Bootstrap4 Template  
	Description: Template description
	Version: 1.0
	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/
.box-lang {
    background-color: #f1f1f1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    padding: 15px 15px 15px 15px;
    margin: 10px 15px 10px 15px;
}
.ul-custom{
    list-style-type: disc !important;
    margin: auto !important;
    padding: 15px 15px 15px 15px !important;
}
.error {
  color: #fb2a2a;
}

.fa-custom-loading{
    margin-left: 45%;
    margin-bottom: 10%
}

.product-info-custom {
    padding-left: 50px;
    max-width: 100%; 
}
.product-info-custom h1 {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    text-transform: capitalize; 
}

.box-lang-order {
    background-color: #f1f1f1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    padding: 15px 15px 15px 15px;
}

.error {
  color: #fb2a2a !important;
}

.read-only-select-custom-true {
    background-color: #eaecf4;
    opacity: 1;
    pointer-events: none;
}

.read-only-select-custom-false {
    background-color: #fff;
    opacity: 1;
    pointer-events: auto;
}

.more-less{
    float: right;
}

.textarea-custom{
    resize: none;
}

.orderHasClaim {
    background-color: #9ADCFE !important;
}

.domainAvailable {
    background-color: #d9ffd5 !important;
}
.domainNotAvailable {
    background-color: #fff0d5 !important;
}

.divReferenceHasClaim {
    background: #9ADCFE;
    width: 40px;
    height: 20px;    
}

.fa-beat {
    color:red;
    animation:fa-beat 3s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

.customLogo {
    display: inline-block !important;
    height: 50px !important;
    width: 50px !important;
} 

.customLogoFooter {
    display: inline-block !important;
    height: 30px !important;
    width: 30px !important;
} 

.divSubOrder {
    height: 200px;
    overflow-y: scroll;
}

.divSubOrderProdCenter {
    height: 200px;
    overflow-y: scroll;
}

.nav-bar-custom{
    background-color: #fdf5e9;
    padding: 10px;
}
.nav-link-custom {
    border: 1px dashed  grey;
}

.nav-pills .nav-link {
    border-radius: 0.35rem;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-item-custom {
    padding: 5px;
}

.borders-top-row-custom {
    border-top: 3px dotted #BFBFBF;
    border-right: 3px dotted #BFBFBF;
    border-left: 3px dotted #BFBFBF;
    padding: 10px 0px 0px 0px;
}
.borders-middle-row-custom {
    border-right: 3px dotted #BFBFBF;
    border-left: 3px dotted #BFBFBF;
    padding: 10px 0px 0px 0px;
}
.borders-bottom-row-custom {
    border-bottom: 3px dotted #BFBFBF;
    border-right: 3px dotted #BFBFBF;
    border-left: 3px dotted #BFBFBF;
    padding: 10px 0px 0px 0px;
}
.image-product-thumb-custom {
    padding: 5px;
    height: 9rem;
    width: 7rem; 
    border: 1px dashed  black;
}

.video-product-thumb-custom {
    padding: 5px;
    height: 15rem;
    width: 30rem; 
    border: 1px dashed  black;
}

mark {
  background: yellow;
  color: black;
}


/*START RATING*/
.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
  display: inline-block; 
}

.starrating > label {
  color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label { 
    font-weight: 900;
    color: #ffca08 ; 
} /* Set yellow color when star checked */

.starrating > input:hover ~ label
{ color: #ffca08 ;  } /* Set yellow color when star hover */




.starrating_done > input {display: none;}  /* Remove radio buttons */

.starrating_done > label:before { 
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
  display: inline-block; 
}

.starrating_done > label {
  color: #222222; /* Start color when not clicked */
}

.starrating_done > input:checked ~ label { 
    font-weight: 900;
    color: #ffca08 ; 
} /* Set yellow color when star checked */


.custom_button_active{ 
    background: #e59285 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;
    margin-top: 32px;
}

.custom_button_part_dels{ 
    background: #deab00 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;
    margin-top: 32px;
}

.custom_claim_button_active{ 
    background: #f3533a none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;
    margin-top: 32px;
}

.custom_documentation_button_active{ 
    background: #009688 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;    
}

.custom_button_disabled{ 
    background: #b1b1b1 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-transform: uppercase;
    margin-top: 32px;
}

.custom_th_single_product{
    background-color: #ebebeb;
}

.activePage{
    background-color: #3698B7;
}

td.details-control {
    background: url('../images/icons/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/icons/details_close.png') no-repeat center center;
}

.orderIsNotConfirmByISP{
    background-color: #fbb6bb !important;
}

.divExplainOrderNotConfirmedByISP{
    background: #fbb6bb;
    width: 40px;
    height: 20px;    
    display: inline-block;
}


.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.button-add-custom { 
    margin-top: 35px;
    margin-left: 30px;  
}

.paragraph-custom-ecomm {
    /*white-space: pre-wrap;*/
    white-space: normal;
    border-color: #2196F3!important;
    background-color: #edf2f2!important;
    border-left: 3px solid #54a5e6!important;
    padding-left: 5px;
}

.carrousel-custom{
    margin: 0 auto !important;
}

.border_custom{
    border: 1px solid #ccc!important;
    padding: 1em 16px;
    border-radius: 16px;
}
.legend_custom{
    width:auto !important;
    padding: 1em 16px;
}

.list-help-group:hover{
    background-color: #fff6b6!important;
}

.custom-help{
    line-height: 200%;
}

.custom-shadows{
      box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
}

.custom-backcolor-text{
    background-color: rgb(255 255 255 / 75%);
}

.stickyTable thead,
.stickyTable tfoot {
  position: sticky;
  background-color: #f3f3f3;
}
.stickyTable thead {
  inset-block-start: 0; /* "top" */
}
.stickyTable tfoot {
  inset-block-end: 0; /* "bottom" */
}