html,
body {
    height: 100%;
    white-space: normal;
    word-break: break-word;
    color: #333333;
}
body .navbar-toggler {
    display: none;
}
body .navbar-toggler-bar {
    display: none;
  }
cart-table-div .main-table {
    width: 952px;
}
.desk {
    display: none;
}
.breadcrumb-nav .fa {
       font: normal normal normal 14px/1 FontAwesome;
       font-size: inherit;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       transform: rotate(90deg);
       color: white;
       margin: auto;

}
.file-up-here input {
    position: relative;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    font-size: 0;
}
.side-scroll-off .form-group .form-control {
    overflow: auto;
}

.po-input-number input.flat {
    width: 100%!important;
    max-width: 280px;
    border: 0px;
    border-bottom: 1px solid #ddd8d8;
    outline: 0px;
}
.cart-table-div table {
    width: 100%;
}

.tr-border-bottom {
    border-bottom: 1px solid #333;
}

.table-brd {
    border: 1px solid #333!important;
}

.sub-table-custom .font11 {
    font-weight: 400;
}
.cart-table-div table tr {
    border: 0px!important;
}
.cart-table-div table tr td {
    padding: 5px 10px;
    border: 0px!important;
    font-size: 13px!important;
}
.cart-table-div table tr td div{
    font-size:13px;
}
/* full website btns */
.one-bg-btn .without-border-btn {
    background: transparent;
    font-size: 15px;
}
.one-bg-btn .border-btn {
    background: #2196f3;
    color: #fff;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 500;
}
.one-bg-btn .only-border-no-bg {
    background: transparent;
    font-size: 15px;
    border: 1px solid #2196f3;
    border-radius: 25px;
    color: #2196f3;
}
.one-bg-btn .stripe-button-el {
    border-radius: 50px!important;
    border: 1px solid #2196F3!important;
    background: #1E94F3!important;
    padding: 9px 17px!important;
    box-shadow: none!important;
}
.one-bg-btn .stripe-button-el span {
    background: #1E94F3!important;
    text-shadow: none!important;
    box-shadow: none!important;
    padding: 0px!important;
    height: auto!important;
    line-height: inherit!important;
    font-family: inherit!important;
    min-height: inherit!important;
    font-size: 15px!important;
}
.without-bg {
    border: 1px solid #2196F3;
    background: transparent;
    padding: 10px 35px;
    color:#2196F3;
    border-radius:50px;
}
.small-main-heading {
    font-weight: 400;
}
.btn.focus,
.btn:focus,
button:focus {
    outline: 0!important;
    box-shadow: none!important;
}
/* full website btn css end */
.report-card-footer .footer-heading {
    width: 33%;
    text-align: left;
}
.hover_tittle {
    display: none;
}
.side-bar-bx.arrow-down .nav-item:hover .hover_tittle {
display:block;
}
.side-bar-bx.arrow-down .side-bar.side-bar-toggle {
    overflow: visible;
}
.side-bar-bx.arrow-down .nav-item .hover_tittle {
   position: absolute;
    right: -29px;
    top: -1px;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 10px 4px;
}
.side-bar-bx.arrow-down .nav-item .hover_tittle {
    padding: 10px 20px;
    width: 260px;
    position: absolute;
    right: -260px;
    top: -1px;
    background: #fff;
    min-width: 200px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 500;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    z-index: 999;
    cursor: pointer;
}
.custom-bg-white{	
    background-color: #fff;	
}
.side-bar-bx.arrow-down .nav-item {
    position: relative;
}
/*start*/
.regsiter-name a {
    color: #333;
    pointer-events: none;
}
.share-on-off {
    background: #f2f2f2;
    padding: 0px 9px;
    border-radius: 50px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .btn_remove_width {
    justify-content: center;
}
.btn_remove_width button {
    width: auto!important;
}

/* Hover Shadow */
@keyframes hover {
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: 0.4;
  }
  50% {
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    transform: translateY(6px);
    opacity: 0.4;
  }
}
.hover-shadow {
  display: inline-block;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform opacity;
}
/* .hover-shadow:hover {
  transform: translateY(-6px);
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.hover-shadow:hover:before {
  opacity: 0.4;
  transform: translateY(6px);
  animation-name: hover-shadow;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
} */

