/***variables defined for common use case****/
:root {
  --logo-nav-bg-color: #190548;
  --link-text-color: #fff;
  --active-link-text-color:#0BE2F5;
  --table-header-bg-color:#190548;
  --active-page-bg-color:#190548;
}
::-ms-reveal {
  display: none
}
body {
  font-family: 'Montserrat';
  color: #2a3338;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #2a3338;
}
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fw-500 {
  font-weight: 500;
}
.navbar-brand-box {
  background: #fff!important;
}
body[data-sidebar=dark] #vertical-menu-btn {
  color: #555b6d;
}
.form-control {
  border: 1px solid #b8b8b8;
  border-radius: 0;
}
.btn {
  border-radius: 0;
  padding: 5px 10px 5px 20px;
}
.btn-pass {
  position: absolute!important;
  right: 0;
  top: 5px;
  z-index: 9!important;
  border: none;
  padding: 8px 15px;
}
.fp-link {
  color: #5156be;
  text-decoration: underline!important;
  font-weight: 600;
}
.auth-bg {
  background-position: bottom;
}
.pristine-error {
  font-size: 10px;
}
.auth-pass-inputgroup input[type="input"] + .btn .fa-eye-slash:before {
  content: "\f06e";
}
.icon-arrow {
  width: 18px;
  position: relative;
  top: -1px;
}
.icon-arrow-alert {
  width: 18px;
  position: relative;
  top: -1px;
  margin-right: -8px;
}
.choices__inner {
  min-height: 38px;
  padding: 0.47rem 0.75rem;
  border: 1px solid #b8b8b8;
  border-radius: 0!important;
}
.choices__list--single {
  padding: 0px;
}
.choices {
  margin-bottom: 0;
}
.choices__input {
  margin-bottom: 0;
  padding: 0;
}
.choices__list--multiple .choices__item {
  padding: 2px 10px;
  background-color: #6a5fd7;
  border: 1px solid #6a5fd7;
  margin-bottom: 2px;
}
.has-danger .choices__inner {
  border-color: #fd625e;
}
.has-success .choices__inner {
  border-color: #2ab57d;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #a8abdf;
}
.choices__list--dropdown {
  border-color: #a8abdf!important;
}
.is-open .choices__list--dropdown {
  border-color: #a8abdf;
}
.iti {
  width: 100%!important;
}
.action-btn {
  padding: 5px 12px;
}
.border-bottom-gray {
  border-bottom: 1px solid #b8b8b8;
}
.dataTable thead {
  background-color: var(--table-header-bg-color);
  color:white;
}
a:hover {
  cursor: pointer;
}
.dropdown-item:focus, .dropdown-item:hover {
  text-decoration: none;
  background-color: #e9ecef;
}
.btn-primary {
  background: #6a5fd7;
}
.choices__inner {
  border: 1px solid #b8b8b8;
}
.error {
  color: #fd5f55;
}
.form-control:disabled{
  background-color: unset!important;
}
.calendar-title {
  top: 28px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
}
.table-bordered>:not(caption)>* {
  border-width: 0px 0;
}
.fc-head-container {
  padding: 10px 0px!important;
}
.fc td, .fc th {
  border-width: 0px;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 5px;
}
.fc-dayGrid-view .fc-body .fc-row {
  min-height: 2em;
  height: 2em;
}
.fc table {
  font-size: 12px;
  text-align: center;
}
.fc .fc-toolbar h2 {
  text-transform: capitalize;
  font-size: 14px;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: none;
}
@media (min-width: 1025px) {
  .fc-day-top {
    padding: 4px!important;
  }
}
@media screen and (min-width: 1400px) {
  .fc-day-top {
    padding: 6px 0px!important;
  }
}
@media screen and (min-width: 1900px) {
  .fc-day-top {
    padding: 15px 0px!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fc-day-top {
    padding: 4px!important;
  }
  .add-image,.edit-image,.qa-image{
    height:25px !important
  }
}
@media (min-width: 481px ) and (max-width: 767px) {
  .fc-day-top {
    padding: 20px!important;
  } 
  /***horizontal scrolling for tables***/
  .col-sm-12{
    overflow-x: auto;
  }
}

/**Added this media query to handle tab title alignment**/
@media (min-width: 576px ) and (max-width: 720px) {
  .nav-tabs-custom .personal-project-tab ,  .nav-tabs-custom .advance-project-tab {
    padding:0px;
    display:flex;
    align-items: center;
   
  }
 
}
@media (max-width: 480px ) {
  .fc-day-top {
    padding: 8px!important;
  }

/***horizontal scrolling for tables***/
  .col-sm-12{
    overflow-x: auto;
  }
  
}
@media (max-width:993px){
  button.hamburger-icon{
    color:var(--logo-nav-bg-color) !important;
  }
} 
table .alert-info {
  color: #fff!important;
  background-color: var(--active-page-bg-color) !important;
}
.fc-content-skeleton table td:first-child {
  color: #dc3545;
}
.profile-card {
  line-height: 20px;
  border-bottom: 1px solid #b8b8b8;
}
.card-border {
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 5px;
}
#user-project-list_wrapper .page-link {
  padding: 5px 10px;
}
#clock {
  width: 90px;
  float: right;
}
.hr-clock {
  display: none;
}

