.kt-demo-panel {
    width: 550px !important;
}
.kt-demo-panel--right .kt-demo-panel {
    right: -570px;
}


/* Search Box @Elan */

.lc-contact-search {
    padding: 1.5rem; }
    .lc-contact-search .lc-contact-search__form {
      padding: 0;
      background-color: #36344d; }
      .lc-contact-search .lc-contact-search__form .input-group {
        background-color: transparent; }
      .lc-contact-search .lc-contact-search__form .input-group-prepend,
      .lc-contact-search .lc-contact-search__form .input-group-append {
        background-color: transparent; }
        .lc-contact-search .lc-contact-search__form .input-group-prepend .input-group-text,
        .lc-contact-search .lc-contact-search__form .input-group-append .input-group-text {
          background-color: transparent;
          border: 0; }
      .lc-contact-search .lc-contact-search__form .form-control {
        border: 0;
        background: none;
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #575962;
        background-color: transparent;
        border: 0;
        padding-left: 0;
        padding-right: 0; }
        .lc-contact-search .lc-contact-search__form .form-control::-moz-placeholder {
          color: #656872;
          opacity: 1; }
        .lc-contact-search .lc-contact-search__form .form-control:-ms-input-placeholder {
          color: #656872; }
        .lc-contact-search .lc-contact-search__form .form-control::-webkit-input-placeholder {
          color: #656872; }
      .lc-contact-search .lc-contact-search__form i {
        font-size: 1.3rem;
        color: #64688d; }
      .lc-contact-search .lc-contact-search__form .lc-contact-search__close {
        cursor: pointer;
        display: none;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .lc-contact-search .lc-contact-search__form .lc-contact-search__close:hover {
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          color: #5d78ff; }
    .lc-contact-search .lc-contact-search__wrapper {
      display: none;
      margin: 1.5rem; }
      .lc-contact-search .lc-contact-search__wrapper.ps {
        margin-right: 0.5rem; }
    .lc-contact-search .lc-contact-search__result {
      padding: 0;
      margin: 0; }
      .lc-contact-search .lc-contact-search__result .lc-contact-search__category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: 1.5rem 0 0.5rem 0;
        font-weight: 600;
        font-size: 1rem;
        text-transform: uppercase;
        color: #5d78ff; }
        .lc-contact-search .lc-contact-search__result .lc-contact-search__category.lc-contact-search__category--first {
          margin-top: 0; }
      .lc-contact-search .lc-contact-search__result .lc-contact-search__message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 0;
        font-weight: 500;
        font-size: 1.1rem; }
      .lc-contact-search .lc-contact-search__result .lc-contact-search__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0.5rem 0;
        outline: none; }
        .lc-contact-search .lc-contact-search__result .lc-contact-search__item .lc-contact-search__item-icon {
          width: 2.5rem;
          margin-right: 0.5rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          color: #a7abc3; }
          .lc-contact-search .lc-contact-search__result .lc-contact-search__item .lc-contact-search__item-icon i {
            font-size: 1.5rem; }
          .lc-contact-search .lc-contact-search__result .lc-contact-search__item .lc-contact-search__item-icon img {
            border-radius: 50%;
            display: block;
            max-width: 28px !important; }
        .lc-contact-search .lc-contact-search__result .lc-contact-search__item .lc-contact-search__item-text {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 1rem;
          color: #a7abc3;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
        .lc-contact-search .lc-contact-search__result .lc-contact-search__item:hover {
          text-decoration: none; }
          .lc-contact-search .lc-contact-search__result .lc-contact-search__item:hover .lc-contact-search__item-text {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            color: #5d78ff; }
    .lc-contact-search.lc-contact-search--has-result .lc-contact-search__wrapper {
      display: block; }
    .lc-contact-search.lc-contact-search--inline {
      padding: 0; }
      .lc-contact-search.lc-contact-search--inline .lc-contact-search__form {
        margin: 0 1.5rem;
        padding: 1rem 0;
        background-color: #fff; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .input-group:before {
          right: 0 !important; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .input-group-prepend .input-group-text {
          padding-left: 0; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .input-group-append .input-group-text {
          padding-right: 0; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .form-control {
          color: #6c7293; }
          .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .form-control::-moz-placeholder {
            color: #a7abc3;
            opacity: 1; }
          .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .form-control:-ms-input-placeholder {
            color: #a7abc3; }
          .lc-contact-search.lc-contact-search--inline .lc-contact-search__form .form-control::-webkit-input-placeholder {
            color: #a7abc3; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__form i {
          font-size: 1.3rem;
          color: #a7abc3; }
      .lc-contact-search.lc-contact-search--inline .lc-contact-search__wrapper {
        margin: 1.5rem;
        display: none;
        padding-top: 0;
        padding-bottom: 0; }
        .lc-contact-search.lc-contact-search--inline .lc-contact-search__wrapper.ps {
          margin-right: 0.5rem; }
      .lc-contact-search.lc-contact-search--inline .lc-contact-search__result {
        padding: 0; }
      .lc-contact-search.lc-contact-search--inline.lc-contact-search--has-result .lc-contact-search__form {
        border-bottom: 1px solid #ebedf2; }
      .lc-contact-search.lc-contact-search--inline.lc-contact-search--has-result .lc-contact-search__wrapper {
        display: block; }
        .lc-contact-search.lc-contact-search--inline.lc-contact-search--has-result .lc-contact-search__wrapper .lc-contact-search__result {
          padding-top: 0;
          padding-bottom: 0; }





/* Select2 Contact Search */
.wrap{width: 500px;margin: 2em auto;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.select2-result-repository__avatar { float: left; margin-right: 2px; }
.select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 2px; }
.select2-result-repository__meta { margin-left: 40px; }
.select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }
.select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 1em; }
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; color: #aaa; font-size: 11px; }
.select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; }
.select2-results__option--highlighted .select2-result-repository__title { color: #909090; }
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers { color: #909090; }

.select2-container--adwitt .select2-results > .select2-results__options {
  max-height: 300px;
}
.select2-results__options {overflow-y: auto;}



.lc-ticket-bottom{

  margin-top: 1px !important;

}

.lc-ticket-card-container{

  padding: 22px !important;
  padding-bottom: 10px !important;
}

.lc-card-items{
  padding: 0rem 1.5rem 0 0 !important;
}


.modal-backdrop{
  z-index: 1000 !important; 
}

.lc_form_help_button{

  color: #5d78ff !important;
  cursor: pointer;
}

.lc_form_help_button:hover { color: #3252f5 !important; }



/* Open Modal IZIModal */

.hide{
  display: none !important;
}

.trigger-custom{
  padding:10px 20px;
  border-radius:3px;
  border:0;
  background:#ccc;
  font-size:14px;
  border-top:1px solid #FFF;
  border-bottom:1px solid #aaa;
  cursor:pointer;
}
.trigger-custom:hover{
  background:#d5d5d5;
}
#modal-custom {
  z-index: 1001 !important;

}

#modal-custom .iziModal-content header{
    background: #eee;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    width: 100%;
}
#modal-custom .iziModal-content header a{
    display: block;
    float: left;
    width: 50%;
    padding: 0;
    text-align: center;
    background: #ddd;
    color: #999;
    height: 73px;
    vertical-align: middle;
    line-height: 73px;
}
#modal-custom .iziModal-content header a.active{
    background: #fff;
    color: #777;
}
#modal-custom .iziModal-content section{
    padding: 30px;
}
#modal-custom .iziModal-content section input:not([type="checkbox"]), #modal-custom .iziModal-content section button{
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 26px;
    padding: 15px;
    font-size: 14px;
}
#modal-custom .iziModal-content section button{
  height: 46px;
  padding: 0;
}
#modal-custom .iziModal-content section input:focus{
    border-color:#28CA97;
}
#modal-custom .iziModal-content section label[for="check"]{
    margin-bottom: 26px;
    font-size: 14px;
    color: #999;
    display: block;
}
#modal-custom .iziModal-content section footer{
    overflow: hidden;
}
#modal-custom .iziModal-content section button{
    background: #28CA97;
    color: white;
    margin: 0;
    border: 0;
    cursor: pointer;
    width: 50%;
    float: left;
}
#modal-custom .iziModal-content section button:hover{
    opacity: 0.8;
}
#modal-custom .iziModal-content section button:nth-child(1){
    border-radius: 3px 0 0 3px;
    background: #aaa;
}
#modal-custom .iziModal-content section button:nth-child(2){
    border-radius: 0 3px 3px 0;
}

