/* Theme Tweaks */
.navbar .navbar-brand {position:relative;}
.btn .badge { display: inline-block;}
.mx-0 {margin:0;}
.otpchar input {    color:#ccc;}
.otpchar {
    width: 50px;
    padding-right: 0px;
    float: left;
    margin-right: 10px;
}

.page-item.disabled .page-link, .page-item .page-link {padding:4px 6px; border: 0.0625rem solid #344675;}
.pagination li:first-child { padding:4px 15px 4px;}

.page-item.active.disabled .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #BF53F0;
    border-color: #BF53F0;
}

.page-item:last-child .page-link {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   /* border-top-right-radius: 0.25rem; */
   /* border-bottom-right-radius: 0.25rem; */
}

textarea.form-control {
    border: 1px solid #2b3553;
    max-height: 600px;
    resize: vertical;
}

textarea.form-control:focus, textarea.form-control:active {
    border: 1px solid #e14eca;
}
/* End Theme Tweaks */

/* Chat Styling */
.chat .chat-header {
    padding: 15px 20px;
}

.chat .chat-header img {
    float: left;
    border-radius: 40px;
    width: 40px
}

.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px
}

.chat .chat-history {
    padding: 10px;
}

.chat .chat-history ul {
    padding: 0
}

.chat .chat-history ul li {
    list-style: none;
    margin-bottom: 30px
}

.chat .chat-history ul li:last-child {
    margin-bottom: 0px
}

.chat .chat-history .message-data {
    margin-bottom: 15px
}

.chat .chat-history .message-data img {
    border-radius: 40px;
    width: 40px
}

.chat .chat-history .message-data-time {
    color: #525f7f;
    padding-left: 6px
}

.chat .chat-history .message {
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    position: relative
}

.chat .chat-history .message:after {
    bottom: 100%;
    /*left: 7%;*/
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.chat .chat-history .cw-message {
    background: #efefef;
    color:#1E1E2F;
    max-width:80%;
}

.chat .chat-history .cw-message:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #efefef;
    border-width: 10px;
    margin-left: -10px
}

.chat .chat-history .other-message {
    background: #419EF9;
    text-align: right;
    max-width:80%;
}

.chat .chat-history .other-message:after {
    border-bottom-color: #419EF9;
    /*left: 93%*/
}

.chat .chat-message {
    padding: 10px;
}

.float-right {
    float: right
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
/* End Chat Styling */

/* Card Colors/Gradients */
.card {
background: rgb(38,49,72);
background: linear-gradient(0deg, rgba(38,49,72,1) 0%, rgba(52,70,117,1) 100%);
}
.card.onhold {
    background: #27293d !important;
}
.ticketHistory {
    /*background:#0e1227;*/
    background: linear-gradient(0deg, rgba(38,49,72,1) 0%, rgba(15 18 39) 100%);
}
/* Card Colors/Gradients */


/* Check Box Styles */
.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: none !important;
    appearance: auto !important;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width:30px;
}
/* End Check Box Styles */

/* Style Switcher */
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    margin: 6px 20px;
    padding: 1px 30px;
}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-switch span {
    margin-left: -1rem;
}

.custom-switch .custom-control-label::after {
    background-color: #cad1d7 !important;
}

/* Bulb  */
body .fa-creativeworld:before {
    content: "\f0eb";
}

/* Moon  */
body.white-content .fa-creativeworld:before {
    content: "\f186";
    color:#fff;
}
/* End Style Switcher */

/* White-Content Tweaks */
body.white-content .card.onhold { background: #F4F5F7 !important; }
body.white-content select option{ background-color:#fff !important; }
body.white-content .card:not(.card-white) { background: #ffffff; }
body.white-content ul li .other-message { color:#fff; }
body.white-content .page-link { color:#1F273D }
/* End White-Content Tweaks */


/* Allow container to grow on larger screens */

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

:where([autocomplete=one-time-code]) {
  --otp-digits: 6; /* length */
  --otp-ls: 2.4ch;
  --otp-gap: 1.25;
   /* private consts */
  --_otp-bgsz: calc(var(--otp-ls) + 1ch);
  --_otp-digit: 0;

  all: unset;
  background: 
  linear-gradient(90deg, 
    var(--otp-bg, #AAA) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0),
    linear-gradient(90deg, 
    var(--otp-bg, #DDD) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0
  );
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: var(--_otp-bgsz) 100%;
  caret-color: var(--otp-cc, #222);
  caret-shape: block;
  clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
  font-family: ui-monospace, monospace;
  font-size: var(--otp-fz, 2.0em);
  inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
  letter-spacing: var(--otp-ls);
  padding-block: var(--otp-pb, 1ch);
  padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
}

.otp {
	font-family: ui-monospace, monospace;
	font-size: var(--otc-fz, 2.0em);
}