.text-size-8 {
  font-size: 8px !important;
}
.text-size-9 {
  font-size: 9px !important;
}
.text-size-10 {
  font-size: 10px !important;
}
.text-size-11 {
  font-size: 11px !important;
}

.text-size-11-any>span:has(.select2-selection) {
  font-size: 11px !important;
}

.text-size-12 {
  font-size: 12px !important;
}
.text-size-13 {
  font-size: 13px !important;
}

.text-size-14 {
  font-size: 14px !important;
}

.text-size-15 {
  font-size: 15px !important;
}

.text-size-16 {
  font-size: 16px !important;
}

.text-size-17 {
  font-size: 17px !important;
}

.text-size-18 {
  font-size: 18px !important;
}

.text-size-19 {
  font-size: 19px !important;
}

.text-size-20 {
  font-size: 20px !important;
}

.text-size-21 {
  font-size: 21px !important;
}

.text-size-22 {
  font-size: 22px !important;
}

.text-size-23 {
  font-size: 23px !important;
}

.text-size-24 {
  font-size: 24px !important;
}

.text-size-25 {
  font-size: 25px !important;
}

.text-size-26 {
  font-size: 26px !important;
}

.text-size-27 {
  font-size: 27px !important;
}

.text-size-28 {
  font-size: 28px !important;
}

.text-size-29 {
  font-size: 29px !important;
}

.text-size-30 {
  font-size: 30px !important;
}

.text-size-31 {
  font-size: 31px !important;
}

.text-size-32 {
  font-size: 32px !important;
}

.text-size-33 {
  font-size: 33px !important;
}

.text-size-34 {
  font-size: 34px !important;
}

.text-size-35 {
  font-size: 35px !important;
}

.text-size-36 {
  font-size: 36px !important;
}

.text-size-37 {
  font-size: 37px !important;
}

.text-size-38 {
  font-size: 38px !important;
}

.text-size-39 {
  font-size: 39px !important;
}

.text-size-40 {
  font-size: 40px !important;
}

.box-transparent {
  box-shadow: 0 5px 30px 0 rgba(255, 255, 255, 0) !important;
}
/* select 2 */
.select2-container .select2-selection {
  height:fit-content;
  max-height: 300px;
  overflow-y: scroll;
} 
#ticket-modal>span.select2>span.selection>span.select2-selection{
  font-size: 12px !important;
}
#ticket-modal>span.select2>span.selection>span.select2-selection>ul>li{
  font-size: 12px !important;
}
ul.select2-selection__rendered
{
  margin-left: 4rem;
}

.select2-selection.select2-selection--single
{
  scrollbar-width: none;
  overflow: scroll;
  max-width: 100%;
  /* For Internet Explorer/Edge */
  -ms-overflow-style: none;
  
}

/*form Permintaan Barang*/
/* select.select-item .form-select-lg~.select2-container--bootstrap-5 .select2-selection{
 min-height: 20px !important;
  max-height: 50px !important;
  font: 1em;
} */


/* end select 2 */

/* Data Table*/

/*ticket-open start*/

span#detail-message>p
{
margin: 0;
}
div#progresslist *
{
max-width: 100%;
}
.ticket-open-container
{
    /* max-height: 65vh !important; */
    /* overflow-y: scroll !important;  */
}
#countChar
{
  font-size:0.9em;
}
#ticket-editor
{
  min-height:85px !important;
  /* background-color:#fff; */
}
/*end data table*/
img.icon {
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  max-height: 30px !important;
  padding: 0;
  margin: 0;
}
img.img-thumbnail {
/* aspect-ratio: 5/4; */
object-fit: contain;
}
img.ticket-img-thumb
{
  min-width: 47% !important;
  min-height: 47% !important;
  max-width: 47% !important;
  max-height: 47% !important;
  margin: 1% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  border: 1px #000;
}
/* quill */
/* .ql-editor,
.ql-blank {
  min-height: 150px;
  max-height: 250px;
} */

/* .ql-editor>.ql-message>*>img,
.ql-blank>.ql-message>*>img {
   max-width: fit-content !important;
  object-fit: contain !important; 
 } */

.imessage>*>.ql-editor.ql-snow> {
  border: 0px !important;
  border-color: #ffffff00;
}

/* imessage */
.imessage {
  background-color: #ffffff00;
  border: 0px solid #e5e5ea00;
  border-radius: 0.25rem;
  /* border-radius: 0; */
  display: flex;
  flex-direction: column;
  font-family: "SanFrancisco";
  font-size: 1.25rem;
  margin: 0 0 1rem;
  max-width: 95%;
  padding: 0.5rem 1.5rem;
}