#modal-custom .iziModal-content .icon-close{
    background: #FFF;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #a9a9a9;
    cursor: pointer;
}
#modal-custom .iziModal-content .icon-close:hover, #modal-custom .iziModal-content .icon-close:focus{
  color: black;
}





@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* Customer Location Pick Map @Elan */

#lc_map {
  position: relative;
  width: 100%;
  height: 250px;

}

.mg-btm-0{
  margin-bottom:0px;
}


.cursor-hand{
  cursor: pointer;
}

.lc-table-ticket{

  width: 25% !important;
}

 
.lc-table-contact{

  width: 15% !important;
}

.lc-table-assignee{

  width: 12% !important;
}


.lc-table-status{

  width: 12% !important;
}

.lc-table-priority{

  width: 7% !important;
}

.lc-table-notes{

  width: 3% !important;
}

.lc-ticket-user-dropdown{
  margin: 5px;
}

.lc-ticket-user-dropdown:hover, .lc-ticket-user-dropdown:focus {
  color: #6c7293;
  text-decoration: none;
  background-color: #f7f8fa; }

  
/* @vinish */

.dropdown-menu {
  border: 0 !important;
  margin: 0;
  z-index: 99;
  
}
.dropdown-item-text{
  text-align: center;
}

.agent-dropdown {
  max-height: 180px;
  overflow: auto;
}

.lc-Priority-dropdown, .lc-status-dropdown{
  margin: 10px 10px;
}


.agent-dropdown::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
background-color: #F5F5F5;
}

