@charset "UTF-8";
.border-radius{
  border-radius:.4rem;
}

.border-radius-b{
  border-radius:.4rem;
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.border-radius-t{
  border-radius:.4rem;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

: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-scroll-snap-strictness:proximity;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:rgb(255, 255, 255);
  --tw-ring-color:rgb(59, 130, 246);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow:0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow-colored:0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow-color:0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --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:;
}
@font-face{
  font-family:"sans";
  font-weight:400;
  font-display:swap;
  src:url("/assets/fonts/regular.woff") format("woff");
}
*{
  font-family:inherit;
}
single .tab-content.theme-none .content-soie .description .content-i .title-rt*{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}
*{
  margin:0;
  box-sizing:border-box;
  list-style-type:none;
  border-width:0px;
  border-style:solid;
  padding:0;
  font-size:1rem;
  line-height:1.5rem;
  text-decoration-line:none;
}

h1, h2, h3, h4, strong{
  font-weight:700;
}

h1{
  font-size:1.5rem;
  line-height:2rem;
}

h2, h3, h4{
  font-size:1rem;
  line-height:1.5rem;
}

.wrapped{
  display:block;
  width:100%;
}

blockquote{
  position:relative;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  display:block;
  --tw-bg-opacity:1;
  background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  font-size:1.25rem;
  line-height:2.5rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}
blockquote::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  margin:auto;
  height:0.75rem;
  width:8rem;
  border-bottom-left-radius:.8rem;
  border-bottom-right-radius:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

note{
  position:relative;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  display:block;
  --tw-bg-opacity:1;
  background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  font-size:1.25rem;
  line-height:2.5rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}
note::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  margin:auto;
  height:0.75rem;
  width:8rem;
  border-bottom-left-radius:.8rem;
  border-bottom-right-radius:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

ltr{
    direction:ltr;
    display:block;
    text-align:left;
    font-size:1.25rem;
    line-height:1.75rem;
  }

read{
  position:relative;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  display:block;
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:right;
  border-radius:.4rem;
}
read span{
  padding-left:0.75rem;
  padding-right:0.75rem;
  letter-spacing:0.1em;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 768px){
  read span{
    float:right;
    margin-bottom:0.75rem;
    width:100%;
  }
}
read a{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1));
}
read a:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
read::before{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  height:2rem;
  width:0.75rem;
  border-top-left-radius:.8rem;
  border-bottom-left-radius:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.container{
  width:100%;
}

@media (min-width: 480px){
  .container{
    max-width:480px;
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px;
  }
}

@media (min-width: 1535px){
  .container{
    max-width:1535px;
  }
}

.accordion{
  margin-bottom:1.25rem;
  width:100%;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  overflow:hidden;
  border-width:1px;
  border-color:rgb(203 213 225 / 0.7);
  border-radius:.4rem;
}

.accordion .section-title{
  display:inline-block;
  width:100%;
  cursor:pointer;
  border-top-width:1px;
  border-style:solid;
  border-top-color:rgb(203 213 225 / 0.7);
  padding:1.25rem;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.accordion .section-title:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.accordion .section-title .icn{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  float:left;
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion .section-title .icn.ety{
  float:right;
  margin-left:0.75rem;
  height:2rem;
  width:2rem;
  --tw-rotate:0deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius:9999px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));
  background-color:rgb(203 213 225 / 0.2);
}

.accordion .section-title.active{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.accordion .section-title.active:hover{
  cursor:default;
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.accordion .section-title.active .icn{
  --tw-rotate:0deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion .section{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.accordion .section:first-child .section-title{
  border-style:none;
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.accordion .section:last-child{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.accordion .section:last-child{
  border-width:0px;
}

.accordion .section .clear{
  margin:0;
  padding:0;
}

.accordion .section-content{
  display:none;
  padding:1.25rem;
}

.accordion .section-content p{
  text-align:justify;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.accordion .section-content.active{
  display:block;
}

.accordion .section-content ul.item-er li::before{
  display:none;
}

.accordion .section-link{
  margin-bottom:0.25rem;
  display:inline-block;
  display:flex;
  width:100%;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.accordion .section-link:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.accordion .active .section-link{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.alert{
  margin-bottom:0.75rem;
  padding:1.25rem;
  border-radius:.4rem;
}

.alert p{
  font-size:1.25rem;
  line-height:1.75rem;
}

.alert.page-black{
  z-index:40;
  margin:0;
  border-radius:0;
  padding:0;
}

.alert.fixed-pos{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  visibility:visible;
  position:fixed;
  top:2.5rem;
  bottom:2.5rem;
  left:0;
  right:0;
  z-index:50;
  margin:auto;
  height:220px;
  width:350px;
  --tw-translate-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow:hidden;
  border-radius:.4rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:1;
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 768px){
  .alert.fixed-pos{
    top:0;
    bottom:0;
    border-radius:0;
  }
}

.alert.fixed-pos.alert-success, .alert.fixed-pos.alert-danger, .alert.fixed-pos.alert-check, .alert.fixed-pos.alert-error{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.alert.fixed-pos.alert-success p, .alert.fixed-pos.alert-danger p, .alert.fixed-pos.alert-check p, .alert.fixed-pos.alert-error p{
  display:block;
  text-align:center;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.alert.fixed-pos.alert-success p .icn, .alert.fixed-pos.alert-danger p .icn, .alert.fixed-pos.alert-check p .icn, .alert.fixed-pos.alert-error p .icn{
  display:none;
}

.alert.fixed-pos.alert-check.login .icn{
  margin:auto;
  margin-top:2rem;
  margin-bottom:2rem;
  display:block;
  height:5rem;
  width:5rem;
  background-size:cover;
  background-position:center;
    filter:invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
}

.alert.alert-danger{
  --tw-bg-opacity:1;
  background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.alert.alert-danger::before{
    content:"هشدار:";
    margin:2.5rem;
    display:none;
    font-size:1.25rem;
    line-height:1.75rem;
    --tw-text-opacity:1;
    color:rgb(220 38 38 / var(--tw-text-opacity, 1));
  }

.alert.alert-success{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.alert.alert-success p{
  margin:0;
  padding:0;
}

.alert.alert-check{
  --tw-bg-opacity:1;
  background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.alert.alert-error{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.alert p{
  margin-bottom:0.5rem;
  display:flex;
  text-align:right;
}

.alert p .icn{
  margin-left:0.75rem;
  margin-right:0.75rem;
}

.alert p .icn.white{
  --tw-blur:blur(0);
  --tw-brightness:brightness(0);
  --tw-contrast:contrast(100%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(1);
  --tw-saturate:saturate(0%);
  --tw-sepia:sepia(0%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.alert p:last-child{
  margin-bottom:0;
}

.alert-text-side{
  padding-left:0.75rem;
  padding-right:0.75rem;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.message{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border-radius:.4rem;
}

.message.red{
  --tw-bg-opacity:1;
  background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.progress-bar{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:relative;
  bottom:0;
  margin-bottom:-0.75rem;
  display:none;
  height:1.25rem;
  width:0;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:0.4;
}

.login-box .alert{
  margin:0;
  margin-bottom:2.5rem;
}

.login-form-body .progress-bar, .show .progress-bar{
  display:none;
}

.nav-isvisible .alert{
  top:2.5rem;
}

.nav-isvisible .alert.page-black{
  top:0;
}

section.hide-lo .alert{
  display:block;
}

section .alert{
  margin:1.25rem;
  display:block;
}

a{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
}

.badge{
  margin:0.25rem;
  border-radius:.375rem;
  padding:0.25rem;
}

.badge.badge-info{
  background-color:rgb(59 130 246 / 0.9);
    color:#fff;
}

.badge.badge-info.red{
  background-color:rgb(239 68 68 / 0.9);
}

.badge.badge-info.green{
  background-color:rgb(21 128 61 / 0.9);
}

.badge.badge-info.link:hover{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.badge.badge-info.low{
  margin:0;
  padding:0;
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.badge .badge-info a{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

body.web.lock-scrollbar, body.admin.lock-scrollbar{
  overflow:hidden;
}

body.admin.sidebar-hide{
  overflow:auto;
}

.pageblack, .page-black{
  position:fixed;
  left:0;
  top:0;
  z-index:10;
  height:100%;
  width:100%;
  background-color:rgb(30 41 59 / 0.4);
}

.pageblack.back-intro, .page-black.back-intro{
  z-index:40;
}

.pageblack.sub-menu, .pageblack.menu-r, .page-black.sub-menu, .page-black.menu-r{
  z-index:5;
}

@media (max-width: 768px){
  .pageblack.sub-menu, .pageblack.menu-r, .page-black.sub-menu, .page-black.menu-r{
    display:none;
  }
}

.btn{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

.btn:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.btn-top-bar{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  margin:0;
  height:100%;
  border-radius:0;
  background-color:rgb(226 232 240 / 0.7);
  padding:1rem;
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-top-bar:hover{
  background-color:rgb(148 163 184 / 0.4);
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-default{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

.btn-default:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer .btn-default{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer .btn-default.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer .btn-default.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel .btn-default{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel .btn-default{
    float:none;
  }
}

.login-box form .submit-btn-area .btn-default{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded .btn-default, .panel .file_uploaded_db .btn-default{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content .btn-default{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content .btn-default .icn{
  margin:0;
}

.btn-default{
  border-width:1px;
  border-color:rgb(215 181 43 / 1);
  --tw-bg-opacity:1;
  background-color:rgb(215 181 43 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-default:hover{
  background-color:rgb(215 181 43 / 0.7);
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.btn-content{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.btn-content{
  border-width:0px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration:150ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-success{
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-success:focus{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-success:active{
  --tw-bg-opacity:1;
  background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-success:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-update{
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-update:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-update:focus{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-update:active{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-update:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-warning{
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-warning:hover{
  --tw-bg-opacity:1;
  background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-warning:focus{
  --tw-bg-opacity:1;
  background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-warning:active{
  --tw-bg-opacity:1;
  background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-warning:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger{
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-danger:focus{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-danger:active{
  --tw-bg-opacity:1;
  background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-danger:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger .icn{
  --tw-blur:blur(0);
  --tw-brightness:brightness(0);
  --tw-contrast:contrast(100%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(1);
  --tw-saturate:saturate(0%);
  --tw-sepia:sepia(0%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.btn-view{
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-view:hover{
  --tw-bg-opacity:1;
  background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-view:focus{
  --tw-bg-opacity:1;
  background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-view:active{
  --tw-bg-opacity:1;
  background-color:rgb(55 48 163 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-view:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-view .icn{
  --tw-blur:blur(0);
  --tw-brightness:brightness(0);
  --tw-contrast:contrast(100%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(1);
  --tw-saturate:saturate(0%);
  --tw-sepia:sepia(0%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.btn-link.text-danger{
    color:#a94442;
  }

.btn-link.text-danger:hover, .btn-link.text-danger:focus{
    color:#843534;
  }

.btn-border{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:.4rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.5rem;
}

.btn-border:hover{
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.btn-edit .icn{
  margin:0;
}

.btn-side-input{
  position:absolute;
  left:0.75rem;
  margin:0.375rem;
  height:2.5rem;
  width:2.5rem;
  cursor:pointer;
  border-radius:.375rem;
  background-color:rgb(148 163 184 / 0.1);
  background-position:center;
  background-repeat:no-repeat;
  --tw-blur:blur(0);
  --tw-brightness:brightness(10%);
  --tw-contrast:contrast(45%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(10%);
  --tw-saturate:saturate(100%);
  --tw-sepia:sepia(10%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.btn-side-input:hover{
  background-color:rgb(148 163 184 / 0.5);
}

.btn-side-input.password-showhide::after{
  position:absolute;
  left:1.25rem;
  top:0.25rem;
  display:block;
  height:2rem;
  width:2px;
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.btn-side-input.password-showhide[data-action=text]::after{
  display:none;
}

.btn-side-input.password-showhide.orw::after{
  top:0.5rem;
}

.cart-btn .txt{
  float:left;
}

@media (max-width: 768px){
  .cart-btn .txt{
    font-size:0px;
  }
}

.user-login-reg{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

.user-login-reg:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer .user-login-reg{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer .user-login-reg.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer .user-login-reg.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel .user-login-reg{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel .user-login-reg{
    float:none;
  }
}

.login-box form .submit-btn-area .user-login-reg{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded .user-login-reg, .panel .file_uploaded_db .user-login-reg{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content .user-login-reg{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content .user-login-reg .icn{
  margin:0;
}

.user-login-reg{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.user-login-reg:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.user-login-reg{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.user-login-reg{
  position:relative;
  float:left;
  overflow:hidden;
  border-width:0px;
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.user-login-reg:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 768px){
  .user-login-reg{
    padding-left:0.5rem;
    padding-right:0.5rem;
  }
}

@media (max-width: 480px){
  .user-login-reg{
    display:none;
  }
}

.user-login-reg.logined{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

.user-login-reg.logined:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer .user-login-reg.logined{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer .user-login-reg.logined.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer .user-login-reg.logined.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel .user-login-reg.logined{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel .user-login-reg.logined{
    float:none;
  }
}

.login-box form .submit-btn-area .user-login-reg.logined{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded .user-login-reg.logined, .panel .file_uploaded_db .user-login-reg.logined{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content .user-login-reg.logined{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content .user-login-reg.logined .icn{
  margin:0;
}

.user-login-reg.logined{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(56 189 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

.user-login-reg.logined:hover{
  --tw-bg-opacity:1;
  background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1));
}

@media (max-width: 480px){
  .user-login-reg.logined{
    display:none;
  }
}

card{
  position:relative;
  display:flex;
  height:100%;
  width:100%;
  justify-content:center;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property:all;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  border-radius:.4rem;
    box-shadow:0px 2px 10px 0px rgba(58, 53, 65, 0.1);
}

card.content-block{
  display:block;
}

card.no-shadow{
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

card a{
  display:flex;
  height:100%;
  flex-direction:column;
  overflow:hidden;
}

card a.card_list{
  width:100%;
}

card.form-editor p{
  line-height:2.5rem;
}

card.form-editor p a{
  float:right;
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:block;
  border-bottom-width:2px;
  border-style:solid;
  --tw-border-opacity:1;
  border-bottom-color:rgb(220 38 38 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}

card .article-header{
  position:relative;
  padding:0.5rem;
}

card .article-header .thumb{
  border-radius:.4rem;
}

card .article-body{
  width:100%;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

card .article-body .title{
  margin-bottom:0.5rem;
  padding:0;
  text-align:justify;
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}

card .article-body p{
  margin-bottom:0.25rem;
  text-align:justify;
  font-size:1rem;
  line-height:1.5rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

card .article-footer{
  margin-top:auto;
  width:100%;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-bottom:1.5rem;
}

card .article-footer .author{
  margin-top:0.75rem;
  display:flex;
  align-items:center;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

card .article-footer .date{
  display:flex;
  align-items:center;
  padding-top:0.75rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

card .article-footer .time{
  float:right;
  display:flex;
  align-items:center;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

card .article-footer .link{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

card .article-footer .link:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

single .tab-content.theme-none .content-soie .description .content-i card.title-rt .article-footer .link{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

card .article-footer .link{
  border-width:0px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration:150ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

card .article-footer .link:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

card .article-footer .link:focus{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

card .article-footer .link:active{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

card .article-footer .link:visited{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup .footer card .article-footer .link{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer card .article-footer .link.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer card .article-footer .link.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel card .article-footer .link{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel card .article-footer .link{
    float:none;
  }
}

.login-box form .submit-btn-area card .article-footer .link{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded card .article-footer .link, .panel .file_uploaded_db card .article-footer .link{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content card .article-footer .link{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content card .article-footer .link .icn{
  margin:0;
}

card .article-footer .link{
  float:left;
  padding-left:1rem;
  padding-right:1rem;
}

@media (max-width: 768px){
  card .article-footer .link{
    float:none;
    margin:auto;
    width:100%;
  }
}

card .article-footer .link span{
  display:flex;
}

@media (max-width: 768px){
  card .article-footer .link span{
    margin:auto;
  }
}

.card-hover card:hover{
  --tw-translate-y:-0.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 480px){
  .card-hover card:hover{
    --tw-translate-y:0;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.card-hover card:hover{
    box-shadow:0px 2px 10px 0px rgba(58, 53, 65, 0.3);
  }

article card, .sidebar card{
  display:inline-block;
}

.credit_card .credit p.number{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  text-align:center;
  font-size:1.875rem;
  line-height:2.25rem;
}

.credit_card .credit p.text{
  text-align:right;
  font-size:1.25rem;
  line-height:1.75rem;
}

.credit_form .txt{
  margin-top:0.75rem;
  margin-bottom:1.75rem;
  font-size:1.25rem;
  line-height:1.75rem;
}

.direction-ltr{
    direction:ltr;
  }

.direction-rtl{
    direction:rtl;
  }

input, textarea{
  display:block;
  width:100%;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.5);
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1rem;
  padding-right:1rem;
  line-height:1.25;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

input:hover, textarea:hover{
  background-color:rgb(229 231 235 / 0.7);
}

input:focus, textarea:focus{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
}

input[disabled=disabled], textarea[disabled=disabled]{
  cursor:not-allowed;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

input.error, textarea.error{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));
}

input.hide-small, textarea.hide-small{
  margin:0;
  height:0;
  width:3px;
  padding:0;
  opacity:0;
}

textarea.editor, textarea.area_editor{
  height:100px;
  opacity:0;
}

.search-box{
  margin-left:auto;
  margin-right:auto;
  display:flex;
  width:600px;
  overflow:hidden;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  border-radius:.4rem;
}

.search-box:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.search-box:focus{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
}

@media (max-width: 1280px){
  .search-box{
    display:none;
  }
}

@media (max-width: 768px){
  .search-box{
    width:100%;
  }
}

@media (max-width: 480px){
  .search-box{
    margin-bottom:0;
  }
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.search-box input{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.search-box input{
  border-radius:0;
  border-width:0px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
}

.search-box input:focus{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
}

.search-box .ux-search-submit{
  cursor:pointer;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:0px;
}

.search-box .ux-search-submit:hover{
  background-color:rgb(209 213 219 / 0.7);
}

.search-box.search-input{
  float:right;
}

@media (max-width: 1280px){
  .search-box.search-input{
    display:none;
  }
}

@media (max-width: 768px){
  .search-box.search-input{
    display:none;
  }
}

.sticky .search-input{
  margin:0.5rem;
  padding:0;
}

.sticky .search-input input{
  padding:0.5rem;
}

label{
  margin-bottom:0.5rem;
  display:block;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.025em;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

input[type=radio][checked=checked]{
  --tw-bg-opacity:1;
  background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.form-radio, .form-checkbox{
  }

.form-radio.form-group, .form-checkbox.form-group{
  display:flex;
}

@media (max-width: 768px){
  .form-radio.form-group, .form-checkbox.form-group{
    display:block;
  }
}

.form-radio.form-group .label-txt, .form-checkbox.form-group .label-txt{
  margin-left:0.75rem;
  margin-bottom:0.75rem;
}

.form-radio.form-group.chek.hide, .form-checkbox.form-group.chek.hide{
  display:none;
}

.form-radio.form-group.chek.show, .form-checkbox.form-group.chek.show{
  display:flex;
}

.form-radio .icn, .form-checkbox .icn{
  cursor:pointer;
}

.form-radio i.check, .form-checkbox i.check{
  float:right;
  margin-left:0.5rem;
  height:1.5rem;
  width:1.5rem;
  cursor:pointer;
}

.form-radio .ul-lists, .form-checkbox .ul-lists{
  float:right;
  width:20%;
}

@media (max-width: 768px){
  .form-radio .ul-lists, .form-checkbox .ul-lists{
    width:100%;
  }
}

.form-radio .ul-lists .type-checkbox, .form-checkbox .ul-lists .type-checkbox{
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  font-size:1.125rem;
  line-height:1.75rem;
}

.form-radio .ul-lists.full, .form-checkbox .ul-lists.full{
  width:100%;
}

.form-radio .data-group, .form-checkbox .data-group{
  float:right;
}

.form-radio .message.red, .form-checkbox .message.red{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
  padding-left:0.5rem;
  padding-right:0.5rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.form-radio [type=radio]:checked, .form-radio [type=radio]:not(:checked), .form-checkbox [type=radio]:checked, .form-checkbox [type=radio]:not(:checked){
  display:none;
}

.form-radio [type=radio]:checked + label, .form-radio [type=radio]:not(:checked) + label, .form-checkbox [type=radio]:checked + label, .form-checkbox [type=radio]:not(:checked) + label{
  position:relative;
  display:inline-block;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  padding:2rem;
  padding-top:0;
  padding-bottom:0;
  font-size:1.25rem;
  line-height:1.75rem;
}

.form-radio.last [type=radio]:checked + label, .form-radio.last [type=radio]:not(:checked) + label, .form-checkbox.last [type=radio]:checked + label, .form-checkbox.last [type=radio]:not(:checked) + label{
  margin-bottom:0;
}

.form-radio [type=radio]:checked + label:before, .form-radio [type=radio]:not(:checked) + label:before, .form-checkbox [type=radio]:checked + label:before, .form-checkbox [type=radio]:not(:checked) + label:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    height:1.25rem;
    width:1.25rem;
  }

.form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    height:1.25rem;
    width:1.25rem;
  }

.form-radio [type=radio]:not(:checked) + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  opacity:0;
}

.form-radio [type=radio]:checked + label:after, .form-checkbox [type=radio]:checked + label:after{
  opacity:1;
}

.form-radio [type=radio]:disabled, .form-checkbox [type=radio]:disabled{
  cursor:default;
}

.form-radio [type=radio]:disabled + label, .form-checkbox [type=radio]:disabled + label{
  cursor:default;
}

.form-radio ul.radio-show li:first-child, .form-checkbox ul.radio-show li:first-child{
  display:block;
}

.form-radio.no-change [type=radio]:not(:checked) + label, .form-checkbox.no-change [type=radio]:not(:checked) + label{
  display:none;
}

.form-radio .active i.check, .form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox .active i.check, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  --tw-bg-opacity:1;
  background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.form-radio i.check, .form-radio [type=radio]:checked + label:before, .form-radio [type=radio]:not(:checked) + label:before, .form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox i.check, .form-checkbox [type=radio]:checked + label:before, .form-checkbox [type=radio]:not(:checked) + label:before, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  border-radius:9999px;
  border-width:2px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.panel.form-is .form-input{
  position:relative;
  display:flex;
}

.panel.form-is .form-input.hide{
  display:none;
}

.panel.form-is .form-input i.icn{
  position:absolute;
  right:0.25rem;
  top:0.5rem;
}

.panel.form-is .form-input input.type-text{
  margin-bottom:0.5rem;
  background-color:rgb(203 213 225 / 0.2);
  padding:0;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-right:2.5rem;
}

.panel.form-is .form-input label.txt{
  display:none;
}

.panel.form-is .form-textarea{
  position:relative;
  float:right;
  display:flex;
}

.panel.form-is .form-textarea i.icn{
  position:absolute;
  right:0.25rem;
  top:0.5rem;
}

.panel.form-is .form-textarea textarea.textarea{
  margin-bottom:0.5rem;
  background-color:rgb(203 213 225 / 0.2);
  padding:0;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-right:2.5rem;
  border-radius:.4rem;
}

.panel.form-is .form-textarea label.txt{
  display:none;
}

.panel.form-is .form-group label{
  float:right;
  width:100%;
}

.form-ab{
  position:absolute;
  top:0.75rem;
  left:0;
}

.form-ab.captcha{
  left:4rem;
  top:0.5rem;
}

.form-ab .thumb{
  border-radius:.375rem;
  border-width:1px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.form-gp{
  position:relative;
  float:right;
  margin-bottom:0.5rem;
  width:100%;
}

.form-gp input.input-form{
  margin-bottom:0;
}

.form-gp.captcha{
  display:flex;
}

.form-gp.invalid-feedback{
  text-align:right;
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.form-gp.invalid-feedback::before, .form-gp.invalid-feedback::after{
  float:right;
  margin:0.5rem;
  margin-top:0;
  display:block;
  height:1.25rem;
  width:1.25rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.form-gp.invalid-feedback::after{
    background-image:url(../icons/x.svg);
    margin-right:-26px;
    margin-top:-2px;
    border-radius:0;
    background-color:transparent;
    --tw-blur:blur(0);
    --tw-brightness:brightness(0);
    --tw-contrast:contrast(100%);
    --tw-grayscale:grayscale(0);
    --tw-hue-rotate:hue-rotate(0deg);
    --tw-invert:invert(1);
    --tw-saturate:saturate(0%);
    --tw-sepia:sepia(0%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

.form-body{
  float:right;
  margin-bottom:1.25rem;
  width:50%;
  padding:0.5rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.form-body.panel-full{
  width:100%;
}

.form-body.pad-0{
  padding:0;
}

.form-body form label{
  float:right;
  width:100%;
  font-size:1rem;
  line-height:1.5rem;
}

.form-body form input.input-form{
  float:right;
  margin-bottom:0.75rem;
  width:100%;
  background-color:rgb(203 213 225 / 0.3);
  padding:0.5rem;
}

.form-body form textarea{
  float:right;
  margin-bottom:1.25rem;
  width:100%;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color:rgb(203 213 225 / 0.2);
  padding:0.5rem;
  border-radius:.4rem;
}

@media (max-width: 768px){
  .popup{
    height:100%;
    width:100%;
  }
  .popup.alert-confirm{
    height:200px;
    width:250px;
  }
}

.popup{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  visibility:visible;
  position:fixed;
  top:2.5rem;
  bottom:2.5rem;
  left:0;
  right:0;
  z-index:50;
  margin:auto;
  min-height:230px;
  --tw-translate-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  overflow:hidden;
  border-radius:.4rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:1;
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 768px){
  .popup{
    top:0;
    bottom:0;
    border-radius:0;
  }
}

.popup.alert-confirm{
  min-height:190px;
}

@media (max-width: 768px){
  .popup.alert-confirm{
    top:2.5rem;
    bottom:2.5rem;
    left:0;
    right:0;
    min-height:230px;
    border-radius:.4rem;
  }
}

.popup .btn-close-abs{
  position:absolute;
  left:0.75rem;
  top:0.75rem;
  height:1.5rem;
  width:1.5rem;
  background-color:rgb(75 85 99 / 0.7);
  padding:0;
  font-size:0;
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.popup .btn-close-abs:hover{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.popup .btn-close-abs::before{
    background:url(../icons/x.svg);
    height:1.25rem;
    width:1.25rem;
    background-position:center;
    background-repeat:no-repeat;
    padding:0.25rem;
    --tw-content:"";
    content:var(--tw-content);
    --tw-blur:blur(0);
    --tw-brightness:brightness(0);
    --tw-contrast:contrast(100%);
    --tw-grayscale:grayscale(0);
    --tw-hue-rotate:hue-rotate(0deg);
    --tw-invert:invert(1);
    --tw-saturate:saturate(0%);
    --tw-sepia:sepia(0%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

.popup .header{
  padding:0.75rem;
}

.popup .body{
  position:absolute;
  top:3rem;
  bottom:4rem;
  left:0;
  right:0;
  margin:0;
  height:auto;
  width:auto;
  overflow:auto;
  border-top-width:1px;
  border-bottom-width:1px;
  border-top-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
}

.popup .footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:10;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.5rem;
}

.popup .footer .btn{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer .btn.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer .btn.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

.popup .search-filter{
  float:right;
  width:33.333333%;
}

.popup .search-filter input{
  width:100%;
}

.popup ul.treeview{
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.popup[data-popup=gallary] ul.treeview li{
  position:relative;
  float:right;
  border-width:1px;
  border-color:transparent;
  padding:0;
}

.popup .out-box{
  float:right;
  width:100%;
  border-width:2px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(148 163 184 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.6);
  padding:0.75rem;
  font-weight:700;
  text-transform:uppercase;
}

.popup.hide{
  visibility:hidden;
  --tw-translate-y:-9rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity:0;
}

.panel{
  background-color:transparent;
  padding-left:2.5rem;
  padding-right:2.5rem;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  border-radius:.4rem;
}

.panel i{
  margin-bottom:0.75rem;
}

.panel p{
  margin-bottom:0.75rem;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.panel.orange{
  --tw-bg-opacity:1;
  background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.panel.gray{
  background-color:rgb(243 244 246 / 0.8);
}

.panel.blue{
  background-color:rgb(147 197 253 / 0.4);
}

.panel.green{
  background-color:rgb(74 222 128 / 0.4);
}

.panel.green > .panel-heading{
    border-color:#5cb85c;
    color:white;
    background-color:#5cb85c;
  }

.panel.green a{
    color:#5cb85c;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

.panel.green a:hover{
    color:#3d8b3d;
    --tw-bg-opacity:1;
    background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
  }

.panel.yellow{
  background-color:rgb(250 204 21 / 0.3);
}

.panel.yellow > .panel-heading{
    border-color:#f0ad4e;
    color:white;
    background-color:#f0ad4e;
  }

.panel.yellow a{
    color:#f0ad4e;
  }

.panel.yellow a:hover{
    color:#df8a13;
  }

.avatar{
  margin-left:0.5rem;
  border-radius:9999px;
  border-width:1px;
  border-style:dashed;
  border-color:rgb(31 41 55 / 0.5);
}

.avatar.string{
  display:block;
  height:2rem;
  width:2rem;
  text-align:center;
  font-size:1.875rem;
  line-height:2.25rem;
  font-weight:700;
  line-height:1.5;
}

.thumb{
  height:auto;
  width:100%;
}

.icn{
  display:block;
  height:24px;
  width:30px;
  background-position:center;
  background-repeat:no-repeat;
}

.icn.fill{
  --tw-blur:blur(0);
  --tw-brightness:brightness(10%);
  --tw-contrast:contrast(45%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(10%);
  --tw-saturate:saturate(100%);
  --tw-sepia:sepia(10%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.icn.white{
  --tw-brightness:brightness(0);
  --tw-invert:invert(1);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.icn.line-left{
  margin-left:0.25rem;
  border-left-width:2px;
  border-style:dotted;
  border-left-color:rgb(14 165 233 / 0.5);
}

.icn.line-right{
  margin-right:0.25rem;
  border-right-width:2px;
  border-style:dotted;
  border-right-color:rgb(14 165 233 / 0.5);
}

.line.last::after{
  display:none;
}

single .tab-content.theme-none .content-soie .description .content-i hr.title-rt,single .tab-content.theme-none .content-soie .description .content-i .title-rt .hr-line{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

hr, .hr-line{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  margin-bottom:0;
  height:1px;
  width:100%;
  border-width:0px;
}

hr::after, .hr-line::after{
    content:" ";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    height:1px;
    width:100%;
    background:linear-gradient(90deg, #fff 0, #d6d6d6 50%, #fff);
  }

.progress-wrap{
  visibility:hidden;
  position:fixed;
  right:2.5rem;
  bottom:2.5rem;
  z-index:50;
  display:block;
  height:3rem;
  width:3rem;
  --tw-translate-y:1.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor:pointer;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));
  padding:0.25rem;
  opacity:0;
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-duration:200ms;
  transition-timing-function:linear;
}

.progress-wrap:hover{
  --tw-bg-opacity:1;
  background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.progress-wrap.active-progress{
  visibility:visible;
  --tw-translate-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity:1;
}

.progress-wrap .icn{
  position:absolute;
  right:0;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
}

.progress-wrap svg path{
  fill:none;
}

.progress-wrap svg.progress-circle path{
  box-sizing:border-box;
  stroke:#fff;
  stroke-width:5px;
}

.progress{
  margin:1.25rem;
  background-color:rgb(209 213 219 / 0.4);
  border-radius:.4rem;
}

.progress .progress-bar{
  margin:0;
  display:block;
  height:100%;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1));
  padding:0.25rem;
  text-align:center;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity:1;
  border-radius:.4rem;
}

.progress .progress-bar.bg-success{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.progress .progress-bar-striped{
    background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size:1rem 1rem;
  }

.progress .progress-bar-animated{
    animation:1s linear infinite progress-bar-stripes;
  }

@keyframes progress-bar-stripes{
    0%{
      background-position-x:1rem;
    }
  }

input[type=radio], input[type=checkbox]{
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto;
    width:auto;
    cursor:pointer;
  }

select{
  display:none;
}

select.dropdown-search{
  display:none;
}

select.multiple{
  display:block;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  border-radius:.4rem;
}

select.multiple option{
  padding:0.5rem;
}

select.select-force-show{
  display:block;
  padding:0.75rem;
  border-radius:.4rem;
}

.arrow{
  pointer-events:none;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  display:flex;
  align-items:center;
  border-left-width:1px;
  --tw-border-opacity:1;
  border-left-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left:0.5rem;
  padding-right:0.5rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.select-box{
  position:relative;
  z-index:10;
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

@media (max-width: 768px){
  .select-box{
    float:right;
  }
}

.select-box .select-wrapper{
  position:relative;
  float:right;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.select-box .select-trigger{
  position:relative;
  display:block;
  width:9rem;
  cursor:pointer;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.5);
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:0.5rem;
  padding-right:2rem;
  line-height:1.25;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.select-box .select-trigger:hover{
  background-color:rgb(229 231 235 / 0.7);
}

.select-box .select-trigger:focus{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
}

.select-box .select-trigger:after{
  position:absolute;
  top:1rem;
  right:0.75rem;
  display:block;
  height:0.5rem;
  width:0.5rem;
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width:0px;
  border-left-width:0px;
  border-bottom-width:1px;
  border-right-width:1px;
  border-style:solid;
  border-bottom-color:rgb(30 41 59 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-right-color:rgb(30 41 59 / var(--tw-border-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.select-box .ui-select{
  position:relative;
  margin:0.25rem;
}

.select-box .ui-select.opened .options{
  pointer-events:auto;
  visibility:visible;
  --tw-translate-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity:1;
}

.select-box .ui-select.opened::after{
  position:absolute;
  top:0.25rem;
  display:block;
  height:100%;
  width:100%;
  cursor:pointer;
  --tw-content:"";
  content:var(--tw-content);
}

.select-box .ui-select.opened .select-trigger:after{
  top:1.25rem;
  --tw-rotate:-135deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.select-box .options{
  pointer-events:none;
  visibility:hidden;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:10;
  display:block;
  max-height:16rem;
  overflow-y:auto;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:0;
  border-radius:.4rem;
}

.select-box .option{
  position:relative;
  display:block;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:1.125rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.select-box .option:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.select-box .option.selection{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.select-box .option:first-of-type{
    border-radius:4px 4px 0 0;
  }

.select-box .option:last-of-type{
    border-bottom:0;
    border-radius:0 0 4px 4px;
  }

.filter .select-box .ui-select{
  margin-top:0;
  margin-bottom:0;
}

@media (max-width: 768px){
  .filter .select-box .ui-select{
    margin-top:0.25rem;
    margin-bottom:0.25rem;
  }
}

.sw-icon{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  box-sizing:content-box;
  height:5em;
  width:5em;
  cursor:default;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  justify-content:center;
  border-radius:9999px;
  border-width:4px;
  border-style:solid;
  border-color:rgb(51 65 85 / 0.2);
}

.sw-icon.sw-success{
  border-color:rgb(34 197 94 / 0.6);
}

.sw-icon.sw-success .sw-success-ring{
  position:absolute;
  top:-0.25rem;
  left:-0.25rem;
  z-index:10;
  box-sizing:content-box;
  height:100%;
  width:100%;
  border-radius:9999px;
  border-width:4px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));
}

.sw-icon.sw-success .sw-success-fix{
  position:absolute;
    z-index:1;
    top:0.5em;
    left:1.625em;
    width:0.4375em;
    height:5.625em;
    transform:rotate(-45deg);
}

.sw-icon.sw-success [class^=sw-success-line]{
  position:absolute;
  display:block;
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));
    z-index:2;
    height:0.3125em;
    border-radius:0.125em;
}

.sw-icon.sw-success [class^=sw-success-line][class$=tip]{
    top:2.875em;
    left:0.8125em;
    width:1.5625em;
    transform:rotate(45deg);
  }

.sw-icon.sw-success [class^=sw-success-line][class$=long]{
    top:2.375em;
    right:0.5em;
    width:2.9375em;
    transform:rotate(-45deg);
  }

.sw-icon.sw-success.sw-icon-show .sw-success-line-tip{
    animation:sw-animate-success-line-tip 0.75s;
  }

.sw-icon.sw-success.sw-icon-show .sw-success-line-long{
    animation:sw-animate-success-line-long 0.75s;
  }

.sw-icon.sw-success.sw-icon-show .sw-success-circular-line-right{
    animation:sw-rotate-success-circular-line 4.25s ease-in;
  }

.sw-icon.sw-warning{
  --tw-border-opacity:1;
  border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.sw-icon.sw-warning .sw-icon-content{
  padding-top:0.5rem;
  text-align:center;
  font-size:6rem;
  line-height:1;
  --tw-text-opacity:1;
  color:rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.sw-icon.sw-warning.sw-icon-show{
    animation:sw-animate-error-icon 0.5s;
  }

.sw-icon.sw-warning.sw-icon-show .sw-icon-content{
    animation:sw-animate-i-mark 0.5s;
  }

@keyframes sw-animate-success-line-tip{
    0%{
      top:1.1875em;
      left:0.0625em;
      width:0;
    }
    54%{
      top:1.0625em;
      left:0.125em;
      width:0;
    }
    70%{
      top:2.1875em;
      left:-0.375em;
      width:3.125em;
    }
    84%{
      top:3em;
      left:1.3125em;
      width:1.0625em;
    }
    100%{
      top:2.8125em;
      left:0.8125em;
      width:1.5625em;
    }
  }

@keyframes sw-animate-success-line-long{
    0%{
      top:3.375em;
      right:2.875em;
      width:0;
    }
    65%{
      top:3.375em;
      right:2.875em;
      width:0;
    }
    84%{
      top:2.1875em;
      right:0;
      width:3.4375em;
    }
    100%{
      top:2.375em;
      right:0.5em;
      width:2.9375em;
    }
  }

@keyframes sw-rotate-success-circular-line{
    0%{
      transform:rotate(-45deg);
    }
    5%{
      transform:rotate(-45deg);
    }
    12%{
      transform:rotate(-405deg);
    }
    100%{
      transform:rotate(-405deg);
    }
  }

@keyframes sw-animate-i-mark{
    0%{
      transform:rotateZ(45deg);
      opacity:0;
    }
    25%{
      transform:rotateZ(-25deg);
      opacity:0.4;
    }
    50%{
      transform:rotateZ(15deg);
      opacity:0.8;
    }
    75%{
      transform:rotateZ(-5deg);
      opacity:1;
    }
    100%{
      transform:rotateX(0);
      opacity:1;
    }
  }

.switch{
  position:relative;
  margin-top:0.625rem;
  display:inline-block;
  height:1.25rem;
  width:2.5rem;
}

.switch input{
  height:0;
  width:0;
  opacity:0;
}

.switch input:checked + .slider{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.switch input:focus + .slider{
    box-shadow:0 0 1px #2196f3;
  }

.switch input:checked + .slider:before{
  --tw-translate-x:1rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.slider{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  cursor:pointer;
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.slider::before{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:absolute;
  left:0.25rem;
  top:0;
  bottom:0;
  margin:auto;
  height:1rem;
  width:1rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.slider.round{
  border-radius:.8rem;
}

.slider.round:before{
  border-radius:9999px;
}

.tab-content{
  float:right;
  width:100%;
}

.tab-content ul.tabs-list{
  float:right;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.2);
  padding-top:0.5rem;
}

@media (max-width: 768px){
  .tab-content ul.tabs-list{
    display:none;
  }
}

.tab-content ul.tabs-list li{
  float:right;
  margin:0;
  margin-left:1.25rem;
  width:auto;
  cursor:pointer;
  border-bottom-width:2px;
  border-bottom-color:transparent;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

.tab-content ul.tabs-list li .icn{
  float:right;
}

.tab-content ul.tabs-list li.active{
  --tw-border-opacity:1;
  border-bottom-color:rgb(51 65 85 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.tab-content .description.data .content-i{
  margin-top:1.75rem;
  display:none;
}

@media (max-width: 768px){
  .tab-content .description.data .content-i{
    display:block;
  }
}

.tab-content .description.data .content-i.show{
  display:block;
}

@media (max-width: 768px){
  .tab-content .description.data .content-i.data-2{
    float:left;
  }
}

video{
  width:100%;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));
  border-radius:.4rem;
}

.btn-play .icn{
    background-size:contain;
    height:3rem;
    width:3rem;
  }

table{
  position:relative;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  border-collapse:separate;
  --tw-border-spacing-x:0.25rem;
  --tw-border-spacing-y:0.25rem;
  border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

table thead{
  display:table-header-group;
  border-collapse:separate;
  vertical-align:middle;
}

table td, table th{
  border-radius:.375rem;
  background-color:rgb(226 232 240 / 0.6);
  padding:1.25rem;
  vertical-align:top;
  font-size:1.25rem;
  line-height:1.75rem;
}

card.table-row{
  display:flex;
  flex-direction:column;
  overflow-x:auto;
}

card.table-row .scroll{
  overflow-x:auto;
}

card.table-row table{
  min-width:100%;
  border-collapse:collapse;
}

card.table-row table thead{
  border-bottom-width:1px;
  border-style:solid;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  font-weight:500;
}

card.table-row table thead tr th{
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:right;
}

card.table-row table thead tr th.thumbnail{
  width:7rem;
}

card.table-row table thead tr th.center{
  text-align:center;
}

card.table-row table thead tr th.edt{
  padding-left:1rem;
  padding-right:1rem;
}

card.table-row table tbody tr{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}

card.table-row table tbody tr:hover{
  background-color:rgb(226 232 240 / 0.7);
}

card.table-row table tbody tr td{
  white-space:nowrap;
  padding:0.5rem;
  text-align:right;
  font-weight:500;
}

@media (max-width: 768px){
  card.table-row table tbody tr td{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }
}

card.table-row table tbody tr td.thumbnail{
  display:grid;
  padding:0.5rem;
}

card.table-row table tbody tr td.edt{
  padding-left:1rem;
  padding-right:1rem;
}

card.table-row table tbody tr td.center{
  text-align:center;
}

card.table-row table tbody tr.no-data:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

card.table-row table tbody tr.no-data td{
  padding:1rem;
  text-align:center;
}

card.table-row table tbody tr:last-child{
  border-bottom-width:0px;
}

card.table-row table tbody tr.tr-pad td{
  padding:0.75rem;
}

card.table-row table tbody tr.tr-pad td input{
  width:13rem;
}

card.table-row table tbody tr.tr-full td{
  padding:0.75rem;
}

card.table-row table tbody tr.tr-full td input{
  width:100%;
}

card.table-row table tfoot tr{
  display:block;
  padding:0.75rem;
}

card.table-row table tfoot tr.nw{
  display:contents;
  text-align:center;
}

card.table-row table tfoot tr.nw td{
  float:right;
  width:100%;
}

card table.question{
  display:grid;
}

card table.question tr{
  display:grid;
}

card table.question td textarea{
  width:100%;
}

card table.widget{
  display:grid;
}

card table.widget tr{
  display:grid;
}

card table.widget td textarea{
  width:100%;
}

card.table-row td, card.table-row th{
  border-radius:0;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0;
  vertical-align:middle;
  font-size:1rem;
  line-height:1.5rem;
}

.note{
  padding:0.75rem;
  border-radius:.4rem;
}

.note label{
  float:right;
  width:100%;
}

.note ul li{
  float:right;
  margin-right:0.75rem;
  margin-bottom:0.75rem;
  width:100%;
  list-style-type:disc;
  padding-left:0.25rem;
  padding-right:0.25rem;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.note.success{
  background-color:rgb(74 222 128 / 0.3);
}

.note.danger{
  background-color:rgb(248 113 113 / 0.3);
}

.note.warning{
  background-color:rgb(251 146 60 / 0.3);
}

.topRoir{
  padding:0.75rem;
}

@media (max-width: 768px){
  .topRoir.wrapped{
    max-width:100%;
  }
}

breadcrumb{
  float:right;
  display:flex;
  width:100%;
  padding-top:0.75rem;
}

breadcrumb i{
  float:right;
}

breadcrumb ul{
  float:right;
}

breadcrumb ul li{
  position:relative;
  float:right;
  padding-left:1.25rem;
}

breadcrumb ul li:after{
    background-image:url("/assets/icons/chevron-left.svg");
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:1.5rem;
    width:1.5rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    --tw-content:"";
    content:var(--tw-content);
    --tw-blur:blur(0);
    --tw-brightness:brightness(10%);
    --tw-contrast:contrast(45%);
    --tw-grayscale:grayscale(0);
    --tw-hue-rotate:hue-rotate(0deg);
    --tw-invert:invert(10%);
    --tw-saturate:saturate(100%);
    --tw-sepia:sepia(10%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

breadcrumb ul li.last:after{
  display:none;
}

.logo{
  float:right;
  margin:0.5rem;
  width:12rem;
  max-width:100%;
  padding:0;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

@media (max-width: 768px){
  .logo{
    width:10rem;
  }
}

.logo a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:0.375rem;
  background-position:center;
  background-repeat:no-repeat;
  outline-style:solid;
  outline-style:dashed;
  outline-width:0px;
  outline-color:#f59e0b;
}

.logo a:hover{
  outline-width:2px;
}

.logo img{
  transition-property:all;
  transition-duration:150ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.logo .logo-er{
  height:4rem;
  width:12rem;
}

@media (max-width: 768px){
  .logo .logo-er{
    width:10rem;
  }
}

header .nav{
  position:fixed;
  top:0;
  left:0;
  z-index:40;
  float:right;
  width:100%;
  border-bottom-width:1px;
  border-bottom-color:rgb(156 163 175 / 0);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

@media (max-width: 480px){
  header .nav{
    display:block;
  }
}

header .nav .wrapped{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

@media (max-width: 768px){
  header .nav .wrapped{
    width:auto;
  }
}

header .nav .wrapped .logo-menu{
  display:flex;
}

header .nav .wrapped .btn-top-bar{
  float:right;
  margin-left:0;
  margin-right:0;
  margin-top:1rem;
  margin-bottom:1rem;
  display:none;
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  border-radius:.4rem;
}

header .nav .wrapped .btn-top-bar:hover{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

@media (max-width: 1280px){
  header .nav .wrapped .btn-top-bar{
    display:block;
  }
}

header .nav .search-btn{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

header .nav .search-btn:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer header .nav .search-btn{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer header .nav .search-btn.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer header .nav .search-btn.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel header .nav .search-btn{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel header .nav .search-btn{
    float:none;
  }
}

.login-box form .submit-btn-area header .nav .search-btn{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded header .nav .search-btn, .panel .file_uploaded_db header .nav .search-btn{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content header .nav .search-btn{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content header .nav .search-btn .icn{
  margin:0;
}

header .nav .search-btn{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

header .nav .search-btn:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

header .nav .search-btn{
  position:relative;
  float:left;
  display:none;
  overflow:hidden;
  padding-left:1.25rem;
  padding-right:1.25rem;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 1280px){
  header .nav .search-btn{
    display:block;
  }
}

@media (max-width: 768px){
  header .nav .search-btn{
    display:block;
    padding-left:0.5rem;
    padding-right:0.5rem;
  }
}

header .nav .search.bar{
  float:right;
  width:500px;
}

@media (max-width: 1280px){
  header .nav .search.bar{
    display:none;
  }
}

header .nav .search.bar .search-box{
  float:right;
  width:100%;
}

header nav.toolbar-panel{
  float:left;
  display:none;
  padding:0.25rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel{
    width:100%;
    text-align:center;
  }
}

header nav.toolbar-panel .btn{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel .btn{
    float:none;
  }
}

header nav.toolbar-panel .draft{
  float:left;
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

header nav.top{
  position:relative;
  width:100%;
}

@media (max-width: 1280px){
  header nav.top{
    display:none;
  }
}

@media (max-width: 768px){
  header nav.top{
    display:none;
  }
}

header nav.top ul.menu-link{
  display:flex;
  line-height:1.75rem;
}

header nav.top ul.menu-link li::after{
    content:"";
    position:absolute;
    left:0;
    top:0.875rem;
    display:block;
    height:28px;
    width:1px;
    --tw-bg-opacity:1;
    background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));
  }

header nav.top ul.menu-link li.last::after{
  display:none;
}

header nav.top ul.menu-link li{
  position:relative;
  float:right;
}

header nav.top ul.menu-link li a{
  position:relative;
  float:right;
  border-bottom-width:2px;
  border-color:transparent;
  padding-top:1rem;
  padding-bottom:1rem;
  font-weight:600;
}

header nav.top ul.menu-link li a.active{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));
}

header nav.top ul.menu-link li a:hover{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
}

header nav.top ul.menu-link li.mobile-hidden{
  display:none;
}

@media (max-width: 1280px){
  header nav.top ul.menu-link li.mobile-hidden{
    display:block;
  }
}

header nav.top ul.menu-link li:hover a.submenu{
  border-top-left-radius:.8rem;
  border-top-right-radius:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

header nav.top ul.menu-link li:hover a.submenu::before{
  position:absolute;
  bottom:0;
  right:0;
  z-index:20;
  display:block;
  height:0.5rem;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

header nav.top ul.menu-link li:hover a.link{
  border-bottom-width:2px;
  border-color:transparent;
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

header nav.top ul.menu-link li:hover a.link:hover{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

header nav.top ul.menu-link li:hover a.link.active{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));
}

header nav.top ul.menu-link li ul.submenu{
  visibility:hidden;
  position:absolute;
  top:3.5rem;
  right:0.25rem;
  z-index:10;
  width:24rem;
  border-radius:.8rem;
  border-top-right-radius:0;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:1rem;
  opacity:0;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

header nav.top ul.menu-link li ul.submenu li{
  float:right;
  width:50%;
}

header nav.top ul.menu-link li ul.submenu li a{
  padding:0.5rem;
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

header nav.top ul.menu-link li ul.submenu li::before{
  float:right;
  margin-top:1rem;
  margin-right:0.75rem;
  display:block;
  height:0.5rem;
  width:0.5rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

header nav.top ul.menu-link li ul.submenu li::after{
  display:none;
}

header nav.top ul.menu-link li ul.submenu li:hover a{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

header nav.top ul.menu-link li ul.submenu.show{
  visibility:visible;
  opacity:1;
}

@media (max-width: 1280px){
  header nav.head-navbar{
    display:block;
  }
  header nav.head-navbar .metu{
    transition-property:all;
    transition-duration:300ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    z-index:50;
    height:100%;
    width:16rem;
    overflow-y:auto;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-drop-shadow:drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

header nav.head-navbar .metu .logo-dd{
  background-color:rgb(229 231 235 / 0.7);
  padding:2.5rem;
}

@media (max-width: 1280px){
  header nav.head-navbar .metu ul.menu-link{
    float:right;
    display:block;
    width:100%;
  }
  header nav.head-navbar .metu ul.menu-link li{
    width:100%;
  }
  header nav.head-navbar .metu ul.menu-link li::after{
    display:none;
  }
  header nav.head-navbar .metu ul.menu-link li ul.submenu{
    display:none;
  }
  single .tab-content.theme-none .content-soie .description .content-i header nav.head-navbar .metu ul.menu-link li a.title-rt{
    margin-top:0;
    border-style:none;
    padding-top:0.75rem;
  }
  header nav.head-navbar .metu ul.menu-link li a{
    float:right;
    margin:0;
    width:100%;
    border-width:0px;
  }
  single .tab-content.theme-none .content-soie .description .content-i header nav.head-navbar .metu ul.menu-link li a:hover.title-rt{
    margin-top:0;
    border-style:none;
    padding-top:0.75rem;
  }
  header nav.head-navbar .metu ul.menu-link li a:hover{
    margin:0;
    border-radius:0;
    border-width:0px;
    background-color:rgb(209 213 219 / 0.7);
    --tw-shadow:0;
    --tw-shadow-colored:0;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  header nav.head-navbar .metu ul.menu-link li a:hover::before{
    display:none;
  }
}

header nav.head-navbar .pageblack{
  display:none;
}

@media (max-width: 1280px){
  header nav.head-navbar .pageblack{
    display:block;
  }
}

header .nav-b{
  padding-left:0.125rem;
  padding-right:0.125rem;
}

header .nav-b nav.top ul.menu-link li a{
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

@media (max-width: 1280px){
  header .nav-b nav.top ul.menu-link li a{
    margin:0;
    padding-left:0.5rem;
    padding-right:0.5rem;
    padding-top:1rem;
    padding-bottom:1rem;
  }
}

header .nav-b nav.top ul.menu-link li a span{
  white-space:nowrap;
}

header .nav-b nav.top ul.menu-link li ul.submenu{
  top:2.5rem;
  right:0.5rem;
}

header .nav-b nav.top ul.menu-link li::after{
  top:0.375rem;
}

header .tabre-header{
  display:flex;
}

.sticky .nav .logo-menu .btn-top-bar{
  margin-top:0.25rem;
  margin-bottom:0.25rem;
}

.sticky .logo{
  margin:0.25rem;
  width:8rem;
}

@media (max-width: 768px){
  .sticky .logo{
    margin:0.25rem;
  }
}

.sticky .logo img{
  height:3rem;
  width:8rem;
}

.sticky nav.top ul.menu-link li:hover a.submenu{
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.sticky nav.top ul.menu-link li:last::before{
  display:none;
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.home .nav{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.home .nav{
  border-width:0px;
}

.home .sticky .nav{
  background-color:rgb(255 255 255 / 0.9);
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.home nav.top{
  width:auto;
}

.sidebar-hide .head-navbar .metu{
  right:0;
}

@media (max-width: 1280px){
  .sidebar-hide .head-navbar .metu{
    right:-18rem;
  }
}

.sidebar-hide .head-navbar .pageblack{
  display:none;
}

@media (max-width: 1280px){
  .sidebar-hide .head-navbar .pageblack{
    display:block;
  }
}

.page .nav{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.page header nav.top ul.menu-link li.mobile-hidden{
  display:block;
}

.page header nav.top ul.menu-link li.mobile-hidden.page-hidden{
  display:none;
}

@media (max-width: 1280px){
  .page header nav.top ul.menu-link li.mobile-hidden.page-hidden{
    display:block;
  }
}

.page.mobile-hidden{
  display:none;
}

@media (max-width: 1280px){
  .page.mobile-hidden{
    display:block;
  }
}

.login-buy-part{
  float:left;
  display:flex;
}

.login-buy-part a{
  white-space:nowrap;
}

.information{
  float:left;
  display:block;
  cursor:default;
}

@media (max-width: 1535px){
  .information{
    display:none;
  }
}

@media (max-width: 1280px){
  .information{
    display:none;
  }
}

@media (max-width: 768px){
  .information{
    display:none;
  }
}

.information li{
  float:left;
  padding-left:0.125rem;
  padding-right:0.125rem;
}

.information li a{
  float:right;
  display:block;
  padding-left:0.375rem;
  padding-right:0.375rem;
  padding-top:0.5rem;
  padding-bottom:0.125rem;
  border-radius:.4rem;
}

.information li a:hover{
  background-color:rgb(209 213 219 / 0.7);
}

.information li a .txt{
  float:left;
  line-height:2;
}

app-root{
  float:right;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  font-family:sans, tahoma, sans-serif;
}

app-root *::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

app-root *::selection{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

app-root::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

app-root::selection{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

body.home app-root{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.wrapped{
  width:100%;
}

@media (min-width: 480px){
  .wrapped{
    max-width:480px;
  }
}

@media (min-width: 768px){
  .wrapped{
    max-width:768px;
  }
}

@media (min-width: 1024px){
  .wrapped{
    max-width:1024px;
  }
}

@media (min-width: 1280px){
  .wrapped{
    max-width:1280px;
  }
}

@media (min-width: 1535px){
  .wrapped{
    max-width:1535px;
  }
}

.wrapped{
  margin:auto;
  width:1200px;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

.columns{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

@media (max-width: 1024px){
  .columns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .columns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .columns{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  .columns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .columns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .columns{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

.login main{
  padding-top:1.25rem;
}

main{
  float:right;
  margin-top:5rem;
  min-height:500px;
  width:100%;
  padding-top:1rem;
}

main .clear{
  clear:both;
}

footbar{
  float:right;
  width:100%;
  border-top-width:1px;
  border-top-color:rgb(209 213 219 / 0.7);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

@media (max-width: 1280px){
  footbar{
    text-align:left;
  }
}

footbar .wrapped{
  width:auto;
}

footbar .boewr{
  display:grid;
  gap:2rem;
  padding-left:0.375rem;
  padding-right:0.375rem;
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}

footbar .boewr .head{
  font-size:1.25rem;
  line-height:1.75rem;
  letter-spacing:0.05em;
}

footbar .boewr ul li{
  margin:0.75rem;
  text-align:right;
}

footbar .boewr ul li a{
  font-size:1.25rem;
  line-height:1.75rem;
}

footbar .boewr ul li a:hover{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1));
}

footbar .boewr .certificate .icn{
  height:8rem;
  width:8rem;
  background-color:rgb(229 231 235 / 0.7);
  border-radius:.4rem;
}

footbar .boewr .certificate li{
  margin:0;
  padding-left:0.25rem;
  padding-right:0.25rem;
}

footbar .boewr .certificate a:hover .icn{
  background-color:rgb(209 213 219 / 0.7);
}

footbar .widget.whyus{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

@media (max-width: 1024px){
  footbar .widget.whyus{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  footbar .widget.whyus{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  footbar .widget.whyus{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  footbar .widget.whyus{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  footbar .widget.whyus{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  footbar .widget.whyus{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

footbar .widget.whyus{
  display:grid;
  padding-top:2rem;
  padding-bottom:2rem;
}

@media (max-width: 1280px){
  footbar .widget.whyus{
    gap:1rem;
  }
}

@media (max-width: 480px){
  footbar .widget.whyus{
    margin-top:1rem;
    margin-bottom:1rem;
    border-radius:.8rem;
    background-color:rgb(243 244 246 / 0.8);
  }
}

footbar .widget.whyus .box{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
}

@media (max-width: 480px){
  single .tab-content.theme-none .content-soie .description .content-i footbar .widget.whyus .box.title-rt{
    margin-top:0;
    border-style:none;
    padding-top:0.75rem;
  }
  footbar .widget.whyus .box{
    border-width:0px;
  }
}

footbar .widget.whyus .box .txt, footbar .widget.whyus .box .icn{
  float:right;
}

footbar .h1{
  margin-bottom:0.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  text-transform:uppercase;
}

@media (max-width: 768px){
  footbar .h1{
    justify-content:flex-start;
  }
}

footbar .h1 .txt-info{
  margin-right:0.5rem;
  border-right-width:2px;
  border-right-color:rgb(156 163 175 / 0.5);
  padding-right:0.5rem;
  text-align:justify;
  font-weight:700;
}

footbar .about{
  float:right;
  text-align:center;
  text-align:justify;
}

footbar .head{
  margin-bottom:0;
  border-bottom-width:2px;
  border-bottom-color:rgb(156 163 175 / 0);
  padding:0.5rem;
  text-align:right;
  font-size:18px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}

footbar .lists{
  float:right;
  width:100%;
  padding:0.5rem;
  text-align:right;
}

footbar .lists a{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms;
}

footbar .lists a:hover{
  padding-right:3px;
  --tw-text-opacity:1;
  color:rgb(20 83 45 / var(--tw-text-opacity, 1));
}

footbar copyright{
  position:relative;
  width:100%;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}

@media (max-width: 480px){
  footbar copyright{
    text-align:center;
  }
}

footbar copyright.wrapped{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

@media (max-width: 768px){
  footbar copyright.wrapped{
    display:block;
    width:auto;
  }
}

footbar copyright.wrapped .text{
  text-align:center;
}

footbar copyright .social{
  padding:0;
}

@media (max-width: 768px){
  footbar copyright .social{
    margin-top:1.25rem;
  }
}

footbar copyright .social a{
  margin:0.25rem;
  height:2.5rem;
  width:2.5rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
  padding:0.375rem;
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

footbar copyright .social a:hover{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.social-share{
  padding:0.75rem;
  text-align:center;
}

.social-share ul.social-list li{
  display:inline-block;
}

.social-share ul.social-list li .social-button{
  margin:auto;
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:block;
  width:2.75rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.375rem;
  border-radius:.4rem;
}

.social-share ul.social-list li .social-button:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

body.home main{
  padding-top:0;
}

body.home .search-btn{
  display:none;
}

@media (max-width: 1280px){
  body.home .search-btn{
    display:block;
  }
}

.search-home-box{
  position:relative;
  margin:0;
  width:100%;
  max-width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.08);
}

.search-home-box .big{
  padding-top:250px;
  padding-bottom:0.25rem;
  font-size:2.25rem;
  line-height:2.5rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1));
}

@media (max-width: 768px){
  .search-home-box .big{
    padding-top:150px;
  }
}

@media (max-width: 480px){
  .search-home-box .big{
    padding-top:100px;
  }
}

.search-home-box .sub{
  padding-top:20px;
  padding-bottom:1.25rem;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.search-home-box .col{
  position:relative;
  z-index:10;
}

.search-home-box ul.icons{
  position:relative;
  z-index:10;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  display:flex;
  width:600px;
}

@media (max-width: 840px){
  .search-home-box ul.icons{
    display:block;
    width:100%;
  }
}

.search-home-box ul.icons li{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  float:right;
  width:50%;
  padding:0.5rem;
  text-align:center;
}

.search-home-box ul.icons li .icn{
  margin:auto;
  height:3rem;
  width:3rem;
  background-color:rgb(241 245 249 / 0.2);
  background-size:cover;
  background-position:center;
  border-radius:.4rem;
}

.search-home-box ul.icons li a{
  font-size:1.25rem;
  line-height:1.75rem;
}

.search-home-box ul.icons li:hover a{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.search-home-box ul.icons li:hover .icn{
  background-color:rgb(241 245 249 / 0.3);
}

.archive-mo{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.title{
  padding-top:6rem;
  padding-bottom:4rem;
  text-align:center;
}

.title .heading{
  display:inline-flex;
  border-bottom-width:4px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
  letter-spacing:0.05em;
}

.more-cl{
  padding:1.5rem;
  padding-bottom:6rem;
  text-align:center;
}

.advi{
    display:flex;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    align-items:center;
    padding-top:5rem;
    padding-bottom:7rem;
    vertical-align:middle;
  }

@media (max-width: 1280px){
  .advi{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .advi{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .advi{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1280px){
  .advi{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .advi{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .advi{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

.advi .btn-link{
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.advi .btn-link:hover{
  --tw-bg-opacity:1;
  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1));
}

@media (max-width: 768px){
  .advi .btn-link{
    margin-top:0.75rem;
    margin-bottom:0.25rem;
  }
}

.advi .btn-link .txt{
  margin:auto;
  display:flex;
}

.advi .btn-link .txt .icn{
  float:left;
}

.advi .box-ry{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

@media (max-width: 768px){
  .advi .box-ry{
    display:block;
  }
}

.advi .title{
  padding:0.5rem;
  padding:0;
  text-align:right;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1));
}

@media (max-width: 768px){
  .advi .title{
    margin-bottom:0.75rem;
  }
}

.advi .title-t{
  padding:0.5rem;
  text-align:right;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.advi.link-slid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

@media (max-width: 840px){
  .advi.link-slid{
    display:block;
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .advi.link-slid{
    padding-top:7rem;
  }
}

.advi .thumb-bannar{
  width:100%;
  text-align:center;
}

@media (max-width: 840px){
  .advi .thumb-bannar{
    margin-top:2.5rem;
  }
}

.advi .thumb-bannar img{
  height:auto;
  width:100%;
}

section .title{
  padding-top:6rem;
  padding-bottom:4rem;
  text-align:center;
}

section .title span{
  display:inline-flex;
  border-bottom-width:4px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
  letter-spacing:0.05em;
}

.toolbars{
  display:none;
}

single section{
  float:right;
  display:block;
  width:100%;
}

@media (max-width: 768px){
  single section .wrapped{
    max-width:100%;
  }
}

single h1{
  margin-bottom:2rem;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
  text-transform:capitalize;
}

single .clear{
  margin-bottom:2.5rem;
}

@media (max-width: 840px){
  single .clear{
    margin-bottom:0.75rem;
  }
}

single .price{
  padding:0.75rem;
  text-align:center;
  font-size:1.875rem;
  line-height:2.25rem;
  font-weight:700;
  line-height:30px;
  --tw-text-opacity:1;
  color:rgb(20 83 45 / var(--tw-text-opacity, 1));
}

single .price .unit{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

single .discount{
  font-size:20px;
  font-weight:700;
  line-height:26px;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  text-decoration-line:line-through;
}

single .thumbs{
  width:80%;
}

single .thumbs .thumb{
  display:block;
  overflow:hidden;
  border-width:1px;
  border-color:rgb(209 213 219 / 0.7);
  border-radius:.4rem;
}

single .btn-thumbs .btn-thumb .thumb{
  display:block;
  padding:0.75rem;
}

single .infot{
  position:relative;
  float:right;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  width:100%;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

single .infot .stey{
  float:right;
  margin-left:0.75rem;
  margin-right:0.75rem;
  display:flex;
}

@media (max-width: 768px){
  single .infot .stey{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    width:100%;
  }
}

single .infot .stey a{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

single .infot .stey a:hover{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

single .infot .stey .name{
  font-size:1rem;
  line-height:1.5rem;
  font-weight:400;
}

single .more .answer{
  padding-left:0.5rem;
  padding-right:0.5rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

single .description{
  float:right;
  width:100%;
  padding:1.25rem;
  text-align:justify;
  font-size:1.25rem;
  line-height:2rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

@media (max-width: 768px){
  single .description{
    padding:0.5rem;
    font-size:1rem;
    line-height:2rem;
  }
}

single .description h2, single .description h3, single .description h4, single .description strong{
  position:relative;
  margin-top:2rem;
  margin-bottom:0.25rem;
  display:flex;
  padding-right:1.5rem;
}

single .description h2::before, single .description h3::before, single .description h4::before, single .description strong::before{
  position:absolute;
  top:-0.375rem;
  bottom:0;
  right:0;
  margin:auto;
  height:0.75rem;
  width:0.75rem;
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-width:2px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));
  background-color:rgb(22 163 74 / 0.4);
  --tw-content:"";
  content:var(--tw-content);
  border-radius:.4rem;
}

@media (max-width: 768px){
  single .description h2::before, single .description h3::before, single .description h4::before, single .description strong::before{
    margin-top:0.75rem;
  }
}

single .description strong::before{
  display:none;
}

single .description h3::before{
  --tw-border-opacity:1;
  border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));
  background-color:rgb(249 115 22 / 0.4);
}

single .description h4::before{
  --tw-border-opacity:1;
  border-color:rgb(185 28 28 / var(--tw-border-opacity, 1));
  background-color:rgb(220 38 38 / 0.4);
}

single .description p strong{
  border-style:none;
  padding:0;
  font-size:1.25rem;
  line-height:1.75rem;
  letter-spacing:0.05em;
}

single .description img{
  margin:auto;
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  display:block;
  height:auto;
  width:60%;
  border-radius:.4rem;
}

@media (max-width: 768px){
  single .description img{
    height:100%;
    width:100%;
  }
}

single .description .detials{
  margin-top:2rem;
}

single .description a{
  display:inline-block;
  height:auto;
  overflow:visible;
  padding-left:0.25rem;
  padding-right:0.25rem;
  text-indent:0;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}

single .description a:hover{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

single .description read a{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1));
}

single .description read a:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

single .description kbd{
  background-color:rgb(156 163 175 / 0.25);
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  padding-left:0.25rem;
  padding-right:0.25rem;
  border-radius:.4rem;
}

single .description hr{
  height:2rem;
  text-align:center;
}

single .description hr::after{
    background:#fff;
    height:auto;
    font-size:1.25rem;
    line-height:1.75rem;
    opacity:0.25;
    --tw-content:"ــ...ــ";
    content:var(--tw-content);
  }

single .description ul{
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  padding-right:0.75rem;
  text-align:right;
  font-weight:400;
}

@media (max-width: 768px){
  single .description ul{
    font-size:1rem;
    line-height:2rem;
  }
}

single .description ol{
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  padding-right:2.5rem;
}

single .description ol li{
    list-style-type:decimal;
    padding-right:0;
  }

single .description ol li::before{
  display:none;
}

single .description li{
  position:relative;
  padding-right:1.5rem;
}

single .description li::before{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  display:block;
  height:0.75rem;
  width:0.75rem;
  border-width:2px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(185 28 28 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

@media (max-width: 768px){
  single .description li::before{
    margin-top:0.25rem;
  }
}

single .description table td, single .description table th{
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

single .description table td strong, single .description table th strong{
  margin:0;
  padding:0.25rem;
}

single .conteny-uo{
  float:right;
  margin-top:0.75rem;
  width:75%;
}

@media (max-width: 840px){
  single .conteny-uo{
    width:100%;
  }
}

single .conteny-uo.full{
  width:100%;
}

single .conteny-uo card{
  margin-bottom:0.75rem;
}

single .conteny-uo card.thumbnail-info{
  display:block;
  padding:0.75rem;
}

single .conteny-uo card.thumbnail-info .gallary{
  float:right;
  display:block;
  width:100%;
}

single .conteny-uo card.thumbnail-info .gallary .thumbs{
  width:100%;
}

single .conteny-uo card.gallary-info{
  display:block;
  padding:0.75rem;
}

single .conteny-uo card.gallary-info .gallary{
  float:right;
  display:flex;
  width:50%;
}

single .conteny-uo card.gallary-info .info{
  float:left;
  width:50%;
  padding-right:0.75rem;
}

single .conteny-uo card.gallary-info .info .panel{
  margin-bottom:2rem;
  width:100%;
}

single .sidebar{
  margin-top:0.75rem;
  width:25%;
  padding-right:0.75rem;
}

@media (max-width: 840px){
  single .sidebar{
    margin:0;
    width:100%;
    padding:0;
  }
}

@media (max-width: 768px){
  single .sidebar{
    margin-top:0.75rem;
  }
}

single .sidebar .panel-drs{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
}

single .sidebar .panel-drs .box-dl{
  display:flex;
  padding:0.75rem;
}

single .sidebar .panel-drs .box-dl a{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

single .sidebar .panel-drs .box-dl a:hover{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

single .sidebar .panel-drs.summery .list .list-item{
  display:flex;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

single .sidebar .panel-drs.summery .list .list-item.borde-none{
  border-style:none;
}

single .sidebar .panel-drs.summery .list .list-item .label{
  width:50%;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

single .sidebar .panel-drs.summery .list .list-item .option{
  font-weight:700;
  text-transform:uppercase;
}

single .sidebar .panel-drs.summery .buttons{
  padding:0;
}

single .sidebar .panel-drs.summery .buttons a{
  position:relative;
  width:100%;
  overflow:hidden;
  padding-left:1.25rem;
  padding-right:1.25rem;
}

@media (max-width: 768px){
  single .sidebar .panel-drs.summery .buttons a{
    padding-left:0.5rem;
    padding-right:0.5rem;
  }
}

single .sidebar .panel-drs.summery .buttons a.boert .txt{
  margin:auto;
  display:flex;
}

single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

single .sidebar .panel-drs.summery .buttons a.boert.login:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.login{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.login.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.login.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel single .sidebar .panel-drs.summery .buttons a.boert.login{
    float:none;
  }
}

.login-box form .submit-btn-area single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded single .sidebar .panel-drs.summery .buttons a.boert.login, .panel .file_uploaded_db single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content single .sidebar .panel-drs.summery .buttons a.boert.login .icn{
  margin:0;
}

single .sidebar .panel-drs.summery .buttons a.boert.login{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(56 189 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1));
}

single .sidebar .panel-drs.summery .buttons a.boert.login:hover{
  --tw-bg-opacity:1;
  background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1));
}

single .sidebar .panel-drs.summery .buttons a.boert.login{
  margin:0;
}

single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin-left:0.25rem;
  margin-right:0.25rem;
  display:inline-flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  overflow:hidden;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-weight:600;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

single .sidebar .panel-drs.summery .buttons a.boert.cart:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor:pointer;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.cart{
  float:left;
  margin-left:0.25rem;
  margin-right:0.25rem;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.cart.load .icn{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}

.popup .footer single .sidebar .panel-drs.summery .buttons a.boert.cart.load .icn::before{
  height:1.5rem;
  width:1.5rem;
}

header nav.toolbar-panel single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin-left:0;
  margin-right:0;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

@media (max-width: 1280px){
  header nav.toolbar-panel single .sidebar .panel-drs.summery .buttons a.boert.cart{
    float:none;
  }
}

.login-box form .submit-btn-area single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin-left:0;
  margin-right:0;
}

.panel .file_uploaded single .sidebar .panel-drs.summery .buttons a.boert.cart, .panel .file_uploaded_db single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.dd .dd3-content single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content single .sidebar .panel-drs.summery .buttons a.boert.cart .icn{
  margin:0;
}

single .sidebar .panel-drs.summery .buttons a.boert.cart{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

single .sidebar .panel-drs.summery .buttons a.boert.cart:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

single .sidebar .panel-drs.summery .buttons a.boert.cart{
  margin:0;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

single .sidebar .panel-drs.summery .buttons .added{
  height:50px;
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  text-align:center;
  border-radius:.4rem;
}

single .sidebar .panel-drs.summery .buttons .free{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  text-align:center;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

single .sidebar .panel-drs.summery .buttons .reg-student{
  border-width:1px;
  border-color:rgb(21 128 61 / 0.7);
  background-color:rgb(187 247 208 / 0.7);
  padding:0.75rem;
  text-align:center;
  --tw-text-opacity:1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

single .sidebar .panel-drs .author .avator{
  text-align:center;
}

single .sidebar .panel-drs .author .avator .thumb{
  margin:auto;
  margin-top:1.25rem;
  margin-bottom:0.75rem;
  height:7rem;
  width:7rem;
  overflow:hidden;
  border-radius:9999px;
  border-width:4px;
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));
}

single .sidebar .panel-drs .author .avator .thumb .string-back{
  display:grid;
  height:100%;
  width:100%;
  align-items:center;
  padding:2.5rem;
  text-align:center;
  vertical-align:middle;
  font-size:3rem;
  line-height:1;
  font-weight:700;
}

single .sidebar .panel-drs .author .name{
  margin-bottom:1.25rem;
  text-align:center;
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:700;
}

single .sidebar .panel-drs .author .bio{
  position:relative;
}

single .sidebar .panel-drs .author .bio::before{
  position:absolute;
  top:1rem;
  left:0;
  z-index:0;
  height:1px;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

single .sidebar .panel-drs .author .bio .label{
  position:relative;
  z-index:10;
  margin:auto;
  width:9rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  text-align:center;
  border-radius:.4rem;
}

single .sidebar .panel-drs .author .bio .text{
  padding:0.75rem;
  text-align:justify;
}

single .sidebar .panel-drs .archive .title{
  margin-bottom:0.75rem;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  text-align:right;
}

single .sidebar .panel-drs .archive ul li{
  margin-bottom:0.75rem;
}

single .sidebar .panel-drs .archive ul li a .thumb{
  float:right;
  width:auto;
}

single .tab-content.theme-none .content-soie .description .content-i single.title-rt .sidebar .panel-drs .archive ul li a .title{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

single .sidebar .panel-drs .archive ul li a .title{
  float:right;
  border-width:0px;
  padding:0.75rem;
}

single .list-3t.widget .icn{
  margin:auto;
  margin-bottom:0.75rem;
}

single .tab-content.theme-none .content-soie .description .content-i single.title-rt .list-3t.widget li:last-child{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

single .list-3t.widget li:last-child{
  border-width:0px;
}

single .list-3t .list{
  display:flex;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

@media (max-width: 1535px){
  single .list-3t .list{
    display:block;
  }
}

@media (max-width: 840px){
  single .list-3t .list{
    display:flex;
  }
}

single .list-3t .list .tw{
  margin:auto;
  display:block;
}

single .list-3t .list.borde-none{
  border-style:none;
}

single .list-3t .item{
  display:flex;
  width:100%;
  border-left-width:1px;
  --tw-border-opacity:1;
  border-left-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

@media (max-width: 1535px){
  single .list-3t .item{
    border-left-width:0px;
  }
}

@media (max-width: 840px){
  single .list-3t .item{
    border-left-width:1px;
  }
}

single .list-3t .item.borde-none{
  border-style:none;
}

single .list-3t .item .label{
  width:100%;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  text-align:center;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

single .list-3t .item .option{
  width:100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center;
  font-weight:700;
}

single .tab-content.theme-none{
  margin-bottom:0;
  display:block;
}

single .tab-content.theme-none .pan-tabs{
  float:right;
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
}

single .tab-content.theme-none ul.tabs-list{
  float:none;
  border-style:none;
  background-color:transparent;
}

single .tab-content.theme-none .content-soie .description{
  float:right;
  width:100%;
}

single .tab-content.theme-none .content-soie .description .content-i{
  margin:0;
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt{
  float:right;
  margin-top:2.5rem;
  margin-bottom:1.75rem;
  display:none;
  width:100%;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-top-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:2.5rem;
  padding-bottom:0.75rem;
}

@media (max-width: 840px){
  single .tab-content.theme-none .content-soie .description .content-i .title-rt{
    display:block;
  }
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.border-0{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.first{
  margin-bottom:0;
}

single .tab-content.theme-none .content-soie .description .content-i .curriculum{
  float:right;
  width:100%;
}

single .tab-content .curriculum p{
  margin-bottom:1.25rem;
}

single .tab-content .curriculum ul.item-er{
  margin:0;
  padding:0;
}

single .tab-content .curriculum ul.item-er li{
  display:block;
  border-radius:0;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  background-color:rgb(226 232 240 / 0);
  padding:0.75rem;
  padding-left:0;
  padding-right:0;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

single .tab-content .curriculum ul.item-er li::before{
  display:none;
}

single .tab-content .curriculum ul.item-er li .tete{
  float:left;
  margin-right:0.75rem;
  display:flex;
  padding:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  line-height:2rem;
}

single .tab-content .curriculum ul.item-er li .title-i{
  float:right;
  margin-right:0;
}

single .tab-content .curriculum ul.item-er li .link-i{
  cursor:pointer;
  font-size:0;
  border-radius:.4rem;
}

single .tab-content .curriculum ul.item-er li .link-i:hover{
  background-color:rgb(209 213 219 / 0.7);
}

single .tab-content .curriculum ul.item-er li .lock{
  cursor:default;
  font-size:0;
}

single .tab-content .curriculum ul.item-er li .lock:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

single .tab-content .curriculum ul.item-er li .dur{
  width:8rem;
}

single .tab-content .curriculum ul.item-er li .clear{
  margin:0;
}

single .tab-content .curriculum ul.item-er li:last-child{
  border-style:none;
}

single .content-post .gallary{
  float:right;
  width:100%;
}

single .content-post .gallary .thumbnail{
  height:25rem;
  width:100%;
  overflow:hidden;
  border-bottom-width:1px;
  border-top-width:1px;
  border-bottom-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-top-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
  border-radius:.4rem;
}

single .content-post .gallary .thumbnail .thumb{
  height:100%;
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  padding:0;
}

single .content-post .info{
  float:right;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
  display:flex;
  width:100%;
  background-color:rgb(226 232 240 / 0.6);
  padding:1.25rem;
  border-radius:.4rem;
}

@media (max-width: 768px){
  single .content-post .info{
    display:block;
  }
}

single .content-post .info .arch-header{
  display:flex;
  width:100%;
  align-items:center;
  vertical-align:middle;
}

@media (max-width: 768px){
  single .content-post .info .arch-header{
    margin-bottom:0.75rem;
  }
}

single .content-post .info .arch-header:last-child{
  margin-bottom:0;
}

single .content-post .info .arch-header a{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

single .content-post .info .arch-header a:hover{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

single .content-post .info .arch-header .pa-ic{
  display:flex;
  flex-direction:row;
  align-items:center;
  vertical-align:middle;
}

single .content-post .info .arch-header .profile{
  float:right;
  height:40px;
  width:40px;
  border-radius:9999px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));
  padding:0;
}

single .content-post .info .arch-header .profile.string-back{
  padding:0.75rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
}

single .content-post .info .arch-header .txt, single .content-post .info .arch-header .txt-o{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

single .content-post .info .arch-header ul{
  margin:0;
  display:flex;
  padding:0;
}

single .content-post .info .arch-header ul.txt{
  margin:0;
  padding:0;
}

single .content-post .info .arch-header ul li.comma{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

single .content-post .info .arch-header ul li:last-child{
  display:none;
}

archive .filter{
  margin-top:0.75rem;
}

archive .lists{
  float:right;
  width:100%;
}

archive .pagination{
  float:right;
  width:100%;
}

archive .clear{
  margin-bottom:2.5rem;
}

archive .clear.top{
  margin-bottom:0.75rem;
}

archive .no-data{
  float:right;
  width:100%;
  padding:0.75rem;
  text-align:center;
}

archive.ios ul{
  float:right;
  width:100%;
}

archive.ios ul li{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
}

archive.ios ul li a{
  display:block;
  padding:0.75rem;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

archive.ios ul li a span{
  float:right;
  font-size:1.25rem;
  line-height:1.75rem;
}

archive.ios ul li a .icn{
  float:left;
}

archive.ios ul li:hover a{
  background-color:rgb(229 231 235 / 0.7);
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

single .tab-content.theme-none .content-soie .description .content-i archive.title-rt.ios ul li:last-child{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

archive.ios ul li:last-child{
  border-width:0px;
}

.archive card .icn{
  float:right;
  margin-left:1rem;
  margin-right:1rem;
  margin-top:1rem;
  margin-bottom:1rem;
}

.archive card .h1{
  float:right;
  padding:1rem;
  padding-left:0;
  padding-right:0;
  font-size:1.125rem;
  line-height:1.75rem;
}

.archive card ul{
  float:right;
  width:100%;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-top-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.archive card ul li a{
  display:flex;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.archive card ul li a .thumb{
  border-radius:0;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.archive card ul li a .txt{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0.5rem;
}

.archive card ul li a:hover{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.carousel-sli-blog .slider{
  display:flex;
  width:100%;
}

.carousel-sli-blog .slider .archi-visit{
  width:25%;
}

.carousel-sli-blog .slider .archi-visit li a{
  display:flex;
}

.carousel-sli-blog .slider .panel-box-s{
  width:100%;
  padding:0;
}

.carousel-sli-blog .slider .panel-box-s .car-slide{
  margin-bottom:1.25rem;
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    width:100%;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

@media (max-width: 1280px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1280px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj{
  position:relative;
  margin-bottom:0;
  overflow:hidden;
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .thumbnail{
  position:relative;
  height:18rem;
  width:100%;
  overflow:hidden;
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .thumbnail .thumb{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  height:100%;
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  padding:0;
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj:hover .thumb{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .txt{
  position:absolute;
  bottom:0;
  right:0;
  height:4rem;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background-color:rgb(203 213 225 / 0.7);
  padding:1.25rem;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.carousel-sli-blog .slider .panel-box-s .btn-box{
  display:none;
}

.carousel-sli-blog .slider .panel-box-s .btn-box .next, .carousel-sli-blog .slider .panel-box-s .btn-box .prev{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:absolute;
  left:0;
  top:30%;
  margin:1.25rem;
  height:2rem;
  width:2rem;
  cursor:pointer;
  --tw-bg-opacity:1;
  background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1));
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0.4;
  border-radius:.4rem;
}

.carousel-sli-blog .slider .panel-box-s .btn-box .next{
  right:0;
}

@media (max-width: 1024px){
  .archive-rou .sidebar{
    display:none;
  }
}

.sidebar{
  float:right;
  width:25%;
}

.sidebar li a{
  display:flex;
}

.sidebar .links-wcd{
  display:flex;
}

.sidebar .links-wcd .icn{
  height:2rem;
  width:2rem;
  background-size:contain;
  padding:0.5rem;
    filter:invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
}

.sidebar .links-wcd a{
  margin:0;
  padding:0;
  border-radius:.4rem;
}

.sidebar .links-wcd a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.last-bl h1 .icn{
  --tw-blur:blur(0);
  --tw-brightness:brightness(10%);
  --tw-contrast:contrast(45%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(10%);
  --tw-saturate:saturate(100%);
  --tw-sepia:sepia(10%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.lists article .arch-header{
  float:right;
  width:50%;
  padding:1.25rem;
}

.lists article .arch-header a .profile{
  float:right;
  border-radius:9999px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));
  padding:0;
}

.lists article .arch-header a .txt-o{
  float:right;
  padding:0.5rem;
}

.lists article .arch-cater{
  float:left;
  width:50%;
  padding:1.25rem;
  text-align:left;
}

.lists article .arch-cater .bo-btb{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.lists article .arch-cater .bo-btb:hover{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.lists article .arch-content .txt-o{
  float:right;
  margin-bottom:1.25rem;
  width:100%;
  padding-left:1.25rem;
  padding-right:1.25rem;
  font-size:1.25rem;
  line-height:1.75rem;
}

.lists article .arch-content .txt-o:hover{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.lists article .arch-content .thumbnail{
  position:relative;
  height:18rem;
  width:100%;
  overflow:hidden;
  border-bottom-width:1px;
  border-top-width:1px;
  border-bottom-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-top-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.lists article .arch-content .thumbnail .thumb{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  padding:0;
}

.lists article .arch-content .para{
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:1.75rem;
  padding-right:1.75rem;
  text-align:justify;
  font-size:1.25rem;
  line-height:1.75rem;
}

.lists article .arch-content .para .more{
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.lists article .arch-content .para .more:hover{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.content-page .title-ht{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.content-page .desc .thumb{
  text-align:center;
}

.content-page .desc .thumb .logo{
  margin:auto;
  width:11rem;
}

.content-page .desc .txt{
  text-align:justify;
  font-size:1.25rem;
  line-height:2rem;
}

.step-box ul.step li .icn{
  margin:auto;
  margin-bottom:0.75rem;
  height:2.5rem;
  width:2.5rem;
  background-size:cover;
}

.step-box ul.step li.active .icn{
    filter:invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
  }

.privacy input.checkbox{
  margin-left:0.5rem;
  margin-right:0.5rem;
}

.box-cart .header{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-bottom:0.75rem;
  text-align:center;
}

.box-cart ul.data li{
  display:block;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

.box-cart ul.data li span{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.box-cart ul.data li span.price, .box-cart ul.data li span.number{
  float:left;
}

.box-cart .result .data-r{
  border-top-width:1px;
  --tw-border-opacity:1;
  border-top-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-top:0.75rem;
  text-align:center;
}

.box-cart .result .no-data{
  text-align:center;
}

.cart-box .result{
  float:left;
  width:100%;
  padding-top:1.25rem;
  padding-bottom:1rem;
}

.cart-box .result p{
  text-align:center;
  font-size:1.25rem;
  line-height:1.75rem;
}

.cart-box .table-row{
  margin-bottom:0.75rem;
  width:75%;
}

@media (max-width: 768px){
  .cart-box .table-row{
    width:100%;
  }
}

.cart-box .table-row.wo-full{
  width:100%;
}

.cart-box .sidebar{
  display:block;
  width:25%;
}

@media (max-width: 768px){
  .cart-box .sidebar{
    width:100%;
  }
}

.cart-box .sidebar .header{
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:1rem;
  text-align:center;
}

.cart-box .sidebar .lists .list{
  display:flex;
  padding:0.75rem;
}

.cart-box .sidebar .lists .list .label{
  width:50%;
}

.cart-box .sidebar .lists .list .option{
  width:50%;
  text-align:left;
}

.cart-box .sidebar .lists .list .option.thumb{
  width:100%;
}

.cart-box .sidebar .more{
  display:flex;
  width:100%;
  padding:1rem;
}

.cart-box .sidebar .more .txt{
  margin:auto;
  display:flex;
}

.cart-box .buttons{
  float:right;
  width:100%;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-top-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

.cart-box .buttons .btn-prev{
  float:right;
}

@media (max-width: 768px){
  .cart-box .buttons .btn-prev{
    margin-top:0.25rem;
    margin-bottom:0.25rem;
    margin-left:0;
    margin-right:0;
    width:100%;
  }
}

.cart-box .buttons .btn-next{
  float:left;
}

.cart-box .buttons .cart a{
  float:right;
}

.cart-box .buttons .cart a .txt{
  display:flex;
}

.cart-box .buttons .cart .more{
  float:left;
}

.cart-box .buttons .cart .disabled{
  cursor:not-allowed;
  opacity:0.4;
}

.error-content{
  float:none;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.5rem;
  margin-bottom:2.5rem;
  width:50%;
  text-align:center;
}

@media (max-width: 1024px){
  .error-content{
    width:100%;
  }
}

@media (max-width: 768px){
  .error-content{
    width:100%;
    padding-left:0.75rem;
    padding-right:0.75rem;
  }
}

@media (max-width: 480px){
  .error-content{
    width:100%;
  }
}

.error-content .e-ter{
  display:block;
}

.error-content .txt-title{
  padding:1.5rem;
  font-size:8rem;
  line-height:1;
  --tw-text-opacity:1;
  color:rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.error-content .e-green .txt-title{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.error-content .e-red .txt-title{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.error-content p{
  font-size:1.25rem;
  line-height:1.75rem;
}

.error-content a{
  margin-top:1.25rem;
  margin-bottom:2rem;
  display:inline-block;
  border-radius:.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.error-content a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.error-content hr{
  margin-top:1.25rem;
  margin-bottom:1.25rem;
}

.admin-logined .error-content{
  float:right;
  margin:0;
  display:block;
  width:100%;
}

.content-block{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

.content-block.contadf{
  display:grid;
}

.content-block .box{
  padding:2.5rem;
}

.content-block .box .info{
  margin:0;
  padding:0;
}

.chat-box{
  float:right;
  width:100%;
}

.chat-box .link-chat{
  float:right;
  margin-top:1.5rem;
  width:100%;
}

.chat-box .link-chat.green a{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat.green a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat.blue a{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat.blue a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat.blue-2 a{
  --tw-bg-opacity:1;
  background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat.blue-2 a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21 94 117 / var(--tw-bg-opacity, 1));
}

.chat-box .link-chat a{
  float:right;
  display:block;
  width:50%;
  border-radius:.4rem;
  padding:0.5rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (max-width: 1024px){
  .chat-box .link-chat a{
    width:100%;
  }
}

@media (max-width: 840px){
  .chat-box .link-chat a{
    width:100%;
  }
}

@media (max-width: 768px){
  .chat-box .link-chat a{
    width:100%;
  }
}

.chat-box .link-chat a .icn{
  float:right;
  margin:0.5rem;
  height:2.5rem;
  width:2.5rem;
}

.chat-box .link-chat a .txt{
  float:right;
  border-right-width:1px;
  border-right-color:rgb(255 255 255 / 0.7);
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  padding-left:0.875rem;
  padding-right:0.875rem;
}

.chat-box .link-chat a .txt .title-er{
  margin-top:0.25rem;
  font-weight:700;
}

.info{
  margin-top:2.5rem;
  margin-bottom:2.5rem;
}

.info .txt-eer{
  margin-bottom:0.5rem;
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:700;
}

.info .teg-etecx{
  float:right;
  width:100%;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.info .teg-etecx .txt{
  float:right;
}

.info .teg-etecx .txt.qwe{
  background-position:right;
  background-repeat:no-repeat;
  padding-right:2rem;
  font-weight:800;
}

.info .teg-etecx .txt.ans{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.form-contact .title{
  margin:0;
  margin-bottom:2.5rem;
  border-bottom-width:1px;
  border-bottom-color:rgb(209 213 219 / 0.7);
  padding:0;
}

.form-contact .group-f{
  float:right;
  margin-bottom:1.25rem;
  width:100%;
}

.form-contact .group-f .last{
  margin-bottom:0;
}

.form-contact .group-f .select-box{
  float:right;
  margin:0;
}

.form-contact .group-f .select-box .ui-select{
  margin:0;
}

.search-page .search-panel{
  margin-top:1.25rem;
  display:none;
  width:100%;
}

@media (max-width: 1280px){
  .search-page .search-panel{
    display:flex;
  }
}

.search-page .search-panel .search-input{
  display:flex;
}

.search-page .search-panel .search-input input{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.search-box{
  float:right;
}

.carousel-container{
    direction:ltr;
    position:relative;
    z-index:10;
    margin-top:0;
    margin-bottom:auto;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    overflow:hidden;
  }

.carousel-container .arrows{
  position:absolute;
  top:50%;
  width:100%;
}

.carousel-container .arrows .icns{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:absolute;
  left:0.75rem;
  top:0;
  display:block;
  height:1.5rem;
  width:1.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:0.5;
  border-radius:.4rem;
}

.carousel-container .arrows .icns:hover{
  cursor:pointer;
  opacity:1;
}

.carousel-container .arrows .icns.left{
    background-image:url("/assets/icons/chevron-left.svg");
  }

.carousel-container .arrows .icns.right{
    background-image:url("/assets/icons/chevron-right.svg");
    right:0.75rem;
    left:auto;
  }

.carousel-wrapper{
  position:relative;
  width:100%;
}

.carousel-slide{
  float:left;
}

.carousel-slide img{
  width:100%;
}

.carousel-container, .carousel-slide{
  height:400px;
  width:100%;
}

.pagination .carousel-pagination-switch{
  margin:0.25rem;
  display:block;
  height:0.75rem;
  width:0.75rem;
  cursor:pointer;
  border-radius:.4rem;
  border-width:2px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));
  opacity:0.8;
}

.pagination .carousel-active-switch{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.pagination{
  position:absolute;
  left:0.75rem;
  top:0.75rem;
  z-index:20;
}

.bookmark{
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:8rem;
  padding-bottom:8rem;
  opacity:1;
}

.bookmark ul{
  text-align:center;
}

.bookmark ul li{
  display:inline-block;
  padding-left:2rem;
  padding-right:2rem;
  text-align:center;
}

.bookmark ul li a .icon{
  margin:auto;
  display:inline-block;
  height:8rem;
  width:8rem;
  border-radius:9999px;
  padding:2rem;
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bookmark ul li a .icon i{
  height:4rem;
  width:4rem;
  background-size:contain;
}

.bookmark ul li a span{
  display:block;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

.users-home .lists{
  margin-bottom:5rem;
  text-align:center;
}

.users-home .lists li{
  display:inline-block;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

.users-home .lists li img{
  width:auto;
  border-radius:9999px;
}

.users-home .lists li span{
  display:block;
  width:100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center;
}

.users-home .lists li span.bold{
  font-weight:700;
}

body.admin .toolbars{
  display:none;
}

body.admin .topbar{
  position:fixed;
  right:0;
  top:0;
  z-index:20;
  height:66px;
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-right:0;
}

body.admin .topbar .avatar{
  float:left;
  margin:0.5rem;
  height:3rem;
  width:3rem;
  cursor:pointer;
  overflow:hidden;
  padding:0.125rem;
}

body.admin .topbar .avatar img{
  border-radius:9999px;
}

body.admin .topbar .avatar .thumb .string-back{
  height:3rem;
  width:3rem;
  cursor:pointer;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  font-size:1.875rem;
  line-height:2.25rem;
  font-weight:800;
}

body.admin .topbar .avatar .thumb .string-back:hover{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

body.admin .topbar .logo{
  margin:auto;
  width:12.12rem;
  border-left-width:1px;
  --tw-border-opacity:1;
  border-left-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding-bottom:0.5rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.6rem;
}

@media (max-width: 768px){
  body.admin .topbar .logo{
    border-left-width:0px;
  }
}

body.admin .topbar .logo .logo-er{
  height:3rem;
  width:100%;
}

body.admin .topbar .blank-space{
  width:100%;
}

@media (max-width: 1280px){
  body.admin .topbar .blank-space{
    display:none;
  }
}

body.admin .topbar .toolbar-navbox{
  display:flex;
  height:100%;
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-navbox{
    display:block;
  }
}

body.admin .topbar .toolbar-navbox::after{
  position:absolute;
  display:none;
  height:100%;
  width:100%;
  --tw-content:"";
  content:var(--tw-content);
}

body.admin .topbar .toolbar-navbox .box-etr{
  float:right;
  width:100%;
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-navbox .box-etr{
    margin-top:1.25rem;
  }
}

body.admin .topbar .toolbar-navbox .btn_close{
  float:right;
  display:none;
  height:3rem;
  width:3rem;
  cursor:pointer;
  border-radius:.4rem;
  background-color:rgb(229 231 235 / 0.7);
  padding:0.5rem;
}

body.admin .topbar .toolbar-navbox .btn_close:hover{
  background-color:rgb(209 213 219 / 0.7);
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-navbox .btn_close{
    display:flex;
  }
}

body.admin .topbar .toolbar-navbox .btn_close .icn{
  margin:auto;
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-navbox.open .toolbar-panel{
    visibility:visible;
    top:0;
    opacity:1;
  }
}

body.admin .topbar .toolbar-navbox.open::after{
  display:block;
}

body.admin .topbar .btn-option-menu{
  float:left;
  display:none;
}

@media (max-width: 768px){
  body.admin .topbar .btn-option-menu{
    display:flex;
  }
}

body.admin .topbar .btn-sidebar-dropdown{
  float:right;
}

body.admin .topbar .toolbar-panel{
  position:relative;
  float:right;
  width:100%;
  padding:0.75rem;
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-panel{
    transition-property:all;
    transition-duration:300ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    visibility:hidden;
    position:fixed;
    left:0;
    bottom:auto;
    top:-10rem;
    z-index:10;
    width:100%;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity:0;
    --tw-shadow:0;
    --tw-shadow-colored:0;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

body.admin .topbar .toolbar-panel .txt, body.admin .topbar .toolbar-panel .title{
  padding:0.5rem;
}

body.admin .topbar .toolbar-panel .txt .bold, body.admin .topbar .toolbar-panel .title .bold{
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

@media (max-width: 1280px){
  body.admin .topbar .toolbar-panel .buttons a{
    font-size:0;
  }
}

@media (max-width: 768px){
  body.admin .topbar .toolbar-panel .buttons a{
    float:none;
  }
  body.admin .topbar .toolbar-panel .buttons button{
    float:none;
  }
}

body.admin .topbar .toolbar-panel .txt, body.admin .topbar .toolbar-panel .title, body.admin .topbar .toolbar-panel h1, body.admin .topbar .toolbar-panel h2, body.admin .topbar .toolbar-panel h3, body.admin .topbar .toolbar-panel h4, body.admin .topbar .toolbar-panel h5, body.admin .topbar .toolbar-panel h6{
  font-size:1.25rem;
  line-height:1.75rem;
}

body.admin .topbar .toolbar-left{
  float:left;
}

.back-dropmenu::after{
  position:absolute;
  display:none;
  height:100%;
  width:100%;
  --tw-content:"";
  content:var(--tw-content);
}

.back-dropmenu.open::after{
  display:block;
}

.profile{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

.profile .title{
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.profile .subtitle{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.user-pop{
  position:relative;
  float:right;
}

.user-pop .box-pop{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  visibility:hidden;
  position:absolute;
  top:3.5rem;
  left:0.5rem;
  z-index:50;
  width:18rem;
  --tw-translate-y:2.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0;
  opacity:0;
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius:.4rem;
}

@media (max-width: 768px){
  .user-pop .box-pop{
    position:fixed;
    bottom:0;
    left:0;
    top:auto;
    width:100%;
    border-top-left-radius:1.5rem;
    border-top-right-radius:1.5rem;
  }
}

.user-pop .box-pop .links a{
  display:flex;
  width:100%;
  align-items:center;
  padding:1.25rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  font-size:1.25rem;
  line-height:1.75rem;
}

.user-pop .box-pop .links a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.user-pop .box-pop .btn-bottom{
  border-top-width:1px;
  --tw-border-opacity:1;
  border-top-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding:1rem;
  text-align:center;
}

.user-pop .box-pop .btn-bottom button{
  margin-left:auto;
  margin-right:auto;
  cursor:pointer;
}

.user-pop .box-pop .btn_close{
  margin:1.25rem;
}

.user-pop.open .user-click{
  border-style:solid;
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.user-pop.open .box-pop{
  visibility:visible;
  --tw-translate-y:0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity:1;
}

body.admin.sidebar-hide .topbar .btn-sidebar-dropdown{
  background-color:rgb(148 163 184 / 0.4);
}

body.admin.sidebar-hide .topbar .btn-sidebar-dropdown:hover{
  background-color:rgb(148 163 184 / 0.3);
}

body.admin.sidebar-hide .topbar .btn-sidebar-dropdown .icn{
  display:none;
}

body.admin.sidebar-hide .topbar .btn-sidebar-dropdown .icn.show{
  display:block;
}

body.admin.sidebar-hide .sidebar{
  right:-16rem;
}

@media (max-width: 768px){
  body.admin.sidebar-hide .sidebar{
    right:0;
  }
}

body.admin.sidebar-hide main .content{
  padding-right:0;
}

body.admin .sidebar{
    height:calc(100% - 4.07rem);
    transition-property:all;
    transition-duration:300ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:fixed;
    right:0;
    top:4.07rem;
    bottom:0;
    z-index:10;
    margin:auto;
    width:16rem;
    overflow-y:auto;
    border-left-width:1px;
    border-top-width:1px;
    border-left-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
    --tw-border-opacity:1;
    border-top-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

@media (max-width: 768px){
  body.admin .sidebar{
    right:-16rem;
  }
}

body.admin .sidebar-scroll{
  position:relative;
  height:100%;
  overflow-y:auto;
}

body.admin .sidebar-scroll .buttons{
  padding:0.75rem;
  padding-left:0;
  padding-right:0;
}

body.admin .sidebar.card-panel{
  position:relative;
  top:auto;
  right:0;
  margin:0;
  display:block;
  height:auto;
  width:24rem;
  border-top-width:0px;
  background-color:transparent;
}

body.admin .sidebar.card-panel ul.section-content li a{
  display:block;
}

body.admin .sidebar ul.accordion{
  float:right;
  width:100%;
  border-radius:0;
  border-style:none;
  padding:0.5rem;
}

body.admin .sidebar ul.accordion .list label{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:relative;
  margin:0;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border-style:none;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  border-radius:.4rem;
}

body.admin .sidebar ul.accordion .list label:after{
    background-image:url("../icons/chevron-up.svg");
    transition-property:all;
    transition-duration:300ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:absolute;
    left:0.5rem;
    top:1rem;
    display:block;
    height:1.5rem;
    width:1.5rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    --tw-content:"";
    content:var(--tw-content);
    --tw-blur:blur(0);
    --tw-brightness:brightness(10%);
    --tw-contrast:contrast(45%);
    --tw-grayscale:grayscale(0);
    --tw-hue-rotate:hue-rotate(0deg);
    --tw-invert:invert(10%);
    --tw-saturate:saturate(100%);
    --tw-sepia:sepia(10%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

body.admin .sidebar ul.accordion .list label.show::before{
  float:right;
  margin-top:0.5rem;
  margin-left:0.5rem;
  height:0.5rem;
  width:1rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

body.admin .sidebar ul.accordion .list label.active{
  margin-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
}

body.admin .sidebar ul.accordion .list label.active:after{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

body.admin .sidebar ul.accordion .list label:hover, body.admin .sidebar ul.accordion .list label.active{
  background-color:rgb(203 213 225 / 0.7);
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}

body.admin .sidebar ul.accordion .list ul{
  margin-bottom:0.5rem;
  display:none;
  background-color:rgb(148 163 184 / 0.2);
  padding:0.5rem;
  border-radius:.4rem;
}

body.admin .sidebar ul.accordion .list ul.show{
  display:block;
}

body.admin .sidebar ul.accordion .list ul.section-content.active{
  display:block;
}

body.admin .sidebar ul.accordion .list ul.section-content li{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

body.admin .sidebar ul.accordion .list ul.section-content li a{
  font-size:1.25rem;
  line-height:1.75rem;
}

body.admin .sidebar ul.accordion .list ul.section-content li a .icn{
  --tw-blur:blur(0);
  --tw-brightness:brightness(10%);
  --tw-contrast:contrast(45%);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(10%);
  --tw-saturate:saturate(100%);
  --tw-sepia:sepia(10%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

body.admin .sidebar ul.accordion .list ul.section-content li a:hover{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

body.admin .sidebar ul.accordion .list ul.section-content li.active::before{
  float:right;
  margin-top:0.5rem;
  margin-left:0.5rem;
  height:0.5rem;
  width:1rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

body.admin .sidebar ul.accordion .list ul.section-content li.active a{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}

body.admin .sidebar .logout-panel{
  float:right;
  width:100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center;
}

@media (max-width: 480px){
  .login-area{
    padding:0.75rem;
  }
}

.login-box{
  float:none;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.5rem;
  margin-bottom:2.5rem;
  width:24rem;
  overflow:hidden;
  text-align:center;
}

@media (max-width: 480px){
  .login-box{
    width:100%;
  }
}

.login-box form .ere{
  float:right;
  display:flex;
  width:100%;
  padding-top:1.5rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.login-box form .ere a{
  padding-left:0.5rem;
  padding-right:0.5rem;
  text-decoration-line:underline;
}

.login-box form .ere a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.login-box form .ere.last{
  padding-top:0;
}

.login-box form .login-form-head{
  position:relative;
  margin-bottom:1.25rem;
  margin-top:1.25rem;
}

.login-box form .login-form-head::before{
  position:absolute;
  top:1.5rem;
  left:0;
  z-index:0;
  height:1px;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.login-box form .login-form-head .label{
  position:relative;
  z-index:10;
  margin:auto;
  width:16rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center;
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:700;
  border-radius:.4rem;
}

.login-box form .login-form-body{
  float:right;
  width:100%;
  padding:1.5rem;
}

.login-box form .login-form-body input{
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
  font-size:1.125rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(22 78 99 / var(--tw-text-opacity, 1));
}

.login-box form .login-form-body input[type=checkbox]{
  margin:0.25rem;
  width:auto;
  padding:0.5rem;
}

.login-box form .login-form-body button{
  --tw-border-opacity:1;
  border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.login-box form .login-form-body button .loading{
  padding:0;
}

.login-box form .login-form-body button .loading::before{
  height:1.5rem;
  width:1.5rem;
  border-width:2px;
  border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.login-box form .submit-btn-area{
  float:left;
  width:50%;
  text-align:left;
}

.login-box form .submit-btn-area .btn{
  margin-left:0;
  margin-right:0;
}

.login-box form .rmber-area{
  float:right;
  width:50%;
  text-align:right;
}

.login-box form .rmber-area .custom-checkbox{
  display:flex;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:0;
  padding-right:0;
}

.login-box form .rmber-area .custom-checkbox .custom-control-label{
  margin-bottom:0;
  cursor:pointer;
}

.m-center.form-editor{
  margin-bottom:0.75rem;
  display:block;
  padding:0;
}

.m-center.form-editor:last-child{
  margin-bottom:0;
}

.m-center.form-editor label.title{
  float:right;
  display:block;
  width:100%;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.panel{
  padding:0.75rem;
}

.panel .group-f{
  margin-bottom:0.75rem;
  width:100%;
  padding-left:0;
  padding-right:0;
}

.panel .group-f.toer{
  margin-bottom:1.25rem;
  display:flex;
}

@media (max-width: 480px){
  .panel .group-f.toer{
    display:block;
  }
}

.panel .group-f.toer label{
  margin-bottom:0;
  display:flex;
  width:33.333333%;
  align-items:center;
  text-align:right;
  vertical-align:middle;
}

@media (max-width: 768px){
  .panel .group-f.toer label{
    margin-bottom:0.5rem;
    width:100%;
  }
}

.panel .group-f.toer.hide{
  display:none;
}

.panel .group-f p.error{
  font-size:0.75rem;
  line-height:1rem;
  font-style:italic;
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.panel .group-f.last{
  margin:0;
}

.panel .group-f .dropdown-select-box{
  height:50px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.5);
  border-radius:.4rem;
}

.panel .group-f .dropdown-select{
  display:block;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1rem;
  padding-right:2.5rem;
  line-height:1.25;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.panel .group-f .dropdown-select:hover{
  background-color:rgb(229 231 235 / 0.7);
}

.panel .group-f .dropdown-select:focus{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.panel .group-f .dropdown-select:active, .panel .group-f .dropdown-select.open{
  border-width:1px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.panel .group-f .dropdown-select.open{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  border-radius:.4rem;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.panel .group-f .dropdown-select.open .list{
  pointer-events:auto;
  opacity:1;
}

.panel .group-f .dropdown-select.open .option{
  cursor:pointer;
}

.panel .group-f .dropdown-select.wide{
  width:100%;
}

.panel .group-f .dropdown-select.wide .list{
  left:0;
  right:0;
  margin-top:-1px;
}

.panel .group-f .dropdown-select .current{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.panel .group-f .dropdown-select .list{
  pointer-events:none;
  position:absolute;
  top:100%;
  left:0;
  z-index:5;
  max-height:18rem;
  overflow:hidden;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity:0;
  border-radius:.4rem;
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.panel .group-f .dropdown-select .list .select-results{
  display:block;
}

.panel .group-f .dropdown-select .list .dd-search{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
}

.panel .group-f .dropdown-select .list ul{
  max-height:8rem;
  overflow-y:scroll;
}

.panel .group-f .dropdown-select .list ul li{
  padding:0.5rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

.panel .group-f .dropdown-select .list ul li:hover{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.panel .counter{
  float:right;
  width:100%;
  text-align:center;
}

.panel .counter .boxs{
  margin:0;
  margin:auto;
  display:flex;
  width:50%;
}

.panel .counter .boxs .box{
  margin-left:0.25rem;
  margin-right:0.25rem;
  width:100%;
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1));
  border-radius:.4rem;
}

.panel .counter .boxs .box.text{
  padding:0.75rem;
}

.panel .counter .boxs .box span{
  float:right;
  width:100%;
  padding:0.75rem;
}

.panel .counter .boxs .box span.number{
  font-size:1.875rem;
  line-height:2.25rem;
}

.panel .counter .boxs .box span.text{
  padding:0;
  font-size:1.25rem;
  line-height:1.75rem;
}

.panel .file_upload{
  position:relative;
  margin:auto;
  width:100%;
  cursor:pointer;
  align-content:center;
  overflow:hidden;
  border-width:2px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  text-align:center;
  vertical-align:middle;
  border-radius:.4rem;
}

.panel .file_upload .image_placeholder{
  margin:auto;
}

.panel .file_upload:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.panel .file_upload .icn{
  margin:auto;
  margin-bottom:0.75rem;
  height:4rem;
  width:4rem;
  background-size:cover;
}

.panel .file_uploaded, .panel .file_uploaded_db{
  position:relative;
  margin:auto;
  margin-top:0.75rem;
  display:none;
  height:14rem;
  width:100%;
  align-content:center;
  overflow:hidden;
  border-width:2px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  text-align:center;
  vertical-align:middle;
  border-radius:.4rem;
}

.panel .file_uploaded .txt-desc, .panel .file_uploaded_db .txt-desc{
  width:50%;
  align-content:center;
  padding-left:0.75rem;
  padding-right:0.75rem;
  vertical-align:middle;
}

.panel .file_uploaded.show, .panel .file_uploaded_db.show{
  display:flex;
}

.panel .file_uploaded.show .perview::after, .panel .file_uploaded_db.show .perview::after{
  display:none;
}

.panel .file_uploaded.show .perview img, .panel .file_uploaded_db.show .perview img{
    height:auto;
    width:auto;
  }

.panel .file_uploaded .perview, .panel .file_uploaded_db .perview{
  position:relative;
  width:50%;
  overflow:hidden;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  border-radius:.4rem;
}

.panel .file_uploaded .perview .txt-upload-status, .panel .file_uploaded_db .perview .txt-upload-status{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  bottom:50%;
  margin:auto;
  height:2rem;
  width:9rem;
  --tw-bg-opacity:1;
  background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1));
  padding:0.25rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

.panel .file_uploaded .perview::after, .panel .file_uploaded_db .perview::after{
  position:absolute;
  left:0;
  height:100%;
  width:100%;
  background-color:rgb(254 202 202 / 0.2);
  --tw-content:"";
  content:var(--tw-content);
}

.panel .file_uploaded .perview.status-pending::after, .panel .file_uploaded_db .perview.status-pending::after{
  background-color:rgb(226 232 240 / 0.5);
}

.panel .file_uploaded .perview.status-pending .txt-upload-status, .panel .file_uploaded_db .perview.status-pending .txt-upload-status{
  width:8rem;
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.panel .file_uploaded .perview.status-ok::after, .panel .file_uploaded_db .perview.status-ok::after{
  display:none;
}

.panel .file_uploaded .perview.status-ok .txt-upload-status, .panel .file_uploaded_db .perview.status-ok .txt-upload-status{
  display:none;
}

.panel .file_uploaded .perview img, .panel .file_uploaded_db .perview img{
  height:100%;
}

.panel .file_uploaded hr, .panel .file_uploaded_db hr{
  margin-bottom:0;
}

.panel .file_uploaded .btn, .panel .file_uploaded_db .btn{
  margin:auto;
  display:block;
  width:7rem;
  text-align:center;
}

.panel .file_uploaded .txt-file-name, .panel .file_uploaded_db .txt-file-name{
  text-transform:lowercase;
}

body.admin main .content .index .form-editor{
  overflow:visible;
}

body.admin main .content .index .form-editor .panel{
  display:flex;
  width:100%;
  flex-wrap:wrap;
  padding:0;
}

body.admin main .content .index .form-editor .panel hr{
  margin-bottom:1.5rem;
}

body.admin{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

@media (max-width: 768px){
  body.admin.open-popup{
    overflow:hidden;
  }
}

body.admin app-root{
  background-color:transparent;
}

body.admin main{
  margin:0;
  padding-top:0;
}

body.admin main .content{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:relative;
  z-index:0;
  float:right;
  width:100%;
  padding-right:16rem;
  padding-top:4rem;
}

@media (max-width: 768px){
  body.admin main .content{
    padding-right:0;
  }
}

body.admin main .content .e-center{
  margin:auto;
  margin-top:2.5rem;
  width:60%;
}

@media (max-width: 1280px){
  body.admin main .content .e-center{
    width:100%;
  }
}

body.admin main .content .index{
  float:right;
  width:100%;
  padding:1.25rem;
}

body.admin main .content .index .m-center{
  margin:auto;
  margin-bottom:0;
  width:60%;
  padding:0;
}

@media (max-width: 1280px){
  body.admin main .content .index .m-center{
    width:100%;
  }
}

body.admin main .content .index .m-center.w-gap{
  width:80%;
}

@media (max-width: 1535px){
  body.admin main .content .index .m-center.w-gap{
    width:100%;
  }
}

body.admin main .content .index .m-center .title-ht.toolbar{
  float:right;
  display:flex;
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:1rem;
}

body.admin main .content .index .m-center .input{
  width:100%;
}

body.admin main .content .index .m-center.form-editor{
  margin-bottom:0.75rem;
  display:block;
  padding:0;
}

body.admin main .content .index .m-center.form-editor .panel{
  padding:0.75rem;
}

body.admin main .content .index .panel-man{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

@media (max-width: 1280px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1280px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  body.admin main .content .index .panel-man{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

body.admin main .content .index .panel-man .panel-mid{
  display:none;
}

body.admin main .content .index .panel-man .panel-mid.show{
  display:block;
}

body.admin main .content .index .ds{
  display:block;
}

body.admin main .content .index .ds .title-ts{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
}

body.admin main .content .index .ds .title-ts .txt{
  display:flow-root;
  padding:0.5rem;
}

body.admin main .content .index .ds .title-ts .txt .icn{
  float:right;
}

body.admin main .content .index .ds .title-ts .txt .ti{
  float:right;
}

body.admin main .content .index .ds .title-ts .txt a{
  float:left;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding-left:0.5rem;
  padding-right:0.5rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

body.admin main .content .index .ds .title-ts .txt a:hover{
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

body.admin main .content .index .ds ul{
  float:right;
  width:100%;
  list-style-position:inside;
  list-style-type:disc;
  padding:0.75rem;
}

body.admin main .content .index .ds ul li{
  float:right;
  display:block;
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding:0.5rem;
}

body.admin main .content .index .ds ul li a{
  padding:0.25rem;
}

body.admin main .content .index .ds ul li a:hover{
  --tw-text-opacity:1;
  color:rgb(30 58 138 / var(--tw-text-opacity, 1));
}

body.admin main .content .index .ds ul li a.btn-edit{
  float:left;
  margin:0;
  display:block;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  border-radius:.4rem;
}

body.admin main .content .index .ds ul li a.btn-edit:hover{
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

single .tab-content.theme-none .content-soie .description .content-i body.title-rt.admin main .content .index .ds ul li:last-child{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

body.admin main .content .index .ds ul li:last-child{
  border-width:0px;
}

body.admin .copyright{
  float:right;
  width:100%;
  cursor:default;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  padding:0.75rem;
  text-align:center;
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}

card.filter{
  z-index:10;
  float:right;
  margin-bottom:0.75rem;
  display:block;
  overflow:visible;
}

card.filter .seacrh-box{
  float:right;
  padding:0.5rem;
}

card.filter .seacrh-box .search-table{
  height:46px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  background-color:rgb(229 231 235 / 0.7);
  padding:0.5rem;
}

card.filter .button-box{
  float:left;
  display:flex;
  padding:0.5rem;
}

@media (max-width: 768px){
  card.filter .button-box{
    float:right;
  }
}

card.filter .button-box button{
  margin:0;
  margin-left:0.25rem;
  margin-right:0.25rem;
  height:46px;
}

card.pagination{
  margin-top:0.75rem;
  display:block;
  padding:1rem;
}

card.pagination .txt{
  float:right;
  margin:0;
  padding:0.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}

card.pagination ul.pagenation-ui{
  float:right;
  display:flex;
}

card.pagination ul.pagenation-ui li{
  margin-left:0.25rem;
  margin-right:0.25rem;
  border-radius:.4rem;
}

card.pagination ul.pagenation-ui li:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

card.pagination ul.pagenation-ui li a{
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

card.pagination ul.pagenation-ui li.dot{
  cursor:default;
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}

card.pagination ul.pagenation-ui li.dot:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

card.pagination ul.pagenation-ui li.active{
  cursor:default;
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

card.pagination .results{
  float:left;
  display:flex;
  padding:0.25rem;
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}

@media (max-width: 768px){
  card.pagination .results{
    margin-top:0.75rem;
    display:block;
    width:100%;
    border-top-width:1px;
    --tw-border-opacity:1;
    border-top-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
    padding-top:1.25rem;
    text-align:center;
  }
}

card.pagination .results span{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

body.admin main .content .index .summery{
    margin-bottom:0.75rem;
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

@media (max-width: 1280px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1280px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  body.admin main .content .index .summery{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

body.admin main .content .index .summery .box{
  margin-bottom:0;
  display:block;
  overflow:hidden;
  padding:1.25rem;
}

body.admin main .content .index .summery .box .ico{
  float:right;
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  border-radius:.4rem;
}

body.admin main .content .index .summery .box .ico .icn{
  height:2.5rem;
  width:2.5rem;
  background-size:cover;
  background-position:center;
}

body.admin main .content .index .summery .box .total, body.admin main .content .index .summery .box .text{
  padding-right:5rem;
}

body.admin main .content .index .summery .box .total{
  cursor:default;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:700;
}

body.admin main .content .index .summery .box .text{
  font-size:1.125rem;
  line-height:1.75rem;
}

body.admin main .content .index .summery .box .text a{
  font-size:1.25rem;
  line-height:1.75rem;
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity, 1));
}

body.admin main .content .index .summery .box .text a:hover{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1));
}

body.admin main .content .index .summery .box .plus{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  position:absolute;
  top:0;
  left:-5rem;
  height:100%;
  width:6rem;
}

@media (max-width: 768px){
  body.admin main .content .index .summery .box .plus{
    left:-1.25rem;
  }
}

body.admin main .content .index .summery .box .plus a{
  display:block;
  height:100%;
  width:100%;
  border-top-right-radius:1.5rem;
  border-bottom-right-radius:1.5rem;
  border-width:2px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(82 82 91 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
  opacity:0.6;
}

body.admin main .content .index .summery .box .plus a:hover{
  opacity:1;
}

body.admin main .content .index .summery .box .plus a .icn{
    background-image:url("../icons/cross.svg");
    transition-property:all;
    transition-duration:300ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    display:block;
    height:2.5rem;
    width:2.5rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    --tw-blur:blur(0);
    --tw-brightness:brightness(10%);
    --tw-contrast:contrast(45%);
    --tw-grayscale:grayscale(0);
    --tw-hue-rotate:hue-rotate(0deg);
    --tw-invert:invert(10%);
    --tw-saturate:saturate(100%);
    --tw-sepia:sepia(10%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

body.admin main .content .index .summery .box:hover .plus{
  left:-0.5rem;
}

.title-uy{
  padding:0.75rem;
}

.title-uy span{
  display:flex;
  padding:0.75rem;
  font-size:1.25rem;
  line-height:1.75rem;
}

.title-uy::after{
  display:block;
  height:0.125rem;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.messages_qa{
  float:right;
  width:100%;
}

.messages_qa .message{
  float:right;
  width:100%;
  padding:0;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.messages_qa .message::before{
  display:none;
}

.messages_qa .message .head{
  float:right;
  margin-top:0.75rem;
  margin-bottom:0.5rem;
}

.messages_qa .message .head span{
  float:right;
}

.messages_qa .message .head span::before{
  float:right;
  margin:0.5rem;
  display:block;
  height:0.5rem;
  width:0.5rem;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-content:"";
  content:var(--tw-content);
}

.messages_qa .message .body{
  position:relative;
  float:right;
  margin-bottom:0.75rem;
  width:100%;
  padding:0.75rem;
  border-radius:.4rem;
}

.messages_qa .message .body p{
  margin:0;
  padding:0;
}

.messages_qa .message .body::before{
  position:absolute;
  top:-0.75rem;
  float:right;
  margin:0.5rem;
  display:block;
  height:1rem;
  width:1rem;
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content:"";
  content:var(--tw-content);
}

.messages_qa .message.box-q .body{
  float:right;
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.messages_qa .message.box-q .body::before{
  right:0.75rem;
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.messages_qa .message.box-a .head{
  float:left;
}

.messages_qa .message.box-a .body{
  float:left;
  --tw-bg-opacity:1;
  background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.messages_qa .message.box-a .body::before{
  left:0.75rem;
  --tw-bg-opacity:1;
  background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.comment .title{
  margin:0;
  margin-bottom:0.75rem;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  text-align:right;
}

.comment .title::before{
  display:none;
}

.comment .messages_qa .message{
  padding:0.75rem;
}

.comment .messages_qa .message .head ::before{
  margin-top:1rem;
}

.comment .text-type{
  margin-bottom:0.75rem;
}

.comment .text-comment-login{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:0.75rem;
  line-height:3rem;
}

@media (max-width: 768px){
  .comment .text-comment-login{
    text-align:center;
  }
}

.menu-lists{
  padding:0;
}

.save-form.hide{
  display:none;
}

.menuable-form .menuable-lists{
  float:left;
  width:75%;
}

.menuable-form .option{
  float:right;
  width:25%;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
}

.menuable-form .option.hide{
  display:none;
}

.menuable-form .option .panel{
  padding:0;
}

.menuable-form .option .panel .form-input, .menuable-form .option .panel .form-textarea{
  width:100%;
}

.menuable-form .option .panel .form-input input, .menuable-form .option .panel .form-input textarea, .menuable-form .option .panel .form-textarea input, .menuable-form .option .panel .form-textarea textarea{
  width:100%;
}

single .tab-content.theme-none .content-soie .description .content-i ul.title-rt li.dd-item:last-child,single .tab-content.theme-none .content-soie .description .content-i  ol.title-rt li.dd-item:last-child{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

ul li.dd-item:last-child, ol li.dd-item:last-child{
  border-width:0px;
}

.admin .dd-dragel{
  display:none;
}

.dd{
  position:relative;
  margin:0;
  display:block;
  max-width:100%;
  font-size:13px;
  line-height:1.25rem;
}

.dd .dd-list{
  position:relative;
  margin:0;
  display:block;
  padding:0;
}

.dd .dd-list .dd-list{
  padding-left:2.5rem;
}

.dd .dd-item .dd-item .dd-item{
  --tw-bg-opacity:1;
  background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1));
}

.dd .dd-collapsed .dd-list{
  display:none;
}

.dd .dd-item .child{
  margin-left:2.5rem;
  margin-right:2.5rem;
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  display:none;
  padding:0;
}

.dd .dd-empty,
  .dd .dd-item,
  .dd .dd-placeholder{
  position:relative;
  display:block;
  min-height:0;
  overflow:hidden;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  font-size:13px;
  line-height:1.25rem;
}

.dd .dd-handle, .dd .dd-handle-disable{
  margin:0;
  box-sizing:border-box;
  display:block;
  height:47px;
  border-radius:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
  padding:5px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
}

.dd .dd-handle-disable:hover, .dd .dd-handle:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(46 168 229 / var(--tw-text-opacity, 1));
}

.dd .dd-item > button{
  position:relative;
  float:left;
  margin:0;
  margin-right:0.875rem;
  margin-left:2.5rem;
  display:block;
  height:46px;
  width:35px;
  cursor:pointer;
  overflow:hidden;
  white-space:nowrap;
  background-color:transparent;
  padding:0;
  text-align:center;
  font-size:0.75rem;
  line-height:1rem;
  font-size:0;
  font-weight:700;
  line-height:1;
}

.dd .dd-empty, .dd .dd-placeholder{
  margin:5px;
  box-sizing:border-box;
  min-height:0;
  padding:0;
    background:#fff8ec;
}

.dd .dd-empty{
  min-height:0;
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

.dd .dd-dragel{
  pointer-events:none;
  position:absolute;
  z-index:40;
}

.dd .dd-dragel > .dd-item .dd-handle{
  margin-top:0;
}

.dd .dd-dragel .dd-handle{
  --tw-shadow:0;
  --tw-shadow-colored:0;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dd .menuable-lists{
  float:left;
  margin-left:1px;
  display:block;
  padding:0;
}

.dd section .option{
  margin-left:-1px;
  padding:15px;
}

.dd #menuable-menu{
  padding:0;
}

.dd #menuable-output,
  .dd #menuable2-output{
  box-sizing:border-box;
  height:0;
  width:100%;
  padding:5px;
}

.dd #menuable2 .dd-handle{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dd #menuable2 .dd-handle:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dd #menuable2 .dd-item > button:before{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media only screen and (min-width: 700px){
    .dd .dd{
    float:left;
    width:100%;
  }
    .dd .dd + .dd{
    margin-left:2%;
  }
  }

.dd .dd-hover > .dd-handle{
    background:#2ea8e5;
  }

.dd .dd3-content{
  box-sizing:border-box;
  display:block;
  height:47px;
  cursor:default;
  border-radius:0;
  padding:5px;
  padding-left:40px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
}

.dd .dd3-content:hover{
  background-color:rgb(209 213 219 / 0.7);
}

.dd .dd3-content .img{
  float:left;
  height:2.5rem;
  width:2.5rem;
  padding:5px;
}

.dd .dd3-content .label{
  float:left;
  padding:5px;
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.dd .dd3-content .btn{
  margin-left:0.25rem;
  margin-right:0.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.dd .dd3-content .btn .icn{
  margin:0;
}

.dd .dd3-content .span-right{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dd .dd-dragel > .dd3-item > .dd3-content{
  margin:0;
}

.dd .dd3-handle{
  position:absolute;
  left:0;
  top:0;
  margin-left:0.25rem;
  margin-right:0.25rem;
  width:2.5rem;
  cursor:move;
  overflow:hidden;
  white-space:nowrap;
  border-radius:0;
  background-color:transparent;
}

.dd .dd3-handle::before{
  position:absolute;
  left:0;
  top:0.75rem;
  display:block;
  width:100%;
  text-align:center;
  font-size:1.875rem;
  line-height:2.25rem;
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
  --tw-content:"≡";
  content:var(--tw-content);
}

.dd .dd3-handle:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.dd .dd-handle-disable{
  cursor:not-allowed;
}

.holder{
  display:flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  border-radius:.375rem;
}

.holder.gray{
  border-width:1px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.holder.red{
  border-width:1px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.holder label{
  display:block;
  padding:0.75rem;
}

single .tab-content.theme-none .content-soie .description .content-i .title-rt.holder .upload-btn{
  margin-top:0;
  border-style:none;
  padding-top:0.75rem;
}

.holder .upload-btn{
  float:right;
  margin:0.25rem;
  display:block;
  cursor:pointer;
  border-radius:.375rem;
  border-width:0px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
}

.holder .upload-btn:hover{
  --tw-bg-opacity:1;
  background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.holder .upload-start{
  font-size:1.125rem;
  line-height:1.75rem;
}

.holder .upload-start .icn{
  margin:auto;
  height:auto;
  width:auto;
}

.result-upload{
  float:right;
  width:100%;
  padding:1.25rem;
}

.result-upload .alert-error{
  background-color:rgb(156 163 175 / 0.7);
}

.quiz{
  position:relative;
}

.quiz .slide{
  display:none;
}

.quiz .slide .question{
  padding:0.75rem;
  font-size:1.5rem;
  line-height:2rem;
}

.quiz .slide .question span{
  margin:0;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:0.25rem;
  padding-right:0.25rem;
  font-size:1.5rem;
  line-height:2rem;
}

.quiz .slide .question p{
  margin:0;
  padding:0.75rem;
  font-size:1.5rem;
  line-height:2rem;
}

.quiz .slide .answers label{
  display:flex;
  cursor:pointer;
}

.quiz .slide .answers label input{
  margin-left:0.5rem;
  margin-right:0.5rem;
}

.quiz .active-slide{
  display:block;
}

.quiz .quiz-container{
  float:right;
  width:100%;
}

.quiz .buttons{
  float:right;
  width:100%;
}

.quiz .buttons .prev{
  float:right;
}

.quiz .buttons .next, .quiz .buttons .end{
  float:left;
}

.quiz-que label .h1{
  font-size:1.25rem;
  line-height:1.75rem;
}

.quiz-que label .time{
  float:left;
}

.quiz-que label .time .counter .boxs .box{
  float:right;
}

.quiz-que label .time .counter .boxs .box .text{
  margin-left:0.25rem;
  margin-right:0.25rem;
}
.visible{
  visibility:visible;
}
.collapse{
  visibility:collapse;
}
.absolute{
  position:absolute;
}
.relative{
  position:relative;
}
.left-16{
  left:4rem;
}
.z-0{
  z-index:0;
}
.float-right{
  float:right;
}
.float-left{
  float:left;
}
.m-1{
  margin:0.25rem;
}
.m-1\.5{
  margin:0.375rem;
}
.m-auto{
  margin:auto;
}
.-ml-px{
  margin-left:-1px;
}
.ml-3{
  margin-left:0.75rem;
}
.mr-1{
  margin-right:0.25rem;
}
.mt-1{
  margin-top:0.25rem;
}
.mt-2{
  margin-top:0.5rem;
}
.mt-3{
  margin-top:0.75rem;
}
.mt-5{
  margin-top:1.25rem;
}
.block{
  display:block;
}
.flex{
  display:flex;
}
.inline-flex{
  display:inline-flex;
}
.table{
  display:table;
}
.table-row{
  display:table-row;
}
.grid{
  display:grid;
}
.hidden{
  display:none;
}
.h-4{
  height:1rem;
}
.h-5{
  height:1.25rem;
}
.w-4{
  width:1rem;
}
.w-5{
  width:1.25rem;
}
.w-full{
  width:100%;
}
.flex-1{
  flex:1 1 0%;
}
.cursor-default{
  cursor:default;
}
.items-center{
  align-items:center;
}
.justify-center{
  justify-content:center;
}
.justify-between{
  justify-content:space-between;
}
.justify-items-center{
  justify-items:center;
}
.gap-0{
  gap:0;
}
.gap-2{
  gap:0.5rem;
}
.gap-3{
  gap:0.75rem;
}
.gap-5{
  gap:1.25rem;
}
.rounded-md{
  border-radius:0.375rem;
}
.rounded-l-md{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem;
}
.rounded-r-md{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem;
}
.border{
  border-width:1px;
}
.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.px-4{
  padding-left:1rem;
  padding-right:1rem;
}
.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}
.text-justify{
  text-align:justify;
}
.text-sm{
  font-size:0.875rem;
  line-height:1.25rem;
}
.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}
.font-bold{
  font-weight:700;
}
.font-medium{
  font-weight:500;
}
.leading-5{
  line-height:1.25rem;
}
.leading-none{
  line-height:1;
}
.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity{
  opacity:1;
}
.opacity-75{
  opacity:0.75;
}
.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-gray-300{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.invert{
  --tw-invert:invert(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.duration-150{
  transition-duration:150ms;
}
.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  .tablet\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}
.hover\:text-gray-400:hover{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.focus\:z-10:focus{
  z-index:10;
}
.focus\:border-blue-300:focus{
  --tw-border-opacity:1;
  border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px;
}
.focus\:ring:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.active\:bg-gray-100:active{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:text-gray-500:active{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.active\:text-gray-700:active{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}
@media (max-width: 1535px){
  .ultra\:hidden{
    display:none;
  }
}
@media (max-width: 1280px){
  .desktop\:gap-4{
    gap:1rem;
  }
}
@media (max-width: 768px){
  .tablet\:hidden{
    display:none;
  }
  .tablet\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}