:root {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --p-space-2: 0.5rem;
    --p-space-3: 0.75rem;
    --p-space-4: 1rem;
    --p-space-5: 1.25rem;
    --p-space-6: 1.5rem;
    --p-space-8: 2rem;
    --p-space-10: 2.5rem;
    --p-space-12: 3rem;
    --p-space-16: 4rem;
    --p-space-20: 5rem;
    --p-space-24: 6rem;
    --p-space-28: 7rem;
    --p-space-32: 8rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
a:visited {
    color: reset;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}


.backbutton{
    border: 0.0625rem solid #babfc3;
    border-radius: 0.25rem;
    min-height: 2.25rem;
    min-width: 2.55rem;
    padding: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: normal;
}
.backbutton span{
    width:1.25rem;
}
.heightspanbutton{
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}


.border-white {
    border-color: #fff!important
}
.border-transparent {
    border-color: transparent;
}
.bg-blue-100 {
    --tw-bg-opacity: 1;
    border-color: transparent;
    background-color: rgb(219 234 254/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity));
}
.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity));
}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/Inter-Regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/Inter-SemiBold.ttf) format("truetype")}


.slide-menu{
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.bg-base-1 {
    --tw-bg-opacity: 1;
    background-color: #f1f5f9 !important;
}

.card{
    --tw-shadow: 0 1px 3px 0rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0var( --tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    border-radius: 0.5rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    border: none;
}
.btn-primary {
    background-color: #000;
    border-color: #000;
    color: #fff;
    height: 3rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 2;
}

.sidebar .nav-link.active {
    border:none;
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity));
}
.height-4 {
    height: 1.2rem!important;
    width: 1.2rem!important;
    margin-right: 0.75rem;
}
.sidebar .nav-link {
    border-radius: 4px;
}

.sub-menu .nav-link {
    padding-left: calc(var(--p-space-10) + var(--p-space-8)) !important;
    padding: 4px;
    padding: 8px 8px;
}
.footer{
    
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}


.bggrey{
   background: #f3f4f6;
}

.fw-bold {
    font-weight: 700!important;
}
.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.input-lg{
    height: 54px;
    border-radius: 8px;
    max-width: unset;
    font-weight: 300;
    transition: all .4s ease;
    -webkit-font-smoothing: subpixel-antialiased;

}
.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity));
}
.loginSignUpSeparator {
    border-top: 1px solid #cbd2d6;
    position: relative;
    margin-top: 8.72%;
    margin-bottom: 4.895%;
    height: 15px;
    text-align: center;
}
.loginSignUpSeparator .textInSeparator {
    background-color: #fff;
    padding: 0 0.5em;
    position: relative;
    color: #6c7378;
    top: -0.7em;
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity));
    font-weight: 800;
}

.before\:border-gray-300:before {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    content: var(--tw-content);
}

/* before:absolute before:border-l before:border-b before:border-gray-300 before:-left-[40px] before:-top-[5px] before:h-[30px] before:w-[40px] after:absolute after:-left-[40px] after:bottom-0 after:border-l after:border-gray-300 after:h-full after:last:hidden */
.before\:border-b:before {
    border-bottom-width: 1px;
    content: var(--tw-content);
}
.before\:border-l:before {
    border-left-width: 1px;
    content: var(--tw-content);
}
.before\:w-\[40px\]:before {
    content: var(--tw-content);
    width: 40px;
}
.before\:h-\[30px\]:before {
    content: var(--tw-content);
    height: 30px;
}
.before\:-top-\[5px\]:before {
    content: var(--tw-content);
    top: -5px;
}
.before\:-left-\[40px\]:before {
    content: var(--tw-content);
    left: -40px;
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}


/* //media */

 .card-file-thumb {
    /* position: absolute; */
    width: calc(100% - 16px);
    top: 8px;
    left: 8px;
    height: calc(100% - 55px);
}

.card-file-thumb {
    height: 120px;
    background-color: #f5f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-fit {
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
.card-file {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}
.card-file {
    padding: 8px;
    position: relative;
    border-color: rgb(223, 224, 228);
    transition: all 0.2s ease-in-out;
    margin-bottom: 20px;
}
.file-box {
    position: relative;
}


.wrapperuplo {
    padding: 0 10px;
    width: 50%;
    float: left;
}




@media (min-width: 576px){
.wrapperuplo {
    width: 33.3333%;
}
}
@media (min-width: 768px){
    .wrapperuplo {
        width: 25%;
    }}
@media (min-width: 992px){
    .wrapperuplo {
        width: 20%;
    }
    }

@media (min-width: 1200px){
    .wrapperuplo {
        width: 16.66666%;
    }
    }

.uploaderbody{
    overflow-y: auto;
    height: calc(100vh - 303px);
    background-color: #f5f6fa;
    padding: 10px;
}
.card-file .card-body {
    /* position: absolute; */
    width: calc(100% - 16px);
    bottom: 5px;
    left: 8px;
}
.card-file .card-body {
    padding: 10px 0 0;
}
.file-preview.box.sm .file-preview-item {
    width: 100px;
}
.file-preview.box .file-preview-item {
    width: 100%;
    float: left;
    margin-right: 0.5rem;
    padding: 0;
    display: block !important;
    position: relative;
}
.file-preview-item {
    padding: 8px;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}

.file-preview.box .thumb {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
    border-radius: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.file-preview-item .thumb {
    
    flex: 0 0 50px;
    max-width: 50px;
    
    width: 100%;
    text-align: center;
    background: #f1f2f4;
    font-size: 20px;
    color: #92969b;
    border-radius: 0.25rem;
    overflow: hidden;
}
.file-preview.box .remove {
    position: absolute;
    top: -6px;
    right: -6px;
    width: auto;
    max-width: 100%;
}
.file-preview-item .remove {
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    max-width: 52px;
    width: 52px;
}

.file-preview.box .remove .btn {
    padding: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eaeaea;
}



/* //product page */

.search-result{border-radius: 4px;
    border: 1px solid #c7c7c7;
    padding: 24px;}
    .search-result h3 {
        font-weight: 500;
        font-size: 20px;

        color: #4939a8;
    }
    .search-result .url {
        font-weight: 500;
    font-size: 16px;
    color: #00a61b;
    }
    .search-result .para {
        font-weight: 400;
    font-size: 16px;
    color: #474747;
    }
.btn-default{
    background-color: #f6f6f6;
    border: 1px solid #eaeaea;
    color: #060606;
    padding: 7px 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background-color .1s linear,color .2s linear;
    display: block;
    text-align: center;
    padding: 8px 16px;
}
.product-tile {
    line-height: 2rem;
    padding-top: .5rem;
    height: 4rem;
    /* max-width: 15rem; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  .product-tile:hover {
    height: auto;
    min-height: 4rem
  }

  .filterseach{
    padding: 0.6125rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    border-radius: 4px;
    background-color: #fff;
  }
@media(max-width: 668px) {
.col-md-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;
}
}

    .titlecategories{font-size: 2.25rem;
    line-height: 2.5rem;}

    @media (min-width: 640px){
.titletime {
    padding-top: 3rem;
}
    }
@media (min-width: 640px){
.titletime {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}


    .viewall{
        text-align: center;
        font-size: 15px;
        margin-left: auto!important;
    }