/* .imessage p {
    border-radius: 1.15rem;
    line-height: 1.25;
    max-width: 75%;
    padding: 0.5rem .875rem;
    position: relative;
    word-wrap: break-word;
  }
  
  .imessage p::before,
  .imessage p::after {
    bottom: -0.1rem;
    content: "";
    height: 1rem;
    position: absolute;
  } */

p.from-me {
  align-self: flex-end;
  background-color: #248bf5;
  color: #fff;
  width: 100%;
}

/* p.from-me::before {
    border-bottom-left-radius: 0.8rem 0.7rem;
    border-right: 1rem solid #248bf5;
    right: -0.35rem;
    transform: translate(0, -0.1rem);
  }
  
  p.from-me::after {
    background-color: #fff;
    border-bottom-left-radius: 0.5rem;
    right: -40px;
    transform:translate(-30px, -2px);
    width: 10px;
  }
  
  p[class^="from-"] {
    margin: 0.5rem 0;
    width: fit-content;
  }
  
  p.from-me ~ p.from-me {
    margin: 0.25rem 0 0;
  }
  
  p.from-me ~ p.from-me:not(:last-child) {
    margin: 0.25rem 0 0;
  }
  
  p.from-me ~ p.from-me:last-child {
    margin-bottom: 0.5rem;
  }
  
  p.from-them {
    align-items: flex-start;
    background-color: #e5e5ea;
    color: #000;
    width: 100%;
  }
  
  p.from-them:before {
    border-bottom-right-radius: 0.8rem 0.7rem;
    border-left: 1rem solid #e5e5ea;
    left: -0.35rem;
    transform: translate(0, -0.1rem);
  }
  
  p.from-them::after {
    background-color: #fff;
    border-bottom-right-radius: 0.5rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
  }
  
  p[class^="from-"].emoji {
    background: none;
    font-size: 2.5rem;
  }
  
  p[class^="from-"].emoji::before {
    content: none;
  }
   */
   
.no-tail::before {
  display: none;
}

.margin-b_none {
  margin-bottom: 0 !important;
}

.margin-b_one {
  margin-bottom: 1rem !important;
}

.margin-t_one {
  margin-top: 1rem !important;
}


/* general styling */
@font-face {
  font-family: "SanFrancisco";
  src:
    url("/assets_staging/css/sanfranciscodisplay-regular-webfont.woff") format("woff2"),
    url("/assets_staging/css/sanfranciscodisplay-regular-webfont.woff2") format("woff");
}

/* body {  
    font-family: -apple-system, 
      BlinkMacSystemFont, 
      "Segoe UI", 
      Roboto, 
      Oxygen-Sans, 
      Ubuntu, 
      Cantarell, 
      "Helvetica Neue", 
      sans-serif;
    font-weight: normal;
    margin: 0;
  }
  
  .container {
    margin: 0 auto;
    max-width: 600px;
    padding: 1rem;
  }
  
  h1 {
    font-weight: normal;
    margin-bottom: 0.5rem;
  }
  
  h2 {
    border-bottom: 1px solid #e5e5ea;
    color: #666;
    font-weight: normal;
    margin-top: 0;
    padding-bottom: 1.5rem;
  } */

.comment {
  color: #222;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  max-width: 100%;
  padding: 0;
}

/* @media screen and (max-width: 800px) { */
body {
  margin: 0 0.5rem;
}

/* .container {
  padding: 0.5rem;
} */

.imessage {
  font-size: 1.05rem;
  margin: 0 auto 1rem;
  max-width: 600px;
  padding: 0.25rem 0.875rem;
}

.imessage p {
  margin: 0.5rem 0;
}

/* } */

/* sidebar foot*/


/* detail ticket open */
#detail-ticket-card .form-floating>.form-control.border-0{
  border-radius: 0;
  font-size: 14px;
}
#detail-ticket-card .form-floating>label{
  color: #012970;
  font-size:0.85em;
}

#ticket-open>tbody>tr>td
{
  border: 0;
}

/* group border */
.line{display:block; margin-top:10px;margin-bottom: 10px;}
.line h2{font-size:15px; text-align:left; border:1px solid red; position:relative; }
.line  .grname { background-color: white; position: relative; top: -20px; padding: 0 10px;margin-left:1rem}