/* Shadow Radial */
.shadow-radial {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shadow-radial:before, .shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:hover:before, .shadow-radial:hover:after {
  opacity: 1;
}

.chat_content, 
.upload-model .attachment-ul li {
    white-space: normal;
    word-break: break-word;
}
.attachment-ul {
    overflow-y: hidden;
}




/*end*/
/*testing-hover start*/

.button {
  margin: 0.4em;
  padding: 1em;
  cursor: pointer;
  background: #ececec;
  text-decoration: none;
  color: #666;
}
/* Wobble Top */
@keyframes wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.wobble-top {
  display: inline-block;
  transform-origin: 0 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-top:hover {
  animation-name: wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@keyframes wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.wobble-bottom {
  display: inline-block;
  transform-origin: 100% 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-bottom:hover {
  animation-name: wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/*testing-hover end*/
.btn-tr, .btn-bg {
    background: transparent;
    padding: 9px 17px;
    border-radius: 50px;
    border: 1px solid #2196F3;
    font-size: 15px;
    font-weight: 500;
}

.btn-tr{
    color: #007bff!important;
}
.btn-group-custom .btn-tr {
    margin-right: 5px!important;
}
.btn-tr:hover{
    text-decoration:none;
}
.btn-bg:hover {
    color: #fff;
    text-decoration: none;
}
.btn-bg
.btn {
    background: #2196f3;
    color: #fff;
}
.btn-bg {
    background: #1E94F3;
    color: #fff;
}
.btn-rj {
    background: transparent;
    padding: 9px 17px;
    color: #F44337;
    border-radius: 50px;
    border: 1px solid #F44337;
    font-size: 15px;
    font-weight: 500;
}
.btn-rj
.btn {
    background: #fff;
    color: #F44337;
}
.star-red{
    color: #F44337;
    margin-left: 0.25rem;
    display: inline!important;
}
.border-radius{
border-radius: 50px;
}
.box-none{
    box-shadow:none!important;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background-color: rgba(242, 242, 242, 1);
}
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
}
ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.bg-grey {
    background-color: #EEEDED;
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: unset;
}
.btn-disabled {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none;  
}
.form-btn {
    font-size: 13px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #288fe4;
    border-color: unset;
}

.form-control::placeholder {
    color: #999999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
    opacity: 1;
}

.forget-error.multiple-error {
    padding: 0 0 26px;
}

.back {
    margin: 0;
    padding: 0;
    color: #2196f3 !important;
    font-weight: 600;
}


.forget-error.multiple-error ul li i {
    color: red;
}

.form-control::-ms-input-placeholder {
    color: #999999;
    opacity: 1;
}

.incard {
    border: 1px solid #dddddd;
    padding: 40px 20px;
    border-radius: 0.25rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.login-form p {
    font-size: 13px;
    color: #333333;
    text-align: justify;
}

.custom-select,
.form-control {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    outline: none;
    background: none;
    margin-top: -0.375rem!important;
}

.custom-select:focus,
.form-control:focus {
    box-shadow: none;
}

.incard h2 {
    font-size: 25px;
    color: #333333;
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin: 0 0 20px;
}

.incard .form-group {
    margin-bottom: 20px;
}
.chat-img {
    height: 40px;
    width: 40px;
    position: absolute;
    left: -43px;
    top: 14px;
}
.chat-img img {
    border-radius: 50%;
    height: 100%;
}
.text-ded {
    color: #166DBA;
}

.login-form .btn-primary {
    width: 100%;
    margin: 0 0 25px;
    height: 45px;
    font-weight: 500;
}

.login-form {
    height: 100%;
    display: flex;
    align-items: center;
}
.side-bar-bx.arrow-down,
.side-bar-toggle1{
    width: 3%;
    margin-bottom: 3px;
}
.side-bar-bx.arrow-down .small-heading::after {
    top: -3px;
}
.side-bar-bx.arrow-down .small-heading span,
.side-bar-bx1.arrow-down1 .small-heading1 span {
    display: none;
}
.side-bar-bx.arrow-down .side-bar-toggle li.nav-item a,
.side-bar-bx1.arrow-down1 .side-bar-toggle1 li.nav-item a {
    padding: 10px 20px;
}
.custom-select-icon,
.user-id,
.forget-password,
.email-forget {
    position: relative;
    appearance: none;
}

.serach-list li {
    position: relative;
}

.custom-select-icon:before,
.user-id:before,
.forget-password:before,
.custom-select-icon:after,
.email-forget:before,
.serach-list li:before {
    font-family: "FontAwesome";
    content: "\f0ac";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 16px;
    color: #999;
}

.eye-password {
    content: "\f06e";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    right: 0px;
    top: 6px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
}

.serach-list li:before {
    content: "\f142";
}

.custom-select-icon:after {
    content: "\f107";
    right: 0px;
    top: 16px;
    left: unset;
}
.incard .custom-select-icon:after {
    top: 7px;
    }
.user-id:before {
    content: "\f007";
    top: 6px;
}

.email-forget:before {
    content: "\f003";
    top: 6px;
    font-size: 14 px;
}

.forget-password:before {
    content: "\f023";
    top: 6px;
}

.incard .form-group select,
.incard .form-group input,
.dropdown-toggle-data {
    padding-left: 22px;
}


/*/*header css start/*/

header {
    background-color: rgb(63, 81, 181);
    margin: 0 0 0px;
    padding: 6px 0;
    height: 54px;
    display: flex;
    align-items: center;
    z-index: 9999 !important;
}
.breadcrumb-nav-ul .nav-item .nav-link {
    background: transparent;
    padding: 11px 30px 10px;
    font-size: 13px;
    font-weight: 500;
}
.logo p {
    font-size: 21px;
}

.logoName-para{
    font-size: 11px !important;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.custom-dropdown.attach .dropdown-toggle:after {
    content: none;
}

.custom-dropdown.attach .dropdown-toggle img {
    width: 20px;
}
.navbar-toggler span {
    padding-top: 6px;
}
.dropdown-toggle::after {
    display: none;
}
.custom-dropdown.attach .dropdown-menu {
    padding: 15px;
    left: 0px!important;
    /* transform: translate3d(-165px, 16px, 0px)!important; */
}
.multi-custom .multiselect-container .multiselect-item:first-child label.checkbox {
    font-weight: normal;
}
.multi-custom .btn-group .multiselect-container {
    width: 100%;
    transform: unset!important;
    top: 28px!important;
    left: 0px!important;
}
.custom-dropdown.attach .dropdown-menu .search-small-box input {
    border: 1px solid #d0cccc;
    border-radius: 6px;
    height: 25px;
}

.custom-dropdown.attach .dropdown-menu .search-small-box i {
    position: absolute;
    top: 5px;
    right: 9px;
    font-size: 14px;
    color: #959494;
}

.serach-list li {
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    margin: 0 0 10px;
}

.serach-list li:before {
    content: "\f142";
    color: #333;
    top: 0px;
    left: 0px;
}

.serach-list {
    padding: 10px 10px;
    height: 161px;
    overflow-x: auto;
}

.serach-list li:hover a {
    color: #3f51b5!important;
    text-decoration: none;
}

.custom-dropdown.sms img {
    filter: invert(3);
}

.custom-dropdown.attach .dropdown-toggle {
    margin-right: 25px;
}


/*dashbord css*/

.small-heading {
    margin: 10px 0;
    font-size: 16px;
    padding-left: 26px;
}

.side-bar .nav-item a {
    border: 0px;
    border-radius: 0px;
    padding: 12px 25px;
    color: #333333;
    font-weight: 500;
    display: flex;
}
.side-bar li.nav-item:last-child {
    padding-bottom: 10px;
}
.side-bar .nav-item:hover a {
    color: #2196F3;
}

.side-bar {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.side-bar .nav-item .nav-link.active {
    background-color: rgba(245, 245, 245, 1);
}
.side-bar .nav-item .nav-link {
    display: flex;
    align-items: center;
}
.side-bar .nav-item .nav-link i {
    font-size: 16px;
    color: #333;
}

.small-heading::after,
.small-heading1::after {
    content: "\f104";
    font-family: "FontAwesome";
    right: 20px;
    top: 10px;
    font-size: 15px;
    position: static;
    text-align: right;
    float: right;
    margin-right: 15px;
    cursor: pointer;
}
.side-bar-bx .small-heading::after,
.side-bar-bx1 .small-heading1::after {
    transform: rotate(0deg);
}
.side-bar-bx.arrow-down .small-heading::after,
.side-bar-bx1.arrow-down1 .small-heading1::after {
    transform: rotate(179deg);
}
.side-bar-bx.arrow-down .small-heading {
    padding: 5px 0px;
}
.side-bar-bx.arrow-down .side-bar-toggle li.nav-item a img,
.side-bar-toggle .nav-item .nav-link i {
    margin: 0px auto!important;
}
.side-bar1 .nav-item a .small-heading1 {
    padding-right: 28px;
}
.side-bar-bx.arrow-down .small-heading::after {
    top: 6px;
    right: 24px;
    float: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

.dashbord-sec-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 25px;
    align-items: start;
}
.dashbord-data.width-full,
.dashbord-data1.width-full1 {
    width: 96%!important;
    margin-bottom: 1px;
}
.dashbord-sec-box .side-bar.side-bar-toggle li.nav-item a span {
    display: none;
}
.side-bar-toggle1 .nav-item a span,
.side-bar-toggle1 .nav-item .small-heading1 span {
    display: none!important;
}
.dashbord-sec-box .side-bar {
    width: 100%;
    height: fit-content;
}
.side-bar-bx .small-heading {
    background: #fff;
    margin: 0px;
    padding: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.side-bar-bx {
    width: 17%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    background: #fff;
}
.dashbord-sec-box .dashbord-data {
    width: 82%;
    margin-bottom: 1px;
    height: calc(100vh - 7.5rem);
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
    padding-right: 5px;
    padding-bottom: 0rem;
}
.dashbord-sec-box .dashbord-dataNav {
    width: 82%;
    margin-bottom: 1px;
}

.box-nav {
    background: #f2f2f2;
    padding: 10px 0;
    flex-wrap: wrap;
}
.main-tab-box {
    padding: 15px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.page-name li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.page-name li .plus-icon,
.pluse-edit {
    width: 30px;
    height: 30px;
    margin-top: 3px!important;
    margin-bottom: 3px!important;
    background: #f2f2f2;
}
.pluse-edit {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pluse-edit:hover {
    background: #f2f2f2;
}
.page-name li span {
    font-size: 16px;
    height: 30px;
}
.email-btn-li img,
.msg-textaeria img {
    margin-right: 5px;
}

.main-tab-box {
    padding: 0px 20px 12px;
    background-color: #fff;
    border-top: 1px solid rgb(254, 212, 90);
    border-bottom: 1px solid #f2f2f2;
    border-radius: 3px;
}

.report-card-footer .dropdown a::after {
    content: none;
}

.report-card-footer .dropdown-menu {
    padding: 0px;
    border-radius: 0px;
    min-width: auto!important;
}

.report-card-footer .dropdown-menu .add-or-not {
    font-size: 13px;
    padding: 10px 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 35%);
}
.dropdown.status-div {
    width: 50%;
}

.report-card-footer a i {
    color: #555555;
    font-size: 16px;
}

/*.report-card {
    background-color: #f8f5f585;
    border: 1px solid #dbdbdb;
    padding: 25px;
    border-radius: 6px;
    margin: 0 0 15px;
}*/

.report-card-inner {
    background-color: #fff;
    text-align: center;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
   /* overflow: hidden; */
   }

.report-card-footer {
    padding: 0px 10px 10px;
    position: relative;
}



.name-print li i,
.name-date a i {
    font-size: 16px;
    margin-right: 10px;
}

.name-print li,
.report-card-inner .name-date {
    margin: 0 0 5px;
    text-align: left;
    color: #333333;
}
.report-card-inner .name-date span,
.report-card-inner .name-date span b{
    color: #333333!important; 
}
.name-print li a {
    text-decoration: none;
}
.name-date span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.name-date span i {
    font-size: 16px;
    margin-left: 2px;
    margin-right: 3px;
}
.report-card-issue {
    padding: 8px 10px;
    /* background: #fff; */
    border-bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
}
/*.green-label:before,
.red-label:before,
.blue-label:before,
.yellow-label:before {
    width: 0;
    height: 0;
    border-top: 40px solid #95F204;
    border-right: 40px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
}*/

.red-label:before {
    border-top: 40px solid red;
}

.blue-label:before {
    border-top: 40px solid #0000FF;
}

.yellow-label:before {
    border-top: 40px solid #FFFF00;
}


/*multi select option start*/

.multi-custom .dropdown-menu {
    border-radius: 0;
}

.multi-custom .multiselect-native-select {
    position: relative;
}

.multi-custom .multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}

.multi-custom .multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.multi-custom .multiselect-container .input-group {
    margin: 5px;
}

.multi-custom .multiselect-container li {
    padding: 0;
    margin: 0 0 10px;
}

.multi-custom .multiselect-container li .multiselect-all label {
    font-weight: 700;
}

.multi-custom .multiselect-container li a {
    padding: 0;
}

.multi-custom .multiselect-container li a label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 5px 0px;
    color: #333;
}

.multi-custom .multiselect-container li a label input[type=checkbox] {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
    line-height: normal!important;
}

.multi-custom .multiselect-container li a label.radio {
    margin: 0;
}

.multi-custom .multiselect-container li a label.checkbox {
    margin: 0;
    height: inherit!important;
}
.multi-custom .multiselect-container li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700;
}

.multi-custom .multiselect-container li.multiselect-group-clickable label {
    cursor: pointer;
}

.multi-custom .btn-group .btn-group .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.multi-custom .form-inline .multiselect-container label.checkbox {
    padding: 3px 20px 3px 40px;
}

.multi-custom .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.multi-custom .form-inline .multiselect-container li a label.checkbox input[type=checkbox] {
    margin-left: -20px;
    margin-right: 0;
}

.multi-custom .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

.multi-custom .btn {
    border-radius: 0;
    padding: 10px 0;
}

.multi-custom .btn-primary {
    background-color: #ff0000;
    border: none;
    border-radius: 0;
    padding: 11px 15px;
    text-transform: uppercase;
}

.multi-custom .btn-group,
.multi-custom .btn-group .multiselect,
.multi-custom ul.multiselect-container,
.custom-select-box .form-group select {
    width: 100%!important;
    background: white;
    font-size: 13px;
    padding: 3px 0px;
    text-align: left;
    padding-left: 5px;
    /* padding-right: 15px; */
    color: #333;
}

.multi-custom .multiselect-container li .multiselect-all {
    width: 100%;
    display: block;
}

.multi-custom .btn-group .multiselect::before,
.list-unstyled-custom::after{
    content: url('../../images/arrow-b1.svg');
    font-family: "FontAwesome";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    padding-top: 6px;
    float:right;
    top: 10px;
    right: 6px;
}
.custom-select-box .form-group .form-control {
    background-image: url('../../images/arrow-b1.svg');
    background-size: 9px;
    background-position: 97%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 50px;
    position: relative;
    cursor: pointer;
}
.seach-btn-bar button:hover i {
    color: black;
}
.small-tab-heading {
    font-size: 15px;
    font-weight: normal;
    color: rgb(51, 51, 51);
    margin: 0px;
}
.multi-custom .btn-group .multiselect-container li:first-child {
    border-bottom: 1px solid #d9d5d5;
    padding-bottom: 2px;
}
.custom-select-box::before {
    top: 12px;
    right: 7px;
}
.custom-select-box .form-group select {
    appearance: none;
}
.custom-select-box {
    position: relative;
}
.multi-custom .btn-group .multiselect::after {
    content: none;
}


/*end*/
.search-date .time-picker-custom .input-group{
    width:100% !important;
}

.custom-select-box .form-group select {
    height: 33.5px!important;
    border: 0px;
}

/* .custom-select-box .form-group select {
    height: 38px!important;
    border: 0px;
    padding-left: 10px;
} */

.row-custom-height {
    background-color: #eeeded;
    height: 44px;
    padding: 4px 10px!important;
    display: flex;
    align-items: center;
}

.seach-btn-bar button {
    border: 0px;
    font-size: 20px;
    color: grey;
    background: #fff;
    padding: 1px 9px;
    height: 30px;
    border: 1px solid #d2d2d2;
    margin-top: 0px;
    cursor: pointer;
    border-radius: 3px;
}
.multi-custom .btn-group button .multiselect-selected-text,
.custom-select-box .form-group select {
    color: #777;
}

.custom-dropdown.sms .dropdown-toggle i {
    color: #fff;
    font-size: 15px;
}


/*======================Having tab=============*/

.having textarea {
    height: 130px;
    background: none;
    padding: 0px;
    resize: none;
}

.having textarea.large-height {
    height: 230px;
}

.having textarea.medium-height {
    height: 175px;
}

.having p {
    color: #999999fe;
    margin: 0;
}

.rounded-pill {
    border-radius: 50px;
    font-size: 15px;
    padding: 9px 20px;
}

span.clear {
    color: #333;
    padding-right: 20px;
    cursor: pointer;
}

span.clear:hover {
    color: #2196f3;
}

.logs {
    color: #2196f3;
    font-size: 15px;
    font-weight: 400;
}

.date {
    text-align: center;
}

.blue-c-l {
    background: #d2eafb;
    border-radius: 6px;
    padding: 14px;
    min-width: 30%;
    max-width: 70%;
}

.blue-c-l p {
    color: #333;
}

.greyc {
    background: #f2f2f2;
    border-radius: 6px;
    padding: 14px;
    position: relative;
    margin-left: 50px;
    width: fit-content;
    min-width: 30%;
    max-width: 70%;
}

.having .greyc p {
    color: #333;
}

span.det {
    font-weight: bold;
    font-size: 17px;
    padding: 0 0 5px;
    display: block;
}

.white-bg p {
    padding: 0;
    margin: 0 0 12px;
}

.white-bg i {
    font-size: 18px;
    padding-right: 8px;
}

.white-bg i.fa-mobile {
    font-size: 26px;
}

.white-bg {
    background: #fff;
    border: 2px dashed #ccc;
    padding: 20px;
}

.grey-bg {
    height: 125px;
    background: rgba(242, 242, 242, 1);
    margin: -21px -21px 0;
}

.man-img {
    width: fit-content;
    height: fit-content;
    max-width: 70%;
    margin: -71px auto 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 50%;
    overflow: hidden;
}
.man-img img {
    width: 100%;
    object-fit: cover;
}
.report-card-inner .report-card-footer .dropdown {
    position: unset;
    text-align: right;
    font-weight: 500;
}

.approvel-model .modal-header {
    border-bottom: 1px solid #e9ecef;
}
.approvel-model .modal-footer{
    border-top: 1px solid #e9ecef;
}
.approvel-model .form-group input {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    outline: none;
    background: none;
    margin-top: -0.375rem!important;
}
.approvel-model .modal-header .close span {
    font-size: 25px;
}
.approvel-model .modal-dialog {
    max-width: 600px;
}
.approvel-model .modal-footer button {
    border-radius: 50px;
    font-size: 13px;
}
.approvel-model h6.modal-title {
    font-size: 16px;
}

/*==========CSS============*/

.login-error {
    padding: 13px 14px;
    background: #FBE9E8;
    color: #A42F30;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin: 20px 0px;
    text-align: center;
    display: none;
}

.validation-error{
    color:red;
}

.dsn-error{
    color:red;
}

.bgred{
    background: red;
}
/*31-05-2022*/
.made-custom .modal-dialog {
    max-width: 860px;
}
.made-custom .modal-footer .cancel {
    font-size: 16px;
    color: #0000008f;
}
.made-custom .modal-footer button {
    border-radius: 50px;
    font-size: 15px;
}
.made-custom h6.modal-title {
    font-size: 16px;
}
.report-card-footer .dropdown-menu .add-or-not p a i {
    margin-right: 5px;
    color: #2c92ff;
}
.report-card-footer .dropdown-menu .add-or-not p a {
    margin-right: 10px;
}
.report-card-footer .dropdown-menu .add-or-not p {
    display: flex;
    justify-content: space-between;
    color: #333;
}
.tabs-div {
    /* padding: 160px 0px 320px; */
    display: flex;
}
.tabs-div .close-tabs {
    display: block;
    width: 14rem;
    border-right: 1px solid #e8e8e8!important;
    background-color: #fff;
    min-width: fit-content;
}
.tabs-div .close-tab-content {
    width: 100%;
    
}
.close-tab-content .tab-pane{
    padding-left: 20px;
    background: white;
}
.upload-model .modal-body .tab-content .tab-pane {
    padding: 2px 18px;
}
.upload-model .modal-footer {
    background: rgb(247, 247, 247);
}
.upload-model .modal-body .attachment-div {
    border: 0px;
}
.tabs-div .close-tabs .nav-item .nav-link {
    border-left: 2px solid #0000!important;
    padding: 12px 25px;
}
.tabs-div .close-tabs .nav-item .nav-link.active,
.side-bar1 .nav-item .small-heading1.active {
    border-left: 2px solid #ED5D92!important;
    font-weight: 500;
    border-top: 1px solid #dedddd!important;
    border-bottom: 1px solid #dedddd!important;
    position: relative;
    background-color: #f5f5f5;
}
.tabs-div .close-tabs .nav-item .nav-link.active::after {	
    content: "";	
    width: 4px;	
    height: 100%;	
    background: #ffffff;	
    position: absolute;	
    right: -3px;	
    top: 0px;	
}
.tabs-div .close-tabs .nav-item .nav-link i {
    float: right;
    margin-top: 3px;
}
.tabs-div .close-tabs .nav-item .nav-link.active i{
    opacity: 1;
}
/* .close-tabs .nav-item {
    padding: 0 0px 0 6px;
} */
.tabs-div .close-tab-content h6 {
    font-size: 17px;
    font-weight: normal;
}
.attachment-div .custom-upload-file button:active {
    background: transparent!important;
}
/* .close-data-div li span {
    margin-top: 8px;
} */
.custom-upload-file .small-main-heading {
    text-align: right;
}
.table td, .table th {
    font-size: 13px;
}
.table td {
    font-size: 13px;
    color: rgb(51, 51, 51);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(252, 252, 252)!important;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-size: 13px;
    color: rgb(51, 51, 51);
}

.sms-div,
.shadow-box,
.attachment-div {
  border:1px solid rgba(215, 215, 215, 1);   
}

.shadow-box {
    margin-left: 10px;
    padding: 20px;
    margin-top: 20px;
}
.date-color {
    color: #808080;
}
.grey-c-l p:last-child,
.blue-c-l p:last-child{
    margin-bottom: 0px;
}
.attachment-ul li {
    width: fit-content;
    margin: 0 auto 10px;
}
.close-data-div .content {
    border: 1px solid #e7e5e5;
    padding: 15px 15px 45px;
    border-radius: 6px;
}
.link-color {
    color: #2196F3;
}
.close-data-div .content .form-check input {
    position: absolute;
    left: 25px;
    top: -3px;
}
.close-data-div .content .form-check {
    padding: 0px 0px 0px 21px;
}
.custom-upload-file img {
    position: absolute;
    top: -13px;
    font-size: 29px;
    right: 3px;
    width: 38px;
    background: #F2F2F2;
    border-radius: 50px;
    padding: 5px;
}
.custom-upload-file input {
    position: absolute;
    right: 0px;
    z-index: 9999;
    top: 6px;
    opacity: 0;
    width: 50px;
    float: right;
}
.custom-upload-file {
    width: 100%;
    display: flex;
    align-items: center;
    height: auto;
    justify-content: space-between;
    margin-top: -54px;
    margin-bottom: 10px!important;
}
.close-data-div .col-lg-9 .small-main-heading {
    margin-top: -12px;
    margin-bottom: 22px!important;
}

.some-upload {	
    margin: 0 0 11px;	
}
.some-upload h6 {
    width: 76%;
}
.raido-btn .chooose-review {
    display: block;
    width: 100%;
}
.raido-btn {
    width: 10%;
}

.raido-btn .form-check .form-check-label .form-check-input {
    position: static;
    margin: 0 auto;
}
.poor-excellent {
    background: #F2F2F2;
    padding: 24px 0;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    margin-bottom: 2rem;
}
.raido-btn .form-check .form-check-label .form-check-input {
    width: 18px;
    height: 18px;
    margin: 8px 0;
}
/*new css start*/
.red-color-btn{
  color:#BB0000!important;
  background-color: #ffe1e1;
}
.red-color-btn:hover {
    text-decoration: none;
    color:#BB0000;
    background-color: #ffe1e1;
}
.green-color-btn{
  color:#107E3E!important;
  background-color: #107e3e30;
}
.green-color-btn:hover {
    text-decoration: none;
    color:#107E3E;
    background-color: #107e3e30;
}
.blue-color-btn{
  color:#0A6EDA!important;
  background-color: #3f85d12b;
}
.blue-color-btn:hover {
    text-decoration: none;
    color:#0A6EDA;
    background-color: #3f85d12b;
}
.orange-color-btn{
  color:#E97E3B!important;
  background-color: #ff7d2c33;
}
.orange-color-btn:hover {
    text-decoration: none;
    color:#E97E3B;
    background-color: #ff7d2c33;
}
.grey-color-btn{
    color:#888888!important;
    background-color: #88888824;
}
.reload-img {
    background: #f2f2f2;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0 0 15px;
}
.reload-img img {
    max-width: 19px;
    margin-right: 2px;
    margin-top: 1px;
}
.grey-color-btn:hover {
    text-decoration: none;
    color:#888888;
    border-color: #888888;
}
.ts-bg-btn {
    border: 1px solid;
    padding: 1px 8px;
    border-radius: 5px;
    margin-left: 10px;
    font-weight: bold;
    max-width: 40%;
    white-space: nowrap;
    background-color: #fff!important;
}
.ts-bg-btn-w-100 {
    border: 1px solid;
    padding: 1px 8px;
    border-radius: 5px;
    margin-left: 10px;
    font-weight: bold;
    max-width: 100%;
    white-space: nowrap;
    background-color: #fff!important;
}
body select#sel1 {	
    height: 31.5px;
}

.report-card-issue b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    text-align: left;
    color: #333333;
}
.report-card-footer .footer-heading .sla-btn {
    padding: 2px 10px;
    border-radius: 0.25rem;
    background: #ebebeb;
    color: #515151;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.border-lft-grey{
    border-left-color:#b5b5b5!important;
    border-left: 6px solid;
    }
.border-lft-black{
border-left-color:#000000!important;
border-left: 6px solid;
}
.border-lft-orange{
border-left-color:#E9730C!important;
border-left: 6px solid;
}
.border-lft-green{
border-left-color:#3C7A47!important;
border-left: 6px solid;
}
.border-lft-red{
border-left-color:#D40000!important;
border-left: 6px solid;
}
/*bread-bav-css start*/
@media screen and (max-width: 768px) {
    .breadcrumb-nav {
        background-color: rgba(57, 73, 171, 1);
        margin: 0 0 71px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        top: 3.4rem;
        position: relative;
    }
}

.breadcrumb-nav {
    background-color: rgba(57, 73, 171, 1);
    margin: 0 0 71px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.breadcrumb-nav-ul .nav-item .nav-link.active {
    color: rgb(254, 212, 90)!important;
    border-bottom: 3px solid #EECA5F!important;
}
.small-header {
    border-bottom: 1px solid #F5E5BD;
    background: #FCFCFC;
}
.attachment-ul li .delete-icon {
    float: right;
    color: #ff1200;
    margin-left: 14px;
    margin-top: 3px;
}
.custom-upload-file .upload-img {	
    width: 30px!important;	
    height: 30px!important;	
    background: #f2f2f2;	
    border-radius: 50%;
    display: flex;	
    align-items: center;	
    justify-content: center;	
}
.custom-upload-file .upload-img img {
    width: 25px;
    position: static;
    background: transparent;
    border-radius: 0;
}
.form-control:disabled, .form-control[readonly] {	
    background-color: #ffffff!important;	
    opacity: 1;	
    border-bottom: none;
}
.fvrt {
    position: absolute;
    z-index: 9;
    right: 10px;
    font-size: 16px;
    top: 3px;
    border: 1px solid #333;
    padding: 5px;
    height: 28px;
    display: flex;
    align-items: center;
}
.main-tab-box.main-tab-sec {
    display: none;
}
.plus-click-form.add-edit-sec {
    display: block!important;
}
.user-detail-ul li .detate-icn {
    text-align: right;
    float: right;
    cursor: pointer;
    font-size: 16px;
}
body .user-detail-ul li {
    margin: 0 0 10px;
}
.user-detail-ul li .form-check .form-check-input {
    top: 1px;
    width: 21px;
    height: 21px;
    left: 0px;
    margin: 0px;
}
.user-detail-ul li .form-check {
    padding-left: 35px;
}
.link-main-heading {
    color: #40A5F4;
    margin: 20px 0 15px;
    font-weight: normal!important;
    font-size: 1rem!important;
}
.ul-custom li {
    padding: 10px 10px;
    max-width: 100%;
    }
.ul-custom {
    display: flex;
    flex-wrap: wrap;
}
.hvr{
    cursor: pointer;
}
.custom-upload-file .upload-img {
    width: 30px!important;
    height: 30px!important;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-upload-file .upload-img img {
    width: 25px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent!important;
    opacity: 1;
}
.form-group input:focus,
.form-group input:-internal-autofill-selected {
    background: #fff;
    color: #333;
}
.align-col-custom .div-bx1 {
    width: 71%;
}
.align-col-custom .div-bx2 {
    width: 25%;
}
.align-col-custom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 1.5rem;
}
.red-email{
    color:red;
}
.green-email{
    color:green;
}
.orange-email{
    color:orange;
}
.grey-email{
    color:grey;
}
.yellow-email{
    color:yellow;
}
/* SMS Module  */
.date-bar input {
    border: 1px solid rgba(221, 221, 221, 1);
    height: 30px;
    color: #333333;
    width: 100%;
    border-radius: 3px;
}
.date-bar .input-group-append button {
    font-size: 16px;
    height: 35px;
    padding: 0px;
    border: 1px solid #3949ac!important;
    background: #3949ac;
    color: #fff;
    border-radius: 0px;
}
.ul-custom li span {
    display: block;
}
.btn-three-box button {
    font-size: 16px;
}
.search-bar-custom .form-group button,
.export-div button {
    font-size: 16px;
    border-radius: 0px;
    padding: 3px 10px;
}
.search-bar-custom .form-group input[type="text"] {
    border-bottom: 1px solid #757272!important;
    border: 0px;
    width: 100%;
    height: 32px;
    outline: 0px;
    padding-left: 78px;
}
.search-date .export-div {
    width: 15%;
}
.search-date .export-div button {
    width: 100%;
}
.search-date .date-bar .gj-datepicker {
    width: 30%!important;
    margin: 0 25px!important;
}
.btn-three-box button {
    font-size: 16px;
    background: transparent;
    color: #3949ac;
}
.btn-three-box button:hover {
    background: #3949ac;
}
.btn-three-box .btn.active {
    background: #3949ac!important;
    border-color: #3949ac!important;
}
.search-date .search-bar-custom .form-group button {
    position: absolute;
    left: 0px;
    top: 0px;
    }
.search-date .search-bar-custom {
    width: 25%;
}
.search-date .date-bar input[type="text"] {
    padding: 0 15px;
    background-image: url('../../images/date-img.svg');
    background-repeat: no-repeat;
    background-position: 96%;
    outline: 0px;
    cursor: pointer;
}
.export-btn-design img {
    max-width: 32px;
}
.cl-icon {
    width: 100%;
}
.btn-dark-blue {
    background-color: #3949ac;
}
.disable-btn span {
    color: #fff;
    font-size: 16px;
}
.disable-btn {
    border-color: #3949ac;
    display: block;
    width: 180px;
    height: 42px;
    padding: 8px 5px;
}
.disable-btn .disable {
    display: none!important;
}
.disable-btn.add-name .enable {
    display: none!important;
}
.disable-btn.add-name .disable {
    display: block!important;
}
.disable-btn.add-name {
    background: red;
    border: red;
}
.alarm-date .time-picker-custom input {
    color: #333;
    font-size: 13px;
    border-top: 0px!important;
    border-left: 0px!important;
    border-right: 0px!important;
    font-weight: normal;
    padding: 8px 0px;
}
.alarm-date .time-picker-custom .input-group-append button {
    background: transparent;
    color: #fff;
    padding: 0px;
    position: relative;
    border: 0px;
}
.alarm-date .time-picker-custom .input-group-append button:active {
    background: transparent;
}
.time-zone-select .custom-select-box .form-group select,
.sms-segments select{
    border: 1px solid #b3b1b1!important;
    color: #333;
}
.bundel-detail-box2 .ul-custom.bundle-details li {
    width: 33%;
}
.search-date .time-picker-custom {
    margin: 0 15px;
}
.search-date {
    flex-wrap: nowrap!important;
    background-color: #eeeded;
    padding: 4px 10px;
    border: 1px solid #dddddd;
}
.search-date .time-picker-custom {
    margin: 0 15px;
    width: 15%;
}
/* 20-jun-2022  */
.dropdown-menu-data {
    max-height: 200px;
    overflow: scroll;
    overflow-x: hidden;
    margin-top: 0px;
}

.caret {
	float: right;
    margin-top: 5%;
    padding-left: 20px;
}

#menu1 {
    width: 160px; 
    text-align: left;
}
.dropdown-data .dropdown-toggle-data {
    width: 100%!important;
    background: transparent;
    border-bottom: 1px solid #ced4da;
    border-radius: 0px;
    font-size: 14px;
    color: #999999;
    position: relative;
}
.dropdown-menu-data {
    width: 100%;
}
.dropdown-menu-data li {
    font-size: 14px;
    color: #999999;
    padding: 0 15px;
    text-decoration: none;
}
.dropdown-menu-data li {
    line-height: 23px;
    transition: all 0.2s;
}
.dropdown-menu-data li:hover {
    background: #2196f3;
    color: #fff;
}
.dropdown-data .dropdown-toggle-data:before {
   font-family: "FontAwesome";
    content: "\f0ac";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 16px;
    color: #999;
}
.dropdown-toggle-data::after {
    font-family: "FontAwesome";
    content: "\f107";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    right: 8px;
    font-size: 16px;
    width: 0px;
    height: 0px;
    border: 0px;
}
.btn-group-custom {
    display: flex;
    align-items: center;
    justify-content: end;
}
.sms-div .btn-group-custom {
    margin: -2px 0 0 0!important;
}
.btn-group-custom .btn-tr,
.btn-group-custom .btn-bg {
    width: 114px;
    text-align: center;
}
.icon-img {
    width: 16px;
    margin-right: 1px;
}
.select-align {
    padding-left: 0px!important;
    margin-left: -3px;
}
/* Firefox-specific style */
@-moz-document url-prefix() {
    .select-align {
        margin-left: 0px;
    }
}
.select-align-cont {
    margin-left: -7px;
}
.page-name li .plus-icon img.icon-img {
    margin-right: 0px;
}
.form-control:disabled {
    color: #6c757d!important;
    border-bottom: none;
}
.dashbord-sec-box .side-bar .nav-item a img {
    width: 16px;
}

header .logo img {
    max-width: 154px;
}
.logo p {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 0px 0 0!important;
}
.logo p span {
    font-size: 13px;
    display: block;
    font-style: normal;
    color: #FBD442;
}
.user-pic {
    background: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.img-circle {
    width: 30px!important; 
    height: 30px!important;
    border-radius: 50%;
}
.custom-dropdown.woman .dropdown-toggle {
    margin-right: 0px;
}
.custom-dropdown.woman .dropdown-toggle .client-name {
    margin: 0px 0 0 10px;
    display: block;
    text-align: center;
    color: white !important;
}
.page-name {
    border-bottom: 1px solid #333;
    margin: 0px -20px 20px;
    padding: 10px 20px;
    background-color: rgba(252, 252, 252, 1);
    border-color: rgba(236, 235, 234, 1);
    align-items: center;
}
.report-card > p {
    color: #333333;
    border-bottom: 1px solid rgba(236, 235, 234, 1);
    padding: 0 0px 15px;
    font-size: 13px;
}

.custom-select-box select, .multi-custom .btn-group,
.custom-select-box .form-group select {
    padding: 0px 0px;
    border: 1px solid #ddd!important;
    border-radius: 2px!important;
    height: 30px!important;
}
.multi-custom .btn-group .dropdown-toggle,
.custom-select-box .form-group select {
    padding: 0px!important;
}
.seach-btn-bar button i {
    font-size: 16px;
}
.dropdown.custom-dropdown.woman .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
}
.dropdown.custom-dropdown.sms .dropdown-toggle {
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown.custom-dropdown.sms .dropdown-toggle img {
    color: #fff;
    filter: none;
    width: 12px;
}
.custom-dropdown.woman .dropdown-menu .dropdown-item img {
    max-width: 14px;
}
.custom-dropdown.woman .dropdown-menu .dropdown-item {
    font-size: 13px;
}
.custom-dropdown.woman .dropdown-menu {
    border-radius: 0px;
    transform: inherit!important;
    right: 0px!important;
    left: unset!important;
    top: 30px!important;
}
.multi-custom .btn-group button {
    padding: 0px!important;
}
/* .main-box-scroll .row.box-sec-scroll {
    margin: -8px;
} */
.send button {
    background: #2196F3;
    color: #fff;
}
.login-form .img-div img {
    max-width: 171px;
}
.bg-red{
    background: rgba(255, 0, 0, 0.996078431372549) !important;
}
.name-print li {
    font-size: 11px;
}
span.text-dark {
    font-size: 11px;
}
b.text-dark {
    font-size: 10px;
}
span.sla-btn {
    font-size: 9px;
}
.font9 {
    font-size: 9px !important;
}
.font10 {
    font-size: 10px !important;
}
.font11 {
    font-size: 11px !important;
}
.font12 {
    font-size: 12px !important;
}
.font13 {
    font-size: 13px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}
.font18 {
    font-size: 18px !important;
}
.font20 {
    font-size: 20px !important;
}
.upload-model .modal-header {
    background-color: rgb(247, 247, 247);
}
.upload-model .nav-tabs {
    width: 100%;
    border: 0px;
}
.devtitle {
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    margin: 0 auto;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.devmodule{
    display: -webkit-box;
    max-width: 100%;
    height: 27px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upload-model .nav-tabs .nav-item .nav-link.active {
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #ED5D92;
    border-right-color: #dedddd;
    border-left-color: #dedddd;
    border-radius: 0px;
    color: #333;
    font-weight: 500;
    background: #fff!important;
    border-bottom: 0px;
    margin-bottom: -1px;
}
.upload-model .modal-header h6 {
    color: #333;
    font-size: 17px;
}
.upload-model .nav-tabs .nav-item .nav-link {
    color: rgb(153, 153, 153);
}
.upload-model .close {
    padding: 1rem;
    margin-top: -3.9rem;
    margin-left: 31rem;
}
.upload-model .modal-dialog {
    max-width: 590px;
}
.custom-img-drop input {
    min-height: 300px;
    width: 100%;
    opacity: 0;
}
.custom-img-drop {
    position: relative;
}
.custom-img-drop .add-new-file {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    background-color: rgba(242, 242, 242, 1);
    z-index: -9;
}
.custom-img-drop {
    position: relative;
    max-width: 164px;
    background-color: rgb(242, 242, 242);
    border: 1px solid #d8d7d7;
    z-index: 9;
}
.custom-img-drop .add-new-file .pluse-span {
    font-size: 87px;
    font-weight: normal;
    border: 1px dotted #c6c6c6;
    border-width: 3px;
    border-radius: 50%;
    width: 124px;
    margin: 0 auto;
    color: #c6c6c6;
    height: 124px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-img-drop .add-new-file p {
    padding-top: 18px;
    color: #b8b8b8!important;
}
.upload-model .modal-footer .btn-secondary {
    background: transparent;
    border: 0;
    font-size: 13px;
    color: #333333;
}
.upload-model .modal-footer .btn-primary {
    border-radius: 50px;
    font-size: 15px;
}
#uplod1 {
    border-width: thin;
    border-color: #bdbdbd;
    border-collapse: separate;
    border: 2px dashed #ccc;
}
.upload-model .modal-body,
.upload-model .modal-body .tab-content .tab-pane .row {
    padding: 8px;
}
.custom-upload-file button,
.close-data-div .some-upload .custom-upload-file button:active {
    background: transparent;
    border:0px;
}
.attachment-div button {
    padding-right: 0px;
}
.multi-custom .dropdown-menu.show {
    height: 230px;
    display: -ms-flexbox;
  display: -webkit-box;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}
.attachment-div .attachment-ul li .delete-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.attachment-div {
    padding: 0px!important;
    margin-top: 30px!important;
    width: 23%!important;
    max-height: 270px!important;
}
.files-list {
    width: 50% !important;
    margin-top: 0 !important;
}
.files-pane {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    max-height: 270px!important;
}
.upload-padding {
    padding: 0 10px;
}
.attachment-div .attachment-ul li {
    position: relative;
    padding-right: 20px;
    margin: 10px 0px!important;
    text-align: center;
    width: 100%;
}
.attachment-div .attachment-ul li .filenames {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
    .fixed-table-container .row.col-12.px-0{
        overflow-y: auto;
    }

    .TaskCell.TaskCol .d-flex.justify-content-between {
        width: 130px;
    }

    #client-Info .main-tab-box img {
        height: auto;
        width: 100%;
        float: unset !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .max-width-12, .max-width-14 {
        max-width: 100%!important;
    }
    .breadcrumbInDashboard{
        zoom: 60%;
    }
    .logoWithEdText{
        zoom: 60%;
    }
}

.txt-lft li{
    text-align: left !important;
}
.edit-deleat p {
    flex-direction: column;
    justify-content: flex-start!important;
    text-align: left;
    width: 100%;
}
.edit-deleat p a {
    margin: 0px 0 18px!important;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}
.edit-deleat p a:last-child {
    margin: 0px 0 0px!important;
    }
    .edit-deleat p a i {
        color: #333!important;
        font-size: 16px;
        margin-right: 10px!important;
    }
    .edit-deleat {
        /*padding: 15px!important;*/
        box-shadow: 0px 1px 2px rgb(0 0 0 / 35%);
        min-width: 175px;
        left: 0px;
        top: 26px!important;
    }

    .ep-Opt {
        padding: 15px!important;
        box-shadow: 0px 1px 2px rgb(0 0 0 / 35%);
        min-width: 250px !important;
        left: 0px;
        top: 26px!important;
    }
  
    .report-card-inner .report-card-footer .dropdown-menu.edit-deleat-dropdown {
        background: transparent;
        border: 0px;
        min-width: 140px;
    }
    .nav-tabs .dropdown-menu.nav-drop {
        left: -120px!important;
        top: 10px!important;
        width: max-content;
        background-color: #3949ac;
        transform: translate3d(12px, 29px, 0px)!important;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    }
    .inner-info-ul,
    .email-btn-li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        flex-wrap: nowrap;
    }
    .inner-info-ul li, .email-btn-li li {
        text-align: left!important;
    }
   
    .email-btn-li li .email-small-btn {
        border-radius: 0.25rem;
        padding: 1px 8px;
        font-size: 9px;
        margin-right: auto;
        display: inline-block;
        font-weight: 500;
    }
    .report-card-inner .name-print .inner-info-ul li {
        font-size: 9px!important;
    }
    .report-card-inner .name-print .inner-info-ul li:first-child {
        font-size: 13px!important;
    }
    .msg-textaeria {
        justify-content: start;
    }
    .staf-info-full li {
        font-size: 11px!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 7px;
        box-sizing: border-box;
    }
    .news-btns .btn {
        font-size: 13px;
        background: #ebebeb;
        color: #444;
        font-weight: 500;
        margin-inline: 5px;
        padding: 6px 5px;
        margin-top: 8px;
        cursor: text!important;
    }
    .news-btns {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
    }
    .staf-info-full .inner-info-ul li:first-child {
        font-weight: 500;
        text-transform: capitalize;
    }
    .user-detail-ul li td {
        width: 100%;
        border: 1px solid #d4d2d2;
        display: flex;
        align-items: center;
        justify-content: start;
        border-radius: 6px;
    }
    .client-portel .user-detail-ul li,
    .user-detail-ul li {
        border: 1px solid #d4d2d2;
        border-radius: 6px;
    }
    .user-detail-ul li td li,
    .client-portel .user-detail-ul li,
    .user-detail-ul li {
        margin: 0px;
        padding: 10px 30px 10px 10px;
        max-width: 24%;
        position: relative;
    }
    .user-detail-ul li td li .clickable,
    .client-portel .user-detail-ul li .clickable,
    .user-detail-ul li .clickable {
        float: right;
        color: #D9001B;
        margin-top: 3px;
        padding: 2px;
        font-size: 16px;
        position: absolute;
        right: 7px;
        top: 6px;
        cursor: pointer;
        -webkit-text-stroke: 1px white;
    }
    .only-data li {
        border: 0px!important;
        padding-left: 0px!important;
    }
  
    .three-colum-box li {
        width: 47%!important;
        margin-right: 10px!important;
        margin-bottom: 10px!important;
        position: relative;
        padding-right: 35px!important;
    }
    .three-colum-box li .clickable {
        position: absolute;
        right: 10px;
        top: 9px;
    }
    .three-colum-box {
        display: flex;
        flex-wrap: wrap;
    }
    .estimated-date{
        font-size: 9px !important;
    }
    .multiselect-functionarea + div span.multiselect-selected-text:before {
        content: "Function Area:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-issuetype + div span.multiselect-selected-text:before {
        content: "Issue Type:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-priority + div span.multiselect-selected-text:before {
        content: "Priority:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-status + div span.multiselect-selected-text:before {
        content: "Status:";
        font-weight: 500;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-assignee + div span.multiselect-selected-text:before {
        content: "Assignee:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-guideStatus + div span.multiselect-selected-text:before {
        content: "Status:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-client + div span.multiselect-selected-text:before {
        content: "Client:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-issueType + div span.multiselect-selected-text:before {
        content: "Issue Type:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-ticketsource + div span.multiselect-selected-text:before {
        content: "Ticket Source:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-state + div span.multiselect-selected-text:before {
        content: "State:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    .multiselect-assignee + div span.multiselect-selected-text:before {
        content: "Assignee:";
        font-weight: 600;
        padding-right: 5px;
        color: gray!important;
    }
    button.multiselect{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .side-bar-bx .hover_tittle {
        display: none;
    }
    .side-bar1 .nav-item .small-heading1 span {
        /* font-size: 16px; */
        display: block;
        background: transparent;
    }
    .side-bar-bx1 .small-heading1::after {
        top: 12px;
        position: absolute;
        content:none;
    }
    .arrow-down1 .side-bar-toggle1 {
        width: 3rem;
    }
    .arrow-down1 .width-full1 {
        width: 95%!important;
    }
    .arrow-down1 .side-bar-toggle1 .small-heading1::after {
        left: -21px;
        background: #f2f2f2;
        width: 40px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 42px;
        font-size: 26px;
    }
    .custom-click {
        position: absolute;
        top: 8px;
        right: 0px;
        padding: 8px 12px;
        transform: rotate(180deg);
        color: #777777;
        font-size: smaller!important;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .custom-click {
        transform: rotate(0deg);
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .nav-link.active {
        display: none;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .custom-click {
        background: #f2f2f2;
        padding: 14px 20px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        right: unset;
        left: -20px;
    }
    /* custom-ul */
    .select-convert-li .select2 .select2-selection--single {
        border-radius: 0px;
        border-color: #c5c4c4;
        height: 30px;
    }
    .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
        color: #777676;
        padding-left: 7px;
    }
    .select-convert-li .select2::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 5px;
        font-weight: 500;
        color: #706f6f;
    }
    .select2-dropdown {
        border: 1px solid #ddd!important;
    }
    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #eee!important;
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #5897fb!important;
        color: white;
    }
    .invoice-bar-product .custom-select-box:nth-child(3) .select2-selection__rendered {
        padding-left: 52px!important;
    }
    .select-convert-li  .select2-selection__arrow {
        display: none;
    }

    .globalSearchTicketStateDropdown .select-convert-li  .select2-selection__arrow{
        display: initial!important;
    }

    /*Arrow for the dropdown field*/
    .custom-select-box .form-group .form-control {
        background-image: url('../../images/arrow-b1.svg');
        background-size: 9px;
        background-position: 97%;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        margin-right: 50px;
        position: relative;
        cursor: pointer;
    }
    .select-convert-li .select2 .select2-selection--single {
        border-radius: 0px;
        border-color: #ddd;
        height: 30px;
        background-image: url(../../images/arrow-b1.svg);
        background-size: 11px;
        background-position: 95%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        margin-right: 50px;
        width: 100%;
        border-radius: 3px;
    }
    .select-convert-li .select2 {
        width: 100%!important;
    }
    .attachment-ul li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: flex;
        color: #333;
        /* border-bottom: 1px solid #000000; */
        text-decoration: underline;
        text-align: left;
    }
    .dropdown.status-div {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
    }
    .report-card-inner .name-date span:first-child {
        padding-right: 5px;
    }
    .multi-custom .btn-group .multiselect.dropdown-toggle {
        padding: 3px 7px!important;
        border-radius: 3px;
    }
    .without-img-chat {
        margin: 0px;
    }
    .upload-model .modal-header button.close {
        width: 20%;
        padding: 0px;
        margin-bottom: 0px;
    }
    .upload-model .modal-header h6 {
        width: 80%;
        margin-bottom: 2.5rem;
    }
    .upload-model .modal-header {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 0px;
        position: relative;
    }
    .side-bar-toggle .nav-item a {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .custom-upload-file button:hover {
        background: transparent;
    }
    .table-responsive table td,
.table-responsive table th {
    border: 0px!important;
}
.table-responsive table tr{
    border-bottom: 1px solid #dee2e6;
}
.table-responsive table tr th {
    text-align: left;
}
.table-responsive table th:first-child,
.table-responsive table td:first-child {
    padding-left: 0px;
}
.table-responsive table th:last-child,
.table-responsive table td:last-child {
    padding-right: 0px;
}
.table-inv table tr th:first-child,
.table-inv table tr td:first-child {
    padding-left:5px;
}
.table-inv table tr th:last-child,
.table-inv table tr td:last-child {
    padding-right:5px;
}
.news-btns .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 46%;
    padding: 2.3px 5px;
    font-size: 9px;
}
.news-btns {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
.search-date .disable-btn {
    border: 0px;
}
.search-date .disable-btn {
    border: 0px;
    padding: 0px;
    height: 38px;
}
.search-date .custom-select-box .form-group select {
    height: 38px!important;
    border: 0px!important;
    border-bottom: 1px solid #dee2e6!important;
    border-radius: 0px;
}
.incard .custom-select-icon .custom-select {
    height: 37px;
    color: #999999;
    position: relative;
    z-index: 999;
    padding-bottom: 0px;
}
.forget-link:hover,
.back:hover {
    text-decoration: none;
    color: #1e88e5;
}
.box-nav li i {
    font-size: 12px;
    margin: 0px 5px!important;
}
.box-nav li:last-child {
    font-weight: 600;
}
.main-tab-box .nav-tabs .nav-item .nav-link {
    background-color: transparent;
}
.table-sorting-icon {
    max-width: 12px;
    margin-right: 5px;
    color: #dee2e6;
    float: right;
    height: 15px!important;
    margin-top: -9px;
    margin-left: 5px;
}
.search-date .date-bar button {
    border-color: rgba(221, 221, 221, 1);
    color: #777;
    font-weight: normal;
    padding: 0px 9px;
    font-size: 15px;
    margin-left: 15px;
    background: #fff;
    border-radius: 3px;
    height: 30px;
}
.search-date .date-bar button:active {
    background: white!important;
    color: #777!important;
    border-color: rgba(221, 221, 221, 1)!important;
}
.export-btn-design {
    color: #2196F3;
    width: 24px;
    height: 24px;
    padding: 0px;
    background: #F0F0F0;
    border: 0px;
    border-radius: 50px;
    margin-top: -12px;
}
.custom-search-dib {
    padding-inline: 0px;
    position: relative;
}

.custom-search-dib input[type="text"] {
    border: 0px;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    height: 35px;
    width: 100%;
    padding: 0 40px 0 15px;
    outline: 0px;
}
.custom-search-dib button {
    position: absolute;
    right: 4px;
    border: 0px;
    top: 8px;
    color: rgb(153 148 148);
}
.custom-search-dib button:hover {
    background: transparent;
}
.four-btn-box a {
    font-size: 13px;
    border: 1px solid #3F51B5;
    color: #3F51B5;
    background: transparent;
    padding: 5px 20px;
    font-weight: 500;
    margin-right: 10px;
}
.four-btn-box .btn:active {
    background: transparent!important;
    color: #3949ac!important;
}
.four-btn-box a:hover {
    background: #3949ac;
}
.total-list li {
    margin-right: 30px!important;
}
.total-list li b {
    margin-right: 5px;
    font-weight: 500;
}

/* slider-btn css start */
.sms-btns .switch {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 8px;
  }
  
  .sms-btns .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .sms-btns .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .sms-btns .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: -9px;
    bottom: -2px;
    background-color: #3949ac;
    -webkit-transition: .4s;
    transition: .4s;
}
  
  .sms-btns input:checked + .slider {
    background-color: rgba(57, 73, 171, 0.4);
  }
  
  .sms-btns input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  .sms-btns input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .sms-btns .slider.round {
    border-radius: 34px;
  }
  
  .sms-btns .slider.round:before {
    border-radius: 50%;
  }
  /* .alarm-date label {
    font-weight: 500;
} */


/* slider-btn css off */
.search-date.alarm-date {
    background: transparent;
    flex-wrap: wrap!important;
}
.alarm-date .time-picker-custom .input-group-append button .clock::before {
    content: "";
    position: absolute;
    top: 11px;
    z-index: 9999;
    background: url('/images/alarm.png');
    background-size: 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
.time-picker-box .time-picker-custom {
    width: 45%;
}
.time-picker-box {
    display: flex;
    flex-wrap: nowrap;
}
.to-text {
    width: 7%;
    display: flex!important;
    align-items: flex-end;
    font-weight: 500;
    height: auto;
}
.opactiy-down {
    opacity: 0;
}
.time-width {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 1.5rem;
}
.sms-btns.time-width {
    width: 10%;
}
.time-picker-box.time-width {
    width: 50%;
    height: max-content;
}
.search-date.alarm-date .time-picker-custom {
    margin: 0px;
}
.search-date.alarm-date  .btn-group-custom .btn-tr, .btn-group-custom .btn-bg {
    width: auto;
   }
.incard .custom-select-icon .custom-select option:first-child {
    font-style: italic;
}
/* custom ul */
/* picker css */
.gj-picker.timepicker [role=header] {
    font-size: 13px;
    line-height: 13px;
}
.gj-picker.timepicker [role=header] div {
    width: auto;
}
.gj-picker-bootstrap [role=header] {
    background: transparent;
}
.gj-picker [role=header] [role=mode] span {
    display: none;
}
.side-bar .nav-item .nav-link img,
.side-bar .nav-item .nav-link i {
    margin-right: 20px;
}

/* scroll-bar-css start */
html {
  --scrollbarBG: #fafafa;
  --thumbBG: #c1c1c1;
}
body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

            /* scroll-bar-css end */
    /* picker end css */
/*bread-nav-css end*/
/*new css end*/
/* stage-4 */
.make-custom-tabs .nav-item .nav-link.active {
    border-top: 1px solid #EA3D7B!important;
    border-left: 1px solid #ddd!important;
    border-right: 1px solid #ddd!important;
    border-bottom: 1px solid white!important;
    font-weight: 500;
    color: #333;
}
.make-custom-tabs .nav-item .nav-link {
    border-radius: 0px;
    color: #999999;
}
.invoice-total-p {
    font-weight: 500;
}
.invoice-to-pay {
    margin: 25px 0px;
}

.paying-fld{
    text-align: right;
    width: 100px;
    border: none!important;
    border-bottom: 1px solid #ccc!important;
    height: 35px;
    background: transparent!important;
}

.ed-admin-btn{    
    margin-bottom: 25px;
    height: 28px;
    width: auto;
    background: #2A97F0;
}

.ed-admin-btn .ed-btn {
    /* background: #2A97F0; */
    color: #fff!important;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    text-decoration: none;
    cursor: default;

}
.ed-table .table tbody .red-row {
    background: red;
}

.totalrow{
    font-weight: 700;
}
.pink-type {
    background: #FDA4A4;
}
.ed-table .table thead tr {
    border-top: 1px solid #D7D7D7;
}

.ed-table .table {
    /* width: 1400px; */
    /* max-width: 100%; */
    width: -webkit-fill-available;
    min-width: max-content;
}
.ed-table .table .table-inv table td {
    vertical-align: middle;
}
.pay-with-card li .card-text {
    margin-left: 25px;
}
.pay-with-card li a {
    text-decoration: none;
}
.pay-with-card ul {
    width: fit-content;
    margin: 0 auto!important;
    display: block!important;
    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}
.pay-with-card {
    margin-top: 25px;
}
.single-btn-blue {
    background: #2196F3;
    padding: 9px 34px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
.single-btn-blue:hover{
    text-decoration: none;
    color: #fff;
}
.pay-btn {
    margin: 25px 0 0px;
}
.summary-model .modal-dialog {
    max-width: 624px;
}
.summary-model .modal-header h6 {
    font-size: 15px;
    font-weight: normal;
}
.summary-model .modal-header .close {
    font-size: 23px;
    position: absolute;
    right: 23px;
    top: 18px;
}
.summary-model .modal-body .summary-ul li span {
    float: right;
}
.summary-model .modal-body .summary-ul li {
    margin-bottom: 20px;
}
/* .summary-model .modal-header {
    border: 0px;
    padding: 20px 20px;
} */
/* .summary-model .modal-dialog .modal-content {
    border-radius: 0px;
} */
.summary-model .modal-body .summary-ul li:last-child {
    font-weight: 600;
    border-top: 1px solid #333;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.summary-model .modal-footer .btn-group-custom button:first-child {
    font-weight: normal;
}
.summary-model .modal-footer .btn-group-custom button {
    font-size: 13px;
}
.summary-model .modal-footer .btn-group-custom button.active {
    font-size: 15px;
}
.generate-remittance .form-control,
.generate-remittance select {
    height: 35px!important;
    padding-left: 0px;
    }
.generate-remittance .form-group {
    margin-bottom: 20px;
}
.generate-model .modal-dialog {
    max-width: 520px;
}
.generate-remittance .form-group label {
    margin-bottom: 0px;
}
.generate-remittance textarea {
    height: auto!important;
    min-height: 99px;
}
/* custom checkbox */
.custom-chk {
    display: block;
    position: relative;
    padding-left: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
.custom-chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .custom-chk .checkmark {
    position: absolute;
    left: 0;
    height: 16px;
    border: 2px solid #555555;
    width: 16px;
    background-color: #fff;
    border-radius: 3px;
}
  .custom-chk:hover input ~ .checkmark {
    background-color: #ccc;
  }
  .custom-chk input:checked ~ .checkmark {
    background-color: #ffffff;
    border-color: #fff;
}
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .custom-chk input:checked ~ .checkmark:after {
    display: block;
  }
  .custom-chk .checkmark:after {
    left: 4px;
    top: -5px;
    width: 8px;
    height: 14px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alumni-donor-tax:hover {
    text-decoration: none;
}
.qustion-mark-added .qustion-click.hvr {
    top: 3px;
    right: -24px;
}

/* custom checkbox end */
/* custom radio btn start css */
.custom-radio .checkmark {
    border-radius: 50px;
}
.custom-radio input:checked ~ .checkmark {
    border-color: #555555;
}
.custom-radio .checkmark:after {
    left: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    border: solid #555555;
    border-width: 3px 7px 3px 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50px;
}

input#PONo{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    height: 35px;
}

input#PONo:focus-visible {
    outline: none;
    box-shadow: none;
}
.table-responsive table td {
    vertical-align: middle;
}
input#PONo:focus {
    border-bottom: 2px solid #ccc;
}
.RepInvModal{
    max-width: 60%!important;
}
.custom-chk .disabledchkbox{
    background-color: #dcdcdc;
    border: 2px solid #dcdcdc;
    cursor: auto;
}
.popup-logo img {
    max-width: 156px;
}
.card-payment-model .modal-header {
    flex-wrap: wrap;
    justify-content: center;
}
.card-payment-model .modal-header h6 {
    font-size: 15px;
}
.card-payment-model .modal-header h6 span {
    font-weight: 400;
    color: #333333;
    font-size: 13px;
}
.card-payment-model .modal-header h6 {
    font-size: 15px;
    text-align: center;
}
.popup-logo {
    flex-direction: column;
}
.card-payment-model .modal-header .close {
    position: absolute;
    right: 13px;
    font-size: 23px;
    top: 20px;
}
.ticket-model-box .modal-dialog {
    max-width: 770px;
}
.cyan-heading {
    color: #21B2F8;
    font-size: 15px;
    margin: 0 0 30px;
}
.issue-tittle-ul li {
    font-size: 13px;
    font-weight: 500;
}
.issue-tittle-ul li:first-child {
    max-width: 100%;
    padding-bottom: 1rem;
    padding-right: 15px;
}
.issue-tittle-ul li:nth-child(2) {
    max-width: 70%;
    padding-right: 35px;
}
.issue-tittle-ul li:last-child {
    max-width: 30%;
}
.issue-tittle-ul li span {
    font-weight: normal;
    margin: 4px 0 0;
}
.ticket-model-box .modal-header h6 {
    font-size: 15px;
    font-weight: normal;
}
.ticket-model-box .table-responsive .table thead tr {
    border-top: 1px solid #dee2e6;
}
.ticket-model-box .table-responsive .table tbody tr:nth-child(odd) {
    background-color: #fcfcfc;
}
.issue-tittle-ul {
    margin: 0 0 20px;
}
.ticket-model-box .modal-header {
    position: relative;
}
.ticket-model-box .modal-header .close {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 26px;
}
.request-logs .ticket-ulrow {
    padding: 12px 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background-color: #fcfcfc;
    cursor: pointer;
}
.support-plans-tabs-sec .bundel-detail-box .ul-custom.bundle-details li {
    font-weight: 500;
}
.support-plans-tabs-sec .bundel-detail-box .ul-custom.bundle-details li span {
    font-weight: normal;
}
.request-logs .ticket-ulrow li {
    font-weight: 500;
    width: 25%!important;
}
.request-logs .ticket-ulrow li span {
    font-weight: normal;
    margin-left: 5px;
}
.hours-custom-div {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}
.hours-custom-div li {
    width: 100%;
    padding: 10px 0px;
    margin-right: 3%;
}
.hours-custom-div li span {
    float: right;
}
.hours-custom-div li:last-child {
    border-top: 1px solid #dbdbdb;
}
.balance-custom {
    display: flex;
    flex-wrap: wrap;
}
.balance-custom p {
    width: 47%;
    margin: 0px;
}
.balance-custom p span {
    float: right;
}
.ticket-ulrow li:first-child span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.request-logs .ticket-ulrow li:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 248px;
    display: inline-block;
    vertical-align: middle;
}
.ticket-ulrow .txt-truncate {
    display: inline-block;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(95%);
}

.loader {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffffe8;
    z-index: 1060;
}

@keyframes spinner {
    0% {
      transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
      transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
  }
  .loader .spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
  }
  .custom-dropdown .dropdown-toggle .user-pic img {
    max-width: 30px;
}
/* custom radio btn end css */
.ul-drop-down .poppup-li .bg-popupgrey {
    width: 30px;
    height: 30px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 10px;
    margin-top: 3px!important;
    margin-bottom: 3px!important;
}
.ul-drop-down li {
    max-width: 100%;
}
.model-main-heading {
    font-size: 15px;
    font-weight: normal;
}
.printer-pop-model .modal-dialog {
    max-width: 1083px;
}
.bg-grey-color{
    background-color:#F0F0F0;
}
.table-footer-custom .tb-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.email-popup-take .modal-dialog,
.attached-pop-model .modal-dialog{
    max-width: 682px;
}
.email-form-custom select,
.email-form-custom .form-control{
    height: 35px!important;
}
.email-cros li {
    padding: 4px 28px 4px 15px;
    border: 1px solid #dbd4d4;
    border-radius: 6px;
    margin: 0 0 8px;
    position: relative;
    list-style: none;
}
.email-cros li i {
    color: red;
    font-size: 15px;
    position: absolute;
    right: 8px;
    top: 5px;
}
.textaria-box textarea {
    height: 100%;
    min-height: 122px;
    overflow-y: scroll;
}
.file-up-here img {
    max-width: 18px;
    display: block;
}
.file-up-here input {
    /* width: 50px; */
    height: 32px;
    opacity: 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
}
.file-img {
    background: #f1f1f1;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
}
.file-load h6 {
    margin: 0px;
    color: #21B2F8;
    font-size: 15px;
    font-weight: 400;
}
.email-cros.attached-cros {
    display: flex;
    flex-wrap: wrap;
}
.invoice-bar-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #eeeded;
    padding: 4px 10px;
    border: 1px solid #dddddd;
}
.invoice-bar-main .custom-select-box {
    margin-right: 15px;
}
.invoice-bar-main .bar-search-btn button {
    background: #fff;
    border: 1px solid #ddd;
    color: #777777;
    padding: 6px 12px;
    border-radius: 3px;
    cursor: pointer;
}
.invoice-bar-main .custom-select-box:first-child .select-convert-li .select2::before{
content:"Product:"
}
.invoice-bar-main .custom-select-box:nth-child(2) .select-convert-li .select2::before{
content:"Pricing:"
}
.invoice-bar-main .custom-select-box:last-child .select-convert-li .select2::before{
 content:""
}

.dashboard-bar-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #eeeded;
    padding: 4px 10px;
    border: 1px solid #dddddd;
}
.dashboard-bar-main .custom-select-box {
    margin-right: 15px;
}
.dashboard-bar-main .bar-search-btn button {
    background: #fff;
    border: 1px solid #ddd;
    color: #777777;
    padding: 6px 12px;
    border-radius: 3px;
    cursor: pointer;
}
.dashboard-bar-main .custom-select-box:first-child .select-convert-li .select2::before {
    content:"Assignee:"
}
.dashboard-bar-main .custom-select-box:nth-child(2) .select-convert-li .select2::before {
    content:"Order By:"
}
.dashboard-bar-main .custom-select-box:last-child .select-convert-li .select2::before {
     content:""
}

.ul-table-heading li:first-child {
    width: 30%;
}
.ul-table-heading li:nth-child(2) {
    width: 42%;
}
.ul-table-heading li:nth-child(3) {
    width: 15%;
}
.ul-table-heading li:last-child {
    width: 20%;
}
.ul-table-heading {
    padding: 10px 15px;
    padding-inline: 10px;
    border-bottom: 1px solid #d7d7d7;
}
.ul-table-heading:last-child {
    border-bottom: none !important;
}
    
.ul-table-border{
    border-bottom: 1px solid #d7d7d7;
    }
.ul-table-heading li {
    font-weight: bold;
}
.content-tab-data button {
    border: 0px;
    font-size: 13px;
    background: transparent;
    padding-left: 15px;
    font-weight: 500;
    position: relative;
    padding-right: 25px;
}
.content-tab-data button p {
    font-size: 11px!important;
    margin-top: 7px;
    margin-bottom: 0px;
}
.qustion-click.hvr {
    position: absolute;
    top: 16px;
    right: 0px;
}
.custom-made-accroding .card-header {
    position: relative;
}
.custom-made-accroding .card-header {
    padding: 10px 15px;
    background: #d7d7d70f;
}
.heading-padding {
    padding-left: 35px;
}
.table-checkbox {
    position: absolute;
    left: 0px;
    top: 0px;
}
.content-tab-data button .collapse-custom-arrow {
    font-size: 18px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: rotate(90deg);
}
.content-tab-data button.collapsed .collapse-custom-arrow {
    transform: rotate(0deg);
}
.content-tab-data {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: fit-content;
}
.custom-made-accroding .card-body {
    padding: 0px;
}
.custom-box-collapse .ul-table-heading li {
    font-weight: normal;
}
.custom-box-collapse .ul-table-heading li:first-child {
    width: 30%
}
.custom-box-collapse .ul-table-heading li:nth-child(2) {
    width: 42%;
    padding-right: 10px;
}
.custom-box-collapse .ul-table-heading li:nth-child(3) {
    width: 15%
}
.custom-box-collapse .ul-table-heading li:last-child {
    width: 20%
}
.custom-box-collapse .card-body {
    border-bottom: 1px solid #d7d7d7;
}
.email-open-popup .modal-dialog {
    max-width: 624px;
}
.custom-question-box,
.table-use-width {
    display: block;
    width: 100%;
   /* overflow-x: auto; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* .custom-question-box .table-ul-type {
   width: 1335px;
}
.dashbord-sec-box .dashbord-data.width-full .custom-question-box .table-ul-type{
    width: 1670px;
} */
.grey-tr {
    background: #fcfcfc;
    border-top: 1px solid #dee2e6;
}
.ed-table-page th.w-25 {
    width: 20%!important;
    padding-bottom: 0px;
}
.link-table-clr {
    font-size: 15px;
    color: #21B2F8!important;
    font-weight: 500;
}
.ed-table-page .table-responsive table tr {
    border-bottom: 0;
}
.ed-table-page .grey-tr {
    border-bottom: 2px solid #d7d7d7!important;
    border-top: 2px solid #d7d7d7!important;
}
.ed-table-page .grey-tr td {
    padding-left: 34px;
}
.invoice-bar-main .custom-select-box:first-child .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 62px;
}
.invoice-bar-main .custom-select-box:nth-child(2) .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 57px;
}
.invoice-bar-main .custom-select-box:last-child .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 8px;
    padding-right: 70px;
}

.dashboard-bar-main .custom-select-box:first-child .select-convert-li .select2 .select2-selection--single .select2-selection__rendered,
.dashboard-bar-main .custom-select-box:nth-child(2) .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 66px;
}
.dashboard-bar-main .custom-select-box:last-child .select-convert-li .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 60px;
}

.sub-table-custom {
    margin: 30px 0px;
}
/*======================End Having tab=============*/
@media screen and (max-width: 1700px) {
    .staf-card-flow .row .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 33%;
        max-width: 33%;
    }
    .time-width {
        width: 31%;
          }
          .time-picker-box.time-width {
            width: 52%;
        }
        .sms-btns.time-width {
            width: 17%;
        }
}
@media screen and (max-width: 1600px) {
.main-tab-box .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    /* max-width: 33%; */
}
.box-sec-scroll .col-xl-3 {
    -webkit-box-flex: 0!important;;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 27%!important;;
    max-width: 27%!important;;
    padding: 0px!important;;
    margin: 0 15px 0 0!important;;
}
.main-box-scroll{
   overflow: scroll;
}
.box-sec-scroll {
    width: 1053px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
   
}
.box-sec-scroll .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0px;
}
}
@media screen and (max-width: 1440px) {
    .ticket-ulrow .txt-truncate {
        max-width: 133px;
    }
}