@media (max-width:380px){
  button.hamburger-icon{
    margin-left:7px !important
  }
  .navbar-brand-box{
    display: block !important;
  }
}

@media (max-width: 480px ) {
  #clock {
    float: left;
  }
  .hr-clock {
    display: block;
  }
  .inner-otp-section{
    margin-left:0px !important;
  }
  .otp-row{
    padding-left:0px !important; 
  }
  .my-tasks-section-body{
    overflow-x: auto;
  }
  .attendance-regularization-button{
    margin-top:15px;
  }
}
@media (min-width: 481px ) and (max-width: 768px) {
  #clock {
    float: left;
  }
  .hr-clock {
    display: block;
  }
  .attendance-regularization-button{
    margin-top:15px;
  }
}
.cust-my {
  margin: 25px 0px;
}
.icon-theme {
  color: var(--active-page-bg-color);
}
.border-theme {
  border-color: #6a5fd7;
}
.link-theme {
  color: #6a5fd7;
}
div.timer {
  position: relative;
  top:13px;
  border:1px #6a5fd7 solid;
  width:100px;
  height:30px;
  line-height:30px;
  font-size:17px;
  text-align:center;
  margin-right:5px;
  /* margin:5px; */
}
div.timer1 {
  position: relative;
  top:13px;
  border:1px #6a5fd7 solid;
  width:55px;
  height:30px;
  line-height:30px;
  font-size:17px;
  text-align:center;
  /* margin:5px; */
}
.disabled {
  cursor: not-allowed!important;
  pointer-events: auto!important;
}
i#start_timer_id, i#pause, i#stop {
  cursor: pointer;
}
/***Navigation header changes by Nikhil Joglekar*/
.header{
  height:55px !important;
  /* background-color: red; */
}
.header-item{ 
  height:55px;
  padding-left:10px
}
.notification-timer-section{
  margin-right:5px;
}
.logo-section{
  height:55px;
}
.inner-logo-section{
  box-shadow: none !important;
  background: var(--logo-nav-bg-color) !important;
  padding-left:15px !important;
  padding-right:15px !important;
}
.left-navigation-menu{
  top:50px;
  background: var(--logo-nav-bg-color) !important;
}
.logo-styles{
  height:55px;
  display: flex !important;
  align-items: center !important ;
  line-height:0px !important
}
.icon-and-logo-text{
  width:180px;
}
.only-logo{
  position: relative;
  right: 5px;
  padding:5px;
}
body[data-sidebar=dark] #sidebar-menu ul li a,
body[data-sidebar=dark] #sidebar-menu ul li a i {
  color:var(--link-text-color) !important;
}
#sidebar-menu ul li ul.sub-menu li a{
  color: var(--link-text-color) !important;;
} 
.hamburger-icon{
  color:var(--link-text-color) !important; /*change the style in media query where only hamburger menu is visible*/
}
body[data-sidebar="dark"][data-sidebar-size="sm"] #vertical-menu-btn{
  color:var(--logo-nav-bg-color) !important;
}
/****If menu expanded, and link is active make the icon color as active*****/
body[data-sidebar="dark"][data-sidebar-size="lg"] #sidebar-menu ul li.mm-active a.active i{
  color:var(--active-link-text-color) !important;
}
/****If menu expanded, and link is active make the link text as active*****/
body[data-sidebar="dark"][data-sidebar-size="lg"] .vertical-menu #sidebar-menu ul li.mm-active a.active{
  color:var(--active-link-text-color) !important;
}
/*This only applies to main menu icon which doesn't have any submenu's (Dashboard Link)*/
body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu ul li.mm-active a.active i{ 
  color:var(--active-link-text-color) !important;
}
/**making parent text active if it doesn't have submenu which is clicked and active (Dashboard Link)**/
body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu ul li.mm-active a.active{ 
  color:var(--active-link-text-color) !important;
}
/****changing the backhround color of items****/
body[data-sidebar="dark"][data-sidebar-size="sm"] #sidebar-menu ul li a{ 
  /* color:var(--active-link-text-color) !important; */
  background-color:var(--active-page-bg-color) !important;
}