.agent-dropdown::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}

.agent-dropdown::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #5867dd;
}


@media (min-width: 1025px) {
  .kt-reply-footer--fixed .kt-content {
    padding-bottom: 60px; } }

@media (min-width: 1025px) {
  .kt-reply-footer--fixed .kt--reply-footer {
    position: fixed;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 60px;
    bottom: 0;
    right: 0;
    left: 265px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
    box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13); }
  .kt-aside--minimize-hover.kt-reply-footer--fixed .kt--reply-footer,
  .kt-aside--minimize.kt-reply-footer--fixed .kt--reply-footer {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 70px; } }

    .tab-content1 {
      width: 100%;
      
  }
  .kt-portlet .kt-portlet__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 25px;
      border-radius: 4px;
      
      margin-bottom: 0.5rem;
      width:100%;
  }
  .kt-widgetdoc {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 2px;
      margin-top: -30px;
  }
  .btn .cd-btn
  {
      margin-top:10px;
      margin-left:20px;
  }
  
  .kt-widgetdoc .kt-widgetdoc__item{
     
      width: 100%;
      
  }
  .kt-widgetdoc__desc .kt-info{
      color:#5578eb;
      white-space: nowrap;
  }
  .kt-widgetdoc .kt-widgetdoc__item .kt-widgetdoc__content .kt-widgetdoc__title {
      font-size: 1.1rem;
      font-weight: 500;
      color: #6c7293;
      display: flex;
          justify-content: start;
          align-items: start;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;}
      
      .kt-widgetdoc .kt-widgetdoc__item .kt-widgetdoc__content .kt-widgetdoc__desc {
          margin: -2px;
          padding: 0.4rem 0;
          display: flex;
          justify-content: start;
          align-items: start;
          font-size: 1.1rem;
          font-weight: 500;
          color: #6c7293;
      }
      .kt-widgetdoc .kt-widgetdoc__item .kt-widgetdoc__content{
          display: flex;
          justify-content: start;
          align-items: start;
          margin-top:20px;
      }
      .kt-widgetdoc .kt-widgetdoc__item .kt-widgetdoc__content .kt-widgetdoc__section .kt-widgetdoc__info{
          color: #6c7293;
          white-space: nowrap;
          display: flex;
          font-weight: 500;
          font-size: 1.1rem;
          display: flex;
          justify-content: start;
          align-items: start;
      }
  
      .kt-font-info {
              color: #5578eb !important; 
          }
                  .kt-widgetdoc__stats {
                      margin-left: -38px;
                  }
                  .kt-widgetdoc__content {
                      display: flex;
                      justify-content: flex-end;
                      align-items: end;
                  }
                  
                  .kt-widgetdoc .kt-widgetdoc__item .kt-widgetdoc__content:last-child {
                      -webkit-box-flex: 1;
                      -ms-flex-positive: 1;
                      flex-grow: 1;
                      text-align: right;
                      -webkit-box-pack: end;
                      -ms-flex-pack: end;
                      justify-content: flex-end;
                      
                      margin-top: -68px;
                  }
                  .kt-widgetdoc__number {
                      display: inline-block;
                  }
                  
                  .btn  {
                      display:inline-block;
                      margin: 0 5px; /* Adjust spacing between buttons */
                  }
                  
                  .kt-widgetdoc__section {
                      margin-left: 10px;
                      margin-top: 7px;
                  }
                  .td-btn, .vd-btn {
                      display: inline-block;
                      margin-left: 40px !important;
                      justify-content: end;
                      white-space: nowrap;
                  }
                  .td-btn {
                      margin-left: 10px !important;
                  }
                  .vd-btn{
                      margin-left:40px !important ;
                  }
  @media  (max-width:450px) {
      .td-btn {
          margin-left: 19px !important;
          margin-top: 69px;
      }
      .vd-btn {
          margin-left: 40px !important;
          margin-top: 69px;
      }
      
      
  }
  
  .kt-widgetdoc__info{
      font-weight: 500;
      margin-right: 0.71rem;
      display: flex;
     white-space: nowrap;
      margin-right: 20px;
      
  }