@media screen and (max-width: 1366px) {
    .side-bar-bx {
        width: 20%;
        margin-bottom: 3px;
    }
    .dashbord-sec-box .side-bar {
        width: 100%;
    }
    .dashbord-sec-box .dashbord-data {
        width: 78%;
        margin-bottom: 1px;
    }
    .dashbord-sec-box .dashbord-dataNav {
        width: 78%;
        margin-bottom: 1px;
    }
    .report-card {
        padding: 7px;
    }
    .report-card-issue {
        padding: 10px 10px;
    }
}
@media screen and (max-width: 1280px) {
    .fixed-table-container{
        overflow-x: auto;
    }
    .logoWithEdText{
        zoom:80%;
    }
    .breadcrumb-nav-ul{
        zoom:80%;
    }
    .attach{
        zoom:80%;
    }

    .ed-table-page .table-responsive .table {
        width: 1335px;
        max-width: 1335px;
    }
    .time-picker-box.time-width {
        width: 70%;
    }
    .sms-btns.time-width {
        width: 30%;
    }
    .time-width {
        width: 42%;
    }
    .three-colum-box li {
        width: 100%!important;
        }
    .staf-card-flow .row .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
.main-tab-box .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media screen and (max-width: 1024px) {
    .logoWithEdText{
        zoom:75%;
    }
    .breadcrumb-nav-ul{
        zoom:75%;
    }
    .attach{
        zoom:75%;
    }

    .fixed-table-container{
        overflow-x: auto;
    }

    .cart-table-div .main-table {
        width: 760px;
    }
    .dashboard-bar-main .custom-select-box,
    .bar-search-btn{
        margin-right: 15px;
    }
    .user-detail-ul li td li,
    .client-portel .user-detail-ul li,
    .user-detail-ul li {
        max-width: 23%;
    }
    .raido-btn {
        width: 20%;
    }
    .custom-question-box .table-ul-type {
    width: 711px;
    }
    .dashbord-sec-box .dashbord-data.width-full .custom-question-box .table-ul-type{
        width: 896px;
    }
    .tabs-div .close-tabs,
    .tabs-div .close-tab-content {
        width: 100%;
    }
    .tabs-div {
        flex-direction: column;
        margin: 0px;
    }
    .tabs-div .close-tabs .nav-item .nav-link.active::after {
        content:none;
    }
    .tabs-div .close-tabs .nav-item .nav-link {
        border-left: 0px solid #333!important;
    }
    .tabs-div .close-tabs {
        border-right: 0px!important;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        margin-bottom: 1.5rem;
        padding: 5px 0px;
    }
    .tabs-div .close-tabs .nav-item .nav-link.active,
    .side-bar1 .nav-item .small-heading1.active {
        border-left: 2px solid #ED5D92!important;
        font-weight: 500;
        border-top: 0px!important;
        border-bottom: 0px!important;
        position: relative;
        background-color: #f5f5f5!important;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .custom-click,
    .close-tabs .custom-click {
        display: none;
    }
    .support-plans-tabs-sec .make-custom-tabs {
        border-right: 0px!important;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        margin-bottom: 1.5rem;
        padding: 5px 0px;
        display: block;
    }
    .support-plans-tabs-sec .make-custom-tabs .nav-item .nav-link {
        padding: 12px 25px;
    }
    .make-custom-tabs .nav-item .nav-link.active {
        border-left: 2px solid #ED5D92!important;
        font-weight: 500;
        border-top: 0px!important;
        border-bottom: 0px!important;
        position: relative;
        background-color: #f5f5f5!important;
        color: #333;
    }
    .tabs-div .make-custom-tabs {
        border-right: 0px!important;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        margin-bottom: 1.5rem;
        padding: 5px 0px;
    }
    .close-tab-content .tab-pane {
        padding-left: 0px;
    }
      .navbar-toggler-bar {
        display: block!important;
      }
      .navbar-toggler .dropdown {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
      }
      .alumni-donor .col-lg-3 {
        max-width: 100%;
    }
    .side-bar-bx.arrow-down {
        width: 5%;
    }
    .dashbord-data.width-full,
    .dashbord-data1.width-full1 {
        width: 94%!important;
        margin-bottom: 1px;
    }
    .RepInvModal{
        max-width: 80%!important;
    }
}

.TaskCol {
    min-width: 200px;
}

.ClientCol{
    min-width: 100px;
}

.StatusCol{
    min-width: 100px;
}

@media screen and (max-width: 991px) {
    .searchStrTagTextInput{
        width:80%!important;
    }
    .TaskCol {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ClientCol{
        white-space: nowrap;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr))!important;
        gap: 10px;
    }

    .fixed-table-container .row.col-12.px-0{
        overflow-y: auto;
    }

    .sms-btns.time-width,
    .time-picker-box.time-width,
    .time-picker-box .time-picker-custom {
        width: 100%;
    }
    .time-width {
        width: 50%;
    }
    .userIdHeaderLabel{
        display: none!important;
    }
    .to-text {
        padding: 10px 0;
        /* width: 100%;
        justify-content: center; */
        
    }
    .opactiy-down {
        display: none;
    }
    .time-zone-select.time-width {
        margin-top: 30px;
    }
    .sms-btns.time-width {
        margin: 0 0 15px;
    }
    .time-picker-box.time-width {
        flex-wrap: wrap;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .nav-link.active,
    .side-bar-toggle1 .nav-item a span {
        display: block!important;
    }
    
    .arrow-down1 .width-full1 {
        width: 100%!important;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .custom-click {
        position: static;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item {
        padding: 0px;
        top: 18px;
    }
    .align-col-custom .div-bx1,
    .align-col-custom .div-bx2 {
        width: 100%;
    }
   
    .some-upload h6 {
        width: 25%;
    }
    .custom-upload-file {
        width: 100%;
         }
         .custom-upload-file {
           margin-top: 0px;
           }
         .close-data-div .custom-upload-file .small-main-heading {
            width: auto;
            }
            .custom-upload-file {
                justify-content: space-between;
                margin-left: 0px;
                padding: 15px;
                margin-bottom: 0px!important;
            }
.ticket-ul li {
    width: 100%!important;
    margin: 0 0 20px;
    padding-right: 1rem!important;
}
.close-data-div .col-lg-9 {
    padding: 0px;
}
.close-data-div .attachment-div {
    margin-top: 20px!important;
    max-width: -webkit-fill-available!important;
    width: 100%!important;
    margin-inline: 15px!important;
}
.close-tab-content .tab-pane {
    margin: 0px!important;
    padding-left: 5px!important;
}
}
@media screen and (max-width: 700px) {
.grid-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;
    gap: 10px;
}

.main-tab-box .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.bar-search-btn button {
    width: 100%;
}
.invoice-bar-main .custom-select-box, .bar-search-btn {
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0px;
}
.dashboard-bar-main .custom-select-box, .bar-search-btn {
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0px;
}
}
@media screen and (max-width: 768px) {
    .arrow-down1 .side-bar-toggle1 {
        width: 100%;
    }
    .arrow-down1 .side-bar-toggle1 .nav-item .nav-link.active,
    .side-bar-toggle1 .nav-item a span, .side-bar-toggle1 .nav-item .small-heading1 span,
    .side-bar-toggle1 .nav-item a span, .side-bar-toggle1 .nav-item .small-heading1 span {
        display: block!important;
    }

    .breadcrumb-nav .nav-tabs li.nav-item {
        width: 100%;
    }
    .breadcrumb-nav-ul .nav-item .nav-link.active {
        color: rgb(254, 212, 90)!important;
        border-left: 3px solid #EECA5F!important;
        border-bottom: 0px!important;
    }

    .side-bar-toggle .nav-item a {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    header .logo img {
        margin-right: auto;
        margin-left: -10px;
    }
    .greyc,
    .blue-c-l {
        width: 80%;
         }
    .side-bar-bx.arrow-down {
        width: 100%;
        margin-bottom: 3px;
    }
    .side-bar-bx.arrow-down .small-heading {
        padding: 9px 22px;
    }
    .side-bar-bx .small-heading {
         pointer-events: none;
    }
    .side-bar-bx.arrow-down .small-heading::after,
    .side-bar-bx .small-heading::after {
        top: 3px;
        margin: 0px;
        position: absolute;
        content:none;
    }
    .side-bar-bx.arrow-down .small-heading span,
    .dashbord-sec-box .side-bar.side-bar-toggle li.nav-item a span {
        display: block;
    }
    .side-bar-bx.arrow-down .side-bar-toggle li.nav-item a img {
        margin: 0px 10px 0 0px!important;
    }
   
    .side-bar-bx {
        width: 100%;
        margin-bottom: 3px;
    }
    .tabs-div .close-tabs .nav-item .nav-link.active::after {	
        content: none;	
    }
    .dashbord-sec-box .side-bar {
        width: 100%;
        height: fit-content;
        box-shadow: none;
    }
    .dashbord-sec-box .dashbord-data {
        width: 100%!important;
        margin-bottom: 1px;
    }
    .dashbord-sec-box .dashbord-dataNav {
        width: 100%!important;
        margin-bottom: 1px;
    }
    header .logo {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .time-width {
        width: 100%;
    }
    .user-detail-ul li td li,
    .client-portel .user-detail-ul li,
    .user-detail-ul li {
        max-width: 100%;
    }
    body .navbar-toggler {
        display: block;
        margin: 0 auto;
    }
    .toggle-nav .nav-tabs li.nav-item:last-child{
        display: block;
      }
    .navbar-toggler-bar {
        display: none!important;
    }
    .breadcrumb-nav-ul .nav-item .nav-link.active:before {
        position: absolute;
        content: "";
        background: #EECA5F;
        left: -15px;
        right: 0;
        width: 0.5%;
        height: 100%;
        top: 0px;
    }
    .breadcrumb-nav-ul .nav-item .nav-link.active {
        border: none !important;
        position: relative;
    }
    .toggle-nav {
        display: none;
    }
    .invoice-bar-main {
        padding-top: 10px!important;
    }
    .invoice-bar-main .custom-select-box {
        margin-right: 0px;
        margin-bottom: 5px;
    }
    .files-pane {
        height: 73%;
        max-height: 195px!important;
    }
    .RepInvModal{
        max-width: 99%!important;
    }
}
@media screen and (max-width: 649px) {
.staf-card-flow .row .col-xl-3 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.hours-custom-div {
    width: 100%;
}
.ticket-table-sec .table {
    width: 640px;
    max-width: 640px;
}
.issue-tittle-ul li {
    width: 100%;
    padding-bottom: 15px;
}
.issue-tittle-ul li:last-child {
    padding-bottom: 0px;
}
}
@media screen and (max-width: 576px) {
    .notifications-dropdownMenu{
        position: fixed!important;
        width: 100% !important;
        max-width: 30em !important;
        margin-top: 25px!important;
    }
    .clearInputSTRTaggedSearch{
        display: block!important;
    }
    .grid-container {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))!important;
        gap: 10px;
    }

    .fixed-table-container .row.col-12.px-0{
        overflow-y: auto;
    }

    .TaskCell.TaskCol .d-flex.justify-content-between {
        width: 130px;
    }

    .ulSettings{
        font-size: 11px;
    }
    .cellDivDate{
        font-size: 11px;
    }
    .custom-search-dib {
        width: 100%;
        margin: 0 0 20px;
    }
    .max-width-12, .max-width-14 {
        max-width: 100%!important;
    }
    .breadcrumbInDashboard{
        zoom: 62%;
    }
    .logoWithEdText{
        zoom: 60%;
    }
.raido-btn {
    width: 33%;
}
.custom-dropdown.woman .dropdown-toggle .client-name {
    display: none;
}
.ul-custom li {
    padding: 10px 10px;
    max-width: 100%;
}
}
@media screen and (max-width: 480px) {
    .notifications-dropdownMenu{
        position: fixed!important;
        width: 100% !important;
        max-width: 30em !important;
        margin-top: 25px!important;
    }

    .fixed-table-container .row.col-12.px-0{
        overflow-y: auto;
    }

    .TaskCell.TaskCol .d-flex.justify-content-between {
        width: 130px;
    }

    .dashbord-sec-box .dashbord-data.width-full .custom-question-box .table-ul-type {
        width: 546px;
    }
    .max-width-12, .max-width-14 {
        max-width: 100%!important;
    }
    .breadcrumbInDashboard{
        zoom: 60%;
    }
    .logoWithEdText{
        zoom: 60%;
    }
    .page-name.diffrent-header ul li span {
        font-size: 13px;
    }
    .search-date .date-bar {
        flex-direction: column;
    }
    .close-data-div .btn-group-custom a {
        margin-right: 10px!important;
    }
    .bundel-detail-box .table-responsive table,
    .table-bx table {
        width: 500px;
        max-width: 500px;
    }
    .close-data-div .content .btn-group-custom {
        flex-direction: column;
    }
    .close-data-div .content .btn-group-custom button {
        margin: 0px 0 10px 0!important;
    }
    .row-custom-height .col-md-2 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 10px!important;
    }
    .row-custom-height .seach-btn-bar button {
        max-width: 100px;
        width: 100px;
        height: auto;
        padding: 10px 0;
    }
    .row-custom-height {
        height: auto;
    }
    .row-custom-height .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 15px;
    }
    .row-custom-height .seach-btn-bar {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .logo p {
        font-size: 11px;
    }
    .custom-dropdown.attach .dropdown-toggle:last-child {
        margin-right: 0px;
    }
    .dropdown.custom-dropdown.sms {
        padding-right: 20px;
    }
    .breadcrumb-nav-ul .nav-item .nav-link.active:before {
        width: 1%;
    }
    .four-btn-box a {
        width: 100%;
        margin-bottom: 5px;
    }
    .search-date .date-bar button {
        margin-left: 0px;
        margin-top: 5px;
        width: 100%;
    }
    .dashboard-bar-main {
        padding-top: 10px!important;
    }
    .refund-policy {
        text-align: justify!important;
    }
    .total-list li {
        width: 50%;
        margin-right: 0px!important;
    }
    .invoice-total-p {
        margin-top: 20px;;
    }
}
@media screen and (max-width: 359px) {
    .notifications-dropdownMenu{
        width: 100% !important;
        max-width: 20em !important;
    }
}
@media screen and (max-width: 245px) {
    .notifications-dropdownMenu{
        width: 100% !important;
        max-width: 15em !important;
    }
}
.desk {
    display: inline-block;
}
@media screen and (min-width: 1920px) {
    .attachment-div {
        width: 24%!important;
    }
    .files-list {
        width: 50% !important;
    }
}

@media screen and (min-width: 1024px) {
    .toggle-nav {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    .toggle-nav {
        display: block;
    }
    .logoName-para {
        white-space: nowrap!important;
    }
}

@media screen and (max-width: 832px) {
    .logoName-para {
        white-space:initial!important;
    }
}

@media screen and (min-width: 991px) {
    .w-md-5 {
        width: 5% !important;
    }
    
    .w-md-10 {
        width: 10% !important;
    }
    
    .w-md-15 {
        width: 15% !important;
    }
    
    .w-md-20 {
        width: 20% !important;
    }
    .w-md-25 {
        width: 25% !important;
    }    
    .w-md-30 {
        width: 30% !important;
    }
      
    .w-md-35 {
        width: 35% !important;
    }
      
    .w-md-40 {
        width: 40% !important;
    }
      
    .w-md-45 {
        width: 45% !important;
    }
      
    .w-md-55 {
        width: 55% !important;
    }
      
    .w-md-60 {
        width: 60% !important;
    }
      
    .w-md-65 {
        width: 65% !important;
    }
      
    .w-md-70 {
        width: 70% !important;
    }
      
    .w-md-80 {
        width: 80% !important;
    }
      
    .w-md-85 {
        width: 85% !important;
    }
      
    .w-md-90 {
        width: 90% !important;
    }
      
    .w-md-95 {
        width: 95% !important;
    }
}

@media screen and (min-width: 768px) {
    .alumni-donor .col-lg-3 {
        width: 50%!important;
        flex: auto;
    }
    .close-data-div .ticket-ul {
        margin-bottom: 1.5rem;
    }
}
@media screen {
    #printSection {
        display: none;
    }
  }
  
  @media print {
    * { 
        overflow: visible !important; 
    } 
    .page { 
        page-break-after:always; 
    }

    body * {
      visibility:hidden;
    }
    #printSection, #printer-poppup1, #recipients-modal, #AdvSearchModal, #issueTypeStatusReportPrint, .logprintContainer, #logContentSection, #printSection *, #printer-poppup1 *,#recipients-modal *, #AdvSearchModal *, .logprintContainer *, #issueTypeStatusReportPrint *, #logContentSection * {
      visibility:visible;
    }
    /* #printSection, #printer-poppup1 {
      position:absolute;
      left:0;
      top:0;
    } */
    .modal.show .modal-dialog {
        max-width: 100% !important;
    }
    #printSection, #issueTypeStatusReportPrint, #emailStrAnalysisModal, #printSection *, #emailStrAnalysisModal * {
      visibility:visible;
    }
    .page-break {
        page-break-before: always;
    }
	#invoicesCustTransMainTblCont, #invoicesCustTransMainTblCont * {
		visibility: visible;
	}
	#invoicesCustTransMainTblCont {
		position: absolute;
		top: 0;
		left: 10px;
		right: 10px;
		width: auto;
		padding: 0;
	}
	.noprint {
		display: none !important;
	}
	#printStatSection, #printStatSection * {
		visibility: visible;
	}
	#printSection {
		position: absolute;
		top: 0;
		left: 10px;
		right: 10px;
		width: auto;
		padding: 0;
	}
	#InvoicesModal .modal-body iframe {
		width: 100% !important;
    	max-width: 100% !important;
		height: 100vh !important;
	}
	#InvoicesModal .modal-body {
		width: 100% !important;
		max-width: 100% !important;
	}
	#InvoicesModal .modal-body {
		padding: 0 !important;
		margin: 0 !important;
	}

	#printInvSection, #printInvSection * {
		visibility: visible;
	}
	#printInvSection {
		position: absolute;
		top: 0;
		left: 10px;
		right: 10px;
		width: auto;
		padding: 0;
		width: 100% !important;
    	max-width: 100% !important;
		height: 100vh !important;
	}	

    .modal-content *,
    .modal-content {
        visibility: visible;
        overflow: visible !important;
    }

    .modal-content {
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    .modal {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    /* Remove modal-dialog spacing and ensure full width */
    .modal-dialog {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    .letterheaderRepLogo{
        max-width: 100%!important;
        width: 100%!important;
    }

    #repSupportContractCont th.whiteSpace-noWrap.position-relative {
        position:initial!important;
    }
  }

  .txtcnt {
    text-align: right!important;
    color: #999;
  }

  .timestamp {
    font-size: 12px!important;
    color: #808080;
  }

  .mw75 {
    max-width: 75%!important;
  }

  .mw70 {
    max-width: 70%!important;
  }

  .mw-30 {
    max-width: 30% !important;
  }
  
  .pt-c {
    padding-top: 0.11rem !important;
  }

  .refund-policy {
    padding: 10px 14px;
    background: #FFFDE7;
    color: #FAAD15;
    /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
    margin: 15px 0px;
    text-align: center;
    font-weight: 500;
    border: solid 1px #faad152e;
}

/* Colours */
.yellow-fav { 
    filter: invert(96%) sepia(53%) saturate(4762%) hue-rotate(321deg) brightness(100%) contrast(102%);
}
.normal-gray {
    filter: invert(46%) sepia(0%) saturate(1842%) hue-rotate(145deg) brightness(93%) contrast(90%);
}
.darkest-gray {
    filter: invert(13%) sepia(0%) saturate(1468%) hue-rotate(141deg) brightness(101%) contrast(82%)
}
/* End of Colours */

.reject-reason textarea {
    height: 75px;
    background: none;
    resize: none;
    padding-top: 0.5rem;
}

.label.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}

