@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body { font-family: 'Prompt', sans-serif; background-color: #edeef9;  padding-bottom: 30px; }
.none { display:none; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 0; }
ul { list-style: none; }
a { text-decoration: none; color:rgb(54, 54, 54); }
a:hover { color:rgb(41, 149, 250); }
.position-zindex { z-index: 88; }
.border-radius0 {  border-radius: 0;}
.cursorpointer { cursor: pointer; }
.containerpage-center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.form-control:focus {
  border-color: #333;
  box-shadow: none;
}
.modal-center-screen {text-align: center;padding: 0!important;}
.modal-center-screen:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog-center-screen {display: inline-block;text-align: left;vertical-align: middle;width: 100%;}


/*
.modal {
    text-align: center;
    padding: 0!important;
  }
  
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }*/

.modal-lg-20 {max-width: 20%;}
.modal-lg-30 {max-width: 30%;}
.modal-lg-50 {max-width: 50%;}
.modal-lg-70 {max-width: 70%;}
.modal-lg-80 {max-width: 80%;}
.modal-lg-90 {max-width: 90%;}
.modal-lg-95 {max-width: 95%;}
.modal-lg-100 {max-width: 100%;}

.calculator-display { background-color: #e0e0e0;color: #222;font-size: 40px;padding: 15px .75em;text-align: right; }
.calculatorsize { width: 350px; }
.calculator-key { background-color: #e0e0e0;display: -ms-grid;display: grid;grid-gap: 1px;grid-template-columns: repeat(3,1fr); }
.calculatorbuttom { background-color: #fff;padding: 15px 34px;position: relative;text-align: center;font-size: 20px;color: #000; border:0; z-index: 4; }
.calculatorbuttom:hover {background-color: rgba(236, 235, 235, 0.952); -webkit-box-shadow: inset 0px 1px 10px -6px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 1px 10px -6px rgba(0,0,0,0.75);box-shadow: inset 0px 1px 10px -6px rgba(0,0,0,0.75); }
.calculator-button-clear {position: absolute;top: 0;left: 0; height: 90px; width: 70px; background-color: #e0e0e0; border:0; z-index: 5;}
.fa-w-16 { font-size: 25px;}
.fa-w-16.colorg { color:#979797; }

.btn-group-lg>.btn, .btn-lgg {
    padding: 2rem 1rem;
    font-size: 1.8rem;
}

.dropdown-none::after {
  display: none;
}

.containerupload{height: 250px;width: 330px;position: relative;}
.containerupload .wrapperupload{position: relative;height: 200px;width: 100%;border-radius: 10px;background: #fff;border: 2px dashed #c2cdda;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.wrapperupload.active{border: none;}
.wrapperupload .image{position: absolute;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.wrapperupload img{height: 100%;width: 100%;object-fit: cover;}
.wrapperupload .icon{font-size: 100px;color: #9658fe;}
.wrapperupload .text{font-size: 13px;font-weight: 500;color: #5B5B7B;}
.wrapperupload #cancel-btn i{position: absolute;font-size: 20px;right: 15px;top: 15px;color: #9658fe;cursor: pointer;display: none;}
.wrapperupload.active:hover #cancel-btn i{display: block;}
.wrapperupload #cancel-btn i:hover{color: #e74c3c;}
.wrapperupload .file-name{position: absolute;bottom: 0px;width: 100%;padding: 5px 0;font-size: 13px;color: #fff;display: none;background: linear-gradient(135deg,#3a8ffe 0%,#9658fe 100%);}
.wrapperupload.active:hover .file-name{display: block;}
.containerupload #custom-btn{margin-top: 10px; margin-bottom: 5px; display: block;width: 100%;height: 50px;border: none;outline: none;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;background: linear-gradient(135deg,#3a8ffe 0%,#9658fe 100%);}

.imageFile {display: none;}
.custom-file-upload {font-size:16px;border: 2px dashed #c2cdda;display: inline-block;padding: 50px;cursor: pointer; width: 100%;}

.title-limit { display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; height: 38px; margin-bottom: 1px; }



.navbar-expand-xl .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}

.top-1 {
  top: 5px!important;
}
.start-90 {
  left: 90%!important;
}

.linkmenuq a{ color: #0873a8; }
.linkmenuq a:hover{ color: #2ea9e6; }
.fs-1x { font-size:80px; }

.imgproduct { position: relative;}
.imgproduct .iconpromotion { position: absolute; z-index: 200; }
.imgproduct .iconoutofstock { position: absolute; z-index: 250; }

@media (max-width: 540px) {
  .modal-dialog-center-screen {width: 80%;}
  .calculatorsize { width: auto; }
  .modal-dialog { margin-left: 5px; margin-right: 5px; }
  .modal-lg-20,.modal-lg-30,.modal-lg-50,.modal-lg-70,.modal-lg-70,.modal-lg-80 {max-width: 100%;}

  .dataTables_length { margin-bottom: 5px; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center!important; margin-top: 10px!important; }
}
@media (max-width: 375px) {
  .containerupload{width: 250px;}
}