body[data-sidebar="dark"][data-sidebar-size="sm"] #sidebar-menu ul li li a{ 
  /* color:var(--active-link-text-color) !important; */
  background-color:var(--active-page-bg-color) !important;
}

body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul ul{
  background-color:var(--active-page-bg-color) !important;
}
/**making parent icons active if it has submenu which is clicked and active (1st level)**/
body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu ul li.mm-active a.mm-active i{
  color:var(--active-link-text-color) !important;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu ul li.mm-active ul>li.mm-active a.mm-active i{
  color:var(--link-text-color) !important;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .vertical-menu #sidebar-menu ul li.mm-active a i.settings-icon{
  color:var(--active-link-text-color) !important;
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
    padding-left: 20px;
}
body[data-sidebar="dark"][data-sidebar-size="lg"] .clock-section{
  margin:20px auto;
  background: rgba( 205, 177, 227, 0.15 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 5px;
  border: 1px solid rgb(196 196 196 / 18%);
  height: 200px;
  color: #fff;
  width: 80%;
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
body[data-sidebar="dark"][data-sidebar-size="lg"] .clock-section .alarm-icon{
  color:white;
  font-size: 24px;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .clock-section{
  margin:20px auto;
  background: rgba( 205, 177, 227, 0.15 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 5px;
  border: 1px solid rgb(196 196 196 / 18%);
  height: 200px;
  color: #fff;
  width: 80%;
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center; 
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .clock-section .alarm-icon{
  color:white;
  font-size: 24px;
}
body[data-sidebar="dark"][data-sidebar-size="lg"] .clock-section .alarm-icon{
  color:white;
  font-size: 48px;
}
body[data-sidebar="dark"][data-sidebar-size="lg"] .last-clock-in{
  margin-bottom:10px;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .last-clock-in-text{
  display: none;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .last-clock-in{
  display: none;
}
body[data-sidebar="dark"][data-sidebar-size="sm"] .clock-out{
  display: none;
}
.pagination{
  --bs-pagination-active-bg:var(--active-page-bg-color) !important;
  color:white;
}
.table.dataTable>thead .sorting::before{
  color:white;
  opacity:1;
}
.table.dataTable>thead .sorting::after{
  color:white;
  opacity:1;
}
.dropdown-menu-lg{
  width:400px
}
.notification-item .unread{
    background-color: #f2f2f2;
}
.notification-item .unread p{
  font-weight: bold;
}
.otp-section{
  display:flex;
  align-items: flex-end;
  background-color: #f9f8fd;
  height:120px;
  margin-bottom:15px;
  /* box-shadow:0px 2px #c4c1cb */
}
.inner-otp-section{
  margin-left:5px; 
}
input[name="otp1"],[name="otp2"],[name="otp3"],[name="otp4"],[name="otp5"],[name="otp6"]{
  border:1px solid var(--active-page-bg-color) !important;
}
.right-body-section{
  background-color: #f9f8fd;
  /* width:29%; */
  /* margin-left:10px */
}
.inner-left-body-section{
  background-color: #f9f8fd;
  /* width:70%; */
}
.my-projects-section, .my-active-timer{
  margin-top:10px !important;
  margin-left:3px
}
.my-projects-section{
  margin-bottom:2px;
}
.my-task-section{
  margin-top:20px !important;
  margin-left:5px !important;
}
.employee-details{
  margin-top:15px;
  border-radius:0px;
}
.total-hours{
  color:var(--active-page-bg-color)
}
.table-bordered{
  border:1px solid #c4c1cb;
}
.fc-scroller{
  overflow:hidden hidden !important;
  /* box-shadow:0px 2px #c4c1cb; */
  background-color: white;
}
.fc-head-container{
  background-color: white;
}
.table>:not(caption)>*>*{
  padding:0.35rem 0.75rem !important;
  vertical-align: middle;
}
.task-body, .project-body, .timer-body{
  background-color: white;
}
.project-card-body{
  padding-top:0px;
}
.project-table, .task-table{
  padding-left:0px;
}
.task-card, .project-card, .timer-card{
  border:none !important
}
.my-tasks-section-body{
  /* overflow-x: auto; */
  padding-top:0px;
  padding-right:0px
}
.start-time{
  cursor:pointer
}
.clock-right-section{
  margin:auto;
}
.profile-card-border{
border-bottom:none
}
.holiday-section{
  padding:0px !important;
}
/**projects overview styles**/
.nav-tabs-custom .nav-item .nav-link.active{
  color:var(--active-page-bg-color);
}
.tab-header-section{
  padding:0px !important
}
.project-tab, .personal-project-tab,  .advance-project-tab{
  height:50px;
  padding-top:6px
}
.total-project-count, .daily-count, .daily-count-add, .add-section, .edit-section, .qa-section, .user-count{
  background: #F9F8FD;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  
}
.total-project-count{
  border-left:5px solid #26BF4C;
}
.daily-count{
  border-left:5px solid #FFCE00;
}
.daily-count-add{
  border-left:5px solid #6A5FD7;
}
.user-count{
  border-left:5px solid #D42020;
}
.estimated-project-average, .project-average{
  background:var(--active-page-bg-color);
}
.total-value, .estimated-value, .emp-value, .project-average {
  color:white; 
}
.add-value,.edit-value,.qa-value{
  font-size:40px !important;
  margin-bottom:0px;
}
.add-text, .edit-text, .qa-text{
  border-top:1px solid var(--active-page-bg-color);
  padding-top:5px;
  width:30px;
}
.nav-tabs-custom{
  border-bottom:1.48px solid #e9e9ef;
  /* border-right:1.48px solid rgb(246,246,246); */
}
.add-section ,.edit-section, .qa-section{
  padding-bottom:0px;
  /* padding-top:0px; */
}
.add-image,.edit-image,.qa-image{
  display:block;
  margin-left:auto;
}
.project-tab, .personal-project-tab, .advance-project-tab{
  border-right:1px solid #e9e9ef;
}
.holiday-section .row .col-5{
  padding:6px 0px 6px 22px;
}
.holiday-section .row .col-7{
  text-align: left;
  padding-top:6px;
  padding-bottom:6px;
}
.left-body-section{
  padding-left:8px !important; 
}
.profile-pic{
  border:none !important
}
.holiday-card,.celebration-card{
  border-radius: 0px !important;
}
.fc-dayGrid-view > .table-bordered{
  border:1px solid #e9e9ef;
}
/**affects all elements with card-header class*/
.card-header{
  padding:10px;
  vertical-align: middle;
}
.page-title-right{
  margin-right:20px !important
}
/*reduce spacing for page title*/
.page-content{
  padding:calc(50px + 20px) calc(20px * .75) 60px calc(20px * .75)
}
.page-title-box{
  padding-bottom:10px;
}
.alarm-icon:hover {
  cursor: pointer;
}
/*attendance page*/
.attendance-overview, .total-duration{
  border-left:5px solid var(--logo-nav-bg-color);
  background-color: #F9F8FD;
  border-radius: 0px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
.attendance-table{
  background-color:var(--logo-nav-bg-color) ;
  color:white;
}
.attendance-data{
  background-color:#F9F8FD ;
  color:black;
  font-weight: 500;
  font-size:13px;
}
.attendance-overview h6 ~ label, .total-duration h6 ~ label{
  margin-bottom:0px !important;
  font-size:13px
}
.form-select{
  height:35px;
  border-radius:0px;
}
.note-text{
  margin-right:10px;
}
.note-entries{
  display:inline-block;
  padding-right:10px;
  padding-left:10px;
  font-size:13px;
  border-right:1px solid black;
}
.mdi-arrow-right-thin{
  color:#858d98;
}
.note-entries-last{
  padding-right:10px;
  font-size:13px;
  padding-left:10px;
}
.week-heading{
  font-size:11px;
}
.li.nav-item.personal-project-tab:hover{
  border-bottom:4px solid green;
}
/***batch execution***/

.left-side-body{
  padding:15px 15px 15px 20px
}
.right-side-body{
  padding:5px 5px 5px 20px
}
.right-side-section{
  margin-bottom:0px;
  border-bottom:0px;
}
.batch-execution-body{
  padding:0px;
  /* height:150px */
}
.left-side-col{
  padding-right:0px;
}
.right-side-col{
  padding-left:0px;
}
.batch-execution-title{
  font-size:13px
}
.image-block{
  /* height:100px */
  border:1px dashed black;
  padding:0px;
}
.my-data-section{
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.my-entry-section, .my-average-section{
  background:var(--active-page-bg-color);
  color:white;
  height:70px;
  text-align:center;
  padding:15px
}
.my-average-title{
  margin-bottom:0px;
}
.my-entry-title,.my-average-title,.my-entry-value,.my-average-value{
  color:white; 
}
.my-entry-value, .my-average-value{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-entry-title, .my-average-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-entry-title{
  margin-bottom:0px;
}
/***batch execution***/
.left-side-body{
  padding:15px 15px 0px 20px
}
.right-side-body{
  padding:5px 5px 5px 20px;
  background: aliceblue;
}
.right-side-section,.right-side-col{
  margin-bottom:0px;
  border-bottom:0px;
}
.batch-execution-body{
  padding:0px;
}
.card.batch-execution-section{
  margin-bottom: 0px !important;
}
.left-side-col{
  padding-right:0px;
}
.right-side-col{
  padding-left:0px;
}
.batch-execution-title{
  font-size:13px
}
.image-block{
  border:1px dashed black;
  padding:0px;
}
img.img-fluid.exe-logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
}
.my-data-section{
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.my-entry-section, .my-average-section{
  background:var(--active-page-bg-color);
  color:white;
  height:60px;
  text-align:center;
  padding:10px;
  margin-bottom: 6px;
}
.my-average-title{
  margin-bottom:0px;
}
.my-entry-title,.my-average-title,.my-entry-value,.my-average-value{
  color:white; 
}
.my-entry-value, .my-average-value{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 3px;
}
.my-entry-title, .my-average-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-entry-title{
  margin-bottom:0px;
}
.page-title-box .breadcrumb {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  color: #190548;;
  font-weight: 800;
}
.breadcrumb-item>a {
  text-decoration: underline !important;
  color: #6a5fd7;
}
.form-check-input[type=checkbox],
.form-check-input[type=radio] {
  margin-left: 10px !important;
}
select {
  cursor: pointer;
}
select option {
  color: #000;
}
select option:disabled {
  color: #ccc;
}
/* floating label */
:root {
  --outline-animation-duration: .3s;
  --outline-transition-type: linear;
}
.form-floating>label,.form-label{
  padding: 0.7rem !important;
  color: #1f2325 !important;
  top: 5px;
  font-size: 13px;
  padding-top: 0px !important;
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext, 
.form-floating>.form-select,
.input-group,
input#contact_no, input#phone_number, input#qa_percentage {
  height: calc(3rem + 2px);
  line-height: 1.25;
}
.form-floating>.form-control-plaintext~label, 
.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label,
.form-floating .choices ~label{
  transform: scale(.90) translateY(0rem) translateX(0.15rem);
  transition: all var(--outline-animation-duration) var(--outline-transition-type);
  color: #1f2325 !important;
  font-weight: 800;
  opacity: 100;
}
.form-control{
  color: #1f2325 !important;
}
.form-floating>.form-select {
  padding-top: 1.25rem;
}
.choices__inner{padding-top:1.3rem} 
.choices{ position:static}
/* calendar */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  top: -6px !important;
}
.flatpickr-current-month{
  top: 0px !important;
  font-size: 110% !important;
}
span.flatpickr-weekday{
  color:#fff !important;
  font-weight: 100;
}
.flatpickr-day,.flatpickr-calendar,.flatpickr-months{
  border-radius: 0px !important;
}
.flatpickr-months, .flatpickr-weekdays,.flatpickr-day.selected{
  background-color:#341e5f !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
  font-size:14px;
}
/* file upload */
input[type="file"] {
  margin-left: -2px !important;
  &::-webkit-file-upload-button {
    display: none;
  }
  &::file-selector-button {
    display: none;
  }
}
.input-group-text {
  border-radius: 0px;
  font-size: 13px;  
  color:#1f2325 !important;
}
.textheight{
  line-height: 2rem;
  font-size: 13px;
}
/*  Tel */
.form-label-group.iti-right .iti__flag-container {
  right: 0;
  left: auto;
}
.form-label-group.iti-right .iti--allow-dropdown input, .form-label-group.in-border.iti-right .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .form-label-group.iti-right .iti--separate-dial-code input, .form-label-group.iti-right .iti--separate-dial-code input[type="tel"], .form-label-group.iti-right .iti--separate-dial-code input[type="text"] {
  padding-left: 10px  !important;
}
.form-label-group.iti-right .intl-tel-input label, .form-label-group.iti-right .iti label {
  margin-left: 0;
}
.form-label-group.iti-right .iti__country{
  right: 0px;
}
.form-label-group .iti__country {
  z-index: calc(var(--label-z-index) + 2) !important;
}
input#contact_no, input#phone_number, input#qa_percentage {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
/* .card,.card-header,.form-floating>.form-control:focus{
  border-image: linear-gradient(to right, #7c43ff40, #409eff47) 1;
} */
.pending{
  font-size: 1.3rem !important;
}
.h6-title{
  margin-top: 20px;
}
.hide-pagination{
  display: none;
}
.bg-card {
  background-color: #f9f8fd;
}
#page-topbar {
  z-index: 9!important;
}
ul .sub-menu {
  width: 250px!important;
}
.view_atta {
  position: absolute;
  top: -20px;
  right: 0px;
}
input[type=file]::file-selector-button {
    display: none;
}
input[type=file]::-webkit-file-upload-button {
    display: block;
    width: 0;
    height: 0;
    margin-left: -100%;
}
input[type=file]::-ms-browse {
    display: none;
}


.table-responsive-stack-thead{
  display:none;
}

/***************advance dashboard************************/
.advance-dashboard-header{
  display:flex;
  justify-content: space-between;
  margin-bottom:0px;
  font-size:2.0rem;
  align-items: center;
  flex-wrap:wrap;
  overflow:hidden;
}
.advance-dashboard-value{
  text-align: left;
}
.border-line{
  width:54px;
  border-top:3px solid  var(--active-page-bg-color);
  color: var(--active-page-bg-color);
  opacity: 1 !important;
  margin-top:4px;
  margin-bottom:7px;
}
.total-client-icon{
  background: var(--active-page-bg-color);
  height:30px;
}
.three-cards-details{
  background: #F9F8FD;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
/***Fixing empty state issue***/
.empty-state-section{
    height: 485px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(42, 51, 56, 0.6);
}
.masters-empty-state-section{
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(42, 51, 56, 0.6);
  margin-top:20px;
}
body[data-sidebar-size=sm] {
  min-height:0px !important;
}
.input-close {
  display: none;
  position: absolute;
  right: 5px;
  top: calc(50% - 0.5em);
  cursor: pointer;
}
.email-id-lower{
  text-transform: lowercase;
}
.choices__list--dropdown .choices__list{
  max-height: 250px;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after{
  border-top-color:rgb(255 255 255 / 90%)
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after{
  border-bottom-color:rgb(255 255 255 / 90%)
}
.cust-label{
  padding-left: 5px !important;
}
@media (min-width: 640px){
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 25px;
  }
}
.daily-count-average{
  background: #F9F8FD;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); 
  border-left:5px solid #0dcaf0;
}
.cust-checkbox{
  top: 2px;
  position: relative;
  margin-right: 3px;
}
.dd-options{
  font-size: 8px;
  padding: 2px;
  float: right;
  margin-top: 2px;
}
.form-check-input, .check-label{
  cursor: pointer;
}
.form-check-input:disabled {
  pointer-events: visible;
  cursor: not-allowed!important;
}
.form-check-input:disabled + label{
  pointer-events: visible;
  cursor: not-allowed!important;
}
/***datatable edit lable input box***/
.input-border{
  width: 100%; /* Adjust for padding */
  box-sizing: border-box;
  border: none; /* Remove border */
  outline: none; /* Remove outline */
}
.pointer {
  cursor: pointer;
}
.searchimg-heigh {
  height: 35px!important;
}
.divbox {
  border: 1px #6a5fd7 solid;
  height: 24px;
  width: 25%;
  margin-left: 10px;
}
.overlay-img-loder{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9998;
  cursor: pointer;
}
.loader-img{
  padding: 10px;
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 5000;
  width: 120px;
  text-align: center; 
  color: #fdf7f7;
  display: block;
}
.loader-img-text{
  padding: 10px;
  position: fixed;
  top: 39%;
  left: 44%;
  z-index: 5000;
  width: 300px;
  text-align: center; 
  color: #fdf7f7;
  display: block;
}
.container-confidance {
  font-size: 0;
}
.container-confidance span {
  font-size: 14px;
}
#img_div{
  width: auto;
  height: auto;
  background-color: lightgray;
  overflow-x: auto;
  position: sticky;
  top: 75px;
}
#serve-image{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: rotateZ(0) translateY(0%);transform-origin: top left;
}
#map_img_div{
  width: auto;
  height: auto;
  background-color: lightgray;
  overflow-x: auto;
}
#uploaded_map_image{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: rotateZ(0) translateY(0%);transform-origin: top left;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
#info a {
  color: darkred;
  text-decoration: underline;
}

.final {
  color: black;
  padding-right: 3px; 
}
.interim {
  color: gray;
}

.Center_f {
  text-align: center;
  color: red;
}
#results {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
  min-height: 150px;
  margin: 0 0 20px 0;
}
#start_button {
  border: 0;
  background-color:transparent;
  padding: 0;
  cursor: pointer;
}
#start_img {
  width: 50px;
  height: 50px;
}

select {
  padding: 5px 5px;
}

#skeleton_img_div {
    overflow: auto;
    height: auto;
    position: relative;
}

#skeleton_image {
    height: auto; 
    width: auto; 
    vertical-align: bottom; 
}

@media screen and (max-width: 767px) {
    #select_dialect {
      position: absolute;
      right: 0;
    } 
}

@media screen and (min-width: 768px) {
  select {
    margin-right: 10px;
  }
}
.celebration {
  height: 260px;
}
.celebration-card {
  overflow-y: auto;
  max-height: 250px;
}
.celebration-card:active::-webkit-scrollbar-thumb,
.celebration-card:focus::-webkit-scrollbar-thumb,
.celebration-card:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
.celebration-card::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    visibility: hidden;
}
.celebration-card::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.ui-autocomplete
{
    overflow-y: scroll;
    max-height: 150px!important;
}
#all-added-data-table table {  border-collapse: collapse; }
#all-added-data-table th, td { padding: 8px; border: 1px solid #ccc; }
#all-added-data-table tr { cursor: move; }
.all-added-data-table-container {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: overflow 0.3s ease;
}
.all-added-data-table-container:hover {
  overflow-x: auto;
}
.operator-val-container {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.operator-val-container input[type="radio"] {
  margin-right: 10px;
  cursor: pointer;
}
.operator-val-box {
  border: 1px solid #ccc;
  padding: 8px 12px;
  width: 100%;
  cursor: pointer;
  transition: border-color 0.3s;
  background-color: #f0f0f0;
}
.operator-val-container input[type="radio"]:checked + .operator-val-box {
  border-color: #007BFF;
}
.operator-val-container input[type="radio"]:focus-visible + .operator-val-box {
  outline: 2px solid #007BFF;
  outline-offset: 2px;
}