.card-icon {
    color: #6e6e6e;
}

.nav-icon {
    width: 16px!important;
    margin-right: 20px;
}

.vr-icon {
    padding-left: 2px;
}

.dev-card-icon {
    width: 20px;
}

.dev-card-MName {
    color: #3949ac;
    font-weight: 500;
}

.dev-card-img {
    width: 78%;
    margin: 20 5;
}

.hidden {
    display: none!important;
}
/* Custom Width */

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}
  
.w-35 {
    width: 35% !important;
}
  
.w-40 {
    width: 40% !important;
}
  
.w-45 {
    width: 45% !important;
}

.w-47 {
    width: 47% !important;
}
  
.w-55 {
    width: 55% !important;
}
  
.w-60 {
    width: 60% !important;
}
  
.w-65 {
    width: 65% !important;
}
  
.w-70 {
    width: 70% !important;
}
  
.w-80 {
    width: 80% !important;
}
  
.w-85 {
    width: 85% !important;
}
  
.w-90 {
    width: 90% !important;
}
  
.w-95 {
    width: 95% !important;
}

.w-97 {
    width: 97% !important;
}

/* End of Custom Width */

select:required:invalid {
    color: gray;
  }
  option[value=""][disabled] {
    display: block;
  }
  option {
    color: #333;
  }
[value="DESC"] + #breadcrumb-three .fa-sort-desc:before,
[value="DESC"] + #sms-bundle-log .fa-sort-desc:before,
[value="DESC"] + #sms-logs .fa-sort-desc:before,
[value="DESC"] + #sms-events .fa-sort-desc:before,
[value="HrsApprovedOn DESC"] + #client-apr .fa-sort-desc:before {
    color: #777;
}

[value="ASC"] + #breadcrumb-three .fa-sort-asc:before,
[value="ASC"] + #sms-bundle-log .fa-sort-asc:before,
[value="ASC"] + #sms-logs .fa-sort-asc:before,
[value="ASC"] + #sms-events .fa-sort-asc:before,
[value="HrsApprovedOn ASC"] + #client-apr .fa-sort-asc:before {
    color: #777;
}

.custom-chk input:disabled ~ .checkmark {
    background-color: #dcdcdc;
    border: 2px solid #dcdcdc;
    cursor: auto;
}

#leftNav .nav>li>a:focus, #leftNav .nav>li>a:hover {
    text-decoration: none;
    background-color: #ffffff;
    cursor: pointer;
}

.min-height-50{
    min-height: 50px;
}

.min-height-75{
    min-height: 75px;
}

.min-height-100{
    min-height: 100px;
}

.min-height-150{
    min-height: 150px;
}

.min-height-190{
    min-height: 190px;
}

.min-height-200{
    min-height: 200px;
}

.min-height-250{
    min-height: 250px;
}

.min-height-300{
    min-height: 300px;
}

.min-height-350{
    min-height: 350px;
}

.min-height-400{
    min-height: 400px;
}

.min-height-450{
    min-height: 450px;
}

.min-height-475{
    min-height:475px;
}

.min-height-500{
    min-height: 500px;
}

.min-height-525{
    min-height: 525px;
}

.min-height-550{
    min-height: 550px;
}

.min-height-600{
    min-height: 600px;
}

.min-height-650{
    min-height: 650px;
}

.min-height-725{
    min-height: 725px;
}

.min-max-width-300{
    min-width: 300px;
    max-width: 300px;
}

.transparent-border-rounder{
    border: solid 3px #f2f2f2;
    border-radius: 1rem;
}

.pointer{
    cursor: pointer;
}

.bg-light-greay{
    background-color: lightgrey;
}

.border-1px-grey{
    border: 1px solid rgb(236, 235, 234);
}

.color-grey{
    color: rgb(108,117,125);
}

.modal-xl{
  max-width: 90%;
  width: 90%;
}

.modal-loader {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffffe8;
    z-index: 1050;
}

.modal-loader .spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

.widget-loader {
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffffe8;
    z-index: 1060;
}

.widget-loader .spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

.list-disc{
    list-style: disc!important;
}

.min-content {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content!important;
}

.pagination-detail .page-list {
  display: none!important;
}

.z-index-1050{
    z-index: 1050;
}

.z-index-1060{
    z-index: 1060;
}

.multiselect-selected-text{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#widget-template-col .dropdown-menu .add-or-not p a i {
    margin-right: 5px;
    color: #2c92ff;
}

#widget-template-col .dropdown-menu .add-or-not p a {
    margin-right: 10px;
}

#widget-template-col .dropdown-menu .add-or-not p {
    display: flex;
    justify-content: space-between;
    color: #333;
}

.side-bar li > .has-ul {
    position: relative;
    padding-right: 36px;
}

.side-bar li > .has-ul:after {
    content: "\edc9";
    font-family: "icomoon";
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 32px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    margin-right: -6px;
}

.side-bar li.active > .has-ul:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.smallHeadingHasUl{
    position: relative;
    padding-right: 36px;
}

.smallHeadingHasUl:after {
    content: "\edc9";
    font-family: "icomoon";
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 32px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
}

p.smallheading-l2.active::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dashboardSharedWithMeLink:hover{
    color : rgb(33, 150, 243);
    text-decoration: none;
}

.dashboardSharedWithMeLink{
    color: rgb(51, 51, 51);
}

.shareWithMeSelected{
    color: #2196F3;
}

.max-width-12{
    max-width: 12%;
}

.max-width-14 {
    max-width: 14%;
}

.kb-priority-control{
    font-size           : 95%;
    border              : 1px solid #ddd;
    border-radius       : 15px!important;
    padding             : 1px 20px 1px 10px;
    box-shadow          : inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
    background-color    : #ffffff;
    -webkit-appearance  : none;
    background-position : 100% 50%;
    background-repeat   : no-repeat;
    background-size     : auto 15%;
    border-radius       : 0;
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-blend-mode: screen;
}

.kb-priority-control:focus{
    outline: none;
}

.special-markers{
    font-size: 13px;
}

.date-val{
    background: #ebebeb;
    padding: 2px 8px 2px 8px;
    border-radius: 10px;
}

.modal{
    overflow-y: auto;
}

.border-grey{
    border: 1px solid #ced4da;
}

.border-grey-bottom{
    border-bottom: 1px solid #ced4da!important;
}

.border-grey-top{
    border-top: 1px solid #ced4da!important;
}

.border-grey-left{
    border-left: 1px solid #ced4da!important;
}

.border-grey-right{
    border-right: 1px solid #ced4da!important;
}

.w-auto{
    width: auto;
}

.position-absolute{
    position: absolute !important;
}

.bottom-0{
    bottom: 0px;
}

.left-0{
    left:0px !important;
}

.border-grey-top{
    border-top: 1px solid #ced4da;
}

.h-fit-content{
    height: fit-content;
}

.bootstrap-table.bootstrap4 {
  width: 100%;
}

.position-abs-edit-btn{
    position:absolute;
    top: 25px;
}

.mt-32{
    margin-top: 32px;
}

.text-black{
    color: rgb(51, 51, 51)!important;
}

.h-max{
    height: 100%;
}

.bg-body{
    background-color: rgba(242, 242, 242, 1);
}

.dragIconDashboard{
    margin-left: -15px;
    width: 12px;
    cursor: move;
}

.dashboardActionBar{
    transform: translate3d(-160px, -20px, 0px)!important;
}

.dashboardWidgetActionBar{
    transform: translate3d(-100px, -288px, 0px)!important;
    position: absolute!important;
}

.truncate-oneLinesWTemplate{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.truncate-oneLines{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.3em;
}

.truncate-oneLinesOrderComment {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1;
    border-bottom: none!important;
}

.truncate-twoLines{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.8em;
}

.truncate-twoLinesKb{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6em;
    height: 3.6em;
}

.truncate-twoLinesCard {
    white-space: normal;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3em;
    height: 3.1em;
}

.truncate-twoLinesCardBody {
    white-space: normal;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3em;
    height: 3.1em;
}

.truncate-threeLinesCardDescription {
    white-space: normal;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3em;
    height: 3.8em;
}

.h-27em{
    height: 2.7em;
}

.h-3em{
    height: 3em;
}

.truncateSTRTicketList-twoLines{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 1.8em;
}

.truncate-twoLinesLogMyDash {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.8em;
}

.border-bottomTab{
    border-bottom: 1px solid #dee2e6;
}

.h-min-content {
    height: min-content;
}

.h-inherit{
    height: inherit;
}

.w-inherit{
    width: inherit;
}

.truncate-twoLinesLogDetails {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.2em;
}

.truncate-oneLinesWidgetTemplateHeader {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.9em;
    line-height: 2em;
}

.filterBehaviourDropdown{
    background: none;
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.dragIconEditDashboard{
    width: 9px;
    cursor: move;
}

.margin-top-bottom-1{
    margin: 1px 0px;
}

.abs-bottom-50{
    position: absolute;
    bottom: -50px;
}

.font-size-08em{
    font-size: 0.8em;input#strSearch::placeholder {
        color: black;
    }
}

.bg-pinkLight{
    background-color: #FFB6C1;
}

.bg-pink{
    background-color: #ffc0cb;
}

.bg-priorityA{
    background-color:#ff0000;
}

.bg-priorityB{
    background-color:#ff6a00;
}

.bg-priorityC{
    background-color:#F8B323;
}

.bg-priorityD{
    background-color:#50C877;
}

.bg-priorityE{
    background-color:#9cc3ff;
}

.bg-Nopriority{
    background-color:#808080;
}

#tbl-AutoEmail th {
    height:30px !important;
}

th.tw-65 {    
    width:65px !important;
}

th.tw-83 {
    width: 83px !important;
}

input#strSearch::placeholder {
    color: black;
}

.noteColRow textarea{
    border: 1px solid #dee2e6;
}

.noteColRow textarea:focus {
    outline: none;
}

.bg-yellow{
    background-color: #FFFF00;
}

#snackbar {
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
}

#dashboardSnackbar {
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
}

.smallheading-l2{
    font-size: 13px;
    background: #fff;
    margin: 0px;
    padding: 2px 20px 2px 30px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#edSitesList ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
  
#edSitesList .siteLi {
    cursor: pointer;
    padding-left: 18px;
    font-size: 13px;
}

#edSitesList .siteLi:hover {
    background-color: #ccc;
}

#edSitesList .siteLi.selected {
    background-color: #ccc;
    position: relative;
}
  
#edSitesList .currentSite::before {
    content: '\2713';
    font-size: 20px;
}

.pl-30px{
    padding-left: 30px!important;
}

.borderTop-logout{
    border-top: 1px solid #ccc;
}

.zoom-50{
    zoom: 50%;
}

.zoom-90{
    zoom:90%;
}

.zoom-95{
    zoom:95%;
}

.kanbanContainer{
    height: 775px;
    overflow-y: auto;
    font-size: 0.7em;
}

.logoutSuperSuLogin{
    width: 250px;
}

.pr-20px{
    padding-right: 20px;
}

.w-175px{
    width: 175px;
}

.borderColor-invalidField{
    border-color: #dc3545!important;
}

.list-disc{
    list-style: disc;
}

.rounded-10{
    border-radius: 10px
}

@media print {
	.noprint {display: none!important;}
}

.border-left-white{
    border-left: 1px solid #ffffff!important;
}

.border-right-white{
    border-right: 1px solid #ffffff!important;
}

.border-top-white{
    border-top: 1px solid #ffffff!important;
}

.select2-search__field{
    display: none;
}

.w-fitContent{
    width: fit-content;
}

.h-fitContent{
    height: fit-content;
}

#agentEditContainer{
    border: 1px solid #dee2e6;
    border-radius: 10px;
}

#consultantsContainer .bootstrap-table{
    height: fit-content;
}

.selectedAgentToEdit{
    background-color: rgba(0,0,0,.075);
}

.selectedAgentList{
    background-color: rgba(0,0,0,.075);
}

.bright-red{
    color: #f3172d;
}

.disable-element{
    pointer-events: none;
    opacity: 0.5!important;
}

a.dropdown-toggle:hover {
    text-decoration: none;
}

.w-90{
    width: 90%!important;
}

.roboto-Helvetica{
    font-family: Roboto,'Helvetica';
}

.selectPriority-textCircle{
    width: fit-content;
    line-height: 2;
    border-radius: 100%;
    border: 2px solid rgb(63, 81, 181);
    min-height: 30px;
}

.divCircleToAdd{
    width: fit-content;
    border-radius: 100%;
    background-color: #FFFFFF;
    min-height: 20px;
}

.strCons-textCircle{
    width: auto;
    line-height: 2;
    border-radius: 50%;
    padding: 4px 2px;
    border: 1px solid rgb(63, 81, 181);
}

.w-30px{
    width: 30px;
}

.homeDtab .nav-link.active{
    background-color: rgb(63, 81, 181)!important;
    color:#ffffff!important;
    font-weight: bold;
}

.dashboard-tab-link .nav-link.active{
    background-color: rgb(63, 81, 181)!important;
    color:#ffffff!important;
    font-weight: bold;
}

.dashboard-tab-link .nav-link.active .card{
    background-color: rgb(63, 81, 181)!important;
    color:#ffffff!important;
    font-weight: bold;
}

.dashboard-tab-link .nav-link.active .card .card-body p{
    color:#ffffff!important;
    font-weight: bold;
}

.dashboard-tab-link .nav-link.active .card .card-header{
    border-bottom-color: #ffffff;
}

.hideColSearch{
    display: none;
}

.elRightBottomInCell{
    position: absolute !important;
    bottom: 8px;
    right: 3px;
}

.elLeftBottomInCell{
    position: absolute !important;
    bottom: 8px;
    left: 3px; 
}

.input-with-icons {
    position: relative;
}
  
.input-with-icons .minus-icon,
.input-with-icons .plus-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    z-index: 1;
}
  
.input-with-icons .minus-icon {
    left: 5px;
}
  
.input-with-icons .plus-icon {
    right: 5px;
}
  
.input-with-icons .form-control {
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
}
  
.calendar-icon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #fff;
    padding: 4px 10px;
    line-height: 1 !important;
    height: 20px;
    box-sizing: border-box;
	font-family: sans-serif, Arial;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font: normal 11px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.radio-toolbar input:disabled:not(:checked) + label:hover {
	background-color: #ffffff;
	border-color: #cccccc;
	color:  #333;
}

.radio-toolbar input:checked + label {
	background-color: #9cc3ff;
	border-color: #9cc3ff;
}

.radio-toolbar input:checked + label:hover {
	color:  #333;
}

.radio-toolbar label:hover {
	color: #9cc3ff;
	border: 1px solid #9cc3ff;
}

.border-blue{
    border: 1px solid rgb(0, 123, 255);
}

.dragIconChangeTicketOrder{
    width: 13px;
    top: 18px;
    left: -14px;
}

.strActionBarMenu{
    width: 13px;
    top: 10px;
    right: 30px;
}

.dragIconSupertrack {
    /* margin-left: -20px; */
    margin-right: 8px;
    width: 12px;
    height: 20px;
    cursor: move;
}

.ulSuperTrack li span, .ulProductFunction li span {
    width: 100%;
    /* margin-left: 5px; */
}

.bg-greenLight{
    background-color: rgb(96, 227, 21);
}

.text-greyLight{
    color: rgb(108, 117, 125);
}

.center-loadingGif{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.supertrackTable > thead > tr > th {
    vertical-align: middle !important;
}

.font-weight-500{
    font-weight: 500 !important;
}

.h-150px{
    height: 150px;
}

.color-muted{
    color: #999!important;
}

footer{
    background-color: rgb(63, 81, 181);
}

.footer-pos{
    bottom: 0px;
    color: #FFFFFF;
    z-index: 9999;
}

.footer-font{
    font: bold 10px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.grey-border{
    border: 1px solid #dee2e6;
    border-radius: 1px;
}

.selectedDayInStrAnalysis{
    background-color: rgba(0,0,0,.075);
}

.ch-icon {
    color: #D6D6D3;
}

.max-height-400{
    max-height: 400px;
}

.overflow-y{
    overflow-y: auto;
}

#franchises-group-chkbox::-webkit-scrollbar {
    width: 11px;
}

#franchises-group-chkbox {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

#franchises-group-chkbox::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

#franchises-group-chkbox::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

.height-auto{
    height: auto;
}

.p-3px{
    padding: 3px;
}

.wordBreak-initial{
    word-break: initial!important;
}

.lineHeight-12px{
    line-height: 12px;
}

.top-m10px{
    top: -10px;
}

#collapsibleNavbarMobile{
    display: none;
}

.collapse.show{
    display: block!important;
}

.epWidgetActionBar{
    transform: translate3d(-220px, -195px, 0px)!important;
    position: absolute!important;
}
.w-maxcontent{
    width: max-content!important;
}

.mt-150px{
    margin-top: 150px;
}

.whiteSpace-noWrap{
    white-space: nowrap;
}

.fontWeight-700{
    font-weight: 700;
}

.txtHeaderBig{
    font-size: 16px;
}

.w-maxcontent{
    width: max-content;
}

.brcrb_Lvl1, .brcrb_Lvl2, .brcrb_Lvl3{
    position:absolute;
    display: inherit;
    margin-left: 0px;
    left:5px!important;
    top:20px;
    width:200px;
    z-index:500;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.brcrb_navElement{
    background-color: #FFFFFF;
    color: rgb(63, 81, 181);
    display: inherit;
}

.brcrb_navElement:hover {
    text-decoration: none;
}

.brcrb_subNav{
    left:200px;
    width:200px;
    background-color: #FFFFFF;
    color: rgb(63, 81, 181);
    display: inherit;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.downward_icon{
    height: 10px; 
    width: auto;
}

.compactKbLayoutClass{
    opacity: 0.8;
    cursor: pointer;
}

.compactKbLayoutClass .priorityDropdown{
    pointer-events: none;
}

.compactKbLayoutClass a{
    pointer-events: none;
}

.compactKbLayoutToExpandClass{
    display: none!important;
}

a.no-underline {
    text-decoration: none;
    color: #000000;
}

.cursor-auto{
    cursor: auto;
}

.box-nav .brcrb_navElement{
    font-weight: 400!important;
}

.overflow-hidden{
    overflow: hidden!important;
}

.font-inherit{
    font: inherit!important;
}

.small-blue-circle {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 3px solid blue;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.small-red-circle {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 3px solid #FF0000;
    border-radius: 50%;
}

#contentEmailLists .bootstrap-table{
    height: fit-content;
}

.overflow-x-auto{
    overflow-x: auto;
}

.tbl-bgheaderColor{
    background-color: #D9D9D9;
}

.selectedGuidesMenuItem{
    text-decoration: underline;
}

.bg-tblheading{
    background-color: rgba(0,0,0,.075);
}

.pb-6 {
    padding-bottom: .7rem;
}

.w-44 {
    width: 44% !important;
}

.bg-pinkWidgetListRow{
    background-color: #ff9898;
}

.bg-redWidgetListRow{
    background-color: #ec3737;
}

.h-maxContent{
    height: max-content;
}

.modal {
    height: calc(100vh - 5.8rem) !important;
    margin-top: 3.48rem !important;
    margin-right: 0.8rem !important;
    scrollbar-color: #000000 transparent !important;
    scrollbar-width: thin;
}

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

.loading-wrap{
    display: none!important;
}

.badgeNotif {
    position: absolute;
    font-size: 10px;
    margin-left: -5px;
    margin-top: -18px;
    background-color: var(--orange);
    color: #FFFFFF;
    padding-right: .4em;
    padding-left: 0.4em;
    border-radius: 10rem;
    padding-top: 0.5em;
}

#leftnavConsListTable{
    height: min-content;
}

.mt-12rem{
    margin-top: 1.2rem!important;
}

/*Classes to set the space between elements in the filter bar should be 1rem*/
.ml-1rem{
    margin-left: 1rem;
}

.mr-1rem{
    margin-right: 1rem;
}

.searchIcon-btnStd{
    border-color: rgba(221, 221, 221, 1);
    color: #777;
    font-weight: normal;
    padding: 0px 9px;
    margin-left: 0px;
    background: #fff;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
}
.searchIcon-btnStd:hover{
    border-color: rgba(221, 221, 221, 1);
    color: #777;
    font-weight: normal;
    padding: 0px 9px;
    margin-left: 15px;
    background: #fff;
    border-radius: 3px;
    height: 30px;
}

#select2-assigneeSelectMyDashboard-container:before {
    content: "Assignee:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-consultantFilterMyTicket-container:before {
    content: "Assignee:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-departmentFilter-container:before {
    content: "Department/Team:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-searchMyTicketState-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-globalSearchTicketState-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-planTicketSearchBy-container:before {
    content: "Search By:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-planTicketSelectWidget-container:before {
    content: "Select Widget:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#selectWidgetCont .select2 {
    width: 100% !important;
}

#select2-GuideStatusList-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.p-075rem{
    padding: 0.75rem!important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ddd!important;
    border-radius: 2px!important;
    height: 30px!important;
}

.filterBar-border{
    border: 1px solid #ddd;
    border-radius: 2px;
}

.select2-selection__rendered:before {
    color: rgb(51, 51, 51)!important;
}

.inputText-std{
    height: 30px;
    padding-bottom: 0!important;
    padding-top: 0!important;
    margin-right: 0!important;
    border: 0!important;
    padding-left: 0.5rem!important;
    background-color: #fff!important;
    width: 100%!important;
}

.inputText-std {
    border-color: #80bdff;
    outline: 0;
}

.grayBorder{
    border: 1px solid #ddd!important; 
}

.grayBorder-topBottomLeft{
    border-top: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
    border-left: 1px solid #ddd!important;
}

.grayBorder-topBottomRight{
    border-top: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
    border-right: 1px solid #ddd!important;
}

.grayBorder-left{
    border-left: 1px solid #ddd!important;
}

.grayBorder-right{
    border-right: 1px solid #ddd!important;
}

.grayBorder-bottom{
    border-bottom: 1px solid #ddd!important;
}

.bootstrap-table .fixed-table-container .table thead th {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
}

.bootstrap-table .fixed-table-container .table thead th .both {
    padding-top: 0.5em!important;
    padding-bottom: 0.5em;
}

.bootstrap-table .fixed-table-container .table thead .isInPlanModule .both {
    padding-bottom: 0.75rem!important;
}

.clearbtnStd{
    height: 30px; 
    font-size: 1rem;
    color: gray!important;
    background-color: #fff!important;
}

fieldset.scheduler-border {
    width: 100%!important;
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

#addNewTicketTypeBtn {
    right: 12px;
}

#addNewIssueTypeBtn {
    right: 16px;
}

.overflowY-hidden {
    overflow-y: hidden;
}

.iicon {
    color: #1E3050;
}

#ConsultantTeamField .select2{
    width: auto !important;
}

.multiselect-planStaff + div span.multiselect-selected-text:before {
    content: "Staff:";
}

#select2-masterlog-Category-container:before {
    content: "Category:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.bg-e67575 {
    background-color: #e67575 !important;
}

.planDropdownClass li.staff-team {
    padding-left: 15px;
}

.planDropdownClass li.staff-option {
    padding-left: 30px;
}

.planPopover {
    border-radius: 3px;
    padding: 0;
    border-width: 0;
    min-width: 18rem;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23), 0 -1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23), 0 -1px 1px rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 1060;
}
.departLabel {
    opacity: .6;
}

.planDropdownClass .multiselect-container li:first-child {
    border-bottom: 0px;
    padding-bottom: 2px;
}

.planDropdownClass .multiselect {
    width: 174px !important;
}

.planDropdownClass .btn-group {
    border: 0px !important;
}

.planDropdownClass .multiselect {
    width: 100% !important;
}

.btn-planPopover {
    border-radius: 2px;
    font-size: 10px;
}

.planPopover {
    border-radius: 4px;
}

.planDropdownClass ul.multiselect-container {
    width: 120% !important;
    overflow-x: hidden;
}

.planDropdownClass .multiselect:before {
    content: '' !important;
}

.planDropdownClass .multiselect-search {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.modal-plan-lg {
    max-width: 70%;
    width: 70%;
}

.planDropdownClass .multiselect-all {
    background: transparent !important;
}

.planDropdownClass .multiselect-all label {
    padding: 3px 20px 10px 0px !important;
}

.dropdownTeam {
    padding-left: 1rem !important;
}

.dropdownStaff {
    padding-left: 2rem !important;
}

.form-check-input-plans {
    width: 18px;
    height: 18px;
}

.form-check-label-plans {
    font-weight: 400;
    font-size: 13px;
}

.multiselect-item:active {
    background-color: #FFF !important;
    color: #333;
}

.multiselect-item:hover {
    background-color: #FFF;
    color: #333;
}

li.multiselect-option:active {
    background-color: #FFF !important;
    color: #333;
}

.tbl-hrs {
    min-height: 1.9rem;
}

.tbl-hrs-pos {
    bottom: 0.2rem;
}

.pointerEventsNone {
    pointer-events: none;
}

.multiselect-AssigneeTo + div span.multiselect-selected-text:before {
    content: "Assignee To:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.implementation-status-cont #select2-implStatus-container:before{
    content:"Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#fromDt .input-group:before {
    content: "Date from:";
    font-weight: 600;
    padding-right: 5px;
    color: gray !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 2px;
    background: #FFF;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: .5rem;
}

#toDt .input-group:before {
    content: "To:";
    font-weight: 600;
    padding-right: 5px;
    color: gray !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 2px;
    background: #FFF;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: .5rem;
}

.input-text {
    height: 30px;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
}

.input-label {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    height: 30px;
    border-radius: 2px;
    font-weight: 600;
    color: gray!important;
    margin-bottom: 0.4rem;
}

.input-date {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 2px;
    height: 30px;
    top: 6px;
}

.mt-09 {
    margin-top: .7rem;
}

.tractive {
    background-color: rgba(0, 0, 0, .075);
}

#divSearchContent .select2 {
    width: 100% !important;
}

#tabledump td.luceeN0 {
    background-color: #fff !important;
}

#allTableDump td.luceeN0 {
    background-color: #fff !important;
}

#masterlogSearchBtn {
    height: 29px !important;
}

#dumpContent {
    max-height: 60vh;
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.searchBtn {
    border-color: rgba(221, 221, 221, 1);
    color: #777;
    font-weight: normal;
    padding: 0px 9px;
    margin-left: 0px;
    background: #fff;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
}

.searchBtn:hover {
    background: #fff;
    color: #777;
    border-color: rgba(221, 221, 221, 1);
}

.searchBtn:active {
    background-color: #fff !important;
    color: #777 !important;
    border-color: rgba(221, 221, 221, 1) !important;
}

.iconCalendar {
    font-size: 1.3rem !important;
}

.rowMaxHeight {
    max-height: 330px; 
    overflow-y: auto; 
    scrollbar-color: #818181 transparent; 
    scrollbar-width: thin;
}

.btn-tr-impl {
    color: #2196F3 !important;
}

.btn-bg-impl {
    color: #FFF !important;
}

.threeDotsNavBarMenuContent{
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    min-height: 8rem;
    padding: 0.5rem 0.5rem;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #3949AB;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}    

.threeDotsNavBarMenuContent ul li a{
    color: #3949AB!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    background: transparent;
    font-size: 13px;
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
}

.threeDotsNavBarMenuContent ul li a.active{
    color: rgb(254, 212, 90)!important;
}

.threeDotsNavBarMenuContent ul li{
    white-space: nowrap;
}
.sprints-multi-level-dropdown, .project-multi-level-dropdown {
    left: 19.91rem !important;
    z-index: 999;
    position: relative;
    max-height: 23rem;
    overflow-y: auto;
    scrollbar-color: #000000 transparent !important;
    scrollbar-width: thin;
    background: #FFF;
}

.dropdown-submenu {
    color: gray !important;
}

.escalatedFilterRow .select2 {
    width: 100% !important;
}
.wTicketListContaierScrollH {
    position: relative; 
    z-index: 1; 
    overflow-x: auto; 
    scrollbar-color: #818181 transparent; 
    scrollbar-width: thin;
}
.multi-custom .multiselect-container li {
	margin-bottom:0px!important;
}
.multiselect-container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 30px;
    border: 1px solid #ddd; 
    border-radius: 2px!important; 
    background-color: white;
    position: relative;
    cursor: pointer;
}

.multiselect-container input[type="checkbox"]:checked::before {
    content: '✔';
    font-size: 14px;
    color: rgb(51, 51, 51);
    position: absolute;
    left: 2px;
    top: -1px;
}

#smsBundleContainer .multiselect-franchise + div span.multiselect-selected-text:before {
    content: "Franchises:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#smsBundleContainer #select2-status-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#smsBundleContainer #select2-ftab-container:before {
    content: "Follow Up Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#smsBundleContainer .overdue {
    background-color: red!important;
    font-weight: bold!important;
}

#smsBundleContainer .yellow {
    background-color: yellow !important;
    font-weight: bold !important;
}

.col5{
    width: 20%!important;
}

@media screen and (min-width: 971px) {
    .col5{
        width: 20%!important;
    }
}

@media screen and (min-width: 1980px) {
    .col5{
        width: 18%!important;
    }
}

@media screen and (min-width: 2160px) {
    .col5{
        width: 14%!important;
    }
}

@media screen and (max-width: 768px) {
    .col5 {
        width:40%!important;
    }
}

.colFldAdv{
    width: 16%!important;
}

@media screen and (min-width: 1200px) {
    .colFldAdv{
        width: 16%!important;
    }
}

@media screen and (min-width: 1980px) {
    .colFldAdv{
        width: 15%!important;
    }
}

@media screen and (min-width: 2160px) {
    .colFldAdv{
        width: 11%!important;
    }
}

@-moz-document url-prefix() {
    .colFldAdv {
        width: 18%!important;
    }

    @media (max-width: 1200px) {
        .inline-label-wrapper label.inline-label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: -moz-available;
        }
    }
}

@media (max-width: 1200px) {
     .colFldAdv {
        width: 31%!important;
    }
    .inline-label-wrapper label.inline-label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: -webkit-fill-available;
    }
}

@media (max-width: 600px) {
    #advStatus{
        background-position: right 0.1rem center!important;
    }
    #SearchCriteria{
        background-position: right 0.1rem center!important;
    }
}

#SMSBundleDetails .calendar-icon{
    width: auto!important;
}

#smsBundleBalCont{
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.inputIcons {
    color: #2a4679;
    cursor: pointer;
}

.grey-labelDsbl{
    width:100%;
    border-bottom: 1px solid #ced4da!important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.5rem !important;
    pointer-events: none;
    opacity: 0.5!important;
    color: rgb(51, 51, 51)!important;
}

.pl-15px{
    padding-left: 15px!important;
}

.pr-15px{
    padding-right: 15px!important;
}

.truncateTxt{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mr-8px{
    margin-right:8px!important;
}

.cardTruncateHeader{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smsBundleHrsTbl td {
    vertical-align: middle!important;
}

#SMSBundleDetails{
    border:1px solid #dee2e6;
}

.bigger-icons {
    font-size: 22.5px !important;
    width: 2em !important;
    text-align: center;
    padding-bottom: 0.5rem !important;
    color: #2a4679;
}

.icons-style {
    font-size: 20px;
    color: #2a4679;
    cursor: pointer;
}

.w-20px{
    width:20px;
}

.otherBundleItem:hover{
    background-color: rgba(0, 0, 0, .075);
}

.pb-07rem{
    padding-bottom: 0.7rem !important;
}

.chargedDetTabCont{
    padding: 0px 20px 12px;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.input-icons {
    vertical-align: text-bottom;
    font-size: 15px;
    width: 1.2em;
    color: #2a4679;
    cursor: pointer;
    text-align: center;
}

#strSearch::placeholder {
    color: #999999!important;
    opacity: 1!important;
}

.greenLbl{
    color: #28a745;
}

.redLbl{
    color: #a73a28;
}

#ProductGuidesList .sub-option {
    padding-left: 20px;
}

.paraw{color: #000000;	font-size:11px;	font-family: Verdana, arial, Helvetica, sans-serif;	text-decoration:none; position: static;	left: auto;	top: 20px;	right: 10px; font-weight:bold}

table.cp0cs1, table.cp1cs1, table.cp2cs1 {
    border-collapse: separate;
    border-spacing: 1px;
}

.stdButton {
    border-radius: 50px;
    font-size: 13px;
    padding: 5px 12px;
    cursor: pointer;
    width: fit-content !important;
}

.blueTxt{
    color: #40A5F4!important;
}

#holidayMainTbCont li.select2-results__option{
    white-space: nowrap;
}

#select2-statusFilter-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-etStatusFilter-container:before {
    content: "Delivery status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.colFld{
    width: 18%!important;
}

@media screen and (min-width: 971px) {
    .colFld{
        width: 18%!important;
    }
}

@media screen and (min-width: 1980px) {
    .colFld{
        width: 16%!important;
    }
}

@media screen and (min-width: 2160px) {
    .colFld{
        width: 12%!important;
    }
}

#EmailToContactsCont .bootstrap-table .fixed-table-container .table thead th {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.emailTrackingBodyCont .bootstrap-table .fixed-table-container .table thead th {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.emailTrackingBodyCont .bootstrap-table .fixed-table-container .table tbody td {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.emailTrackingBodyCont .bootstrap-table .fixed-table-container .table tbody tr:hover {
    background-color: transparent!important;
}

.inputIcons {
    font-size: 15px;
    width: 1.2em;
    color: #2a4679;
    cursor: pointer;
}

.inputIcons {
    color: #2a4679;
    cursor: pointer;
}

.grey-labelDsbl{
    width:100%;
    color:rgb(128,128,128,0.6);
    border-bottom: 1px solid rgb(128,128,128,0.4);
    padding-top: 0.25rem !important;
    padding-bottom: 0.5rem !important;
}

.formCtrlTxt{
    font-size: 13px;
    color: #333!important;
    font-weight: 400;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    outline: none;
    background: none;
}

.stdDropdown{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-size: 10px;
    padding-right: 1.6rem!important;
    margin-left: 0px!important;
    background-position: calc(100% - 0.5rem) 77% !important;
}

.stdBtn {
    border-radius: 50px;
    font-size: 13px;
    padding: 5px 15px;
    cursor: pointer;
}

.input-icons {
    vertical-align: text-bottom;
    font-size: 15px;
    width: 1.2em;
    color: #2a4679;
    cursor: pointer;
    text-align: center;
}

.pb-07rem{
    padding-bottom: 0.7rem !important;
}

.mb-075rem{
    margin-bottom: 0.75rem !important;
}

.custBtn{
    border: 1px solid #4F4F4F;
    width: 80px;
    height: 23px;
    border-radius: 7px;
}

.inputFileBorder{
    border: 1px solid #ced4da!important;
    border-radius:8px;
}

.left35px{
    left:30px;
}

.bg-lightGray{
    background-color: #cccccc!important;
}

.stdButtonA {
	background: #1E94F3;
	border-radius: 50px;
	font-size: 13px;
	border: none;
	padding: 5px 15px!important;
	cursor: pointer;
	color: white;
}

.stdButtonC {
    background: transparent!important;
    color: #007bff !important;
    border: 1px solid #2196F3!important;
    padding: 4px 12px!important;
}

.fontArial{
    font-family:arial!important;
}

.blueTxt{
    color: #40A5F4;
}

.stdDropdown{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-size: 10px;
    padding-right: 2rem;
    margin-left: 0px!important;
}

.stdBtn {
    border-radius: 50px;
    font-size: 13px;
    padding: 5px 15px;
    cursor: pointer;
}

#bundleTbl .bundleTblHd{
    font-weight: 700 !important;
}

#bundleTbl tbody tr td {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
    border: 1px solid #dee2e6;
}
#bundleTbl thead tr th {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
    border: 1px solid #dee2e6;
}
#bundleTbl tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
}
.tblLayoutFixed{
    table-layout: fixed!important;
}

.bundleTblContainer{
    overflow-x:auto!important;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

#sidebarTabMergeRequestContent .searchIcon-btnStd:hover{
    margin-left: 0px!important;
}

.mw-9{
    min-width:9%;
}
.mw-100{
    min-width:100%;
}

.consTabPos-Link .active {
    font-weight: 700!important;
    color: #343a40!important;
}

.consTabPos-Link .nav-link {
    color: #6c757d;
}

.mw-fitContent{
    max-width: fit-content;
}

.tab-pane.active.show{
    display:block!important;
}

#humanResourceCont .nav-item .nav-link.active:hover{
    background-color: rgba(245, 245, 245, 1)!important;
}

#humanResourceCont .nav-item .nav-link.active{
    background-color: rgba(245, 245, 245, 1)!important;
}

#consultantsContainer .tab-pane{
    display:none;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    height: auto !important;
}

#constTblCont .pagination .page-link{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

#leftnavConsListTable #constTblCont .fixed-table-pagination .pagination.float-right{
    float: left !important;
}

#leftnavConsListTable #constTblCont .fixed-table-pagination .pagination-detail.float-left{
    margin-bottom: 0 !important;
}

.stdButtonA {
	background: #1E94F3;
	border-radius: 50px;
	font-size: 13px;
	border: none;
	padding: 5px 15px!important;
	cursor: pointer;
	color: white;
}

.stdButtonC {
    background: transparent!important;
    color: #007bff !important;
    border: 1px solid #2196F3!important;
}

.fontArial{
    font-family:arial!important;
}

.paraw{color: #000000;	font-size:11px;	font-family: Verdana, arial, Helvetica, sans-serif;	text-decoration:none; position: static;	left: auto;	top: 20px;	right: 10px; font-weight:bold}

table.cp0cs1, table.cp1cs1, table.cp2cs1 {
    border-collapse: separate;
    border-spacing: 1px;
}

#bundleTbl{
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

#bundleTbl .table-bordered td, #bundleTbl .table-bordered th {
    border: 1px solid #dee2e6;
}

.logprintContainer{
    margin:8px!important;
}

.logprintContainer a:-webkit-any-link {
    color: -webkit-link!important;
    text-decoration: underline!important;
    font-family: initial!important;
}

.logPrintFilterContainer ul.multiselect-container{
    overflow-y:auto!important;
}

.mw-28pr{
    min-width: 28%;
}

.font-sansSerif{
    font-family: sans-serif!important;
}

.logPrintFilterContainer .multi-custom .btn-group,
.multi-custom .btn-group .multiselect,
.multi-custom ul.multiselect-container,
.custom-select-box .form-group select {
    font-size: 11px!important;
}

#smsServerContainer #select2-Status-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.dsbStatusColor{
    color:#9E9E9E!important;
}

#commEdtCont ul.page-name{
    background-color: #F8F8F8!important;
}
.mw-9{
    min-width:9%;
}

.bg-transparent{
    background-color:transparent!important;
}

.contactModuleTabCont .bootstrap-table .fixed-table-container .table thead th{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.bootstrap-table .fixed-table-container .fixed-table-body{
    height: auto!important;
}

#companyListContainer .bootstrap-table .fixed-table-container #companyListTbl thead th .th-inner{
    display:flex;
    justify-content: space-between;
}

#companyListContainer .bootstrap-table .fixed-table-container #companyListTbl tbody .companyListItem {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6em;
    max-height: 3.6em;
}

.paraw{color: #000000;	font-size:11px;	font-family: Verdana, arial, Helvetica, sans-serif;	text-decoration:none; position: static;	left: auto;	top: 20px;	right: 10px; font-weight:bold}

table.cp0cs1, table.cp1cs1, table.cp2cs1 {
    border-collapse: separate;
    border-spacing: 1px;
}

.stdButtonA {
	background: #1E94F3;
	border-radius: 50px;
	font-size: 13px;
	border: none;
	padding: 5px 15px;
	cursor: pointer;
	color: white;
}

.stdButtonC {
    background: transparent!important;
    color: #007bff !important;
    border: 1px solid #2196F3!important;
    padding: 4px 12px!important;
}

.fontArial{
    font-family:arial!important;
}

#select2-SearchCriteria-container:before {
    content: " Search Criteria:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;

}

#advSearchContainer .bootstrap-table .fixed-table-container .table thead th{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


#select2-advStatus-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.prdTrafficTblItemCont{
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.setpRouteDetCont{
    height:100%;
    overflow-y:auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.boxShadowNone{
    box-shadow: none!important;
}

#settingSidebarTabContent #select2-statusFilter-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#advStatusFldCont .select2-container{
    width:100%!important;
}

#SearchCriteriaFldCont .select2-container{
    width:100%!important;
}

.input-icons {
    vertical-align: text-bottom;
    font-size: 15px;
    width: 1.2em;
    color: #2a4679;
    cursor: pointer;
    text-align: center;
}

.selectedCompanyContactMod{
    background-color: rgba(0, 0, 0, .075);
}

.clientDetailLink .active{
    color: #343a40 !important;
    font-weight: 700 !important;
}

#clientDetailsCont{
    border: 1px solid #ced4da;
    border-radius: 12px;
}

.grey-labelDsbl{
    width:100%;
    color:rgb(128,128,128,0.6);
    border-bottom: 1px solid rgb(128,128,128,0.4);
    padding-top: 0.25rem !important;
    padding-bottom: 0.5rem !important;
}

.grey-labelDsbl{
    width:100%;
    border-bottom: 1px solid #ced4da!important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.5rem !important;
    pointer-events: none;
    opacity: 0.5!important;
    color: rgb(51, 51, 51)!important;
}

.inputIcons {
    color: #2a4679;
    cursor: pointer;
}

.stdDropdown{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-size: 10px;
    padding-right: 2rem;
    margin-left: 0px!important;
}

.borderSec{
    border: 1px solid rgba(242, 242, 242, 1);
}

.negativeCreditBal{
    background-color: #FF5555;
}

.contDetSec {
    Color: #014976;
    font-family: Verdana, arial, Helvetica, sans-serif;
}

.dividerContDet{
    border-bottom: 1px solid #014976;
}

#detailsFrm .contactDetailsFrmCont{
    font-size:10px!important;
}

#detailsFrm .contactDetailsFrmCont .form-control{
    font-size:10px!important;
}

.sourceListEditBtnCont{
    bottom: 15px;
    right: 15px;
}

.ltabLink .nav-link.active{
    color: #343a40 !important;
    font-weight: 700 !important;
}

#select2-relatedToStaffOverlay-container:before {
    content: "Related to staff *:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-relatedToStaffOverlay-container{
    font-weight: normal!important;
}

#relatedToStaffOverlayFldCont .select2.select2-container{
    width:fit-content!important;
    min-width: 240px!important;
}

.min-width-450{
    min-width: 450px!important;
}

#inventoryMainCont #select2-Filter-container:before {
    content: "Filter:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#inventoryFilterCont .select2.select2-container{
    width:100%!important;
}

.selectedInventoryProd {
    background-color: rgba(0, 0, 0, .075);
}

.bgInventoryHd{
    background-color: #EFEFEF;
    color: #1155CC;
}

.inventoryProductLink .nav-link.active{
    font-weight: 700 !important;
}

#select2-Currency-container:before {
    content: "Currency *:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.mb-100px{
    margin-bottom: 100px !important;
}

.borderGreyLight{
    border: 1px solid #F3F3F3;
}

.borderGreyLight-top{
    border-top: 1px solid #F3F3F3;
}

.borderGreyLight-bottom{
    border-bottom: 1px solid #F3F3F3;
}

.pb-25rem{
    padding-bottom: 2.5rem !important;
}

.bgTblHd{
    background-color: #EFEFEF!important;
}

#select2-BillingCycle-container:before {
    content: "Billing Cycle:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#widgetModalContent .edit-deleat {
    padding: 15px!important;
}

#select2-AssignedTo-container:before {
    content: "Assigned to:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#BillingCycleContainer .select2.select2-container{
    width: fit-content!important;
}

.currCalcTblContainer{
    overflow-x: auto;
}

#select2-priceRegion-container:before {
    content: "Price Region:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#localContTbl td, #localContTbl th{
    font-size: 10px;
}

#localContTbl .phoneMobHd .th-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.textDecNone{
    text-decoration: none!important;
    color: initial!important;
}

#localContactCont .bootstrap-table{
    max-height: 300px;
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
    padding-bottom: 0.5rem !important;
}

.clientSectItemFrst{
    padding-right: 0.5rem!important;
}

@media (max-width: 767.98px) {
    .clientSectItem, #contactLeftWithFilter{
        width:100%!important;
        min-width:100%!important;
        margin-bottom:0.5rem!important;
    }

    .contactDetailsFrmCont{
        padding-left:0px!important
    }
}

@media (max-width: 576px) {
    .clientSectItem{
        padding-right: 0px!important;
    }
    .clientTypeCkbxItem{
        min-width:25%!important;
    }
}

.stdDropdownHg{
    height: calc(1.6rem + 1px)!important;
    padding-top: 10px !important;
    background-position: calc(100% - 0.01rem) 75% !important;
}

.disabledLbl{
    border-bottom: 1px solid #ced4da !important;
    opacity: 0.5 !important;
    color: rgb(51, 51, 51) !important;
    width: 100%!important;
}

.contactInvDetLeft{
    width:75%!important;
}

.contactInvDetRight{
    width:25%!important;
}

.w-333{
    width: 33.33%!important;
}

@media (max-width: 1600px) {
    .contactInvDetLeft{
        width:68%!important;
    }

    .contactInvDetRight{
        width:32%!important;
    }
}

#select2-providerRepFilter-container:before {
    content: "Provider:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#WorkstreamTypeTblCont .bootstrap-table.bootstrap4 {
    height: fit-content;
}

#WorkstreamTypeTblCont .bootstrap-table .fixed-table-pagination>.pagination, .bootstrap-table .fixed-table-pagination>.pagination-detail {
    margin-left: 10px;
}
#WorkstreamTypeTblCont .bootstrap-table .fixed-table-pagination>.pagination ul.pagination {
    margin-right: 10px!important;
}

.selectedWorkstreamType {
    background-color: rgba(0, 0, 0, .075);
}

.bg-transparent{
    background-color: transparent!important;
}

#WorkstreamTypeTblCont .bootstrap-table .fixed-table-pagination>.pagination ul.pagination {
    margin-right: 0px !important;
}

#WorkstreamTypeTbl thead{
    display:none!important;
}

#WorkStreamContainer #select2-WorkstreamType-container:before {
    content: "Workstream Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-ActionRequired-container:before {
    content: "Action Required:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.w-7{
    width: 7%!important;
}

.w-8{
    width: 8%!important;
}

.borderGreyTbl{
    border: 1px solid #dee2e6;
}

.bgGreyTotal{
    background-color: #EFEFEF;
}

#smsBundleAnalysisCont .bootstrap-table .fixed-table-container .table thead th .th-inner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#SMSBundleRevenueCont .bootstrap-table .fixed-table-container .table thead th .th-inner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#select2-clientRepFilter-container:before {
    content: "Client:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#WorkStreamContainer #select2-RelatedToStaff-container:before {
    content: "Related to staff:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#datepickerContFiltMain .daterangepicker{
    width: max-content!important;
}

.stdIconColor{
    color: #2a4679!important;
}

.xClearUploadFile{
    position:absolute;
    color: #f52b22;
    right: 15px;
    bottom: 5px;
    cursor:pointer;
}

.selectedUserLogType{
    background-color: rgba(0, 0, 0, .075);  
}

.logTitleItemSec .uploadFileItem{
    overflow: hidden;
}

.logTitleItemCont .cke_reset{
    width: inherit;
}
.w-31{
    width:31%!important
}
.w-24{
    width:24%!important
}

.mw-50per{
    max-width: 50%!important;
}

#select2-Product-container:before {
    content: "Product:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.w-8 {
    width: 8% !important;
}

#PostPaidPlanModal .modal-dialog{
    width:100%;
    max-width:700px!important;
}

.h-100px{
    height: 100px;
}

.py-4px{
    padding-top:4px!important;
    padding-bottom:4px!important;
}

#helpGuideFilter #select2-GID-container:before {
    content: "Guide:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.dynUInavIcon {
    font-size: 22.5px !important;
    text-align: center;
    color: #2a4679;
}

#DynamicUIElHd .select2.select2-container{
    min-width: 215px!important;
}

#DynamicUIElHd #select2-Product-container{
    font-size:13px!important;
}

#dynamicUICont .nav-tabs li.nav-item .nav-link.Active.show{
    font-weight: 700 !important;
}

#select2-LocID-container:before {
    content: "Language:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#helpGuideFilter #select2-AID-container:before {
    content: "Function Area:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-TranType-container:before {
    content: "TranslationType:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-Version-container:before {
    content: "Version:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#dynamicUIFiltCont .select2.select2-container{
    width:100%!important;
}

.selectedLabel {
    background-color: rgba(0, 0, 0, .075);
}

#helpGuideFilter .select2.select2-container{
    width: 100%!important;
}

.w-3{
    width:3%!important;
}

.w-7{
    width:7%!important;
}

.w-17{
    width:17%!important;
}

.displayContents{
    display: contents;
}

.tblBckgrdHeading{
    background-color: rgba(0, 0, 0, .075);
}

.UIElementAddCont #PrintDropdown.show{
    display:block!important;
}

.pb-075rem{
    padding-bottom: 0.75rem!important;
}

.pt-4px{
    padding-top: 4px!important;
}

.pbTabLink .nav-link.active{
    font-weight: 700!important;
}

#select2-STRStatus-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-moveTo-container:before {
    content: "Move to:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.truncate-history{
    max-width:300px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.selectedRowBg {
    background-color: rgba(0, 0, 0, .075);
}

.h-100px{
    height:100px;
}

#select2-AttachmentSource-container:before {
    content: "Attachment Source:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-Status-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.mw-2{
    min-width: 2%;
}

.imageFileRequired.invalid-feedback{
    font-size: 13px!important;
}

.emptyLog.invalid-feedback{
    font-size: 13px!important;
}

@media screen and (max-width: 768px) {
    #smsbundleAnalysTbl th, #smsbundleAnalysTbl td{
        font-size: 10px!important;
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}

.w60-mw60{
    max-width: 60%!important;
    width: 60%!important;
}

#EscalatedTicketAnalysisNav .nav-link.active{
    font-weight: 700!important;
}

.word-wrap-clean {
  word-break: keep-all;
  overflow-wrap: normal;
  white-space: normal;
}

#pbProcessingTblComb thead th{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    vertical-align: middle !important;
}

#pbProcessingTblComb tbody td{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    vertical-align: middle !important;
}

.w-7 {
    width: 7% !important;
}

.w-13 {
    width: 13% !important;
}

.w-17 {
    width: 17% !important;
}

#selecteTabContent .daterangepicker{
    zoom: 95%;
}

#selecteTabContent .drp-calendar.left,#selecteTabContent .drp-calendar.right{
    zoom: 88%;
}

#selecteTabContent .daterangepicker .table-condensed td{
   font-size:17px!important;
}

#selecteTabContent .daterangepicker .table-condensed th{
   font-size:17px!important;
}

.px-50rem{
    padding-left: 0.75rem!important;
    padding-right: 0.75rem!important;
}

.maxw-100{
    max-width: 100%;
}

.truncateImportFileName{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.multiselect-clientRepFilter + div span.multiselect-selected-text:before {
    content: "Client:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}
#select2-clientRepFilter-container{
    color: #000 !important;
    line-height: 16px !important;
}
.multiselect-container input[type="radio"] {
    display: none;
}
.multiselect-container.dropdown-menu{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.5rem !important;
}
.multiselect-item.filter .input-group{
    margin-left:0!important;
}
.multiselect-item.filter input.multiselect-search{
    padding-left: 0.25rem !important;
    border: 1px solid #ced4da;
}

.productsLink .nav-link.active{
    font-weight:700!important;
}

.mb-071rem{
    margin-bottom: 0.71rem !important;
}

#PrintDropdown.show{
    display:block!important;
}

#select2-ShowAllProdDd-container:before {
    content: "Show Products:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#productAddTblCont p{
    margin-bottom:0px!important;
}

.addStaffCommCont .choices{
    margin-bottom: 5px !important;
} 

#ddSearchChoiceCont .choices__inner{
    background-color: #FFFFFF!important;
    border: none!important;
    min-height: auto!important;
    padding: 0 !important;
}

#ddSearchChoiceCont .choices{
    padding-left: 0 !important;
    padding-right: 0 !important;
} 

#ddSearchChoiceCont .choices__input{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

#ddSearchChoiceCont .choices__item{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.maxw-100{
    max-width: 100%;
}

.truncateImportFileName{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.multiselect-clientRepFilter + div span.multiselect-selected-text:before {
    content: "Client:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#moveToCont .select2.select2-container{
    width: 230px!important;
}

#select2-ClosedFilter-container:before {
    content: "Closed:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#ClosedFilterCont .select2.select2-container{
    width: max-content!important;
    min-width: 230px!important;
}

#pageNavigationPostPaidPlans .custpage-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

#logsDetailPostPaidContTbl{
    max-height: 1000px!important;
    overflow-y: auto!important;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.selectedMailList{
    background-color: rgba(0, 0, 0, .075);  
}

.mw-60px{
    min-width: 60px!important;
}

.invDecimalsFld{
    height: calc(1.5rem)!important;
    width:43%!important;
}

.m-2px{
    margin:2px!important;
}

.altCalculaterHd{
    font-family: 'Comic Sans MS', cursive, sans-serif;
}

.mw-60{
    min-width: 60%!important;
}

#postpaidPlansCompTbl .fixed-table-body{
    max-height: 1200px!important;
    overflow-y: auto!important;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.summContentTblInPostPaidPlan .fixed-table-body{
    max-height: 1000px!important;
    overflow-y: auto!important;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

#select2-clientRepFilter-container{
    color: #000 !important;
    line-height: 16px !important;
}
.multiselect-container input[type="radio"] {
    display: none;
}
.multiselect-container.dropdown-menu{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.5rem !important;
}
.multiselect-item.filter .input-group{
    margin-left:0!important;
}
.multiselect-item.filter input.multiselect-search{
    padding-left: 0.25rem !important;
    border: 1px solid #ced4da;
}

.ServicesAndSupportLink .nav-link.active{
    font-weight:700!important;
}

#select2-AgentID-container:before {
    content: "Consultants assigned:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-CopyID-container:before {
    content: "Make same as:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#supportContAgentCont{
    max-height:800px;
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.smsTimeInput {
    border: none;
    border-bottom: 1px solid #ced4da;
    text-align: center;
    width: 60px;
    background-color: transparent;
    padding-bottom: 5px;
}
.smsTimeInput {
    outline: none;
    border-bottom: 2px solid #ced4da;
}

#ddSearchChoiceContSMSSetup .choices__inner{
    background-color: #FFFFFF!important;
    border: none!important;
    min-height: auto!important;
    padding: 0 !important;
}

#logsDetailTbl td, #logsDetailTbl th, #logsDetailTbl .th-inner {
    font-size:11px;
}

.addStaffCommCont .choices{
    margin-bottom: 5px !important;
} 

#ddSearchChoiceCont .choices__inner{
    background-color: #FFFFFF!important;
    border: none!important;
    min-height: auto!important;
    padding: 0 !important;
}

#ddSearchChoiceContSMSSetup .choices{
    padding-left: 0 !important;
    padding-right: 0 !important;
} 

#ddSearchChoiceCont .choices{
    padding-left: 0 !important;
    padding-right: 0 !important;
} 

#ddSearchChoiceContSMSSetup .choices__input{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

#ddSearchChoiceCont .choices__input{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

#ddSearchChoiceContSMSSetup .choices__item{
    padding-top: 0.25rem !important;
    padding-bottom: 0.11rem !important;
}

#ddSearchChoiceCont .choices__item{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.grayBorder-bottom{
    border-bottom: 1px solid #ddd!important;
}

.choices[data-type*=select-one]::after{
    right: 5.5px!important;
}

.loginHistoryLink .nav-link.active{
    font-weight:700!important;
}

@media screen and (max-width: 2000px) {
    #AttachmentsTblCont td, #AttachmentsTblCont th{
        font-size: 11px!important;
    }
    #addEditAttachCont{
        font-size: 11px!important;
    }
    #UploadAttachCont{
        font-size: 11px!important;
    }
}

@-moz-document url-prefix() {
    #advStatus {
    -moz-appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px 8px;
    padding-right: 2rem;
    background-size: 14px 14px;
    }

    #SearchCriteria {
    -moz-appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px 8px;
    padding-right: 2rem;
    background-size: 14px 14px;
    }

}

#select2-ParentID-container:before {
    content: "Client:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.profileLink .nav-link.active{
    font-weight:700!important;
}

#profileFilterCont .select2{
    width:fit-content!important;
}

.vAlignCenter{
    position: absolute!important;
    top: 50%; left: 50%!important;
    transform: translate(-50%, -50%)!important;
}

.w-90px{
    width: 90px;
}

#EmailingSetupInfoFrm #cke_Message{
    width:100%;
}

.borderGreyRoundedIpFile{
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.previewEmailTab .nav-link.active{
    font-weight: 700!important;
}

#editSignature-Content #cke_EmailSign{
    width:100%;
}

#emailingSetupInfoModal .tab-pane{
    display:none;
}

#emailingSetupInfoModal .tab-pane.Active{
    display:block!important;
}

#postpaidPlans-Content #select2-suppPlanFilt-container:before {
    content: "Plans:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#consProdProjTableCont{
    max-height: 800px;
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.borderRdRgCont{
    border: 1px solid #dee2e6;
    border-radius: 7px;
}

#select2-consultantsStatusSettings-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#postpaidPlans-Content #select2-ftab-container:before {
    content: "Contract Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#postpaidPlans-Content #select2-logFilter-container:before {
    content: "Log Filter:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.inline-label-wrapperconsultantsStatusSettings select {
    text-indent: 3.25rem !important;
}

@-moz-document url-prefix() {
    .inline-label-wrapperconsultantsStatusSettings select {
        text-indent: 1.7rem !important;
    }
}

#consultantsStatusSettings:focus {
    border: 1px solid #ddd !important;
    box-shadow: none;
    outline: none !important;
}

#consultantsStatusSettings {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px 8px;
    padding-right: 2rem;
    background-size: 14px 14px;
}

.inline-label-wrapper label.inline-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 0.8rem;
    color: #6c757d;
    pointer-events: none;
    z-index: 1;
}

@media screen and (max-width: 1280px) {
  #staffProjectTblCont {
    width: 100% !important;
    max-width: 100% !important;
    flex: initial!important;
  }
}

#listTable #select2-sendTo-container:before {
    content: "Sent To:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.clientDashboardLink .nav-link.active{
    font-weight:700!important;
}

.threshold {
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    height: 30px;
    overflow: hidden;
    padding: 0;
}

.embedded-label {
    font-weight: 600;
    color: gray;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: #fff;
    height: 100%;
}

.embedded-suffix {
    font-weight: 600;
    color: gray;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: #fff;
    height: 100%;
}

.threshold input {
    border: none;
    outline: none;
    box-shadow: none;
    height: 100%;
    padding: 0 0.5rem;
}


.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner {
    -moz-appearance: textfield; /* Firefox */
}

.spinner-buttons .arrow-btn {
    border: none;
    background: transparent;
    font-size: 10px;
    line-height: 10px;
    padding: 0;
    height: 10px;
    cursor: pointer;
}

.spinner-buttons {
    display: flex;
    flex-direction: column;
}

.percentageLblTh{
    font-size: 16px;
    color: rgb(52, 52, 52);
}

.arrow-btn.up, .arrow-btn.down{
    color: gray;
}

#select2-siteID-container:before {
    content: "Sites:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-CSPType-container:before {
    content: "Client Support Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#listTable .select2.select2-container{
    min-width:100%;
}

.modulesUtilisationLink .nav-link.active{
    font-weight: 700!important;
}

/*Custom multi-select field in a form*/
.custom-select-box select, .multi-customFld .btn-group,
.custom-select-box .form-group select {
    padding: 0px 0px;
    border-bottom: 1px solid #ced4da!important;
    border-radius: 2px!important;
    height: 30px!important;
}
.multi-customFld .btn-group .dropdown-toggle,
.custom-select-box .form-group select {
    padding: 0px!important;
}

.multi-customFld .multiselect-container .multiselect-item:first-child label.checkbox {
    font-weight: normal;
}
.multi-customFld .btn-group .multiselect-container {
    width: 100%;
    transform: unset!important;
    top: 28px!important;
    left: 0px!important;
}

.multi-customFld .dropdown-menu {
    border-radius: 0;
}

.multi-customFld .multiselect-native-select {
    position: relative;
}

.multi-customFld .multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}

.multi-customFld .multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.multi-customFld .multiselect-container .input-group {
    margin: 5px;
}

.multi-customFld .multiselect-container li {
    padding: 0;
    margin: 0 0 10px;
}

.multi-customFld .multiselect-container li .multiselect-all label {
    font-weight: 700;
}

.multi-customFld .multiselect-container li a {
    padding: 0;
}

.multi-customFld .multiselect-container li a label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 5px 0px;
    color: #333;
}

.multi-customFld .multiselect-container li a label input[type=checkbox] {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
    line-height: normal!important;
}

.multi-customFld .multiselect-container li a label.radio {
    margin: 0;
}

.multi-customFld .multiselect-container li a label.checkbox {
    margin: 0;
    height: inherit!important;
}
.multi-customFld .multiselect-container li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700;
}

.multi-customFld .multiselect-container li.multiselect-group-clickable label {
    cursor: pointer;
}

.multi-customFld .btn-group .btn-group .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.multi-customFld .form-inline .multiselect-container label.checkbox {
    padding: 3px 20px 3px 40px;
}

.multi-customFld .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.multi-customFld .form-inline .multiselect-container li a label.checkbox input[type=checkbox] {
    margin-left: -20px;
    margin-right: 0;
}

.multi-customFld .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

.multi-customFld .btn {
    border-radius: 0;
    padding: 10px 0;
}

.multi-customFld .btn-primary {
    background-color: #ff0000;
    border: none;
    border-radius: 0;
    padding: 11px 15px;
    text-transform: uppercase;
}

.multi-customFld .btn-group,
.multi-customFld .btn-group .multiselect,
.multi-customFld ul.multiselect-container,
.custom-select-box .form-group select {
    width: 100%!important;
    background: white;
    font-size: 13px;
    padding: 3px 0px;
    text-align: left;
    color: #333;
}

.multi-customFld .multiselect-container li .multiselect-all {
    width: 100%;
    display: block;
}

.multi-customFld .btn-group .multiselect::before,
.list-unstyled-custom::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url('../../images/arrow-b1.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    filter: brightness(0) saturate(100%);
    float: right;
    margin-top: 6px;
}

.multi-customFld .btn-group .multiselect::after {
    content: none;
}

.multi-customFld .btn-group button .multiselect-selected-text,
.custom-select-box .form-group select {
    color: rgb(52, 58, 64);
}

.multi-customFld .btn-group .dropdown-toggle,
.custom-select-box .form-group select {
    padding: 0px!important;
}

.multi-customFld .btn-group button {
    padding: 0px!important;
}

.multi-customFld .dropdown-menu.show {
    display: -ms-flexbox;
  display: -webkit-box;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.multi-customFld .btn-group .multiselect.dropdown-toggle {
	padding-top: 3px!important;
    padding-bottom: 3px!important;
    padding-left: 0px!important;
    padding-right: 6px!important;
	border-radius: 3px;
}

.multi-customFld .multiselect-container li {
	margin-bottom:0px!important;
}

.lineHeightNormal{
    line-height: normal!important;
}

.tblBorderRightLeftBottom{
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

#ddSearchChoiceContSMSSetup .choices__item.choices__item--selectable{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.choices__item.choices__item--choice.choices__item--selectable{
    font-size: 13px !important;
}

#detail-content .timeZoneContainerField .select2.select2-container{
    width:100%!important;
}

.multiselect-logType + div span.multiselect-selected-text:before {
    content: "Log Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#siteIDFiltCont #divSearchContent .select2 {
    width: fit-content !important;
}

#OpenTicketsModal .modal-dialog{
    min-width: 70%!important;
}

#ClientSitesTblCont .bootstrap-table .fixed-table-container .table thead th {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#invMainCont{
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex;
}

#inventoryTblCont{
    width: 30%;
}

#inventoryRightCont{
    width: 70%;
}

@media screen and (max-width: 1200px) {
    #invMainCont{
        display: block !important
    }

    #inventoryTblCont{
        width: 100%!important;
    }

    #inventoryRightCont{
        width: 100%!important;
        margin-top: 1rem !important;
    } 
}

#select2-ShowAllProd-container:before {
    content: "Show Products:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#LogTypeFiltCont .multi-custom .btn-group{
    width: 100% !important;
}

#CollaborationTabFiltCont #select2-logFilter-container:before {
    content: "Log Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#CollaborationTabFiltCont .bootstrap-table .fixed-table-container .table thead th {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.guidesTopicTableList ul{
    display: block!important;
    list-style-type: disc!important;
    margin-block-start: 1em!important;
    margin-block-end: 1em!important;
    padding-inline-start: 40px!important;
    unicode-bidi: isolate!important;
}

@media (min-width: 576px) {
    #recipients-modal .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
}

#recipients-modal .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

#recipients-modal #commListContModal{
    overflow-y: auto;
    max-height: calc(100vh - 20rem);
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

#recipients-modal .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
}

#recipients-modal .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

#recipients-modal .modal-body {
    max-height: calc(100vh - 15rem);
}

#recipients-modal #CountriesContModal{
    overflow-y: auto;
    max-height: calc(100vh - 21.5rem);
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

#recipients-modal #contListEmailModal{
    overflow-y: auto;
    max-height: calc(100vh - 16.3rem);
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.flex-grow-1{
    flex-grow: 1;
}

#inventoryRightCont .inline-label-wrappercurrency select {
    text-indent: 4.75rem !important;
}

@-moz-document url-prefix() {
    #inventoryRightCont .inline-label-wrappercurrency select {
        text-indent: 2.3rem !important;
    }
}

#inventoryRightCont #currency {
    border: 1px solid #ddd !important;
    box-shadow: none;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 0.5rem center;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px 8px;
    padding-right: 2rem;
    background-size: 14px 14px;
}

.inline-label-wrappercurrency select.form-control:not([size]):not([multiple]) {
    height: calc(1.75rem) !important;
}

#inventoryRightCont .inline-label-wrapper label.inline-label{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #6c757d;
    pointer-events: none;
    z-index: 1;
    left: 0px !important;
}

#dynamicUICont #select2-Allocated-container:before {
    content: "Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-quickDate-container:before {
    content: "Quick Date:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.font3rem{
    font-size: 3em;
}

.w-46{
    width:46%!important;
}

#select2-ConsID-container:before {
    content: "Consultant:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-tab-container:before {
    content: "Report Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.font15bold {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.invalidCkEdtBorder{
    border: 1px #dc3545 solid;
}

.max-height-450{
    max-height:450!important;
}

#availableElContdynUi{
    overflow-y: auto;
    overflow-x: clip;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

 #custTransInvFilter #select2-Type-container:before {
    content: "Finalization Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-Owing-container:before {
    content: "Payment Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#custTransInvFilter #select2-WHID-container:before {
    content: "Region:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#custTransInvFilter .select2-container {
    width: 100%!important;
}

.w-18{
    width: 18%!important;
}

.px-035rem {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
}

.countryCardContItem{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.HolidayListContRight{
    overflow-y: auto;
    overflow-x: clip;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.txtDarkGray{
    color: #666666!important;
}

.pt075rem{
    padding-top: 0.75rem !important;
}

.minWidth-MaxContent{
    min-width: max-content!important;
}

.minWidth-fitcontent{
    min-width: fit-content!important;
}

#custContactFrm .stdDropdown{
    padding-top: 0.85rem !important;
}

#tableFileList .fixed-table-pagination{
    display:flex!important;
}

#tableFileList .pagination-detail{
    white-space: nowrap!important;
}

#tableFileList ul.pagination{
    display:flex!important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
    width:100%!important;
}

#tableFileList .float-right.pagination{
    width:100%!important;
}

.titleSection{
    color:#2196f3;
}

#custTransMultiSelTblCont{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin; 
}

.w-150px{
    width: 150px !important;
}

.clientCheckListLink .active{
    color: #343a40 !important;
    font-weight: 700 !important;
}

#select2-WH-container:before {
    content: "Region:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-prodtab-container:before {
    content: "Product:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-LicenseType-container:before {
    content: "Licence Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#frmMain #select2-Currency-container:before {
    content: "Currency:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.pt-075rem{
    padding-top: 0.75rem !important;
}

.guidesTopicTableList td{
	word-break: normal!important;
}

.guidesTopicTableList a{
	font-size: 11pt!important;
}

.bothHelperPopup3 ul{
    padding-left: revert!important;
}

.bothHelperPopup3 a{
    font-size: 11pt!important;
}

.bothHelperPopup3 td{
	word-break: normal!important;
}

.det1Container td{
	word-break: normal!important;
}

.det1Container ul{
    padding-left: revert!important;
}

.det2Container td{
	word-break: normal!important;
}

.det2Container ul{
    padding-left: revert!important;
}

.det1Container a{
    font-size: 11pt!important;
}

.det2Container a{
    font-size: 11pt!important;
}

.w-4{
    width: 4% !important;
}

.w-24{
    width: 24% !important;
}

.w-36{
    width: 36% !important;
}

.w-48{
    width: 48% !important;
}

.w-72{
    width: 72% !important;
}

.w-79{
    width: 79% !important;
}

.w-96{
    width: 96% !important;
}

@media (max-width: 768px) {
    .modal .modal-dialog {
        max-width: 100%!important; 
    }
}

#RepCustStatementModal{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin; 
    overflow-y: auto!important;
}

.overflow-y-auto{
    overflow-y: auto!important;
}

#custTransLeftContTbl{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin; 
    overflow-y: auto!important;
    max-height: 1700px;
}

.tableResponsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.minWidth-fitContent{
    min-width: fit-content!important;
}

#contactContainer .dropdown-item.active, .dropdown-item:active {
    background-color: #FFFFFF!important;
}

#contactContainer .reset-popper {
    transform: initial !important;
    will-change: auto !important;
    margin-top: 28px!important;
}

#entimexProdCatCont{
    max-height: 400px;
    overflow-y: auto;
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.reset-popper {
    transform: initial !important;
    will-change: auto !important;
    margin-top: 28px!important;
}

.min-width-auto{
    min-width: auto!important;
    margin-top: 28px !important;
}

.input-with-icons table thead th{
    padding:0!important;
    border:0!important;
}

.input-with-icons table tbody td{
    padding:0!important;
    border:0!important;
}

input.flatro {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    outline: none;
    background: none;
    border-color: #ced4da;
    height: 20px;
    font-family: sans-serif;
}

.daterangepicker .monthselect{
    width:fit-content!important;
    font-weight: 600!important;
    border: none!important;
    background: transparent!important; 
    appearance: none!important;
    -webkit-appearance: none!important; 
    -moz-appearance: none!important;  
}

.daterangepicker .yearselect{
    width:fit-content!important;
    font-weight: 600!important;
    border: none!important;
    background: transparent!important; 
    appearance: none!important;
    -webkit-appearance: none!important; 
    -moz-appearance: none!important;  
}

.daterangepicker .monthselect:focus {
  outline: none;
}

.daterangepicker .yearselect:focus {
  outline: none;
}

#contFranchiseTabRghSec{
    max-height: 422px;
}

.closeBtnModal{
    background: transparent !important;
    color: #007bff !important;
    border: 1px solid #2196F3 !important;
    padding: 4px 12px !important;
    border-radius: 50px;
    width: fit-content;
    cursor:pointer;
    font-family: Arial;
    font-size: 12px!important;
    text-Align: center;
    font-weight: normal;
}

@media (max-width: 600px) {
    #searchInputFieldSupp{
        width: max-content !important;
    }
}

#custPayInvFilter #select2-tab-container:before {
    content: "Finalization Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#select2-assigneeCopyFrom-container:before {
    content: "Copy From:";
    font-weight: 600;
    padding-right: 5px;
}

.copyFromFieldCont .select2-container{
    width:100%!important;
}

@media (max-width: 1000px) {
    .copyFromFieldCont {
        width:100%!important;
    }
}

.copyFromFieldCont{
    width:50%;
}

#logsDetail-Content .datepickerContFilt .daterangepicker{
    width: max-content !important;
}

#logsDetail-Content .drp-calendar{
    max-width: max-content!important;
}

#logsDetail-Content .daterangepicker table td, #logsDetail-Content .daterangepicker table th{
    padding: 0px!important;
}
    
.dropdown-print {
    margin: 5px 8px 0 8px;
    position: relative;
    display: inline-block;
}
  
.dropdown-content-print {
    display: none;
    position: absolute;
    right: 0;
    overflow: auto;
    z-index: 9999;
    background: white;
    border: 1px solid #888;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-content-print-inner{
    overflow-x: hidden;
    width: max-content;
    min-width: 120px;
}
  
.dropdown-content-print div {
    font: 10px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: black;
    padding: 4px 6px;
    cursor: pointer;
    text-align: left;
}

.dropdown-content-print-inner div:hover{
    background-color: #ddd;
}

.dropdown-content-print-inner div.selected{
    background-color: #C8E1FF;
    color: #4056B5;
}

.dd-icons {
    vertical-align: text-bottom;
    font-size: 15px;
    width: 1.2em;
    color: #2a4679;
    cursor: pointer;
    margin-right: 8px;
}

#invRemindFrm #select2-tab-container:before {
    content: "Invoice Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#finalizeStatusFiltCont .select2-container{
    width: 100%!important;
}

.selectedCompRowBg {
    background-color: rgba(0, 0, 0, .075);
}

#PayFoot td{
    white-space: nowrap;
    font-weight: 700 !important;
    border: 0 !important;
}

#InvFoot td{
    white-space: nowrap;
    font-weight: 700 !important;
    border: 0 !important; 
}

.borderThinGrey{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

.selectedBgShowPayLine{
    background-color: rgba(0, 0, 0, .075);
}

.selectedBgInvLine{
    background-color: rgba(0, 0, 0, .075);
}

#invRemindFrm .select2{
    width: fit-content !important;
}

#clientCheckListFilter #select2-WID-container:before {
    content: "Warehouse:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#clientCheckListFilter .daterangepicker{
    width: max-content!important;
}

#clientCheckListFilter .select2-container{
    width: 100%!important;
}

#invClientCheckListTbl{
    max-height:340px!important;
}

#paymentClientCheckListTbl{
    max-height:340px!important;
}

.multiselect-container.dropdown-menu li label{
    font-family: 'Roboto', sans-serif;
    font-size: 13px!important;
    color:rgb(51, 51, 51);
}

.bgHoverDropdownOpt{
    background-color: #5897fb !important;
}

.bgHoverDropdownOpt label{
    color: white!important;
}

.RepSuppContractBgBlueHd{
    background-color: rgb(63, 81, 181);
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
    color: #FFFFFF;
}

.repSuppContTblCon{
    scrollbar-color: #818181 transparent;
    scrollbar-width: thin;
}

#repSupportContractFilterCont #select2-stab-container:before {
    content: "Report Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#repSupportContractFilterCont #select2-AID-container:before {
    content: "WorkArea:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.posAbsRight0{
    position:absolute!important;
    right:0;
}

#dateAppFieldCont table{
    font-size: 12px!important;
}

#dateAppFieldCont .gj-picker-bootstrap div[role=navigator]{
    font-size: 13px!important;
}

.color-priorityA{
    color:#ff0000;
}

.color-priorityB{
    color:#ff6a00;
}

.color-priorityC{
    color:#F8B323;
}

.color-priorityD{
    color:#50C877;
}

.color-priorityE{
    color:#9cc3ff;
}

.color-Nopriority{
    color:#808080;
}

#bankTransDdCont #select2-bank-container:before {
    content: "Bank:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#repPresalesFilterCont #select2-CatID-container:before {
    content: "Project:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#GLCodesDdCont #select2-group-container:before {
    content: "Grouping By:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#repPresalesFilterCont #select2-ConsID-container:before {
    content: "Consultant:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#repPresalesFilterCont #select2-tab-container:before {
    content: "Report Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#RepPresalesAnCont #select2-stab-container:before {
    content: "Report Type:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#RepPresalesAnCont #select2-CatID-container:before {
    content: "Project:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#RepPresalesAnCont #select2-ConsID-container:before {
    content: "Consultant:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#RepPresalesAnCont #select2-status-container:before {
    content: "Ticket Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

#RepPresalesAnCont #select2-prodstatus-container:before {
    content: "Project Status:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.datepickerContFilt .daterangepicker{
    width: max-content !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

#repSupertackRecordsFilterCont #select2-CID-container:before {
    content: "Clients:";
    font-weight: 600;
    padding-right: 5px;
    color: gray!important;
}

.suggestion-dropdown {
    max-height: 200px;
    overflow-y: auto;
    background-color: white; /* Container background */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 1000;
}

.suggestion-item {
    padding: 5px 10px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: rgba(0, 0, 0, 0.075);
}