html,
body {
  width: auto !important;

}

body {
  /* Inter for body/UI text (2026-07-18) - Montserrat kept for h1-h6 below (headings/branding) */
  font-family: 'Inter', 'Montserrat', sans-serif;
  font-size: 13px;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: bold;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcvEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype');
}

h1 {
  font-family: 'Montserrat';
}

h2 {
  font-family: 'Montserrat';
}

h3 {
  font-family: 'Montserrat';
}

h4 {
  font-family: 'Montserrat';
}

h5 {
  font-family: 'Montserrat';
}

h6 {
  font-family: 'Montserrat';
}


btn {
  border-radius: 0
}

.star {
  color: red;
}

form label.error {
  color: #FF0E0E;
  /*display: inline-block;*/
  padding-top: 5px;
  margin: 0;
  font-size: 12px;
  text-transform: none;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: 0;
  border-radius: 0
}

#floatingmenu {
  width: 100%;
  float: left;
}

.padding0 {
  padding: 0px;
}

.btn-larger {
  border-radius: 21px;
  font-size: 15px;
  color: #fff;
  background-color: #0f8c8e;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  width: 40%;
  margin: 0 auto;
  padding: 8px;
  text-transform: uppercase;
}

.btn-larger:hover,
.btn-larger:focus,
.btn-larger:active,
.btn-larger.active,
.open .dropdown-toggle.btn-larger {
  color: #fff;
  background-color: #0f8c8e;
}

.btn-larger:active,
.btn-larger.active,
.open .dropdown-toggle.btn-larger {
  background-image: none;
}

.btn-larger.disabled,
.btn-larger[disabled],
fieldset[disabled] .btn-larger,
.btn-larger.disabled:hover,
.btn-larger[disabled]:hover,
fieldset[disabled] .btn-larger:hover,
.btn-larger.disabled:focus,
.btn-larger[disabled]:focus,
fieldset[disabled] .btn-larger:focus,
.btn-larger.disabled:active,
.btn-larger[disabled]:active,
fieldset[disabled] .btn-larger:active,
.btn-larger.disabled.active,
.btn-larger[disabled].active,
fieldset[disabled] .btn-larger.active {
  border-color: #AEA8D3;
  background-color: #AEA8D3;
}

.btn-larger .badge {
  color: #AEA8D3;
  background-color: #fff;
}

.tabs-section {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  margin-top: 30px;
  background-color: #fff;
  border-radius: 5px;
}

.full-bg {
  color: #fff;
  background-attachment: scroll;
  background: #1c1e21 url(https://i.ibb.co/hCwZbyf/2.png);
  background-position: center center;
  background-repeat: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height: 96vh;

}

#userform .nav-tabs.nav-justified>li {
  color: #000;
  text-align: center;
  font-weight: bold;
}

#userform p {
  font-size: 12px;
  color: #1d1d1d;
  text-align: center;
}

#userform ul {
  list-style-type: none;
  padding: 0;
  width: 57%;
  margin: 0 auto;
}

#userform {
  background: #fff;
  padding: 13% 12%;
  height: 88vh;
}

#container .col-lg-3 {
  margin-bottom: 20px;
}

.multi-gts1 .col-lg-3 {
  width: 24% !important;
}

.multitaskassign {
  float: left;
  width: 100%;
}

#btnAddAddress {
  background: transparent;
  float: right;
  margin-top: -70px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .filter-manage {
    margin-top: 40px;
    float: right;
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid grey;
    width: 32%;
    padding: 8px 8px;
    text-align: center;
    color: grey;
    margin-right: 17px;
  }

  .leave-padding .row:first-child {
    padding: 0px 15px;
  }

  .width-section {
    width: 92%;
  }

  .leave-padding #project-list .col-lg-12 {
    padding-left: 0px;
  }

  .leave-padding #all_project-list .col-lg-12 {
    padding: 0px;
  }

  .card-details {
    padding: 1rem 2.7rem !important;
  }

  .add-new-space #new-menu {
    width: 100%;
    margin-left: 8% !important;
  }

  .pj-dash .medical-leaves {
    width: 92% !important;
  }

  #exTab1 .nav-task {
    width: 100% !important;
  }

  .nav-task li:first-child {
    width: 56% !important;
  }

  .new-tasks {
    width: 100% !important;
  }

  .up-coming {
    float: left;
  }

  .welcome-back {
    margin-top: 30px;
  }

  .company-head .upcoming-events {
    width: 55%;
    float: left;
  }

  .hour-productive {
    float: left;
  }

  .new-active,
  .new-pending {
    width: 23.9% !important;
    float: left;
    height: 350px;
  }

  .client-img {
    margin-top: 46px !important;
  }

  .active-status,
  .pending-status,
  .due-status {
    float: left;
  }

  .user-welcome .col-lg-12 {
    float: left;
  }

  .highcharts-container {
    width: 630px !important;
    margin-left: 20px;
  }
}


@media (max-width: 1199.98px) {
  .up-coming {
    float: left;
  }

  .welcome-back {
    margin-top: 30px;
  }

  .company-head .upcoming-events {
    width: 55%;
    float: left;
  }

  .hour-productive {
    float: left;
  }

  .new-active,
  .new-pending {
    width: 23.9% !important;
    float: left;
    height: 350px;
  }

  .client-img {
    margin-top: 46px !important;
  }

  .active-status,
  .pending-status,
  .due-status {
    float: left;
  }

  .user-welcome .col-lg-12 {
    float: left;
  }

  .highcharts-container {
    width: 630px !important;
    margin-left: 20px;
  }

}

@media (min-width: 768px) {

  #userform {
    background: #fff;
    height: 88vh;
  }
}

#userform .nav-tabs.nav-justified>li>a {
  text-transform: capitalize;
  font-size: 20px;
  color: #000;
  font-weight: bolder;
}

#userform .nav-tabs.nav-justified>.active>a,
#userform .nav-tabs.nav-justified>.active>a:hover,
#userform .nav-tabs.nav-justified>.active>a:focus {
  border: 0;
  color: #179395;
  border-radius: 0;
  font-weight: bold;
  position: relative;
  background: transparent;
}

#userform li.active>a::before {
  border-bottom: 3px solid #169395;
  bottom: 5px;
  content: "";
  position: absolute;
  width: 25px;
  left: 21%;
  top: 12px;
}

.forgot-pwd li.active>a::before {
  left: 39% !important;
}

.new-list-filter {
  padding-right: 0px;
  text-align: right;
}

.map-section {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.new-list-filter .emp-seach-bg {
  background-color: #fff;
}

.new-list-filter .empl-search i {
  color: #ccc;
}

.new-list-filter .btn-primary {
  background-color: #008f8f;
  text-transform: uppercase;
  font-weight: 500;
  width: 90%;
  border-radius: 17px;
}

.new-list-emp .new-emp-list {
  margin-top: 40px;
  width: 100%;
  float: left;
}

.new-list-emp {
  background-image: url(../img/images/Rectangle1.png);
}

.new-list-emp #leave-table,
.new-filter-emp {

  width: 100%;
  float: left;

}

.new-filter-emp {
  padding: 0px !important;
  width: 100%;
  float: left
}

.new-emp-list .container {
  padding: 0px !important;
}

.new-list-filter .btn-primary a {
  color: #fff;
}

.new-list-filter .form-control {
  border: none;
}

.new-emp-list .list-pagination {
  float: right;
  margin-top: 20px;
  margin-bottom: 40px;
}

#userform .nav-justified>li>a {
  margin-bottom: 0;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

#userform .nav-justified>li>a:hover {
  background: transparent;
  color: #3fc2c3;
}

#userform .nav-tabs>li>a {
  border: 0px solid transparent;
  border-radius: 0
}

#userform .fa-fw {
  width: 1.28571429em;
  text-align: center;
  color: #6e6e6e;
  cursor: pointer;
}

.doc-icon {
  color: #fff;
}

.show-text {
  font-family: 'Inter';
  text-transform: capitalize;
  font-size: 10px;
  vertical-align: top;
  position: relative;
  top: 8px;
  left: 8px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .input-group {
    position: relative;
    display: block;
    border-collapse: separate;
  }

  /* #team_id {
    width: 80%
  } */
  .th-border-0 tr th {
    border: 0 !important;
  }

  table.dataTable.no-footer {
    border-bottom: 1px solid #e6e6e6 !important;
  }

  #userform .nav-tabs.nav-justified>li>a {
    border: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
  }
}

@media (max-width: 768px) {
  .nav-justified>li {
    display: table-cell !important;
    width: 1% !important;
  }
}

#userform .nav-tabs {
  border-bottom: 0px solid #ddd;
}

#userform .tab-pane h2 {
  margin: 10px 0;
  color: #FFF;
}

#userform .tab-pane p.lead {
  margin-top: 20px;
}

#userform .form-group {
  margin-bottom: 0px;
  height: 65px;
}

.forgot-text {
  color: #3e3e3e;
  font-size: 10px;
  float: right;
  margin-top: 8px;
  font-style: italic;
}

#userform .form-group input,
#userform .form-group textarea {
  padding: 10px;
}

#userform .form-group input.form-control {
  height: auto;
  border: 1px solid #dbdbdb;
}

#userform .form-control {
  border-radius: 0;
  border: 1px solid #fff;
}

#userform .form-control:focus {
  border-color: #F7CA18;
  box-shadow: none;
}

#userform::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: 700;
  color: #bbb;
}

#example1 ::-webkit-input-placeholder {
  color: #bbb;
  font-size: 12px;
}

#userform #signup .form-group label {
  position: relative;
  -webkit-transform: translateY(35px);
  -ms-transform: translateY(35px);
  transform: translateY(35px);
  left: 10px;
  top: 0px;
  color: #303030;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 12px;
  font-weight: 300
}

#userform #signup .form-group label .req {
  margin: 2px;
  color: #0f8c8e;
}

.logo-top {
  text-align: center;
  padding-top: 12%;
}

.logo-part {
  background: #fff;
  height: 88vh;
}

#userform #signup .form-group label.active {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  left: 2px;
  font-size: 12px;
}

#userform #signup .form-group label.active .req {
  opacity: 0;
}

#userform label.highlight {
  color: #ffffff;
}

#userform #login .form-group label {
  position: relative;
  -webkit-transform: translateY(35px);
  -ms-transform: translateY(35px);
  transform: translateY(35px);
  left: 10px;
  top: 0px;
  color: #303030;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 12px;
  font-weight: 300
}

#userform #login .form-group label .req {
  margin: 2px;
  color: #269a9c;
}

#userform #login .form-group label.active {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  left: 2px;
  font-size: 12px;
}

#userform #login .form-group label.active .req {
  opacity: 0;
}

.mrgn-70-top {
  display: flex;
  align-items: end;
  justify-content: center;
}

.mrgn-40-top {
  margin-top: 40px;
  ;
}

.signin-font p {
  color: #565656;
  margin-top: 12px;
}

.signin-font span {
  color: #3a9fa0;
  font-size: 13px;
  cursor: pointer;
}

.mrgn-top-login {
  margin-top: 11px;
}

.show-icn {
  display: contents;
}

@media screen and (max-width:1399.98px) {
  #userform {
    font-size: 13px !important;
    padding: 9% 12%;
  }

  .show-text {
    top: 4px;
  }

  #userform .form-group {
    padding-top: 3px;
  }

  .btn-larger {
    border-radius: 21px;
    font-size: 13px;
    color: #fff;
    background-color: #0f8c8e;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    width: 33%;
    padding: 8px;
    text-transform: uppercase;
  }

  .signin-font p {
    margin-top: 6px;
  }
}

.signup_form .error-text {
  padding-top: 2px;

}

.bottom-img {
  float: right;
  width: 100%;
  text-align: right;
  bottom: 0;
  position: absolute;
}

.bottom-img img {
  width: 74.5%;
}

.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.form-segment {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  z-index: 999999;
  padding: 0;
}

.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.image-segment {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
  z-index: 999999;
  padding: 0;
}

.col-xl-12.col-lg-12.co-md-12.col-sm-12.col-xs-12.full-segment {
  margin-top: 35px;
  border-radius: 22px;
}

.logo-top img {
  width: 22%;
  /* height: 110px; */
}

#topnav .navbar-default .navbar-nav>li>a>span:not(.caret) {

  background-color:#FEB940;
  border-radius: 50% !important;
  display: inline-block;
  height: 16px !important;
  min-width: 14px !important;
  padding: 3px !important;
  line-height: 12px;
  font-size: 10px !important;
  position: relative !important;
  top: -6px !important;
  right: 15px !important;
  color: black;
}

#topnav {
  background: #2aaaad;
}

#topnav .navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  padding: 8px 0;
}

#topnav .navbar-default .navbar-nav>li>a {
  color: #081617;
  font-size: 12px;
}

#bs-example-navbar-collapse-1 .dropdown-toggle img {
  margin-right: 10px;
}

/* Important styles */
#toggle {
  display: block;
  width: 28px;
  height: 30px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}

#toggle span:after {
  top: 9px;
}

#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span::after,
#toggle span::before {
  width: 100%;
  height: 4px;
  background-color: #0e8c8e; /* brand teal, matches the Tailwind design system's `brand` color */
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 1px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}

#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}

#toggle.on+#menu {
  opacity: 1;
  visibility: visible;
}

/* menu appearance*/
#menu {
  position: absolute;
  color: #999;
  width: 260px;
  padding: 8px 0;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  /* just for this demo */
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
  z-index: 9999;
}

#menu::after {
  position: absolute;
  top: -14px;
  left: 7px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

#topmenu ul,
li,
li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#topmenu li a {
  display: flex;
  align-items: center;
  padding: 11px 18px;
  color: #1f2937;
  text-decoration: none;
  transition: background-color .15s;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  line-height: 1.3;
}

#topmenu li a:hover,
li a:focus {
  background: #e6fafe;
}

#topmenu .container {
  padding: 0px;
}

#topmenu {
  margin-top: 37px;
  height: 0;
  margin-bottom: 129px;
}

#topnav .navbar-default .navbar-brand {
  padding-left: 0;
}

#menu span img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  flex-shrink: 0;
}

#custom-search-form {
  border-radius: 18px;
  border: 1px solid #bebebe;
  font-size: 14px;
  padding: 5px;
  margin-top: 0px;
  width: 40%;
  margin-right: 14px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.go-btn {
  float: left;

}

.form-search {
  float: left;
}

.assign-go {
  float: left;
  margin-left: 45px;
}

.go-btn button {
  background-color: #1ec2c4;
  color: #fff;
  padding: 7px;
  border-radius: 100%;
  font-size: 12px;
  border: 1px solid #1ec2c4;
}

.search-query {
  border: 1px solid transparent;
  width: 85%;
}

.span12 .btn {
  background: transparent;
  padding: 4px;
}

.span12 .fa.fa-search {
  color: #9d9d9d;
  font-size: 16px;
}

.feedback {
  background-color: #31B0D5;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #46b8da;
}

#mybutton {
  position: fixed;
  bottom: 58%;
  right: 0px;
}

#mybutton1 {
  position: fixed;
  bottom: 52%;
  right: 0px;
}

#mybutton2 {
  position: fixed;
  bottom: 46%;
  right: 0px;
}

.feedback {
  background-color: #51d5d7;
  color: #144344;
  border: 1px solid #51d5d7;
  font-size: 10px;
  font-weight: bold;
  padding: 8px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  width: 100px;
}

#mybutton1 .feedback {
  background-color: #b5edee;
  border: 1px solid #b5edee;
}

#mybutton2 .feedback {
  background-color: #808c8c;
  border: 1px solid #808c8c;
}

#floating-buttons {
  background: #e9f9f9;
  height: 65vh;
}

#new-menu {
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
  width: 64%;
  /*margin-left: 150px;
  margin-top: -20px;*/
  position: absolute;
  top: -48px;
}

/* #leave-tab{
    background-image: url("../img/images/Rectangle2.png");
} */
#leave-tab .nav.nav-pills {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  margin-top: 10px;
}

#new-menu li {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: bold;
  font-family: 'Inter', sans-serif;
}

#new-menu>li:last-child {
  border-bottom: 0;
}

#new-menu li:hover {
  background: #ffb93f;
  border-radius: 18px;
  padding: 7px 18px;

}

.new-sub_menu li:hover {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.new-sub_menu li a:focus {
  outline: none;
  background-color: transparent;
}

.new-sub_menu {
  padding: 0;
  background: transparent;
  list-style: none;
  z-index: 1;
  opacity: 0.5;
  position: absolute;
  right: -100%;
  top: 16%;
  width: 10%;
  height: 100%;
  transition: all 0.7s;
}

.new-sub_menu.show {
  opacity: 1;
  right: -1px;
  margin-top: 117px;
  z-index: 99999999999;
  position: fixed;
}

#new-menu li {
  display: inline-block;
  padding: 7px 18px;
}

#new-menu .new-sub_menu.show li {
  display: block;
  background: #b7b7b7;
  margin-bottom: 4px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  font-size: 12px;
  padding: 10px 12px;
}

#new-menu .new-sub_menu.show li.active {
  background-color: #ffe0aa;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#new-menu .new-sub_menu.show li a {
  color: #000;
}

.new-sub_menu li:hover {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.list-emp-new {
  background-color: #c5f3f3 !important;
}

#wrapper {
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  border: 10px solid #aaa;
  border-radius: 15px;
  background-clip: padding-box;
  text-align: center;
}

.Popup-build .button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 5px 10px;
  border: 1px solid #aaa;
  background-color: #eee;
  background-image: linear-gradient(top, #fff, #f0f0f0);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #666;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.Popup-build .button:hover {
  border-color: #999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.button:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}

.overlay.light {
  background: rgba(255, 255, 255, 0.5);
}

.overlay .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}

.popup {
  margin: 75px auto;
  padding: 5%;
  background: #fff;
  border: 1px solid #666;
  width: 70%;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
}

.light .popup {
  border-color: #aaa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.popup h2 {
  margin-top: 0;
  color: #666;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.popup .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  opacity: 0.8;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}

.popup .close:hover {
  opacity: 1;
}

.popup .content {
  max-height: 400px;
  overflow: auto;
}

.popup p {
  margin: 4px 10px;
}

.rado-shift [type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: inherit !important;
  width: 25px;
  height: 22px;
  opacity: 0;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.week-offs .radio-custom:checked+.radio-custom-label::before {
  left: -14px;
  top: -19px !important;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {

  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 500;

}

[type="radio"]:checked+label:after {
  opacity: 0;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #0f8c8e;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.popup h3 {

  font-weight: bold;
  text-align: center;
  margin-bottom: 5%;
  color: #000;

}

.popup .form-control {
  width: 70%;
  margin: 0 auto;
}

.sub-button .btn.btn-default {

  background: #0f8c8e;
  color: #fff;
  border-radius: 24px;
  border: 1px solid #0f8c8e;
  padding: 10px 45px;
  text-transform: uppercase;

}

.sub-button {

  text-align: center;
  margin-top: 35px;

}

.image-segement {
  text-align: center;
}

.popup .col-xl-6 p {
  width: 70%;
  float: right;
}

.image-segement img {
  width: 40%;
}

#comment {
  position: relative;
  top: 12px;
}

#leave-table table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: -webkit-fill-available !important;
  table-layout: fixed;
}

#leave-table table {
  width: 100% !important;
  margin-left: 15px;
}

#leave-table.week-offs table th {
  text-align: left;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6;
}

.view-schedule-data th:first-child {
  background-color: #c5f3f3;
}

.row.leave-shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  padding: 32px 0;
  margin-top: 0px;
  margin-bottom: 100px;
  padding-bottom: 0;
  background: #fff;
  border-radius: 10px;
  margin-top: 30px;


}

#leave-table table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.p0 {
  padding: 0;
}

#leave-table.week-offs table tr {
  background-color: #fff;
}

#leave-table table th,
table td {
  padding: .625em;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0px;
}

.stacked-text p {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-left: 0px;
}

.stacked-text span {
  color: #014D4E;
}

#leave-table table th {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#leave-table tr img {
  width: 13%;
  margin-right: 6px;
  padding: 15px 0;
}

#leave-table li {
  display: inline-block;
  margin-right: 2px;
  cursor: pointer;
}

.table-heads {
  background: #e4f6f6 !important;
  text-transform: uppercase;
}

#leave-table td:nth-child(even) {
  background-color: #fff !important;
}

.week-offs-new td:nth-child(odd) {
  background-color: #fff !important;
}

.week-offs-new td {
  border: 1px solid #ddd;
  text-align: center !important;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  padding: 0.625em !important;

}

.week-offs-new th {
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px !important;
  font-weight: bold;
  letter-spacing: 0em !important;
  padding: 0.625em !important;
}

.week-offs-new table {
  position: relative;
}

.week-offs-new table tbody tr {
  width: 100%;
}

.week-offs-new table tbody td {
  width: 200px;
  border-right: 1px solid #ddd !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  font-weight: 600;
  font-size: 14px;
}

.week-offs-new table thead th {
  width: 200px;
  border: none;
}

.week-offs-new th span {
  font-size: 14px;
  font-weight: 600;
}

.list-new-header h5 {
  margin-bottom: 50px !important;
}

.week-offs-new tbody {
  background: #fff !important;
  padding-top: 42px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.week-offs-new table tbody tr img {
  width: 14%;
}

#leave-table strong {
  font-size: 12px;
}

/* #leave-table li:first-child {
  width: 5%;
} */

#dateFrom {
  border-radius: 25px;
  padding: 0 10px;
}

#dateTo {
  border-radius: 25px;
  padding: 0 10px;
}

#getJsonSrc {
  background: #66c1c2;
  border: 1px solid;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  padding: 0;
  margin-top: 26px;
}

.nav.nav-stacked {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 35px;
  padding-top: 20px;
  width: 31%;
}

#apply-leave {
  background: #1fc3c5;
  border: 1px solid #1fc3c5;
  border-radius: 25px;
  text-transform: capitalize;
  color: #fff;
  float: right;
  margin-top: 22px;
}

#exTab1 .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #00dede;
  background-color: transparent;
  border-bottom: 2px solid #ffc023 !important;
  border-radius: 0;
  padding-bottom: 5px;
  padding: 10px 1px;
  border: none;
}

.card-wrapper {
  background: white;
  border-radius: 2px;
  max-height: 250px;
  overflow: hidden;
  transition: max-height 500ms ease-in-out;
  border: 1px solid #bebebe;
  /* margin-right: 15px; */
}

.Project-outlook:last-child {}

.card-details {
  padding: 1rem 2.7rem;
}

.reveal-details ul {
  background: #1ec2c4;
  padding: 6px;
  margin-bottom: 0;
  text-align: center;
}

.reveal-details li {
  display: inline-block;
  margin-right: 10px;
}

.reveal-details ul li i {
  color: #fff;
  font-size: 18px !important;
}

.page-wrapper {
  padding-top: 5%;
  display: flex;
  -webkit-display: flex;
  justify-content: space-around;
}

#exTab1 .nav-pills>li.active a,
#exTab1 .nav-pills>li.active {
  /* color: #00dede !important;*/
}

#exTab1 .nav-pills>li {
  margin-right: 15px;
}

.margin-schedule {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

#exTab1 .nav-pills>li>a {
  border-radius: 4px;
  color: #272727;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
}

#exTab1 .nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;

}

#exTab1 .nav>li:hover {
  border-bottom: 2px solid #ffb93f;
  border-radius: 28px;
  border-radius: 0;
}

.faq {
  padding: 30px 0;
  width: 100%;
  float: left;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
  background: #fff;
}

.faq .faq-list li {
  margin-bottom: 10px;
  border: 2px solid #e7e7e7;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: -25px;
  top: 6px;
  transition: 1s;
}

.faq-title {
  text-align: center;
  font-size: 17px;
  border-bottom: 2px dashed #ffffff;
  margin-bottom: 30px;
  padding-bottom: 10px;
  color: #ffffff;
}

.faq-list li a:hover,
li a:focus {
  background: #e9e9e9;
}

.leave-date {
  display: inline-block;
  width: 18%;
  border-right: 1px solid #dedede;
  height: 100px;
  vertical-align: top;
  padding-top: 2.5%;
  text-align: center;
}

.leave-details {
  display: inline-block;
  width: 70%;
  margin-left: 20px;
}

.leave-title {
  width: 100%;
  float: left;
}

.leave-title h4 {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 24px;
  margin-top: 10px;
}

.leave-approval {
  display: inline-block;
  width: 8%;
  text-align: center;
  margin-top: 14px;
}

.leave-date h4 {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

.leave-details h5 {
  font-size: 20px;
  margin: 0;
}

.faq .leave-approval p {
  color: #9dc44d;
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
}

.faq-list .collapse.in p {
  font-size: 13px;
  color: #1a1a1a;
  width: 80%;
  margin-left: 20%;
}

.faq .container {
  padding: 0px;
}

.faq-list .collapse.in {
  border-top: 2px solid #e7e7e7;
}

.aos-init.aos-animate.approve {
  border-left: 7px solid #388600;
}

.aos-init.aos-animate.rejected {
  border-left: 7px solid #e73930;
}

.aos-init.aos-animate.pending {
  border-left: 7px solid #f6871f;
  background: #fff;
  border-radius: 2px;
  padding: 0;
}

.rejected .leave-approval p {
  color: #e72022;
}

.pending .leave-approval p {
  color: #f68620;
}

.leave-approval img {
  width: 40%;
}

.leaves-details {
  border: 1px solid #828282;
  padding: 6px;
  border-radius: 12px;
}

.last-leave-details {
  float: right;
  background: #efefef;
  padding: 2% 6%;
  border-radius: 12px;
  width: 80%;
}

.leave-symbol span {
  color: #e52a00;
  font-weight: bold;
  font-size: 40px;
}

.leave-numbers {
  display: inline-block;
  width: 60%;
}

.leave-symbol {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  margin-top: 12px;
}

.leave-numbers p {
  font-size: 12px;
  text-transform: capitalize;
  height: 30px;
}

.p-list {
  color: #bebebe;
  border: 1px solid #bebebe;
  border-radius: 19px;
  width: 87%;
  float: inherit;
  text-transform: capitalize;
}

.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.rp {
  padding: 0;
}

.leave-numbers h6 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 5px;
}

.leave-symbol img {
  width: 83%;
  vertical-align: text-bottom;
}

fieldset.scheduler-border {
  border: 1px solid #b7b7b7 !important;
  padding: 0 12px !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  height: 68px;
}

.leave-form {
  margin-top: 7%;
}

.remove-padding {
  padding: 0px !important;
}

.resigned-remove {
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
}

.margin-ads {
  margin-bottom: 0px !important;
}

.add-padding {
  padding: 0px 50px;
}

.user-welcome .col-lg-12 {
  padding: 0px;
}

.bashboard-bg {
  /* Legacy decorative BG.png swoosh removed during the Tailwind dashboard migration — it was
     positioned as a percentage of page height, so on the shorter new card layout it drifted into
     the footer. The modern dashboard uses a flat bg-slate-50 surface instead.
     Also make the dashboard a full-height flex column so the footer sticks to the bottom of the
     viewport instead of floating mid-screen when content is short. Scoped to .bashboard-bg only
     (set as body_class by DashboardsController) so no other page's layout is affected. */
  background: #f8fafc; /* slate-50, matches the dashboard content surface */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.bashboard-bg > footer {
  margin-top: auto;
}

/* Generic sticky-footer layout for Tailwind-migrated pages (2026-07-02) — same technique as
   .bashboard-bg above. Keeps the footer pinned to the bottom of the viewport instead of floating
   mid-screen when content (e.g. an empty-state "No teams found" card) is shorter than the display
   height. Set as body_class only by already-migrated actions (e.g. TeamsController::
   index()/add()) — not applied globally, so not-yet-migrated Bootstrap pages using the same
   layout are unaffected. Apply this same body_class to every future migrated page.
   Background is set here (not just on the inner <section class="bg-page">) because the flex
   column stretches <body> to fill the viewport — without a background here too, the stretched gap
   between short content and the footer showed through as plain white instead of the page's own
   #edf2f2 (Indu, 2026-07-02). Kept in sync with the `page` color token in tailwind.config.js. */
.sticky-footer-page {
  background: #edf2f2;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.sticky-footer-page > footer {
  margin-top: auto;
}

/* selectize.js reskin (2026-07-02) — the default 0.12.1 theme (selectize.default.min.css) has a
   dated inset box-shadow that makes the control look grey/recessed instead of flat white, and —
   more importantly — gives the empty state (.selectize-input) different padding than the filled
   state (.selectize-input.has-items: "padding:5px 8px 2px" vs the empty state's "padding:8px 8px"),
   which is exactly what caused visibly uneven row heights on the Add Team form (Indu, 2026-07-02)
   whenever one row had a value selected and another didn't. Forces both states to the same flat
   white box matching the Tailwind form fields around it (border-slate-200, rounded-lg, brand
   focus color) instead of trying to patch the two states separately. */
/* selectize.js clones the original <select>'s full class list — including its Tailwind
   border/padding/background/rounded utilities — onto its own wrapper (.selectize-control), which
   sits around .selectize-input. Without this reset that wrapper renders a second, outer box
   (its own border and horizontal/vertical padding classes) around the inner box we style below,
   which is what made selectized fields taller than plain ones (padding stacked twice) and gave
   them a doubled-up border look next to the Team Details selects that also use selectize (Indu,
   2026-07-02). Only width (w-full, w-44, w-36 etc., needed for layout/sizing) is left untouched.
   Selector is doubled (.selectize-control.selectize-control) to out-specificity Tailwind's own
   utility classes: tailwind.config.js sets `important: true`, so compiled utilities like px-3.5
   and py-2.5 carry !important too, and tailwind.css loads after this file — at equal specificity
   the later !important rule wins, which silently ignored a plain `!important` reset here. */
.selectize-control.selectize-control {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

/* .selectize-control.multi .selectize-input added 2026-07-22 (Indu: "borders around Watchers/
   Linked Issues search box missing" on Add/Edit Task) - a multi-select with nothing chosen yet
   has no .has-items class, so it fell through both existing rules and inherited the wrapper
   reset's border:none above with nothing to restore it. */
.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-input.has-items {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important; /* Tailwind slate-200 */
  border-radius: 8px !important; /* Tailwind rounded-lg */
  box-shadow: none !important;
  padding: 9px 12px !important;
  margin: 0 !important; /* default theme adds a 5px top margin here */
  min-height: 42px;
  box-sizing: border-box;
  display: block !important; /* default inline-block adds a baseline whitespace gap below */
}

.selectize-input.focus {
  border-color: #0e8c8e !important; /* brand */
  box-shadow: none !important;
}

.selectize-input.dropdown-active {
  border-radius: 8px 8px 0 0 !important;
}

.selectize-dropdown {
  border: 1px solid #e2e8f0 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

.selectize-dropdown .option.active {
  background: #e6f4f3 !important;
  color: #0e8c8e !important;
}

/* Quill editor minimum height (2026-07-22, Indu: Description/Acceptance Criteria boxes on Add/
   Edit Task should show at least 6 lines) - Quill's own .ql-editor has no min-height by default,
   so it shrinks to fit a single placeholder line until the user starts typing/pasting enough to
   grow it. ~150px comfortably fits 6 lines of the editor's default text size plus its own
   top/bottom padding. Scoped to .ql-editor-wrap (the wrapper div every Task page's Quill instance
   is mounted in) so it applies consistently everywhere Quill is used, not just Add/Edit Task. */
.ql-editor-wrap .ql-editor {
  min-height: 150px;
}

/* Tailwind form-field border-style fix (2026-07-02) — Tailwind's `border` utility only sets
   border-width; it relies on preflight's global `*, ::before, ::after { border-style: solid }`
   reset to make that border look flat. Preflight is disabled sitewide (it would nuke Bootstrap),
   so plain <input>/<textarea> elements fall back to the browser's default UA border-style, which
   is `inset` (a 3D grooved look, darker on top/left) — while <select> elements happen to default
   to `solid` already. Side by side on the same form (e.g. Add Team's Team Name/Team Email inputs
   next to its Team Manager/Work Interface selects) the inset inputs looked like they had a heavier,
   darker border and didn't line up with the flat selects next to them (Indu, 2026-07-02). Forcing
   solid here matches every migrated Tailwind field to the same flat look, sitewide and going
   forward — see UI_SPEC.md "Four Tailwind/Bootstrap-adjacent collisions".
   `button` has the same problem with a different default: browsers default it to `outset` (a
   raised 3D bezel), which is why the Add Team Status toggle's Active button (a colored teal
   border) looked noticeably thicker/darker than the Inactive button (a pale slate border) even
   though both share the exact same `border` Tailwind classes — the bezel shading is just far more
   visible against a saturated color (Indu, 2026-07-02).
   2026-07-09 attempt: tried broadening this selector to the universal `*, ::before, ::after` to
   also cover plain `<div>`/`<tr>` elements styled with only `border`/`border-{color}` utilities and
   no explicit `border-style` (those default to the CSS initial `border-style: none`, which per spec
   forces border-width to 0 regardless of any `!important` width declaration — worse than the inset/
   outset form-control bug, it doesn't render at all). Reverted: Chrome's UA stylesheet gives
   `<table>`/`<td>`/`<th>` a non-zero default border-width (~3px) that was previously invisible only
   because style was `none`; making style universally `solid` suddenly painted thick default borders
   around every table cell sitewide. Fixed per-element instead via an explicit `border-solid`
   Tailwind class on just the elements that need it (Indu, 2026-07-09).
   2026-07-13 follow-up (Indu found it live via a missing search-box border on Manage Roles):
   the per-element `border-solid` convention above turned out to have been missed on ~260+ plain
   `<div>` elements across nearly every migrated page (any `rounded-* border border-{color}` card/
   pill/divider whose author forgot the extra class) — same root cause, just far more widespread
   than one page. The 2026-07-09 revert only replayed *half* of what Tailwind's own preflight reset
   does: it set `border-style: solid` universally but never also zeroed `border-width: 0` first, so
   Chrome's own non-zero default table border-width leaked through once style stopped being `none`.
   Doing exactly what upstream Tailwind preflight does — zero the width AND set the style solid,
   both together, both universal — fixes that: `<table>`/`<td>`/`<th>` end up with a genuine 0px
   solid border (still invisible) instead of their native ~3px one, while every Tailwind `.border*`
   utility class still applies its own explicit `!important` width on top and renders correctly. */
*,
::before,
::after {
  border-width: 0;
  border-style: solid;
}
input,
textarea,
button {
  border-style: solid;
}

/* Tailwind form-field FOCUS outline fix (2026-07-03) — a distinct bug from the border-style one
   above: on `:focus`, browsers (Chromium confirmed) draw their own native focus ring via `outline`
   (not `border`) — `outline-style: auto`, `outline-color` a near-black `rgb(16,16,16)`, `outline-
   width` ~1-2px — regardless of the element's CSS border-color. `input` already had this stripped
   sitewide (`input:focus { outline: none !important }`, see the legacy rule further down this
   file), which is why text inputs like Projects' "Search projects…" never showed it. Nothing
   equivalent existed for `select`/`textarea`/`button`, so any focused/clicked `.plain-select`
   (e.g. Projects' Active/All Teams filters, Add Team's Avg Work Hrs/Work Interface Type) briefly
   flashes a heavy black rectangle around itself that doesn't match the flat slate-200 border
   everywhere else. Matches the `border-style: solid` rule above in being sitewide/tag-based rather
   than scoped to `.plain-select`, since the underlying UA default is identical for every select,
   textarea, and button on the page (Indu, 2026-07-03). */
select,
textarea,
button {
  outline: none !important;
}

/* Browser/password-manager autofill yellow highlight fix (2026-07-09, per Indu's request — Add
   Employee's Employee Code field, but this is a sitewide `input:-webkit-autofill` rule so it
   covers every autofillable text field). Chromium paints its own pale-yellow background
   (`rgb(250, 255, 189)`) on any field it decides to autofill, completely bypassing our Tailwind
   `bg-white`/border classes — `background-color` can't override it directly since the UA applies
   it as an internal autofill style, not a regular style-sheet rule. The standard workaround is an
   inset `box-shadow` large enough to visually paint over the autofill background, plus forcing
   `-webkit-text-fill-color` back to our normal text color (Chromium also recolors the text itself
   on autofill). Third-party password-manager extensions (LastPass, 1Password, Dashlane) that add
   their own yellow highlight + inline icon ignore this CSS entirely since they inject their own
   shadow DOM; those are suppressed per-field instead via `autocomplete="off"` plus
   `data-lpignore`/`data-1p-ignore`/`data-form-type="other"` attributes on the input itself. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #334155 !important;
  caret-color: #334155 !important;
}

/* Plain (non-selectize) Tailwind <select> chevron/appearance reset (2026-07-02) — native <select>
   rendering (`-webkit-appearance: menulist`) paints its own OS-level bezel around the control that
   doesn't fully respect the CSS `border-color` utility, which is why Avg Work Hrs/Work Interface
   Type looked like they had a dark/black border next to the flat selectize-enhanced fields even
   though `getComputedStyle` reported the correct slate-200 border underneath it (Indu, 2026-07-02).
   Stripping native appearance and drawing our own chevron removes that OS-level overlay entirely.
   Applied via an explicit `.plain-select` marker class rather than every `select` sitewide, since
   selectize-enhanced selects are already hidden (`display:none`) and don't need this, and legacy
   Bootstrap selects elsewhere in the app aren't part of this migration.
   Fifth Tailwind/legacy-CSS collision (see UI_SPEC.md "collision bugs"): a pre-existing legacy
   `.bg-white { background: white !important }` rule (a `background` *shorthand*, not
   `background-color`) resets every background sub-property — including `background-image` — on
   any element that also carries Tailwind's `.bg-white` utility class. `!important` here is required
   to win that fight, not just style preference. */
select.plain-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2394a3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 15px !important;
  background-color: #fff !important;
  padding-right: 34px !important;
  /* 2026-07-08 follow-up: `appearance: none` alone didn't fully suppress the native widget chrome
     on Windows Chrome — Client Industry/Project Type/Project Manager still showed a visibly darker
     top/left edge than bottom/right (screenshot-confirmed), the OS's own inset-style theming
     bleeding through as a residual box-shadow rather than an actual border mismatch. Declaring the
     full border shorthand in one go (instead of relying on Tailwind's separate border-width class +
     this file's border-color override coexisting) plus explicitly zeroing box-shadow removes it. */
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

/* Native <input type="date"> calendar icon fix (2026-07-09, per Indu's request — Add/Edit
   Employee's Date of Birth and every other date field on those pages, marked `.plain-date` like
   `.plain-select` above). A pre-existing legacy rule elsewhere in this file
   (`input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none }`)
   hides Chromium's built-in calendar icon so an older FontAwesome glyph could be drawn in its place
   via `input[type="date"]:before { content: '\f073'; font-family: 'FontAwesome'; ... }`. That
   `:before` never actually renders — per spec, `::before`/`::after` don't apply to replaced elements
   like a bare `<input>`, and Chromium (and Firefox) both honor that — so the net effect on these
   Tailwind date fields was just an invisible, non-functional calendar icon with no visible affordance
   to open the picker, and a dead click-zone sitting over part of the field (Indu, 2026-07-09).
   Scoping a `.plain-date` override that reverts the indicator back to Chromium's real default (rather
   than editing the legacy rule itself) avoids touching whatever older Bootstrap pages still rely on
   the FontAwesome-replacement behavior working as originally intended for them. */
input[type="date"].plain-date::-webkit-calendar-picker-indicator {
  all: revert !important;
  opacity: 1 !important;
}
input[type="date"].plain-date::before {
  content: none !important;
}

/* Legacy custom-checkbox skin bleeding into Tailwind checkboxes (2026-07-09, per Indu's request —
   Add Employee's "No Prior Job Experience" and "Employee Referral" checkboxes, marked
   `.plain-checkbox`). Two separate legacy, unscoped rules elsewhere in this file combine to break
   these: `[type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }` (meant to hide
   the raw checkbox for an older custom component built on the `<input><label>` *sibling* pattern,
   replacing it with a fake box drawn via `label:before`/`:after`), and a later, more specific
   `[type="checkbox"]:not(:checked) { left: inherit !important; }` that resets `left` back to auto.
   With `position: absolute` but `left`/`top` both auto, the checkbox renders at its CSS "static
   position" fallback — i.e. right where it would've sat in normal flow — but because it's still
   out of flow, the following label text collapses to fill that same spot instead of starting after
   it, so text and checkbox paint on top of each other, eating the first few characters ("No " /
   "Emplo"). A separate unscoped `input[type=checkbox]:after` rule also generates a small teal
   `content: " "` block after every checkbox, meant as a checkmark for that same older component.
   Tailwind's plain native checkboxes here use different markup (`<label><input> Text</label>`) and
   never opted into any of this. Restoring `position: static` and killing the generated content,
   scoped to `.plain-checkbox`, fixes both without touching the rules legacy checkboxes elsewhere
   still depend on (Indu, 2026-07-09). */
.plain-checkbox {
  position: static !important;
}
.plain-checkbox::after,
.plain-checkbox:checked::after {
  content: none !important;
}

/* Native <select> dropdown popup styling (2026-07-08, per Indu's request, sitewide — Add Project's
   Client Name/Team dropdowns and every other <select> on the site) — the OPEN popup list itself
   (not the closed control, handled above) was rendering with a greyish background and a dark grey
   highlight on the focused/hovered row, both OS defaults. `option` background-color and the
   focused/hovered/selected highlight color are about the only parts of a native <select> popup
   Chromium actually lets page CSS touch at all — there is no way to control the popup's border,
   radius, or shadow via CSS in any browser, and Firefox/Safari ignore this entirely (they render
   their own native popup, no page CSS reaches it). Kept intentionally minimal/self-contained: only
   `option` background/highlight colors, nothing touching borders, buttons, or divs — those are a
   separate, unrelated set of fixes (see the border-style/border-width comments above) that got
   mixed up with an unrelated forced-colors-mode scare once already; keeping this one narrow on
   purpose. */
option {
  background-color: #fff;
}
option:hover,
option:focus,
option:checked {
  background-color: #e6f4f3; /* light teal — same shade already used for selectize's dropdown highlight */
  color: #0e8c8e;
}

/* Compact flash message, right-aligned on the module tab bar row (2026-07-03, per Indu's request
   after the default flash rendered as a full-width Bootstrap `.col-md-12` banner: floated left with
   no clearfix, it sat *beside* the page header instead of above it, since a floated block doesn't
   push a following flex container down the way it would push another block element). The old
   alert markup (alert_success.php etc) is unchanged/still shared by every non-migrated page — this
   only reshapes it when nested inside .tabline-flash (module_tabs.php, migrated pages only). */
.tabline-flash .pos_abs_alert {
  float: none;
  width: auto;
  padding: 0 !important;
}
.tabline-flash .alert.custom_alert {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 14px !important;
  border-radius: 999px;
  font-size: 12px;
  white-space: nowrap;
}
.tabline-flash .alert.custom_alert .col-xs-11 {
  width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.tabline-flash .alert-dismissible .close {
  position: static !important;
  float: none;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1;
}

.class-header a {
  padding-left: 0px !important;
}

.tab-assign {
  width: 97% !important;
}

.remove-margin-top {
  margin-top: 0px !important;
}

.remove-section {
  padding-bottom: 0px !important;
}

.remove-margin {
  margin-bottom: 20px !important;
}

.remove-padding-left {
  padding-left: 0px;
}

.tab-dashboard {
  width: 100% !important;

}

.publish-two {
  font-size: 12px !important;
  color: lightgray;
  width: 100%;
  margin-top: 10px;
  margin-left: 05px;
  float: left;
}

.border-down {
  margin-bottom: 17px;
  padding-left: 0px;
}

.border-down-in {
  margin-bottom: 17px;
}

legend.scheduler-border {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #000;
}

.scheduler-border select {
  width: 97%;
  height: 30px;
  border: 1px solid transparent;
  background: transparent !important;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  padding-left: 6px;
  color: #918d8d;
  font-weight: 500;
}

.scheduler-border .input-group-addon {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  display: none;
}

.scheduler-border .control-group {
  width: 103%;
  padding-bottom: 7px;
}

.submit-block {
  float: right;
}

.float-left {
  float: left !important;
}

#message-box {
  width: 97%;
  border: 1px solid transparent;
  font-size: 12px;
  height: 42px !important;
}

.title-text h5 {
  font-weight: bold;
  margin-left: 37px;
  margin-bottom: 25px;
  width: 100%;
  float: left;
  font-size: 17px;
  text-transform: capitalize;

}

.apply_box-shadow {

  /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;*/
  padding-top: 31px;
  padding-bottom: 80px;
  margin-top: 34px;
  margin-bottom: 50px;
  background: #fff;

}

#gts1 h4 {
  font-weight: bold;
  text-transform: capitalize;
}

#contact-submit,
#shift-submit {
  background: #1fc3c5;
  border: 1px solid #1fc3c5;
  font-size: 15px;
  border-radius: 24px;
  font-weight: bold;
  padding: 7px 40px;
  margin-right: 16px;
  text-transform: capitalize;
  color: #fff;
}

.scheduler-border .form-control {
  border: 1px solid transparent;
  box-shadow: none;
  padding: 0;
}

.scheduler-border .form-group {
  margin-bottom: 0;
}

#fname {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
  padding-left: 9px;

}

.textboxborder {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  width: 90%;
  padding-left: 9px;
  padding: 10px;
}

#yearcheck {
  width: 13%;
  border: 1px solid #b9b9b9;
  margin-bottom: 16px;
  margin-left: 35px;
  font-weight: bold;
  color: #000;
  float: left;
}

.selected-year {
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin-left: 35px;
  color: #00dede;
  margin-bottom: 15px;
}

.medical-leaves {
  display: inline-block;
  width: 18%;
  min-height: 95px;
  background: #e9f9f9;
  border-radius: 4px;
  margin-right: 12px;
}

.medical-text {
  display: inline-block;
  width: 65%;
  padding: 0 14px;
  padding-right: 0;
}

.medical-numbers {
  display: inline-block;
  width: 25%;
}

.medical-text h4 {
  font-weight: bold;
  text-transform: capitalize;
  color: #000;
  font-size: 11.5px;
  line-height: normal;
  letter-spacing: 0.3px;
}


.medical-text p {
  font-size: 13px;
  text-transform: capitalize;
  white-space: pre;
  color: #000;
  margin-top: 10px;
  float: left;
}

.medical-numbers h1 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 12px;
  letter-spacing: 2px;
  text-align: center;
}

.leave-applied-sections .medical-numbers h1 {
  padding-left: 14px;
}

.medical-numbers span {
  color: #30c6c8;
  font-size: 19px;
  font-weight: 600;
}

#leave-tab .col-xl-2.col-lg-2.col-md-2.col-sm-3.col-xs-12 {
  padding-right: 0;
}

.lop-history .medical-numbers {
  top: -16px;
}

.leaves-dasboard_details {
  margin-left: 25px;
}

.medical-numbers {
  display: inline-block;
  width: 30%;
  background: #fff;
  -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  position: relative;
  top: 0px;
  padding: 6px;
  left: 16px;
  border-radius: 03px;
}

#leave-history .title-text h5 {
  margin-top: 35px;
}

.lop-history .medical-text p {
  margin-top: 20px;
}

.lop-history .medical-leaves {
  margin-left: 31px;
}

.medical-leaves.deduction p {
  font-size: 11px;
  margin-bottom: 5px;
  color: #837a7a;
  font-weight: bold;
}

.month-wise-list .month-details {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.month-wise-list .month-list {
  display: inline-block;
  width: 42%;
  vertical-align: top;
  text-align: center;
}

.month-list h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  color: #fff;
  font-weight: 600;
}

.month-list p {
  font-size: 11px;
  text-transform: capitalize;
}

.monthly-details p span {
  text-transform: uppercase;
  font-weight: bold;
}

.monthly-details p {
  font-size: 11px;
  line-height: 12px;
}

.monthly-details h6 {
  font-weight: bold;
  text-transform: uppercase;
}

.italic {
  font-style: italic;
  margin-top: 42px;
  margin-bottom: 15px;
}

.approved {
  background: #2ea92d;
  border: 1px solid #2ea92d;
  font-size: 15px;
  color: white;
  border-radius: 25px;
  padding: 6px 17px;
  text-transform: capitalize;
}

.notapproved {
  background: red;
  color: white;
  border: 1px solid red;
  font-size: 15px;
  border-radius: 25px;
  padding: 6px 17px;
  text-transform: capitalize;
}

.pending {
  background: #fff601;
  border: 1px solid #fff601;
  font-size: 15px;
  border-radius: 25px;
  padding: 6px 17px;
  text-transform: capitalize;
}

.day-leave-details {

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  padding-left: 27px;
  padding-top: 12px;
  padding-bottom: 27px;
  cursor: pointer;

}

.monthly-leaves {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  margin-bottom: 30px;
  padding: 10px;
}

.medical-text.dashboard h4 {
  text-transform: uppercase;
}

.medical-text.dashboard span {
  font-weight: 500;
}

.medical-text.dashboard p {
  font-size: 10px;
  margin-top: 20px;
  font-weight: bold;
  position: relative;
  color: #837a7a;
}

.medical-numbers.dashboard {
  left: -14px;
  display: inline-block;
  width: 26%;
  position: relative;
  top: 8px;
  padding: 11px;
  box-shadow: none;
  background: transparent;

}

.medical-numbers.dashboard h1 {

  margin-bottom: 0;
  margin-top: 0;

}

.medical-numbers.dashboard h6 {

  margin-top: 0;
  text-transform: capitalize;

}


.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.team-down {
  background: #f8f8f8;
  padding: 15px;
  margin: 12px 0;
}

.team-down .scheduler-border select {
  background: #f8f8f8;
}

#delay {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
  padding-left: 10px;
}

.delay {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
  padding-left: 10px;
}

.custom-file-input {
  font-size: 12px;
  padding: 8px;
  overflow: hidden;
  width: 100%;
}

#efforts {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize
}

.monthly-details {
  display: inline-block;
}

.month-details h5 {
  text-transform: uppercase;
  font-weight: bold;
}

.month-details span {
  font-weight: 500;
}

.medical-leaves.deduction {
  background: transparent;
}


.page-wrapper-listed {
  display: flex;
  -webkit-display: flex;
  justify-content: space-around;
  width: 100%;
  /* padding-left: 20%; */
}

.card-wrapper-listed {
  background: white;
  border-radius: 2px;
  border: 1px solid #bebebe;
  /* margin-right: 15px; */
}

@media screen and (max-width:428px) {
  .page-wrapper-listed {
    padding-left: inherit !important;
  }
}

.results {
  margin-top: 7px;
}

.Project-outlook {
  margin-bottom: 30px;
}

#project-list #custom-search-form {
  margin-left: 18px;
}

.track-projects {
  display: inline-block;
  float: left;
}

#apply-leave-form #message-box {
  height: 165px;
}

.btn-align {
  display: flex;
  justify-content: start;
  padding: 0;
}

.clone {
  background-color: transparent;
  border: none;
  border-radius: 19px;
  font-size: 13px;
  text-transform: capitalize;
  padding: 4px 5px;
}

.clone-add {
  background: #67c2c3;
  border: 1px solid #67c2c3;
  color: #fff;
  padding: 5px 5px;
  border-radius: 50%;
  margin-right: 5px;
}

.divbutton h2 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: capitalize;

}

.row.delete-name {

  margin-bottom: 7px;

}

.add-m {
  padding: 0;
  padding-left: 19px;
}

.add-left {
  padding-left: 14px;
}

.vc .title-text p {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  margin-left: 13px;
}

.vc .title-text h5 {
  margin-bottom: 7px;
}

.add-m .divbutton {
  width: 35.6%;
}

#carousel-example-generic .Project-outlook {
  display: inline-block;
  width: 33.17%;
  padding: 0 15px;
}

.project-commence {
  width: 48%;
  display: inline-block;
}

.card-details .project-commence h6 {
  margin-top: 0;
  color: #000;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}

.card-details .project-commence p {
  margin-bottom: 4px;
  color: #000;
  font-weight: 500;
  font-size: 10px;
}

.actual-range {
  margin-bottom: 20px;
}

.completion-range {
  margin-top: 25px;
}

.carousal-top-space {
  margin-top: 15px;
}

.carousel-inner .card-wrapper {
  max-height: 220px;
}

.carousel-indicators {
  bottom: -22px;
}

.carousel-indicators .active {

  width: 16px;
  height: 16px;
  margin: 0;
  background-color: #1fc3c5;
  border: 1px solid #1fc3c5;

}

.carousel-indicators li {

  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #feb940;
  border: 1px solid #feb940;
  border-radius: 10px;

}

.divbutton {

  background: #e9f9f9;
  padding: 8px 12px;

}

.divbutton .fa.fa-times {

  color: #1ec3c5;

}

.divbutton {

  background: #e9f9f9;
  padding: 8px 12px;
  display: inline-block;
  width: 24%;
  height: 100px;
}

.divbutton button {

  float: right;
  position: relative;
  top: -100px;
  background: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.divbutton p {
  color: #3e4342;
  text-transform: capitalize;
  font-size: 14px;
}

.tracking-project .scheduler-border {
  display: inline-block;
  width: 75%;
  border: transparent !important;
}

.row.client-name {
  margin-bottom: 25px;
}

.client-name .track-projects h5 {
  font-weight: bold;
}

.tracking-project .scheduler-border p {
  display: inline-block;
}

/* .card-wrapper-listed:hover {
  border: 2px solid #1ec2c4;
} */
h3 {
  font-family: 'Montserrat' !important;
}

.number-bg-listed {
  background: #f3f3f3;
  height: 42px;
  width: 40px;
  font-size: 20px;
  font-weight: bolder !important;
  text-align: center;
  margin-top: 70px;
  padding-top: 8px;
  position: absolute;
  left: 1px;
}

.reveal-details-listed ul {
  background: #1ec2c4;
  padding: 6px;
  margin-bottom: 0;
  text-align: center;
}

.reveal-details-listed ul li i {
  color: #fff;
  font-size: 18px !important;
}

.reveal-details-listed li {
  display: inline-block;
  margin-right: 10px;

}

.card-details-listed h5 span {
  font-weight: bold;
}

.card-details-listed h5 {
  text-transform: capitalize;
  color: red;
  font-size: 12px;
  font-weight: bold;

}

.card-details-listed {
  padding: 1rem 2.7rem;
}

.card-details h6 {
  color: #64b432;
  font-weight: bold;
  margin-top: 43px;
}

.card-wrapper:hover {
  box-shadow: 0 0 8px #d3d3d3;
  cursor: pointer;
  max-height: 300px;
}

.card-details,
.reveal-details {
  font-weight: 300;
}

.card-height-animate {
  height: 300px;
}

.card-title {
  font-size: 19px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.card-details-listed p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 18px;
  text-transform: capitalize;
}

.card-details-listed span {
  color: #1ec2c4;
  text-transform: capitalize;
  font-weight: 500;
}

#new_project-form .title-text h5 {
  margin-left: 13px;
  font-size: 19px;
  text-transform: capitalize;
}

.title-text.main h5 {
  font-size: 18px;
}

.resource-activity h6 {
  font-weight: bold;
  text-transform: capitalize;
}

.jumbo h5 {
  font-size: 25px;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.resource-activity h4 {
  color: #5ebfc0;
  font-weight: bold;
  margin-bottom: 40px;
}

.resource-activity {

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  padding: 25px;

}

.scheduler-border.billing {
  margin-bottom: 25px;
}

.row.delete-name {
  margin-bottom: 7px;
  padding-left: 28px;
}

.last-leave-details .leave-numbers {
  margin-top: 12px;
}

.title-text.view-schedule h5 {
  margin-left: 15px;
  margin-bottom: 0;
  font-size: 22px;
  text-transform: capitalize;
  /* margin-top: 40px; */
  float: left;
  width: 100%;
  font-weight: 600;
}

.dataTables_sizing {
  height: 35px !important;
}

.leave-type-sch {
  margin-bottom: 40px !important;
}

#v-shift-schedule .leave-form {
  margin-top: 2%;
}

#v-shift-schedule #contact-submit {
  margin-top: 17px;
  margin-left: 0px;
}

.resignbackground-table {
  /*background-image: url("../img/images/Rectangle2.png");*/
  background-position: bottom right;
  background-repeat: no-repeat;
}

.projects-bg {
  background-image: url("../img/images/Rectangle.png");
  margin-top: 20px;
  background-position: 100% 11%;
}

.projects-bg-team {
  background-image: url(../img/images/Rectangle.png);
  margin-top: 0px;
  background-position: 100% 100%;
}

.no-bg {
  background-image: unset !important;
}

.projects-bg1 {
  background-image: url("../img/images/Rectangle.png");
  width: 100%;
  float: left;
  background-position: 100% 6%;
  margin-top: 20px;
  background-size: cover;

}

.client-tables {
  margin-top: 0px !important
}

.tab-clients {
  margin-top: 20px;
}

.projects-bg5 {
  background-image: url("../img/images/Rectangle1.png");
  margin-top: 20px;
  background-position: 100% -75%;
}

.projects-bg2 {
  background-image: url("../img/images/Rectangle.png");
  margin-top: 20px;
}

.projects-bg3 {
  background-image: url("../img/images/Rectangle1.png");
  margin-top: 20px;
  background-position: 100% 5%;
}

.projects-bg4 {
  background-image: url("../img/images/Rectangle.png");
  margin-top: 0px;
  background-position: 100% 100%;
}

.projects-bg6 {
  background-image: url("../img/images/Rectangle.png");
  margin-top: 0px;
  background-position: 100% 9%;
  width: 100%;
  float: left;
}

.apply_box-shadow.shift-scheduler {
  background-image: url("../img/images/shift-scheduler.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-top: 0px;
}

.apply_box-shadow.shift-scheduler.emp-table-width {
  background-image: url(../img/images/addemp/Group%206.png);
}

.reassign-check {
  position: relative;
}

.weeks-section .col-md-12 {
  padding: 0px;
}

.reassign-margin {
  padding-left: 80px;
}

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #28c6e2;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}



.round input[type="checkbox"]:checked+label {
  background-color: transparent;
  border-color: grey;
}

.round input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

.reassign-tab-in {
  background-image: url("../img/images/reassign/image.png") !important;
  background-size: 400px 300px !important;
}

.manage-user-tab {
  background-image: url("../img/images/manageusers/image.png") !important;
  background-size: 400px 300px !important;
}

.manage-user-tab h5 {
  text-transform: uppercase !important;
}

.medical-position {
  left: -7px;
  top: -18px;
}

.add-user-bg {
  background-image: url("../img/images/Add%20User%20assets.png") !important;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.add-team-bg {
  background-image: url("../img/images/team/assets%202.png") !important;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-bottom: 0px !important;
  background-size: 300px;
}

#leave-table {
  background-position: bottom right;
  background-repeat: no-repeat;
}

.full-apply_leave {
  /* background-repeat: no-repeat; */
  background-size: cover;
}

.full-apply_leave::-webkit-scrollbar {
  display: none;
}

.config-filter {
  width: 100%;
  float: left;
  padding: 15px;
  margin-bottom: 30px;
}

.config-title span {
  font-size: 16px;
  font-weight: bold;
  color: #00dddd;
}

.config-filter-settings {
  margin-top: -29px;
}

.config-filter table {
  width: 100%;
  float: left;
  border: none;
}

.config-filter table tr th,
.config-filter table tr td {
  border: none;
  border-right: none !important;
  background-color: #fff !important;
  border-bottom: none !important;
}

.config-filter table tr th {
  color: #172277;
  font-weight: bold;
}

.config-filter table tbody {
  padding: 15px 80px;
  border-bottom: none;
}

.config-filter table tr td {
  padding-right: 40px !important;
}

.config-filter table .empl-drop-dwon {
  width: 160px;
}

.config-filter table tr td button {
  float: left;
}

.first-config {
  width: 300px !important;
}

.config-filter table tr td button:first-child {
  margin-right: 10px;
  margin-top: -10px;
  background-color: #008f8f;
  border-color: #008f8f;
  color: #fff;
  border-radius: 05px;
  border-style: none;
  padding: 6px 10px;

}

.config-filter table tr td button:nth-child(2) {
  background-color: #f1f1f1;
  margin-top: -10px;
  border-color: #f1f1f1;
  border-radius: 5px;
  border-style: none;
  padding: 6px 10px;
}

.config-filter .rounded-inputs {
  border-radius: 12px;
  border-radius: 5px;
  background: #f1f1f1;
  height: 36px;
}

.config-filter table tr th {
  text-align: left;
}

.config-settings tr td:first-child,
.config-settings tr th:first-child {
  width: 300px;
}

.config-settings tr td:nth-child(2),
.config-settings tr th:nth-child(2) {
  width: 700px;
}

.config-settings tr td:nth-child(3),
.config-settings tr th:nth-child(3) {
  width: 300px;
}

.config-filter ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e6e6e6;
  opacity: 1;
  /* Firefox */
}

.config-filter :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #e6e6e6;
}

.config-filter ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #e6e6e6;
}

.team-approve span {
  width: 30%;
  float: left;
}

.setting-popup select {
  width: 98% !important;
}

.team-approve small {
  width: 100%;
  float: left;
  color: #166c6c;
  font-size: 10px;
}

.config-settings tr img {
  width: 12% !important;
}

.config-settings {
  margin-top: 80px;
  margin-bottom: 40px;
}

/* .week-offs td {
  width:16em;
  padding:8px 12px;
  }
.week-offs td:hover span {
  display:none;
}
.week-offs td:hover::before {
  content: "Reply!";
  background: #35c9cb;
  padding: 18px 36px;
  cursor: pointer;
  position: relative;
  top: 6px;
} */
.prj-num {
  top: -12px !important;
  left: 0px;
}

.milestone-pen tr {
  border-bottom: 1px solid #e6e6e6;
}

.milestone-pen tr td:first-child,
.milestone-pen tr td:nth-child(3),
.milestone-pen tr td:nth-child(5) {
  background: #f7f7f7;
}

.mile-pending {
  margin-bottom: 15px;
}

.avaiable-shifts {
  width: 100%;
  float: left;
}

.project-mile {
  margin-top: 40px;
}

.slider.slider-horizontal .slider-track {
  height: 5px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
}

.milestone-back {
  /*background-color :#f7f7f7; */
  background-position: 100% 20%;
}



.week-offs .table-heads {
  background: #fff !important;
}

.week-offs-new tbody {
  background: #fff !important;
}

#leave-table.week-offs {
  margin-bottom: 40px;
}

.myDrop {
  border-radius: 3px;
  max-width: 100%;
  min-width: 100%;
  vertical-align: middle;
  cursor: pointer;
}

#options .shift-schduler {
  margin-top: 0;
  margin-right: 0;
  width: 100%;
}

.mydrop ul {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  min-height: max-content;
  overflow: auto;
  position: absolute;
  padding: 8px;
  width: 275px;
  padding-top: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  margin-left: 30px;
}

.mydrop ul li {
  padding: 5px 10px;
}

.shift-schduler {
  display: inline-block;
  text-align: center;
  margin-right: 6px;
  padding: 6px 12px;
  border-radius: 4px;
  margin-top: 12px;
}

.shift-schduler h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.week-offs td {
  text-transform: uppercase;
  border: 1px solid #f4f4f4;
  padding: 0 5px;

}

.week-offs td:first-child {
  color: #000 !important;
}

.week-offs .shift-schduler {
  margin-top: 0;
  margin-right: 0;
  padding: 18px;
  border-radius: 0;
  width: 99%;
}

.week-offs #options .shift-schduler {
  padding: 6px 12px;
}

tr .b-font {
  color: #000;
  text-align: center;
}

#leave-table tr .b-font {
  color: #000;
  text-align: start;
}

.shift-schduler p {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
  margin-bottom: 0;
  margin-top: 3px;
}

.shift-schduler.dev8 {
  background: #faad81;
}

.shift-schduler.normal {
  background: #c5e8c7;
}

.shift-schduler.morning1 {
  background: #86c7f2;
}

.shift-schduler.after1 {
  background: #aef3d4;
}

.shift-schduler.after2 {
  background: #fda8ab;
}

.shift-schduler.dev1 {
  background: #f2d9bb;
}

.shift-schduler.dev2 {
  background: #cbd8de;
}

.shift-schduler.dev3 {
  background: #d76fac;
}

.shift-schduler.dev4 {
  background: #676aaf;
}

.wo h5 {
  margin-left: 0 !important;
  margin-top: 45px;
}

.wo h3 {
  font-size: 18px;
  font-weight: bold;
}

.top-number {
  font-size: 18px;
  display: block;
  text-align: left;
  color: #279497;
}

.bottom-number {
  color: #279497;
  font-size: 11px;
}

#leave-table .wo table th,
table td {
  text-align: left;
}

#leave-table.week-offs table th {
  text-align: left;
}

.tech-f {
  color: #172277;
}

.tech-f span {
  font-size: 18px;
  font-weight: bold;
}

#leave-table.week-offs td:nth-child(even) {
  background-color: #fff !important;
}

#leave-table.week-offs td:nth-child(1) {
  background-color: #c5f3f3;
}

.table-heads .schedule-shift {
  color: #07116a;
  font-size: 13px !important;
}

.schedule-shift span {
  color: #30ba7c;
  display: block;
  font-size: 10px;
}

.margin20 {
  margin-top: 6% !important;
  padding: 0px 20px;
}

.margin0 {
  margin-top: 0px !important;
  padding: 0px;
}

.margin10 {
  margin-top: 30px;
}

.margin0 .tab-content.clearfix {
  margin-top: 0px !important;
}

.email-hover:hover {
  opacity: 0.5;
}

.email-hover:hover .edit-hover {
  display: block;
}

.email-hover {
  position: relative;
  text-transform: lowercase !important;
}

.edit-hover {
  padding-top: 7px;
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  background-color: #1fc3c5;
  width: 100%;
  padding-bottom: 7px;
}

.edit-hover a {
  color: #000;
  width: 33%;
  float: left;
}

.edit-hover a img {
  width: 70% !important;
  float: left;
  padding: 0px 10px !important;
}

.edit-hover a span {
  width: 100%;
  float: left;
  padding: 0px 12px;
  text-transform: capitalize;
}

.week-offs .radio-custom+.radio-custom-label:before {
  border-radius: 50%;
}

.add-margin {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.week-offs .radio-custom:checked+.radio-custom-label::before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background-color: #32bb7c;
  height: 25px;
  width: 25px;
  top: -12px;
  color: #fff;
  text-align: center;
  padding: 2px;
}

.week-offs [type="radio"]:checked+label::after,
[type="radio"]:not(:checked)+label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: transparent;
}

/* .week-offs [type="radio"]:not(:checked)+label::before {
  top: -12px;
  width: 25px;
  height: 25px;
} */

.rado-shift {
  padding: 20px;
  text-align: center;
}

.week-bg-img {
  /* background-image: url(../img/images/weekoff.png); */
  /* background-position: bottom right;
  background-repeat: no-repeat; */
  /* background-size: 100%;
  min-height: 500px;
  max-height: 100%; */
  margin-top: 18px;
}

.week-offs fieldset.scheduler-border {
  margin: 1px 0;
}

.shift-block {
  margin-bottom: 20px;
}

.wbg {
  padding-left: 0;
}

.pj-dash .medical-leaves {
  width: 100%;
}

.pro-d-slider .carousel-inner .card-wrapper {
  max-height: 400px;
  width: 95%;
}

.pro-d-slider .estimate-taken {
  display: inline-block;
  width: 31%;
  text-align: center;
}

.pro-d-slider .card-details h6 {
  color: #000;
  font-weight: 500;
  margin-top: 0px;
  text-transform: capitalize;
}

.estimate-taken h1 {
  margin-bottom: 0;
  font-size: 32px;
  margin-top: 0;
}

.pro-d-slider .card-wrapper {
  border-bottom: 2px solid #1ec2c4;
}

.pro-d-slider .completion-range {
  margin-top: 0;
}

.pro-d-slider .card-title {
  margin-top: 4px;
  margin-bottom: 4px;
}

.slider-handle {
  background-image: linear-gradient(to bottom, #fec255 0, #fec255 100%);
}

/* .tooltip-inner {
  background-color: #1fc3c5;
} */

.tooltip.top .tooltip-arrow {
  border-top-color: #1fc3c5;
}

.title-text.main h3 {
  font-weight: bold;
  text-transform: capitalize;
  margin-left: 30px;
  margin-bottom: 30px;
}

.title-text.main span {
  font-size: 14px;
  margin-left: 5px;
  text-transform: none;
  font-weight: 500;
}

.pj-dash .medical-text h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0px !important;
}

.pj-dash .medical-text p {
  font-size: 18px;
  font-weight: bold;
}

.pj-dash .medical-numbers {
  width: 26%;
  top: -26px;
}

.assn .medical-numbers {
  width: 26%;
  top: -25px;
}

.pj-dash .medical-numbers h1 {
  color: #2fc5c8;
}

.slider.slider-horizontal {
  width: 93%;
  margin-left: 10px;
}

#leave-table.single-ptable table th {
  padding-left: 12px;
}

#leave-table.single-ptable table th,
table td {
  padding-left: 12px;
  letter-spacing: 0px;
}

table td {
  color: #333 !important;
}

table th {
  color: #172277;
}


#contact-submit.pending-btn {
  background: #d80d0d;
  padding: 4px 20px;
  border: 1px solid #d80d0d;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  border-radius: 24px;
  font-weight: bold;
  margin-right: 16px;
  text-transform: capitalize;
}

.completed-btn {
  background: #06b831;
  padding: 4px 20px;
  border: 1px solid #06b831;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  border-radius: 24px;
  font-weight: bold;
  margin-right: 16px;
  text-transform: capitalize;
}

.notaccepted-btn {
  background: #f16f3c;
  padding: 4px 20px;
  border: 1px solid #f16f3c;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  border-radius: 24px;
  font-weight: bold;
  margin-right: 16px;
  text-transform: capitalize;
}

#contact-submit.stats-status {
  background: #ff3030;
  padding: 4px 20px;
  border: 1px solid #ff3030;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
}

.stats-button .fa.fa-eye {
  font-size: 28px;
  position: relative;
  top: 3px;
}

.milestone-survey h4 {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold;
}

.milestone-survey p {
  font-weight: 500;
  text-transform: capitalize;
  font-style: italic;
}

.milestone-survey .completion-range {
  margin-bottom: 25px !important;
}

.pro-d-slider .title-text.main h3 {
  margin-bottom: 0px;
  font-size: 19px;
}

.single-ptable table {
  width: 98%;
}

.back-pro .btn.btn-light {
  border-radius: 20px;
  padding: 8px 26px;
  background: #fff;
  border: 1px solid aliceblue;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  color: #000;
  text-transform: capitalize;
  font-weight: bold;
  position: relative;
  top: -15px;
  letter-spacing: 1px;
}

.back-pro {
  float: right;
  width: 13%;
  margin-top: -29px;
}

.back-pro i {
  display: none;
}

.task-projected-r #test1 {
  display: none;
}

.task-projected-r #test2 {
  display: none;
}

.task-projected-r [type="radio"]:checked+label::before,
.task-projected-r [type="radio"]:not(:checked)+label::before {
  border: 1px solid #ddd;
}

#exTab1 .nav-task {
  width: 30% !important;
}

.nav-task li:first-child {
  width: 25% !important;
}

.nav-task li {

  float: left;
}

.today-task {
  padding-right: 0px;
}

.today-task:first-child {
  padding: 0px;
}

.today-task button,
.today-task select,
.today-task input {
  background-color: #fff;
  border: none;
  color: grey;
  font-size: 16px;
  padding: 8px 15px;
  border-radius: 05px;
  width: 100%;
  font-family: system-ui;
  font-weight: 600;
}

.client-bg {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.today-task i {
  color: #000 !important;
  font-size: 14px;
  margin-top: 5px;
}

.nav-task-view {
  width: 50% !important;
  float: left !important;
}

.nav-task-view li {
  width: 40% !important;
  margin-right: 0px !important;
}

.nav-task-view li:hover {
  border: none !important;
}

.new-tasks {
  width: 70%;
  float: left;
  margin-top: 10px;
}

.new-tasks .new-list-filter {
  margin-right: -6px;
}

.newview-tasks {
  width: 50%;
  float: right;
  text-align: right;
}

.task-position {
  width: 100%;
  float: left;
  padding: 0px 30px;
}

.date-task button {
  border: none;
  background-color: transparent;
  font-size: 17px;
  color: grey;
  margin-right: 0px;

}

.set-date {
  font-weight: 600;
}

.task-btn {
  padding-right: 24px;
}

.box-profile {
  width: 100%;
}

.box-profile {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 6px solid #fff;
  padding-right: 0px;
}

.box-profile.active {
  border-top: 1px solid #1ec2c4;
  border-right: 1px solid #1ec2c4;
  border-bottom: 1px solid #1ec2c4;
  border-left: 6px solid #1ec2c4;
}

.box-profile:hover {
  border-top: 1px solid #1ec2c4;
  border-right: 1px solid #1ec2c4;
  border-bottom: 1px solid #1ec2c4;
  border-left: 6px solid #1ec2c4;
}

.profile-separtion h5 {
  margin-bottom: 0px;
  font-weight: 600;
}

.my-profileui {
  padding: 30px;
}

.profile-separtion small {
  color: grey;
  margin-top: 05px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  float: left;
}

.download-pdf {
  background-color: #dcdddf;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #dcdddf;
  padding: 5px 10px;
  border-radius: 3px;
  margin-top: 40px;
  font-weight: 600;
}

.download-pdf span {
  background-color: red;
  color: #fff;
  margin-left: 10px;
  padding: 3px 10px;
}

.done-button {
  float: right;
  padding: 0px;
}

.done-button .green-1 {
  float: right;
  padding: 8px 30px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: #00cc32;
  text-transform: uppercase;
  color: #fff;
}

.done-button .gray-1 {
  float: right;
  padding: 8px 20px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  text-transform: uppercase;
  background-color: #aba9a9;
  color: #fff;
}

.input-blue {
  background-color: cornflowerblue !important;
}

.profile-six,
.due-profile {
  width: 100%;
  float: left;
}

.profile-six {
  margin-top: 20px;
  margin-bottom: 20px;
}

.date-task button.active {
  color: #000;
  font-size: 17px;
}

.date-task span {
  font-size: 18px;
  color: grey !important;
  font-weight: 600 !important;
}

.today-highlight {
  color: #008f8f !important;
}

.task-btn button {
  float: right;
  padding: 8px 40px;
}

.due-in span {
  color: #fd4a69;
  font-size: 14px;
  width: 100%;
  float: left;
}

.due-in small {
  font-size: 12px;
  width: 100%;
  float: left;
  color: #ff2148;
}

.due-cions {
  float: right;
}

.due-cions a {
  float: right;
  padding-right: 15px;
}

.due-cions a img {
  width: 32px;
  height: 32px;
}

.due-cions a:first-child {
  padding-right: 0px;
}

.due-cions a:hover img {
  width: 35px;
  height: 35px;
}

.due-profile {
  margin-bottom: 30px;
}

.due-cions .tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}

.due-cions .tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #aba9a9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 126%;
  left: 82%;
  margin-left: -60px;
  font-family: 'Inter';
}

.due-cions .tooltip.view-task-in .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #aba9a9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 56%;
  margin-left: -60px;
  font-family: 'Inter';
}

.due-cions .tooltip.view-in .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #aba9a9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 56%;
  margin-left: -60px;
  font-family: 'Inter';
}

.due-cions .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #aba9a9 transparent;
}

.due-cions .tooltip:hover .tooltiptext {
  visibility: visible;
}

/*manage users*/
.manage-add {
  background-color: #003736 !important;
  border: 1px solid #003736 !important;
}

.pcs:after {
  content: " pcs";
}

.cur:before {
  content: "$";
}

.per:after {
  content: "%";
}


table.fold-table {
  background: white;
  color: #555;
}

table.fold-table>tbody>tr.view {
  font-family: "Droid Serif", serif;
  transition: all 0.3s ease;
}

table.fold-table>tbody>tr.view td,
table.fold-table>tbody>tr.view th {
  cursor: pointer;
}

table.fold-table>tbody>tr.view td:first-child,
table.fold-table>tbody>tr.view th:first-child {
  position: relative;
  padding-left: 20px;
}

table.fold-table>tbody>tr.view td:first-child:before,
table.fold-table>tbody>tr.view th:first-child:before {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font: 16px fontawesome;
  content: "";
  transition: all 0.3s ease;
}

table.fold-table>tbody>tr.view:nth-child(4n-1) {
  background: #eee;
}

table.fold-table>tbody>tr.view:hover {
  background: #ddd;
}

table.fold-table>tbody>tr.view.open {
  background: tomato;
  color: white;
}

table.fold-table>tbody>tr.view.open td:first-child:before,
table.fold-table>tbody>tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: white;
}

table.fold-table>tbody>tr.fold {
  display: none;
}

table.fold-table>tbody>tr.fold.open {
  display: table-row;
}

.fold-content {
  padding: 0.5em;
}

.fold-content h3 {
  margin-top: 0;
}

.fold-content>table {
  background: white;
  color: #555;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.fold-content>table>tbody>tr {
  font-family: "Droid Serif", serif;
  cursor: pointer;
}

.fold-content>table>tbody>tr:nth-child(even) {
  background: #eee;
}

.fold-content>table>tbody>tr:hover {
  background: #ddd;
}

.visible-small {
  display: none;
}

.visible-big {
  display: block;
}


/*manage users ends*/
.emp-table-width {
  width: 94%;
}

.wrap {
  width: 100%;
  margin: auto;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  border-radius: 4px;
  background-color: transparent;
  margin-bottom: 1rem;
}

.file {
  position: relative;
  max-width: 100%;
  font-size: 1.0625rem;
  font-weight: 600;
  position: relative;
  height: 28px;
}

.file__input {
  position: absolute;
  float: right;
  right: 0px;
}

.file__input,
.file__value {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  margin-bottom: 0.875rem;
  color: rgba(255, 255, 255, 0.3);
  padding: 0.9375rem 1.0625rem;
}

.file__input--file {
  position: absolute;
  opacity: 0;
}

.file__input--label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  position: absolute;
  right: -75px;
  top: -10px;
  border: 1px solid #b7b7b7;
  padding: 16px 35px 17px 16px;
  border-radius: 10px;
}

.file__input--label:after {
  content: attr(data-text-btn);
  border-radius: 3px;
  padding: 0.9375rem 1.0625rem;
  margin: -0.9375rem -1.0625rem;
  color: white;
  cursor: pointer;
}

.file__input--label img {
  transform: rotate(30deg);
  width: 19px;
}

.file__value {

  align-items: center;
  color: rgb(0 0 0 / 60%);
  width: 20%;
  float: left;
  background-color: #dddddd;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 5px;
}

.file__value--remove,
.file__value--text {
  float: left;
  overflow: hidden;
  width: 80%;
}

.file__value:hover:after {
  color: white;
}

.file__value:after {
  content: "X";
  cursor: pointer;
  margin-left: 11px;
}

.file__value:after:hover {
  color: white;
}

.file__remove {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}

/*view task*/
.assets-img a {
  font-size: 14px;
}

.prf-pic label {
  width: 10%;
  float: left;
}

.profile-name {
  width: 70%;
  float: left;
  overflow: hidden;
}

.prf-pic label img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.profile-name span {
  color: #000;
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold
}

.profile-name small {
  width: 100%;
  float: left;
  color: gray;
  font-size: 14px;
  font-weight: 500;
}

.project-details {
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

.project-details span {
  color: gray;
  font-size: 14px;
  font-weight: 500;
}

.project-details label {
  color: #000;
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold
}

.col-span-detail label {
  width: 60%;
  float: left;
  font-size: 21px;
  color: #00cece;
}

.col-span-detail button {
  width: 12%;
  font-size: 14px;
  border: none;
  height: 35px;
  float: right;
  border-radius: 04px;
}

.col-span-detail button img {
  width: 13px;
  margin-right: 5px;
}

.view-date {
  padding: 0px;
  margin-bottom: 20px;
}

.view-date .col-sm-6 {
  padding: 0px;
}

.view-date .col-sm-6 span {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #acacac;
  font-weight: 500;
}

.view-date .col-sm-6 label {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
}

.view-date .col-sm-6 label img {
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.update-pen {
  width: 16px !important;
  margin-left: 5px;
  border-radius: 0px !important;

}

.prf-section,
.prf-task-id {
  width: 100%;
  float: left;
  border-bottom: 2px solid #acacac;
  margin-top: 30px;
}

.prf-task-id {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.task-no label {
  font-size: 18px;
}

.task-no small {
  font-size: 18px;
  font-weight: 600;
}

.prifile-asset label {
  width: 100%;
  float: left;
  font-size: 21px;
  color: #00cece;
  margin-top: 05px;
}

.prifile-asset small {
  font-size: 15px;
  font-weight: 400;
}

.image-assets {
  width: 100%;
  float: left;
  margin-top: 30px;

}

.image-assets label {
  margin-bottom: 10px;
}

.image-assets img {
  height: 150px;
  width: 150px;
  border-radius: 6px;
  margin-right: 10px;
  object-fit: cover;
  object-position: top;
}

.desc-assets {
  width: 100%;
  float: left;
}

.desc-assets label {
  width: 100%;
  float: left;
  margin: 20px 0px 10px;
}

.desc-assets small {
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  float: left;
}

.desc-assets a {
  margin: 15px 0px;
  width: 100%;
  float: left;
  font-size: 15px;
}

.comments-desc img {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
  float: left;
}

.comments-desc p img {
  width: 150px;
  height: 150px;
  border-radius: 0;
}

.comments-description {
  width: 80%;
  float: left;
  margin-left: 10px;
}

.comments-description label {
  font-weight: 600;
  font-size: 20px;
  margin-top: 3px;
  justify-content: space-between;
}

.comments-description label small {
  font-size: 13px;
  margin-left: 20px;
  color: #acacac;
  font-weight: 500;
}

#titleBoxFooter {
  font-size: 12px !important;
}

.comments-title {
  margin: 20px 0px;
  color: #00cece;
}

.comments-description span {
  /* float: left; */
  font-size: 14px;
  font-weight: 500;
}

.comments-description a {
  font-size: 15px;
  margin: 10px 0px;
  width: 100%;
  float: left;
}

.comments-description button {
  font-weight: 600;
  margin-bottom: 20px;
}

.comments-description {
  border-bottom: 2px solid #acacac;
}

.status-done {
  width: 80%;
  float: left;
}

.status-done label {
  font-size: 13px;
  float: left;
  margin-right: 8px;
}

.comments-status {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}

.class-green {
  color: black;
  /* background-color: #e1e1e1; */
  padding: 4px 10px;
  border-radius: 04px;
}

.comments-desc {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

@media screen and (min-width:768px) {
  .status-done {
    display: flex;
    align-items: center;
  }

  .comments-description label {
    display: flex;
    align-items: center;
  }
}

.class-blue {
  background-color: #e1e1e1;
  padding: 4px 10px;
  border-radius: 04px;
  color: blue;
}

.uploadFile {
  width: 20%;
  background-color: #e1e1e1;
  padding: 6px 15px;
  border-radius: 4px;
  color: #000;
  font-size: 13px;
  float: left;
  padding: 12px 10px 10px 10px;
  position: relative;
  resize: none;
  margin-right: 30px;
}

.uploadFile [type=file] {
  cursor: pointer !important;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  z-index: 1;
}

.uploadFile img {
  width: 20px;
  height: 20px;
}

.post-update small {
  width: 100%;
  float: left;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 30px;
}

.post-text {
  width: 100%;
  float: left;
  margin: 10px 0px;
}

.post-text textarea {
  width: 100%;
  float: left;
  border-color: #e1e1e1;
  border-radius: 04px;
  margin-top: 20px;
  height: 90px;

}

.post-text button {
  background-color: #ffc163;
  margin: 20px 0px;
  color: #fff;
  /* border-color: #ffc163; */
  border-radius: 04px;
  font-size: 16px;
  font-weight: 600;
  padding: 06px 30px;
}

.related-tasks label {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 20px;
}

.related-tasks button {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 05px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  width: 90%;
  padding: 06px 10px;
  text-align: left;

}

.related-tasks {
  background-color: #dddddd;
  padding: 30px;
  border-radius: 05px;
  margin-top: 30px;
  height: 1900px;
}

.view-task a {
  color: #00cece !important;
  font-size: 16px !important;
}

.view-today button {
  width: 90%;
  border: 1px solid #fff;
  text-align: left;
}

.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}

.rate:not(:checked)>input {
  position: absolute;
  top: -9999px;
}

.rate:not(:checked)>label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}

.rate:not(:checked)>label:before {
  content: '★ ';
}

.rate>input:checked~label {
  color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
  color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
  color: #c59b08;
}

/*view task ends*/
/*reassign*/
.complete-img img {
  width: 25px;
  margin-right: 10px;
}

/*reaasign ends*/
#leave-table.single-ptable table {
  width: 98%;
}

.pd .leaves-dasboard_details {
  margin-left: 25px;
  margin-top: 30px;
}

.pd .pj-dash .medical-leaves {
  padding: 12px;
  height: 75px;
}

.task-projected-r {
  display: inline-block;
  margin-left: 10px;
}

.task-projected-r p {
  display: inline-block;
}

.recurring .track-projects h5 {
  font-weight: bold;
}

.recurring .task-projected-r p {
  font-weight: bold;
}

.scheduler-border.upld {
  width: 100%;
  float: right;
  height: 66px;
}

.title-text.multi-assign {
  margin-top: 71px;
}

.assign-task {
  margin-top: 27px;
  width: 100%;
  float: right;
}

.card-details.assign-task span {
  display: block;
  font-size: 16px;
}

.card-details.assign-task p {
  font-size: 12px;
  margin-bottom: 25px;
}

.card-wrapper.assign-task {
  max-height: 370px;
}

.card-wrapper.assign-task:hover {
  max-height: 420px;
}

.reveal-details.assign-task {
  width: 100%;
}

.reveal-details.assign-task ul {
  text-align: right;
}

.hp {
  color: #e3393a;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 16px;
}

.number-bg.n-task {
  margin-top: 57px;
}

.assign-task .card-title {
  height: 40px;
}

.hp.np {
  color: #4eab08;
}

.hp.normal {
  color: #2479c3;
}

.prior {
  display: inline-block;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 18px;
  margin-left: 4px;
  width: 10%;
  float: left;
  margin-top: 40px;
}

hr {
  width: 40%;
  float: left;
}

.nav.nav-pills.priority-tabs {
  display: inline-block;
  margin-top: 19px;
  position: relative;
  top: 12px;
}

#exTab1 .nav.nav-pills {
  width: 100%;
  float: left;
}

#exTab1 .nav-pills.priority-tabs>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #000;
  background-color: transparent;
  border: 2px solid #ffb93f;
  border-radius: 28px;
  padding-bottom: 8px;
  background: #ffb93f;
}

.priority-tabs li.active a {
  padding: 8px 15px !important;
  color: black !important;
}

.priority-tabs {
  width: 89% !important;
  float: left;
}

.priority-tabs li:hover a,
.priority-tabs li a:focus {
  color: black !important;
}

.card-wrapper.assign-task {
  width: 100%;
  margin-right: 15px;
}

.leaves-dasboard_details.assn {
  margin-left: 0;
}

.task-a {
  margin-bottom: 0 !important;
}

.pro h5 {
  margin-left: 6px;
}

#carousel-example-generic .carousel-inner .card-wrapper {
  width: 90%;
}

#leave-table tr .action-request img {
  width: 60%;
  margin-right: 0px;
}

.action-request ul {
  padding: 0;
}

.pending-approval {
  color: #f8861d;
  font-size: 10px;
  text-transform: capitalize;
}

.approved-approval {
  color: #9dc44d;
  text-transform: capitalize;
  font-size: 10px;
}

.cancel-approval {
  color: #ad0e0e;
  text-transform: capitalize;
  font-size: 10px;
}

#resigned-employees {
  margin-top: 0px;
}

#resigned-employees #exTab1 {
  margin-top: 25px;
}

#resigned-employees .apply_box-shadow.shift-scheduler {
  margin-top: 20px;
}

.resigned .title-text.view-schedule {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.resigned td {
  height: 50px !important;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding: 0 12px;
}

.resigned td:first-child {
  color: #000;
}

.tech-f.listed-emp {
  background-color: #c5f3f3;
}

.tech-f.techie {
  background: #fa5758;
}

.resigned .e-details {
  letter-spacing: 0;
}

.resigned #leave-table table th,
table td {
  padding: 15px 12px;
}

.resigned .tech-f span {
  font-size: 16px;
}

.resigned #leave-table.week-offs td:nth-child(1) {
  background-color: #fa5758 !important;
}

.list-employee-banner img {
  width: 100%;
  margin-bottom: 6%;
}

.resigned.listed-emp #leave-table.week-offs td:nth-child(1) {
  background-color: #c5f3f3 !important;
  font-weight: bold;
}

/*new employee*/
.new-emp-list {
  margin-top: 0px !important;
}

#new-menu li b {
  font-weight: bold;
  font-size: 15px;
  padding-left: 5px;
}

#new-menu li.active {
  background: #ffb93f !important;
  border-radius: 18px !important;
  padding: 6px 12px !important;
}

#menu li.active {
  background: #ffb93f;
}

#new-menu li.active a {
  color: #000;
}

#new-menu li a:hover {
  text-decoration: none;
  color: #fff;
}

#new-menu li:hover {}

#new-menu li a {
  color: #000;
}

.control-group input:focus-visible,
#delay input:focus-visible {
  outline: none;
}

.control-group select:focus-visible {
  outline: none;
}

.control-group select:focus-visible {
  outline: none;
}

.control-group textarea:focus-visible {
  outline: none;
}

.control-group select option {
  font-family: 'Inter';
  font-size: 14px;
}

.control-group textarea {
  padding-left: 10px;
}

.shift-table th:first-child,
.shift-week-off th:first-child,
.view-schedule-data th:first-child,
.tech-f.pro-name {
  background-color: #c5f3f3 !important;
}

.the-legend {
  border-style: none;
  border-width: 0;
  font-size: 18px;
  line-height: 20px;
  width: auto;
  padding: 16px 60px;
  border: 1px solid #e0e0e0;
  margin: 0 auto;
  background: #51d5d7;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 41px;
  font-weight: bold;
  letter-spacing: 1px;
}

.the-fieldset {
  border: 1px solid #e0e0e0;
  padding: 10px 60px;
}

.scheduled-border-edit.employed {
  margin-left: 60px;
  margin-right: 30px;
}

.employed #message-box {
  height: 104px;
  width: 100%;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: #333;
}

.leave-form.edit-employee {
  margin-top: 0;
}

.edit-employee .task-a {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 50px !important;
}


.tab-content.clearfix {
  margin-top: 26px;
}

.view-design {
  margin-bottom: 30px !important;
}

.view-details.user h3 {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0px;
  margin-top: 5px;
  line-height: 23px;
}

.view-details.user {
  margin-bottom: 0px;
}

.tech-f.unconfirmed {
  background: #efa05e;
}

.resigned.unconfirmed #leave-table.week-offs td:nth-child(1) {
  background-color: #efa05e !important;
}

.row.space-dwn {
  margin-bottom: 3%;
}

.space-dwn .scheduler-border .control-group {
  width: 100%;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#file-list-x span {
  font-size: 12px;
  margin-right: 12px;
}

.employee-show {
  margin-left: 96px;
}

.employee-show label {
  margin-top: 8px;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 20px;
  width: 100%;
  float: left;
}

.decrease-padding {
  padding: 14px 12px !important;
}

.stars {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
  float: left;
}

.display-stars label:nth-child(5) {
  margin-left: 0px;
}

.star-validate {
  padding-left: 5px;
}

.stars__star {
  padding-left: 0 !important;
}

.stars__star-icon {
  stroke: transparent;
  stroke-width: 2px;
  fill: #d8d8d8;
  transition: .1s all;
}

.stars [type="radio"]:checked+label::before,
[type="radio"]:not(:checked)+label::before {
  border: 1px solid #ddd;
}

.stars [type="radio"]:checked+label::after,
[type="radio"]:not(:checked)+label::after {
  background: #efce4a;
}

.stars__star {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  margin: 10px;
}

.stars__checkbox {
  position: absolute;
  top: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}

.stars__star:hover>.stars__star-icon {
  fill: #ffb600;
}

.stars__star:hover~.stars__star>.stars__star-icon {
  fill: #ffb600;
}

.stars__checkbox:checked+.stars__star>.stars__star-icon {
  fill: #ffb600;
}

.stars__checkbox:checked~.stars__star>.stars__star-icon {
  fill: #ffb600;
}

.check-validator label {
  font-size: 13px;
  text-transform: capitalize;
  display: block;
  margin-bottom: 0;
}

.stars label {
  font-size: 13px;
  text-transform: capitalize;
  display: block;
  margin-bottom: 0;
}

.para-submit {
  background: #1fc3c5;
  border: 1px solid #1fc3c5;
  font-size: 15px;
  border-radius: 8px;
  font-weight: bold;
  padding: 8px 20px;
  margin-right: 16px;
  text-transform: capitalize;
  margin-top: 12px;
  color: #fff;
}

.plus-in {
  margin-top: 17px;
  text-align: center;
}

.plus-in a {
  color: #fff;
  font-weight: 100;
  background-color: #d5d5d5;
  padding: 6px 8px;
  border-radius: 05px;
}

.taxable-table h4 {
  font-weight: bold;
  text-transform: capitalize;
  padding: 12px 8px;
  border-bottom: 1px solid #d2d2d2;
  margin-top: 0;
}

.taxable-table .table-heads {
  background: transparent !important;
}

.taxable-table .tech-f {
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
  padding: 7px 12px;
}

.taxable-table tr .b-font {
  color: #000;
  text-align: left;
  padding: 10px;
  text-transform: capitalize;
}

.taxable-table {
  border: 1px solid #d2d2d2;
  width: 49%;
  display: inline-block;
  height: 420px;
}

.show-cb h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 27px;
  color: #000;
}

.show-cb label {
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 20px;
}

.title-text.view-schedule.ae {
  margin-top: 0px;
}

.leave-form .btn-group {
  width: 100%;
  margin-bottom: 12px;
}

.leave-form .btn.btn-primary {
  background: #e5faf9;
  border: 1px solid #979797;
  margin-right: 15px;
  border-radius: 2px;
  padding: 12px 40px;
  font-weight: bold;
  color: #000;
  text-transform: capitalize;
}

.btn-view-emp .btn.btn-primary {
  padding: 12px 20px;
  color: darkgray;
  font-weight: 500;

}

.btn-view-emp {
  margin-top: 0%;
}

.leave-form .btn.btn-primary.active {
  background: #ffb601;
  color: #fff;
  border: 1px solid #ffb601;
}

.taxable-table thead {
  border-bottom: 1px solid #d2d2d2;
  ;
}

.taxable-table #dataTable {
  width: 100%;
}

.border-line {
  border-top: 1px solid #d2d2d2;
}

.leave-request-install tr td:first-child,
.leave-request-install tr td:nth-child(3),
.leave-request-install tr td:nth-child(5),
.leave-request-install tr td:nth-child(7) {
  background-color: #f7f7f7;
}



/*Starts leave config css*/
.config-table thead tr {
  position: absolute;
  width: 96%;
  right: 22px;
  top: -44px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.config-table {
  margin-top: 80px !important;
}

.config-settings #example_length {
  margin-top: -92px;
}

.config-settings .config-table th {
  border-bottom: none !important;
}

.config-table {
  border-bottom: none !important;
}

/*Ends leave config css*/
/*Starts declared holiday datatable css*/
/*#example_length, #example_filter,#example_info,#example_first,#example_previous, #example_next,#example_last{
    display: none;
}*/
#example_length,
#example_filter {
  float: right;
}


#example_length label,
#example_filter label {
  font-size: 12px;
}

.declared-faq {
  padding: 0px;
}

.declared-holiday tr th {
  font-size: 12px;
}

.declared-holiday thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px;
}

.declared-holiday tbody {
  border-right: 1px solid #ddd !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  font-weight: 600;
  font-size: 14px;
}

.declared-holiday.dataTable thead .sorting_asc,
.declared-holiday.dataTable thead .sorting {
  border-bottom: none;
  font-weight: bold;
  font-size: 15px;
}


.declared-holiday.dataTable tbody td {
  text-align: left;
  padding-left: 40px !important;
  border-right: 1px solid #ddd;
}

/*.declared-holiday.dataTable thead .sorting_asc,.declared-holiday.dataTable thead .sorting{
    background-image: none !important;
}*/
.declared-holiday tbody {
  background: #fff !important;
  padding-top: 48px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_info {
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px !important;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  margin-left: 10px !important;
}

.declared-holiday.dataTable tbody th,
.declared-holiday.dataTable tbody td {
  padding: 20px 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none !important;
  background-color: #008f8f !important;
}

.declared-holiday.dataTable.display tbody tr.odd>.sorting_1,
.declared-holiday.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #fff;
}

.declared-holiday.dataTable.display tbody tr.even>.sorting_1,
.declared-holiday.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fff;
}

.declared-holiday.dataTable.stripe tbody tr.odd,
.declared-holiday.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.declared-holiday.dataTable.no-footer {
  border: 1px solid #ddd;
  margin-top: 50px;
  float: left;
}

.declared-holiday.dataTable thead th,
.declared-holiday.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.dc-holidays {
  margin-bottom: 40px;
}

/*Ends declared holiday datatable css*/
/*back-btn*/
.back-btn {
  position: absolute;
  top: -50px;
  right: 0px;
  margin-left: 30px;
}

.back-btn a {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 20px;
  padding: 6px 20px;
}

.add-new {
  background: #1fc3c5;
  border: 1px solid #1fc3c5;
  font-size: 15px;
  border-radius: 24px;
  font-weight: bold;
  padding: 8px 30px;
  margin-right: 16px;
  text-transform: capitalize;
  color: #fff;
  float: right;
}

/*dashboard css*/

.user-welcome {
  margin-top: 20px;
  padding-left: 10px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  outline: none;
}

.empty-proj {
  margin-top: 30px
}

.welcome-message {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  float: right;
  width: 100%;
  padding: 30px 20px;
  border-radius: 05px;

}

.welcome-back {
  /*background-image: url("../img/images/UserDashboardAssets/Vector-Smart-Object7.png");*/
  width: 85%;
  float: left;
  /*background-repeat: no-repeat;
    background-size: 120px 120px;
    background-position: 384px;*/
  background-color: #fff;
}

.welcome-text {
  width: 60%;
  float: left;
}

.welcome-bg {
  width: 40%;
  float: left;
  position: relative;
}

.welcome-bg img {
  width: 177px;
  position: absolute;
  top: -65px;
  right: 40px;
}

.welcome-message span {
  text-transform: uppercase;
}

.welcome-message label {
  width: 100%;
  float: left;
  color: #1ec2c4;
  font-size: 18px;
  margin-bottom: 15px;
}

.welcome-message small {
  font-size: 12px;
  width: 100%;
  float: left;
  color: grey;

}

.show-status {
  margin-top: 30px;
  width: 100%;
  float: left;
  padding: 0px;
}

.active-status,
.pending-status,
.due-status {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 05px;
  padding: 20px 5px 20px 15px;
  margin-right: 15px;
  width: 27%;
  background-color: #fff;
}

.due-status {
  margin-right: 0px !important;
}

.active-status label {
  color: green;
  font-size: 14px;
  width: 100%;
  float: left;
}

.active-status small {
  font-size: 11px;
  width: 100%;
  float: left;
  color: grey;
}

.active-status span {
  width: 100%;
  float: left;
  font-size: 12px;
  color: grey;
  margin-top: 15px;
}

.active-status span b {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-right: 10px;
}

.pending-status label {
  color: #cac768;
  font-size: 14px;
  width: 100%;
  float: left;
}

.pending-status small {
  font-size: 11px;
  width: 100%;
  float: left;
  color: grey;
}

.pending-status span {
  width: 100%;
  float: left;
  font-size: 12px;
  color: grey;
  margin-top: 15px;
}

.pending-status span b {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-right: 10px;
}

.due-status label {
  color: red;
  font-size: 14px;
  width: 100%;
  float: left;
}

.due-status small {
  font-size: 11px;
  width: 100%;
  float: left;
  color: grey;
}

.due-status span {
  width: 100%;
  float: left;
  font-size: 12px;
  color: grey;
  margin-top: 15px;
}

.due-status span b {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-right: 10px;
}

.upcoming-events {
  margin-top: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  background-image: url(../img/images/UserDashboardAssets/events.png);
  height: 250px;
  border-radius: 05px;
  background-position: right bottom;
  background-color: #fff;
  background-repeat: no-repeat;
  width: 40%;
}

.upcoming-events label {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  float: left;
  padding-top: 10px;
}

.task-search input {
  color: #fff !important;
}

.task-search i {
  color: #fff !important;
}

.task-search {
  padding-right: 0px;
}

.task-input {
  background-color: #008f8f !important;
  border-radius: 10px !important;
}

.task-input::-webkit-input-placeholder {
  color: #fff
}

.upcoming-events img {
  position: absolute;
  bottom: 10px;
  left: 12px;
  width: 20px;
}

.upcoming label {
  margin-bottom: 5px;
}

.upcoming small {
  font-size: 12px;
  color: grey;
}

.profile-img {
  text-align: center;

}

.profile-img img {
  border: 1px solid #c9c5c5;
  border-radius: 50%;
  padding: 20px 25px;
  width: 100px;
}

.profile-profession {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 20px;
}

.profile-profession label {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  float: left;
}

.profile-profession span {
  font-size: 14px;
  color: #c9c5c5;
  width: 100%;
  float: left;
}

.remainders-list {
  width: 100%;
  float: left;
  text-align: center;
}

.user-remainders {
  margin-top: 30px;
}

.notify {
  margin-left: 43px;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: left;
}

.notify img {
  width: 25px;
}

.notify span {
  margin-left: 14px;
  font-size: 17px;
  font-weight: 600;
}

.notify-list {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 25px;
}

.notify-list img {
  width: 16px;
  float: left;
  margin-top: 10px;
}

.notify-content {
  margin-top: 8px;
  width: 76%;
  float: left;
  text-align: left;
  margin-left: 12px;
}

.notify-content label {
  font-size: 13px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
  margin-top: -8px;
}

.up-coming {
  margin-top: 30px;
}

.notify-content span {
  font-size: 11px;
  width: 100%;
  float: left;
  margin-top: 3px;
}

.notify-all {
  text-align: center;
  width: 80%;
  float: left;
  margin: auto 14%;

}

.birthday-details {
  background-image: url(../img/images/UserDashboardAssets/Birthday.png);
  background-repeat: no-repeat;
  width: 100%;
  float: left;
  height: 212px;
  background-position: bottom;
  background-size: 330px 210px;
  text-align: left;
  margin: 20px 0% auto;
}

.birthday-details label {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-left: 35px;
  margin-bottom: 2px;
}

.birthday-details span {
  width: 100%;
  float: left;
  font-size: 13px;
  margin-left: 37px;
  color: grey;
  font-weight: 100;

}

.birthday-details small {
  width: 100%;
  float: left;
  font-size: 13px;
  margin-left: 37px;
  color: #24a8aa;
  font-weight: 600;
  margin-top: 1px;
}

.birthday-user {
  background-image: url(../img/images/UserDashboardAssets/Birthday.png);
  background-repeat: no-repeat;
  width: 100%;
  float: left;
  height: 212px;
  background-position: bottom;
  background-size: 267px 199px;
  text-align: left;
  margin: 20px 0% auto;
}

.birthday-user label {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-left: 68px;
  margin-bottom: 2px;
}

.resigned #leave-table.week-offs .client-table td:nth-child(1) {
  background-color: #c5f3f3 !important;
}

.align-items-center {
  align-items: center;
}

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

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

.padding-card {
  padding: 0 30px;
}

.birthday-user span {
  width: 100%;
  float: left;
  font-size: 13px;
  margin-left: 68px;
  color: grey;
  font-weight: 100;

}

input[type=date].form-control {
  text-transform: lowercase !important;
}

.birthday-user small {
  width: 100%;
  float: left;
  font-size: 13px;
  margin-left: 68px;
  color: #24a8aa;
  font-weight: 600;
  margin-top: 1px;
}

/*company dashboard starts css*/
.hour-productive {
  margin-top: 10px;
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
  background-image: url(../img/images/dashboard/Hurly-production.png);
  height: 250px;
  border-radius: 5px;
  background-position: right bottom;
  background-color: #fff;
  background-repeat: no-repeat;
}

.hour-productive small {
  color: grey;
  font-size: 12px;
}

.company-head {
  padding: 0px;
}

.company-head .upcoming-events {
  width: 60%;
}

.hour-productive {
  width: 38%;
  margin-left: 2%;
  line-height: 28px;
  padding: 20px 20px 20px 40px;
}

.hour-productive label {
  font-size: 14px;
  width: 100%;
  float: left;
  margin-bottom: -8px;

}

.upcoming-milestone .notify-list small {
  float: left;
  color: grey;
  border: 1px solid grey;
  border-radius: 50%;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 800;
}

.upcoming-milestone .profile-profession {
  margin-top: 0px;
  margin-bottom: 20px;
}

.team-mem {
  color: #000;
  margin-bottom: -10px;
}

.team-mem span {
  font-size: 12px;
  margin-right: 05px;
}

.team-mem small {
  color: #000 !important;
}

.team-red {
  color: red;
}

.team-red small {
  color: red !important;
}

.new-active {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
  border-radius: 5px;
  padding: 20px 5px 10px 20px;
  margin-right: 10px;
  width: 24%;
  background: linear-gradient(to bottom, #e6fafe 0%, #cfe8f3 100%);
  background-color: #fff;

}

.new-pending {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
  border-radius: 5px;
  padding: 20px 10px 10px 20px;
  margin-right: 10px;
  width: 24%;
  background-color: #fff;
}

.client-img {
  margin-top: 20px;
  float: left;
  width: 100%;
}

.client-img img {
  width: 50%;
  text-align: center;
  margin: auto 40px;
  height: 110px;
}

.client-img a {
  float: left;
  position: absolute;
  bottom: 5px;
  left: 12px;
  width: 20px;

}

.client-img a img {
  width: 87%;
  margin: 0px;
  text-align: left;
  height: 18px;
}

.upcoming-milestone .profile-profession span {
  margin-left: -19px;
  font-size: 12px;
  color: #6e6e6e;
  width: 100%;
  float: left;
  font-weight: 100;
}

.upcoming-milestone .notify-content small {
  border: none;
  padding: 0px;
  font-weight: 400;
}

.upcoming-milestone .birthday-details {
  left: -24px;
  width: 100%;
  background-position: bottom;
  background-size: 291px 182px;
  text-align: center;
  margin: 20px 10% 0px;
  position: absolute;
  /* bottom: 400px; */
  top: 360px;
}

.upcoming-milestone .notify-all {
  text-align: center;
  width: 80%;
  float: left;
  margin: auto 10%;
}

.new-pending:last-child {
  margin-right: 0px !important;
}

.new-active label {
  font-size: 14px;
  width: 100%;
  float: left;
}

.new-active small {
  font-size: 11px;
  width: 100%;
  float: left;
  color: grey;
}

.new-active span {
  font-size: 14px;
  font-weight: bold;
  height: 38px;
  line-height: 21px;
  float: left;
  margin-top: 20px;
}

.new-clients {
  margin-top: 30px;
  padding: 0px;
}

.new-pending span {
  font-size: 14px;
  font-weight: bold;
  height: 38px;
  line-height: 21px;
  float: left;
  margin-top: 20px;
}

.new-pending label {
  font-size: 14px;
  width: 100%;
  float: left;
}

.new-pending small {
  font-size: 11px;
  width: 100%;
  float: left;
  color: grey;
}

/*company dashboard ends css*/
/*Leave policy css starts*/
.leave-policy {
  margin-top: 50px !important;
  width: 100%;
  float: left;
}

.leave-policy tr th {
  font-size: 12px;
}

.leave-policy thead {
  position: absolute;
  width: 95%;
  right: 32px;
  top: 12px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px;
}

.leave-policy tbody {
  border-right: 1px solid #ddd !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  font-weight: 600;
  font-size: 14px;
}

.leave-policy.dataTable thead .sorting_asc,
.leave-policy.dataTable thead .sorting {
  border-bottom: none;
}

.leave-policy.dataTable thead th:first-child {
  width: 10% !important;
}

.leave-policy.dataTable thead th:nth-child(2) {
  width: 11% !important;
}

.leave-policy.dataTable thead th:nth-child(3) {
  width: 12% !important;
}

.leave-policy.dataTable thead th:nth-child(4) {
  width: 9% !important;
}

.leave-policy.dataTable tbody td {
  width: 12%;
  text-align: left;
  padding-left: 40px !important;
  border-right: 1px solid #ddd;
}

.leave-policy tbody {
  background: #fff !important;
  padding-top: 42px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px !important;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  margin-left: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  background-color: #008f8f !important;
  color: white !important;
  background: none !important;
}

.leave-policy.dataTable thead .sorting_asc,
.leave-policy.dataTable thead .sorting {
  background-image: none !important;
}

.leave-policy.dataTable tbody th,
.leave-policy.dataTable tbody td {
  padding: 20px 10px;
}

.leave-policy.dataTable.display tbody tr.odd>.sorting_1,
.leave-policy.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #fff;
}

.leave-policy.dataTable.display tbody tr.even>.sorting_1,
.leave-policy.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fff;
}

.leave-policy.dataTable.stripe tbody tr.odd,
.leave-policy.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.leave-policy.dataTable.no-footer {
  border: 1px solid #ddd;
}

.leave-policy.dataTable thead th,
.declared-holiday.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

/*Leave policy css ends*/
#listn-employees {
  margin-top: 30px;
  width: 100%;
  float: left;
}

/*css by farhat*/
/*re login css start here*/
.pop-ups {
  width: 85%;
  background-color: white;
  margin: 10% auto;
  display: block;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 5%;
}

.relogin-img img {
  width: 100%;
}

.relogin-text h2 {
  color: #77dcdc;
  line-height: 45px;
  padding-top: 5%;
  font-weight: bold;
}

.relogin-text p {
  color: black;
  font-weight: bold;
}

.relogin-btn {
  background-color: #008f8f;
  color: white;
  border: 1px solid #008f8f;
}

.cancel-btn {
  background-color: #c5c5c5;
  color: white;
}

.session-btn button {
  width: 120px;
  font-size: 15px;
  border-radius: 19px;
}

.session-btn {
  padding-top: 20%;
}

/*re login css start here*/
/*emergency leave css start */
.relogin-text h3 {
  color: #77dcdc;
  padding-top: 5%;
  font-weight: bold;
}

.reason-text p {
  color: #5e5858;
  line-height: 25px;
  font-size: 19px;
}

/*emergency leave css ends */
/*User list starts css*/
.declare-new-list.dataTable thead th {
  border-bottom: none;
}

.declare-new-list.dataTable {
  border-bottom: none !important;
}

.declare-new-list tbody {
  background: #fff !important;
  padding-top: 25px;
  width: 100%;
  float: left;
  border-radius: 5px;
  margin-top: 70px;
}

.declare-new-list tbody {
  border-right: 1px solid #ddd !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  font-weight: 600;
  font-size: 14px;
}

.declare-new-list thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.declare-new-list thead {
  padding: 20px 10px;
}

.declare-new-list.dataTable thead th {
  width: 19% !important;
  padding: 10px 15px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  color: #172277;

}

.declare-new-list.dataTable thead th:first-child {
  width: 18% !important;
  padding: 10px 10px !important;
}

.declare-new-list.dataTable thead th:nth-child(2) {
  width: 24% !important;

}

.declare-new-list.dataTable thead th:nth-child(3) {
  width: 16% !important;
  padding-left: 6px;
}

.declare-new-list.dataTable thead th:nth-child(4) {
  width: 16% !important;
  padding-left: 25px !important;
}

.declare-new-list.dataTable thead th:nth-child(5) {
  width: 18.5% !important;
  padding-left: 24px !important;
}

.declare-new-list.dataTable thead th:nth-child(6) {
  width: 11% !important;
  padding-left: 0px;
}

.declare-new-list.dataTable tbody td {

  padding: 20px 15px;
  text-align: left;
}

#example_filter {
  display: none;
}

.declare-new-list.dataTable tbody td:first-child {
  width: 17.5% !important;
  padding-left: 40px !important;
}

.declare-new-list.dataTable tbody td:nth-child(2) {
  width: 23% !important;
}

.declare-new-list.dataTable tbody td:nth-child(3) {
  width: 16% !important;
}

.declare-new-list.dataTable tbody td:nth-child(4) {
  width: 15% !important;
  padding-left: 20px !important;
}

.declare-new-list.dataTable tbody td:nth-child(5) {
  width: 15.5% !important;
  padding-left: 20px !important;
}

.declare-new-list.dataTable tbody td:nth-child(6) {
  width: 15.5% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.declare-new-list.dataTable tbody td:nth-child(6) img {
  width: 24%;
  margin-right: 6px;
}

table.dataTable thead .sorting:first-child {
  background-position: 80% 58%;
}

table.dataTable thead .sorting:nth-child(2) {
  background-position: 60% 52%;
}

table.dataTable thead .sorting:nth-child(3) {
  background-position: 72% 53%;
}

table.dataTable thead .sorting:nth-child(4) {
  background-position: 72% 53%;

}

table.dataTable thead .sorting:nth-child(5) {
  background-position: 48% 53%;

}

table.dataTable thead .sorting:nth-child(6) {
  background-image: none !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {

  font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #172277;
  font-size: 0.8em;
  padding-top: 0.12em;
  padding-left: 10px;
}

.declare-new-list thead th.sorting_asc:after {
  content: "\f0de";
}

.declare-new-list thead th.sorting_desc:after {
  content: "\f0dd";
}

.declare-new-list thead th.sorting:after {
  content: "\f0dc";
  color: #172277;
  font-size: 0.8em;
  padding-top: 0.12em;
  padding-left: 10px;
}

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}

table.dataTable thead .sorting_desc {
  background-image: unset !important;
  ;
}

/*user list ends css*/
.list-dat-user img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 05px;
}

.list-dat-user {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 05px;
}

/*Leave summmary css starts*/
.summary-table.dataTable thead th {
  border-bottom: none;
  font-size: 14px;
  font-weight: 600;
}

.summary-table.dataTable {
  border-bottom: none !important;
}

.summary-table tbody {
  background: #fff !important;
  padding-top: 40px;
  width: 100%;
  float: left;
  border-radius: 5px;
  margin-top: 70px;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background: #fff !important;
}

.summary-table tbody {
  border-right: 1px solid #ddd !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  font-weight: 600;
  font-size: 14px;
}

.summary-table thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.summary-table thead {
  padding: 20px 10px;
}

.summary-table.dataTable thead th {
  width: 19% !important;
  padding: 10px 15px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  color: #172277;

}

.summary-table.dataTable thead th:first-child {
  width: 12% !important;
  padding: 10px 10px !important;
}

.summary-table.dataTable thead th:nth-child(2) {
  width: 13% !important;

}

.summary-table.dataTable thead th:nth-child(3) {
  width: 14% !important;
  padding-left: 20px !important;
}

.summary-table.dataTable thead th:nth-child(4) {
  width: 13% !important;
  padding-left: 10px !important;
}

.summary-table.dataTable thead th:nth-child(5) {
  width: 15.5% !important;
  padding-left: 24px !important;
}

.summary-table.dataTable thead th:nth-child(6) {
  width: 11% !important;
  padding-left: 0px;
}

.summary-table.dataTable thead th:nth-child(7) {
  width: 11% !important;
  padding-left: 0px;
}

.summary-table.dataTable tbody td {
  background: #ffff;
  padding: 20px 15px;
  text-align: left;
  border: 1px solid #ddd;
}

.summary-table.dataTable tbody td:first-child {
  width: 15% !important;
  padding-left: 40px !important;
}

.summary-table.dataTable tbody td:nth-child(2) {
  width: 12% !important;
}

.summary-table.dataTable tbody td:nth-child(3) {
  width: 12% !important;
}

.summary-table.dataTable tbody td:nth-child(4) {
  width: 12% !important;
  padding-left: 20px !important;
}

.summary-table.dataTable tbody td:nth-child(5) {
  width: 12% !important;
  padding-left: 20px !important;
}

.summary-table.dataTable tbody td:nth-child(6) {
  width: 12% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.summary-table.dataTable tbody td:nth-child(7) {
  width: 10% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.summary-table.dataTable tbody td:nth-child(6) img {
  width: 24%;
  margin-right: 6px;
}

table.dataTable thead .sorting:first-child {
  background-position: 80% 58%;
}

table.dataTable thead .sorting:nth-child(2) {
  background-position: 60% 52%;
}

table.dataTable thead .sorting:nth-child(3) {
  background-position: 72% 53%;
}

table.dataTable thead .sorting:nth-child(4) {
  background-position: 72% 53%;

}

table.dataTable thead .sorting:nth-child(5) {
  background-position: 48% 53%;

}

table.dataTable thead .sorting:nth-child(6) {
  background-image: none !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {

  font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #172277;
  font-size: 0.8em;
  padding-top: 0.12em;
  padding-left: 10px;
}

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}

table.dataTable thead .sorting_desc {
  background-image: unset !important;
  ;
}




/*Leave Summary css ends*/
/*List user css*/
.no-wrap-text {
  display: flex;
}

.list-user-table thead {
  padding: 15px 10px;
}

.list-user-table.dataTable thead th {
  font-size: 14px;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  color: #172277;

}

.card-wrapper-listed .text-success {
  color: #28A745 !important;
}

.progress-text h6 {
  color: rgb(35, 123, 194);
}

.progress-text {
  margin-left: 3px;
}

.list-user-table.dataTable thead th:first-child {
  width: 13% !important;
  padding: 10px 10px !important;
}

.list-user-table.dataTable thead th:nth-child(2) {
  width: 30% !important;
  padding-left: 10px !important;
}

.list-user-table.dataTable thead th:nth-child(3) {
  width: 28% !important;
  padding-left: 30px;
}

.list-user-table.dataTable thead th:nth-child(4) {
  width: 20% !important;
  padding-left: 25px;
}

.list-user-table.dataTable thead th:nth-child(5) {
  width: 20% !important;
  padding-left: 25px;
}

.list-user-table.dataTable tbody td {

  padding: 20px 15px;
  text-align: left;
}

.list-user-table.dataTable tbody td {
  border-right: 1px solid #ddd;
}

#example_filter {
  display: none;
}

.list-user-table.dataTable tbody td:first-child {
  width: 13% !important;
  padding-left: 40px !important;
}

.list-user-table.dataTable tbody td:nth-child(2) {
  width: 29% !important;
  padding-left: 30px !important;
}

.list-user-table.dataTable tbody td:nth-child(3) {
  width: 26% !important;
  padding-left: 30px !important;
}

.list-user-table.dataTable tbody td:nth-child(4) {
  width: 20% !important;
  padding-left: 30px !important;
}

.list-user-table.dataTable tbody td:nth-child(5) {
  width: 22%;
}

.list-user-table.dataTable tbody td:nth-child(5) img {
  width: 24%;
  margin-right: 6px;
}

.list-user-table thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.list-user-table thead th {
  border-bottom: none;
}

.list-user-table tbody {
  background: #fff !important;
  padding-top: 48px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.list-user-table tbody {
  background: #fff !important;
  padding-top: 48px;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_info {
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px !important;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  margin-left: 10px !important;
}

.list-user-table.dataTable tbody th,
.list-user-table.dataTable tbody td {
  padding: 13px 10px;
}

.list-user-table.dataTable.display tbody tr.odd>.sorting_1,
.list-user-table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #fff;
}

.list-user-table.dataTable.display tbody tr.even>.sorting_1,
.list-user-table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fff;
}

.list-user-table.dataTable.stripe tbody tr.odd,
.list-user-table.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.list-user-table.dataTable.no-footer {
  border: 1px solid #ddd;
  margin-top: 50px;
  float: left;
}

.list-user-table.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.list-user-table.dataTable thead th {
  border-bottom: none !important;
}

/*list user ends*/
/*Add Team Css*/

.addTeam thead {
  padding: 20px 10px;
}

.addTeam.dataTable thead th {
  font-size: 14px;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  color: #172277;

}

.addTeam.dataTable thead th:first-child {
  width: 7% !important;
  padding: 10px 10px !important;
}

.addTeam.dataTable thead th:nth-child(2) {
  width: 26% !important;
  padding-left: 10px !important;
}

.addTeam.dataTable thead th:nth-child(3) {
  width: 18% !important;
  padding-left: 6px;
}

.addTeam.dataTable thead th:nth-child(4) {
  width: 16% !important;
  padding-left: 12px;
}

.addTeam.dataTable thead th:nth-child(5) {
  width: 18% !important;
  padding-left: 24px;
}

.addTeam.dataTable thead th:nth-child(6) {
  width: 17% !important;
  padding-left: 2px;
}

.addTeam.dataTable thead th:nth-child(7) {
  width: 11% !important;
  padding-left: 0px;
  padding-right: 0px;
}

.addteam-title {
  width: 100%;
  float: left;

}

.addTeam {

  width: 100%;
  float: left;
}

.addteam-menu {
  padding-left: 0px;
}

.addtitle-margin {
  margin-bottom: 25px;
}

.addteam-title h6 {
  font-size: 16px;
  font-weight: 600;
}

.addteam-title button {
  float: right;
  background-color: #00d0d0;
  border-color: #00d0d0;
  color: #fff;
  padding: 9px 22px;
}

.addTeam.dataTable tbody td {

  padding: 20px 15px;
  text-align: left;
}

.addTeam.dataTable tbody td {
  border-right: 1px solid #ddd;
}

#example_filter {
  display: none;
}

.addTeam.dataTable tbody td:first-child {
  width: 10% !important;
  padding-left: 40px !important;
}

.addTeam.dataTable tbody td:nth-child(2) {
  width: 22% !important;
  padding-left: 27px !important;
}

.addTeam.dataTable tbody td:nth-child(3) {
  width: 17% !important;
  padding-left: 30px !important;
}

.addTeam.dataTable tbody td:nth-child(4) {
  width: 15% !important;
  padding-left: 20px !important;
}

.addTeam.dataTable tbody td:nth-child(5) {
  width: 15.5% !important;
  padding-left: 20px !important;
}

.addTeam.dataTable tbody td:nth-child(6) {
  width: 15% !important;
  padding-left: 20px !important;
}

.addTeam.dataTable tbody td:nth-child(7) {
  width: 15% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.addTeam.dataTable tbody td:nth-child(7) img {
  width: 26px;
  margin-right: 6px;
}

.addTeam thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.addTeam thead th {
  border-bottom: none;
}

.addTeam tbody {
  background: #fff !important;
  padding-top: 48px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.addTeam tbody {
  background: #fff !important;
  padding-top: 48px;
  border-radius: 5px;
}

.addTeam.dataTable tbody th,
.addTeam.dataTable tbody td {
  padding: 20px 10px;
}

.addTeam.dataTable.display tbody tr.odd>.sorting_1,
.addTeam.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #fff;
}

.addTeam.dataTable.display tbody tr.even>.sorting_1,
.addTeam.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fff;
}

.addTeam.dataTable.stripe tbody tr.odd,
.addTeam.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.addTeam.dataTable.no-footer {
  border: 1px solid #ddd;
  margin-top: 50px;
  float: left;
}

.addTeam.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.addTeam.dataTable thead th {
  border-bottom: none !important;
}

/*Add Team css ends*/
.teamClient thead {
  top: 60px !important;
}

/*datatable css for new list emp starts*/
.list-emp-table thead {
  padding: 20px 10px;
}

.list-emp-table.dataTable thead th {
  font-size: 14px;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  color: #172277;

}

.list-emp-table.dataTable thead th:first-child {
  width: 18% !important;
  padding: 10px 10px !important;
}

.list-emp-table.dataTable thead th:nth-child(2) {
  width: 24% !important;
  padding-left: 0px !important;
}

.list-emp-table.dataTable thead th:nth-child(3) {
  width: 16% !important;
  padding-left: 6px;
}

.list-emp-table.dataTable thead th:nth-child(4) {
  width: 16% !important;
  padding-left: 18px;
}

.list-emp-table.dataTable thead th:nth-child(5) {
  width: 19.5% !important;
  padding-left: 24px;
}

.list-emp-table.dataTable thead th:nth-child(6) {
  width: 11% !important;
  padding-left: 0px;
}

.list-emp-table.dataTable tbody td {

  padding: 20px 15px;
  text-align: left;
}

.list-emp-table.dataTable tbody td {
  border-right: 1px solid #ddd;
}

#example_filter {
  display: none;
}

.list-emp-table.dataTable tbody td:first-child {
  width: 17.5% !important;
  padding-left: 40px !important;
}

.list-emp-table.dataTable tbody td:nth-child(2) {
  width: 23% !important;
  padding-left: 27px !important;
}

.list-emp-table.dataTable tbody td:nth-child(3) {
  width: 17% !important;
  padding-left: 30px !important;
}

.list-emp-table.dataTable tbody td:nth-child(4) {
  width: 15% !important;
  padding-left: 20px !important;
}

.list-emp-table.dataTable tbody td:nth-child(5) {
  width: 15.5% !important;
  padding-left: 20px !important;
}

.list-emp-table.dataTable tbody td:nth-child(6) {
  width: 15.5% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.list-emp-table.dataTable tbody td:nth-child(6) img {
  width: 24%;
  margin-right: 6px;
}

.list-emp-table thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.list-emp-table thead th {
  border-bottom: none;
}

.list-emp-table tbody {
  background: #fff !important;
  padding-top: 48px;
  width: 100%;
  float: left;
  border-radius: 5px;
}

.list-emp-table tbody {
  background: #fff !important;
  padding-top: 48px;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_info {
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px !important;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  margin-left: 10px !important;
}


.list-emp-table.dataTable tbody th,
.list-emp-table.dataTable tbody td {
  padding: 20px 10px;
}

.list-emp-table.dataTable.display tbody tr.odd>.sorting_1,
.list-emp-table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #fff;
}

.list-emp-table.dataTable.display tbody tr.even>.sorting_1,
.list-emp-table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fff;
}

.list-emp-table.dataTable.stripe tbody tr.odd,
.list-emp-table.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.list-emp-table.dataTable.no-footer {
  border: 1px solid #ddd;
  margin-top: 50px;
  float: left;
}

.list-emp-table.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.list-emp-table.dataTable thead th {
  border-bottom: none !important;
}

.dc-holidays {
  margin-bottom: 10px;
}

.dc-holidays h4 {
  margin-top: 30px;
}

table.dataTable thead .sorting:first-child {
  background-position: 80% 58%;
}

table.dataTable thead .sorting:nth-child(2) {
  background-position: 60% 52%;
}

table.dataTable thead .sorting:nth-child(3) {
  background-position: 72% 53%;
}

table.dataTable thead .sorting:nth-child(4) {
  background-position: 72% 53%;

}

table.dataTable thead .sorting:nth-child(5) {
  background-position: 48% 53%;

}

table.dataTable thead .sorting:nth-child(6) {
  background-image: none !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {

  font-family: FontAwesome;
}

table.dataTable thead .sorting_asc {
  background-image: none !important;

}

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #172277;
  font-size: 0.8em;
  padding-top: 0.12em;
  padding-left: 10px;
}

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}

table.dataTable thead .sorting_desc {
  background-image: unset !important;
  ;
}

/*datatable css for new list emp ends*/

/*declared holiday css starts*/
.declared-holiday thead {
  padding: 20px 10px;
}

.declared-holiday.dataTable thead th {
  width: 19% !important;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  color: #172277;

}

.declared-holiday.dataTable thead th:first-child {
  width: 18% !important;
  padding: 10px 10px !important;
}

.declared-holiday.dataTable thead th:nth-child(2) {
  width: 24% !important;
  padding-left: 0px !important;
}

.declared-holiday.dataTable thead th:nth-child(3) {
  width: 16% !important;
  padding-left: 6px;
}

.declared-holiday.dataTable thead th:nth-child(4) {
  width: 16% !important;
  padding-left: 18px;
}

.declared-holiday.dataTable thead th:nth-child(5) {
  width: 19.5% !important;
  padding-left: 24px;
}

.declared-holiday.dataTable thead th:nth-child(6) {
  width: 11% !important;
  padding-left: 0px;
}

.declared-holiday.dataTable tbody td {

  padding: 20px 15px;
  text-align: left;
}

#example_filter {
  display: none;
}

.declared-holiday.dataTable tbody td:first-child {
  width: 17.5% !important;
  padding-left: 40px !important;
}

.declared-holiday.dataTable tbody td:nth-child(2) {
  width: 23% !important;
  padding-left: 27px !important;
}

.declared-holiday.dataTable tbody td:nth-child(3) {
  width: 17% !important;
  padding-left: 30px !important;
}

.declared-holiday.dataTable tbody td:nth-child(4) {
  width: 15% !important;
  padding-left: 20px !important;
}

.declared-holiday.dataTable tbody td:nth-child(5) {
  width: 15.5% !important;
  padding-left: 20px !important;
}

.declared-holiday.dataTable tbody td:nth-child(6) {
  width: 15.5% !important;
  padding-left: 20px !important;
  border-right: none !important;
}

.declared-holiday.dataTable tbody td:nth-child(6) img {
  width: 24%;
  margin-right: 6px;
}

table.dataTable thead .sorting:first-child {
  background-position: 80% 58%;
}

table.dataTable thead .sorting:nth-child(2) {
  background-position: 60% 52%;
}

table.dataTable thead .sorting:nth-child(3) {
  background-position: 72% 53%;
}

table.dataTable thead .sorting:nth-child(4) {
  background-position: 72% 53%;

}

table.dataTable thead .sorting:nth-child(5) {
  background-position: 48% 53%;

}

table.dataTable thead .sorting:nth-child(6) {
  background-image: none !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {

  font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #172277;
  font-size: 0.8em;
  padding-top: 0.12em;
  padding-left: 10px;
}

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}

table.dataTable thead .sorting_desc {
  background-image: unset !important;
}

/*declared holidays css ends*/

/* cofirm emergency leave css start */
.relogin-text .confirm-radio>[type="radio"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.relogin-text .confirm-radio>[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}


.confirm-radio [type="radio"]:checked,
[type="radio"]:not(:checked) {
  width: 18px;
  display: none;
}

.display-stars .confirm-radio>[type="checkbox"]:checked+label:after,
.display-stars [type="checkbox"]:not(:checked)+label:after {

  left: 10;
  top: 8;
  width: 9px;
  height: 9px;
  display: none;
}

.display-stars .confirm-radio>[type="checkbox"]:checked+label:before,
.display-stars [type="checkbox"]:not(:checked)+label:before {
  display: none;
}

.relogin-text .confirm-radio>[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #ddd;
  border-radius: 20%;
  background: #fff;
}

.relogin-text .confirm-radio>[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 20%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.relogin-text .confirm-radio>[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.relogin-text .confirm-radio>[type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* cofirm emergency leave css end */
/*email template start here*/

.email-template-header {
  background-color: #24cece;
  height: 100px;
}

.email-template-header img {
  width: 5%;
}

.email-table tr td {
  padding-left: 7%;
}

.relogin-btn:focus,
.relogin-btn:active,
.relogin-btn.active,
.relogin-btn:active:focus {

  outline: 0;
  border-radius: 22px;

}

.url-text {
  color: #7f7f7f;
}

.email-box-img {
  padding-top: 5%;
}

.email-table h1 {
  font-size: 40px;
  color: black;
  font-weight: bold;
}

.email-table p {
  color: #7f7f7f;
}

.email-table td {
  font-size: 19px;
  font-weight: bold;

}

.line-row hr {
  width: 50%;
  float: left;
}

.email-footer td {

  padding-top: 3%;
  padding-bottom: 3%;

}

.email-footer {
  background-color: #e6e6e6;
  padding: 3% 5%;
  color: #b4b4b4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.email-footer span {
  float: right;
  width: 45%;
  font-size: 15px;
}

.title-email {
  color: black;
  font-weight: bold;
  font-size: 22px;
}

.email-footer-text i {
  padding-top: 2%;
  padding-left: 2%;
}

.email-temp-button button {
  width: 200px;
  padding-top: 2%;
  padding-bottom: 2%;
  border-radius: 30px;
}

.email-goalz span {
  font-size: 22px;
  color: black;
  font-weight: bold;

}

.email-table {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  margin-top: 5%;
  margin-bottom: 5%;
}


.email-greetings {
  color: #24cece;
  padding-bottom: 5%;
}

.email-template-body {
  background-color: white;
  padding: 5% 5%;
}

.email-username {
  border-top: 1px solid #ecdede;
  padding-top: 5%;
  border-bottom: 1px solid #ecdede;
}

.emai-button {
  padding-top: 30%;
  padding-bottom: 15%;
}

.emai-button button {
  width: 200px;
  padding-top: 3%;
  padding-bottom: 3%;
  border-radius: 27px;
}

.email-template-body h1 {
  color: black;
  font-size: 35px;
  font-weight: bold;
  padding-bottom: 3%;
  padding-top: 3%;
}

.email-template-body p {
  color: #989898;
}

.email-greetings p {
  color: black;
}

.email-greetings span {
  font-weight: bold;
}

.email-greetings h3 {
  color: #24cece;
}

.email-iconz i {
  padding-left: 4%;
  padding-top: 4%;
  font-size: 30px;
  cursor: pointer;
}

.email-footer p {
  font-size: 20px;
}

.pop-up-close {
  position: relative;
  top: -30px;
}

/*email template end here*/
#buttongroup-employees .col-lg-12 {
  padding: 0px;
}

#buttongroup-employees .container {
  padding: 0px;
}

.tabs-tab {
  background-color: #e5faf9;
  padding: 30px;
  border-radius: 05px;
}

/*map skill employee css start*/
.map-skill-bg {
  background-color: #e4f8f7 !important;
}

.map-skill-form {
  width: 100%;
  float: left;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  background-color: white;
  padding-left: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  border-radius: 10px;
  margin-bottom: 10%;
  padding-right: 2%;
}

.map-input-padding {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.map-skill-form .checkedd {
  color: orange;
}

.map-skill-form p {
  font-size: 18px;
  font-weight: bold;
}

.map-skill-fields label {
  font-size: 16px;
  font-weight: lighter;
  color: #4c4c4c;
  font-weight: 500;

}

.map-skill-fields p {
  font-size: 17px;
  font-weight: lighter;
}

.map-skill-fields {
  padding-top: 4%;
  padding-bottom: 7%;
  line-height: 35px;
}

.map-skill-button {
  padding-top: 5%;
}

.map-skill-button button {
  width: 120px;
  border-radius: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.map-input {
  border-radius: 0px;
}


.fa-plus-circle:before {
  color: #f3f3f3;
}

.fa-star.checkedd:before {
  color: orange;
}

.fa.fa-plus-circle {
  color: lightgray;
  font-size: 30px;
  cursor: pointer;
}

.fa.fa-minus-circle {
  color: red;
  font-size: 30px;
  cursor: pointer;
}

/*map skill employee css start*/

/*employee capability css start here*/
.emp-pagination {
  text-align: right;
}

.emp-pagination span {
  border: 1px solid #008f8f;
  font-size: 11px;
  border-radius: 5px;
  padding: 5px 7px 5px 7px;
  cursor: pointer;
}

.pag-active {
  background-color: #008f8f;
  color: white;
}

.emp-cpb-detail {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  background-color: #f2f2f2;
  padding-left: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  border-radius: 10px;
  margin-bottom: 10%;
  padding-right: 2%;
  margin-top: 3%;
}

.profile-box {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  background-color: white;
  padding-left: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  border-radius: 10px;
  margin-bottom: 10%;
  padding-right: 2%;
  line-height: 35px;
}

.paginations p {
  font-size: 20px;
  font-weight: bold;
}

.paginations {
  padding-top: 3%;
}

.skill-ratings {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.skills {
  width: 50%;
  float: left;
}

.skills-1 {
  width: 50%;
  float: left;
}

.ratings {
  width: 50%;
  float: left;
}

.ratings-1 {
  width: 50%;
  float: left;
  border-left: 1px solid #eee;
  padding-left: 4%;
}

.star-rating-skill {
  width: 100%;
  margin-top: 5px;
}

.ratings-1 .checkedd {
  color: orange !important;
}

.select-drop-down {
  -webkit-appearance: none;
}

.emp-seach-bg {
  background-color: #008f8f;
}

.empl-drop-dwon i {
  text-align: initial;
  float: right;
  position: relative;
  right: 6px;
  top: -32px;
  color: gray;
}

.adding-space .container {
  padding: 0px 30px;
}

.adding-space .team-down {
  width: 98%;
}

.adding-space .client-name {
  width: 101%;
}

.adding-space .new-projects-form {
  width: 98%;
}

.employee-inputs-fields {
  padding-top: 4%;
}

.empl-search i {
  float: right;
  color: white;
  position: relative;
  top: -30px;
  z-index: 99999;
  right: 10px;
  font-size: 17px;
}

.rounded-inputs {
  border-radius: 17px;
  height: 40px;
}

.rounded-circle {
  border-radius: 30px;
}

.media-heading {
  font-size: 12px;
}

.media-heading {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  color: black;
}

.media-body p {
  font-size: 14px;
  color: #a5a5a5;
}

.domains {
  color: #33cbcb;
  font-size: 20px;
  font-weight: bold;
  padding-top: 3px;
}

.skills,
.ratings p {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  color: black;
}

.skills-1 p {
  color: #a5a5a5;
  font-size: 18px;
}

.ratings-1 p {
  font-size: 18px;
}

/*employee capability css end here*/

/*late shift css strt here*/

.late-shift img {
  width: 40%;
}

.late-shift-title {
  text-align: center;
}

/*late shift css end here*/
/*error message css start here*/
#err_msg {
  background-color: #08d3d3 !important;
  margin: 0;
  padding: 0;
}

.err_msg_header img {
  width: 90px;
  padding-top: 1%;
  padding-bottom: 1%;
}

.err-msg-bodiy-title {
  text-align: center;
  padding-top: 5%;
}

.err-msg-404 {
  text-align: center;
  padding-top: 5%;
}

.error-msg-button {
  text-align: center;
  padding-top: 8%;
}

.error-msg-button button {
  width: 132px;
  border-radius: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10%;
}

.err-email-id {
  color: #08d3d3;
  font-weight: bold;
}

.whoops-text {
  color: black;
  font-weight: bold;
}

.err-msg-bodiy-title h1 {
  font-size: 30px;
}

.err-msg-bodiy-title p {
  font-size: 20px;
}

input[type='date']:after {
  color: #7a7a7a;
}

.date input {
  padding-left: 10px !important;
  font-size: 12px;
  font-weight: 500;
}

/*error message css end here*/
/*work timing starts*/

table.dataTable thead th {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.work-header {
  margin-bottom: 40px !important;
  float: left;
}

.worktiming-table thead {
  position: absolute;
  width: 96%;
  right: 22px;
  top: 15px;
  border-radius: 5px;
  background-color: #c5f3f3 !important;
  border-bottom: none;
  padding: 20px 10px;
}

.worktiming-table.dataTable thead th {
  border-bottom: none;
}

.worktiming-table.dataTable {
  border-bottom: none !important;
}

.worktiming-table tbody {
  background: #fff !important;
  padding-top: 25px;
  width: 100%;
  float: left;
  border-radius: 5px;
  margin-top: 70px;
}

.worktiming-table tbody tr:first-child {
  padding-top: 25px;
}

.worktiming-table tbody {
  border: 1px solid #ddd !important;

  font-weight: 600;
  font-size: 14px;
}

.worktiming-table thead {
  padding: 20px 10px;
}

.worktiming-table thead th {
  background-color: #c5f3f3 !important;
  color: #172277;
}

.declare-new-list.dataTable thead th {
  width: 19% !important;
  padding: 10px 15px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  color: #172277;

}

.worktiming-table.dataTable thead th:first-child {
  width: 17% !important;
  padding: 10px 10px !important;
}

.worktiming-table.dataTable thead th:nth-child(2) {
  width: 16% !important;

}

.worktiming-table.dataTable thead th:nth-child(3) {
  width: 14% !important;
  padding-left: 6px;
}

.worktiming-table.dataTable thead th:nth-child(4) {
  width: 15.5% !important;
  padding-left: 25px !important;
}

.worktiming-table.dataTable thead th:nth-child(5) {
  width: 12% !important;
  padding-left: 0px !important;
}

.worktiming-table.dataTable thead th:nth-child(6) {
  width: 16% !important;
  padding-left: 0px;
}

.worktiming-table.dataTable thead th:nth-child(7) {
  width: 14% !important;
  padding-left: 0px;
}

.worktiming-table.dataTable tbody td {
  border: none;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  padding: 20px 15px;
  text-align: left;
}

#example_filter {
  display: none;
}

.worktiming-table.dataTable tbody td:first-child {
  width: 12.5% !important;
  padding-left: 40px !important;
}

.worktiming-table.dataTable tbody td:nth-child(2) {
  width: 9% !important;
  padding: 4px !important;
}

.worktiming-table.dataTable tbody td:nth-child(3) {
  width: 10% !important;
}

.worktiming-table.dataTable tbody td:nth-child(4) {
  width: 10% !important;
  padding-left: 20px !important;
}

.worktiming-table.dataTable tbody td:nth-child(5) {
  width: 7% !important;
  padding-left: 20px !important;
}

.worktiming-table.dataTable tbody td:nth-child(6) {
  width: 10.5% !important;
  padding-left: 20px !important;

}

.worktiming-table.dataTable tbody td:nth-child(6) img {
  width: 24%;
  margin-right: 6px;

}

.worktiming-table.dataTable tbody td:nth-child(7) {
  border-right: none !important;
  width: 10%;
}

.shift-color1 {
  background-color: #c956c4;
  border-radius: 50%;
  color: #fff;
  padding: 6px 8px;
}

.shift-color {
  background-color: #00497f;
  color: #fff;
  padding: 6px 8px;
  border-radius: 50%;
}

/*manage users*/

.collapsibletable tr th:nth-child(1) {
  width: 20%;
}

.collapsibletable tr th:nth-child(1) {
  width: 10%;
}

.collapsibletable tr th:nth-child(1) {
  width: 20%;
}

.collapsibletable tr th:nth-child(1) {
  width: 10%;
}

.collapsibletable tr th:nth-child(1) {
  width: 20%;
}

.collapsibletable tr th:nth-child(1) {
  width: 20%;
}

.inside-table {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

/*work timings ends*/

.leave-emp {
  margin-left: 40px;
  float: left;
  font-weight: bold;
}

.add-new a {
  color: #fff;
}

.add-new a:hover {
  border-bottom: none;
}

.leaves-taken,
.total-leave {
  box-shadow: 0 0 5px rgb(0 0 0 / 80%);
  width: 22%;
}

.total-leave {
  padding: 30px 20px;
  text-align: center;
}

.add-capitalise {
  margin-top: 40px;
  float: right;
}

.capitalize {
  text-transform: uppercase !important;
  width: 50% !important;
  float: left;

}

.filter-manage {
  margin-top: 30px;
  float: right;
  font-weight: 400;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid grey;
  width: 9%;
  padding: 8px 8px;
  text-align: center;
  color: grey;
  margin-right: 17px;
}

.resigned-space tr th:nth-child(4) {
  width: 200px;

}

.resigned-space tr td:nth-child(4) {
  text-transform: lowercase !important;

}

.resigned-space tr th:nth-child(3) {
  width: 150px;

}

.filter-manage i {
  margin-right: 10px;
  color: grey;
}

.inside-table {
  width: 80%;
  float: right;

}

.inside-table tbody {
  background-color: #ebf9fa;
}

.inside-table tbody>tr:nth-of-type(odd) {
  background-color: #ebf9fa !important;
}

.inside-table tbody td:nth-child(3) img {
  transform: rotate(43deg);
}

.inside-table tbody>tr {
  border: none;
}

.unconfirmed .col-md-12 {
  padding: 0px;
}

.date-task {
  float: left;
}

.teamTable.dataTable td:nth-child(5) {
  text-transform: lowercase;
  /* width: 90px; */
  overflow: hidden;
}

/* Responsive CSS starts here */
@media(max-width:2000px) {
  .plus-in a {
    color: #fff;
    font-weight: 100;
    background-color: #d5d5d5;
    padding: 4px 8px;
    border-radius: 5px;
    margin-left: 20px;
  }

  .upcoming-events label,
  .hour-productive label {
    font-size: 16px;
  }

  .holiday-list p {
    font-size: 14px;
  }
}

@media screen and (min-width:2001px) {
  #userform p {
    font-size: 14px !important;
  }
}


html,
body {
  overflow-x: hidden;
}

#new-menu {
  width: 40%;
  margin-left: 22%;
}

#mybutton1 {
  bottom: 54%;
}

#mybutton2 {
  bottom: 50%;
}


@media(max-width:1700px) {
  #new-menu {
    margin-left: 20%;
  }

  .add-new-space #new-menu {
    width: 100%;
    margin-left: 10%;
  }
}

@media(max-width:1600px) {
  #new-menu {
    width: 50%;
    margin-left: 15%;
  }

  .add-new-space #new-menu {
    width: 100%;
    margin-left: 17%;
  }

  .projects-bg5.height-bg {
    background-position: 89% -95%;
  }


}

@media(max-width:1500px) {
  #new-menu {
    width: 70%;
    margin-left: 8%;
  }

  .add-new-space #new-menu {
    width: 80%;
    margin-left: 8%;
  }

}

@media (min-width: 1300px) and (max-width: 1366px) {
  .height-bg {
    height: 90vh;
    background-size: 100% 100%;
  }

  .projects-bg5.height-bg {
    background-position: 89% -95%;
  }

  .projects-bg2 {
    background-size: 100% 100%;
  }

  #new-menu {
    width: 70%;
    margin-left: 9% !important;
  }

  html,
  body {
    overflow-x: hidden;
  }
}

@media(max-width:1400px) {
  #mybutton1 {
    bottom: 52%;
  }

  #new-menu {
    width: 70%;
    margin-left: 6%;
  }

  #mybutton2 {
    bottom: 46%;
  }
}

@media (max-width: 1500px) {
  #new-menu {
    width: 70%;
    margin-left: 12%;
  }
}

@media(max-width:1199px) {
  #custom-search-form {
    width: 65%;
  }

  .medical-numbers h1 {
    font-size: 15px;
  }
}

@media(max-width:991px) {

  #userform li.active>a::before {
    border-bottom: 3px solid #169395;
    bottom: 5px;
    content: "";
    position: absolute;
    width: 25px;
    left: 16%;
    top: 12px;
  }

  #wrapper {
    width: 50%;
    float: left;
  }

  .view-width #new-menu {
    width: 100%;
  }

  .related-tasks {
    background-color: #dddddd;
    padding: 30px;
    border-radius: 5px;
    margin-top: 30px;
    height: 400px;
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }

  .employed-in {
    margin-left: 41px !important;
    margin-right: 53px !important;
  }

  .assign-task {
    margin-top: 27px;
    width: 100%;
  }

  .faq .faq-list a {
    margin-bottom: 28px;
  }

  fieldset.scheduler-border {
    margin-bottom: 20px;
  }

  legend.scheduler-border {
    font-size: 7px !important;
  }

  .medical-text {
    padding: 0 8px;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -4px;
  }

  .pd .pj-dash .medical-leaves {
    padding: 10px 0px;
    height: 90px;
  }

  .medical-leaves {
    margin-right: 0px;
  }

  .pd .leaves-dasboard_details {
    margin-left: -6px;

  }

  #new_project-form .title-text h5 {
    margin-left: 10px;
  }

  .pj-dash {
    padding-right: 0px;
  }

  #new-menu {

    margin-left: 7%;
  }

  .back-pro .btn.btn-light {
    top: 29px;
  }

  .plus-in a {
    color: #fff;
    font-weight: 100;
    background-color: #d5d5d5;
    padding: 4px 8px;
    border-radius: 5px;
    margin-left: 44px;
  }

  .title-text.view-schedule h5 {
    font-size: 15px;
    position: relative;
    top: 14px;

  }

  .title-text.view-schedule h5 {
    margin-bottom: 31px;
  }

  .shift-schduler h4 {
    font-size: 8px;
  }


  .new-sub_menu {
    width: 20%;
  }

  .divbutton h2 {
    font-size: 12px;
  }

  .card-details-listed {
    padding: 1rem;
  }

  .card-details .project-commence h6 {
    font-size: 12px;
  }

  #carousel-example-generic .Project-outlook {
    display: inline-block;
    width: 32%;
  }

  .leave-date {
    width: 100%;
    height: 36px;
    padding-top: 0;
    border-bottom: 1px solid #dedede;
  }

  .faq-list .collapse.in p {
    width: 95%;
    margin-left: 1%;
  }

  .leaves-details {
    margin-bottom: 12px;
  }

  .last-leave-details {
    width: 75%;
    float: left;
  }

  .last-leave-details {
    margin-left: 12px;
  }

  .medical-leaves {
    width: 30%;
    margin-bottom: 0px;
  }

  .day-leave-details {
    margin-bottom: 30px;
  }

  .taxable-table {
    width: 35%;
  }
}

@media (min-width: 500px) and (max-width: 549px) {
  #exTab1 .nav-pills>li>a {
    font-size: 12px;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 15% !important;
    font-size: 15px;
    margin-left: 0px !important;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 8%;
  }

  .priority-tabs li.active a {
    padding: 8px 5px !important;
  }
}

@media (min-width: 550px) and (max-width: 599px) {
  #exTab1 .nav-pills>li>a {
    font-size: 13px;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 14% !important;
    font-size: 15px;
    margin-left: 0px !important;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 8%;
  }
}

@media (min-width: 600px) and (max-width: 649px) {
  #exTab1 .nav-pills>li>a {
    font-size: 14px;
  }

  #new-menu {
    width: 90% !important;
    margin-left: 7% !important;
    float: left;
  }

  .new-tasks {
    width: 100%;
    float: left;
  }

  .task-search {
    padding-right: 0px;
    width: 20%;
    float: left;
    padding-left: 0px;
  }

  .box-profile {
    width: 100%;
    float: left;
  }

  .today-task {
    width: 20%;
    float: left;
  }

  .nav-task li:first-child {
    width: 16% !important;
  }

  .new-emp-list .container {
    padding: 0px 10px !important;
  }

  #exTab1 .nav-task {
    width: 100% !important;
    float: left;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 12% !important;
    font-size: 15px;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 12%;
  }

  #custom-search-form {
    width: 28% !important;
  }

  .search-query {
    border: 1px solid transparent;
    width: 70%;
  }

  .pro-list .rp {
    width: 40%;
    float: left;
  }

  .pro-list {
    padding-left: 30px;
  }
}

@media (min-width: 650px) and (max-width: 699px) {
  .add-new-space #new-menu li {
    font-size: 13px;
    padding: 7px 7px;
  }

  #new-menu {
    width: 90% !important;
    margin-left: 7% !important;
    float: left;
  }

  .new-tasks {
    width: 100%;
    float: left;
  }

  .task-search {
    padding-right: 0px;
    width: 20%;
    float: left;
    padding-left: 0px;
  }

  .box-profile {
    width: 100%;
    float: left;
  }

  .today-task {
    width: 20%;
    float: left;
  }

  .nav-task li:first-child {
    width: 16% !important;
  }

  .new-emp-list .container {
    padding: 0px 10px !important;
  }

  #exTab1 .nav-task {
    width: 100% !important;
    float: left;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 12% !important;
    font-size: 15px;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 15%;
  }

  #custom-search-form {
    width: 28% !important;
  }

  .search-query {
    border: 1px solid transparent;
    width: 70%;
  }

  .pro-list .rp {
    width: 40%;
    float: left;
  }

  .pro-list {
    padding-left: 30px;
  }
}

@media (min-width: 700px) and (max-width: 749px) {

  .new-active,
  .new-pending {
    width: 23.7% !important;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .upcoming-milestone {
    float: left;
    width: 40%;
  }

  #new-menu {
    width: 100%;
    margin-left: 7% !important;
    float: left;
  }

  .new-tasks {
    width: 100%;
    float: left;
  }

  .task-search {
    padding-right: 0px;
    width: 20%;
    float: left;
    padding-left: 0px;
  }

  .box-profile {
    width: 100%;
    float: left;
  }

  .today-task {
    width: 20%;
    float: left;
  }

  .nav-task li:first-child {
    width: 16% !important;
  }

  .new-emp-list .container {
    padding: 0px 10px !important;
  }

  #exTab1 .nav-task {
    width: 100% !important;
    float: left;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 12% !important;
    font-size: 15px;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 22%;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }

  #custom-search-form {
    width: 28% !important;
  }

  .search-query {
    border: 1px solid transparent;
    width: 70%;
  }

  .pro-list .rp {
    width: 40%;
    float: left;
  }

  .pro-list {
    padding-left: 30px;
  }
}

@media (min-width: 750px) and (max-width: 799px) {
  #project-list .project-container {
    margin-top: 0px !important;
  }

  #custom-search-form {
    width: 50% !important;
  }

  .pro-list .rp {
    width: 40%;
    float: left;
  }

  .pro-list {
    padding-left: 30px;
  }

  .search-query {
    border: 1px solid transparent;
    width: 65%;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px;
  }

  .prior {
    width: 12% !important;
    font-size: 15px;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 25%;
  }

  html,
  body {
    overflow-x: hidden;
  }

  #new-menu {
    width: 88%;
    margin-left: 6%;
  }

  .profile-img {
    float: right;
  }

  .hour-productive {
    width: 38%;
    margin-left: 2%;
    padding: 10px 20px 20px 10px;
  }

  .new-active,
  .new-pending {
    width: 23.9% !important;
    float: left;
    height: 287px;
    margin-right: 4px;
  }

  .client-img img {
    height: 87px;
  }

  .hour-productive .cc-team {
    margin-top: 10px;
    float: left;
    width: 100%;
    color: grey;
    font-size: 12px;
    height: 30px;
  }

  .new-active span,
  .new-pending span {
    font-size: 12px;
  }

  .new-pending label,
  .new-active label {
    font-size: 12px;
  }

  .upcoming-milestone .notify-all {
    margin: auto 18%;
  }

  .new-active,
  .new-pending {
    padding: 10px 5px 10px 8px;
  }

  .profile-profession {
    width: 100%;
    float: right;
    text-align: right;
  }

  .remainders-list {
    width: 100%;
    float: right;
    text-align: right;
  }

  .upcoming-events {
    width: 33%;
  }

  .welcome-bg img {
    right: -19px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 47%;
  }

  .notify-all {
    margin: auto 48%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 177px 185px;
    width: 65%;
  }

  .highcharts-figure {
    max-width: 562px !important;
  }

  .birthday-details {
    float: right;
  }

  .nav-task li:first-child {
    width: 42% !important;
  }

  .new-emp-list .container {
    padding: 0px 10px !important;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    font-size: 14px;
    padding: 8px 5px;
  }

  #v-shift-schedule .container {
    padding-left: 0px !important;
  }

  .box-profile {
    float: left;
  }

  #new-menu li {
    display: inline-block;
    padding: 7px 6px;
  }

  .new-tasks {
    width: 100%;
  }

  .today-task {
    width: 15%;
    float: left;
  }

  .task-search {
    width: 20%;
    float: left;
  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  #exTab1 .priority-tabs>li {
    margin-right: 2px;
  }

  .prior {
    width: 11%;
  }

  .priority-tabs {
    padding-left: 10px;
    width: 85% !important;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }

}

@media (min-width: 800px) and (max-width: 849px) {

  html,
  body {
    overflow-x: hidden;
  }

  .nav-task li:first-child {
    width: 40% !important;
  }

  #new-menu {
    margin-left: 10%;
  }

  .upcoming-milestone .profile-profession span {
    margin-left: 0px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 10%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.5% !important;
    padding: 20px 5px 10px 10px;
  }

  .new-active span,
  .new-pending span {
    font-size: 12px;
  }

  .new-pending label,
  .new-active label {
    font-size: 12px;
  }

  .birthday-user {
    background-size: 184px 199px;

  }

  .hour-productive {

    padding: 10px 20px 20px 10px;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .welcome-bg img {
    right: -16px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 240px 210px;
    width: 105%;
  }

  .highcharts-figure {
    max-width: 562px !important;
  }

  #new-menu {
    width: 85%;
  }

  #new-menu li {
    display: inline-block;
    padding: 7px 10px;
  }

  hr {
    width: 20%;

  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  #exTab1 .priority-tabs>li {
    margin-right: 2px;
  }

  .prior {
    width: 11%;
  }

  .priority-tabs {
    padding-left: 10px;
    width: 86% !important;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }
}

@media (min-width: 850px) and (max-width: 900px) {
  .nav-task li:first-child {
    width: 35% !important;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  #new-menu {
    margin-left: 6%;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 5%;
  }

  .hour-productive {

    padding: 10px 20px 20px 10px;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.5% !important;
  }

  .welcome-bg img {
    right: -16px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 240px 210px;
    width: 129%;
  }

  .highcharts-figure {
    max-width: 562px !important;
  }

  .container {
    width: 850px;
  }

  #new-menu {
    width: 78%;
  }

  #new-menu li {
    display: inline-block;
    padding: 7px 12px;
  }

  hr {
    width: 21%;

  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  .table-reassign.dataTable thead th:nth-child(3) {
    padding-left: 10px;
    width: 13% !important;
  }

  .reassign-tab-in {
    background-size: 341px 285px !important;
  }

  .table-reassign.dataTable thead th:nth-child(2) {
    width: 20% !important;
    padding-left: 27px;
  }

  .table-reassign.dataTable tbody td:nth-child(1) {
    width: 13% !important;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }
}

@media (min-width: 901px) and (max-width: 949px) {
  .table-reassign.dataTable thead th:nth-child(3) {
    padding-left: 10px;
    width: 13% !important;
  }

  .reassign-tab-in {
    background-size: 341px 285px !important;
  }

  .table-reassign.dataTable thead th:nth-child(2) {
    width: 20% !important;
    padding-left: 27px;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  #new-menu {
    margin-left: 6%;
  }

  .container {
    width: 875px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 7%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.5% !important;
  }

  .welcome-bg img {
    right: -16px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 240px 210px;
    width: 105%;
  }

  .highcharts-figure {
    max-width: 562px !important;
  }

  #new-menu {
    width: 80%;
  }

  .nav-task li:first-child {
    width: 35% !important;
  }

  hr {
    width: 26%;

  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }
}

@media (min-width: 950px) and (max-width: 994px) {
  .number-bg-listed {
    left: 48px;
  }

  hr {
    width: 26%;

  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  .add-width {
    width: 24%;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  #new-menu {
    margin-left: 8%;
  }

  #new-menu {
    width: 75%;
  }

  .card-details-listed {
    padding: 1rem 1.5rem;
  }

  .card-details-listed h6 {
    margin-top: 19px;
  }

  .container {
    width: 900px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 7%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.7% !important;
  }

  .welcome-bg img {
    right: -16px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 562px !important;
  }

  .nav-task li:first-child {
    width: 35% !important;
  }

  .today-task {
    padding-left: 10px;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    font-size: 15px;
    padding: 8px 5px;
  }

  .remove-left {
    padding-left: 0px;
  }

  .pj-dash .medical-numbers {
    width: 28%;
    top: -27px;
    left: -2px;
  }
}

@media (min-width: 995px) and (max-width: 1000px) {

  html,
  body {
    overflow-x: hidden;
  }

  .box-profile {
    width: 50%;
  }

  #new-menu {
    margin-left: 5%;
    width: 73%;
  }

  .today-task {
    padding-left: 10px;
  }

  .nav-task li:first-child {
    width: 35% !important;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    font-size: 15px;
    padding: 8px 5px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 10%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.8% !important;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 600px !important;
  }
}

@media (min-width: 1001px) and (max-width: 1049px) {

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  #new-menu {
    margin-left: 6%;
    width: 75%;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 10%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
    width: 23.8% !important;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 600px !important;
  }

  .title-text.view-schedule h5 {
    margin-bottom: 20px;
  }

  .card-details-listed {
    padding: 1rem 2rem;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    padding: 8px 12px;
    font-size: 14px;
  }

  .nav-task li:first-child {
    width: 32% !important;
  }

  hr {
    width: 32%;
  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }
}

@media (min-width: 1050px) and (max-width: 1099px) {
  hr {
    width: 34%;
  }

  .assign-go {
    float: left;
    margin-left: 18px;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    padding: 8px 14px;
    font-size: 14px;
  }

  .nav-task li:first-child {
    width: 30% !important;
  }

  #new-menu {
    margin-left: 7%;
  }

  .title-text.view-schedule h5 {
    margin-bottom: 20px;
  }

  .card-details-listed {
    padding: 1rem 2rem;
  }

  .container {
    width: 1010px;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 10%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 600px !important;
  }
}



@media (min-width: 1100px) and (max-width: 1149px) {
  hr {
    width: 35%;
  }

  #new-menu {
    width: 70%;
    margin-left: 5%;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  .nav-task li:first-child {
    width: 35% !important;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .title-text.view-schedule h5 {
    margin-bottom: 15px;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 14%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 600px !important;
  }

  .container {
    width: 1080px;
  }
}

@media (min-width: 1150px) and (max-width: 1198px) {
  .nav-task li:first-child {
    width: 30% !important;
  }

  #new-menu {
    width: 70%;
    margin-left: 7%;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  .title-text.view-schedule h5 {
    margin-bottom: 15px;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

  .company-hour {
    width: 70% !important;
  }

  .upcoming-milestone {
    width: 30% !important;
  }

  .upcoming-milestone .notify-all {
    margin: auto 14%;
  }

  .client-img img {
    height: 90px;
  }

  .new-active,
  .new-pending {
    height: 292px;
  }

  .user-welcome {
    width: 60%;
    float: left;
  }

  .user-remainders {
    width: 40%;
    float: left;
  }

  .profile-name {
    width: 100%;
  }

  .notify {
    margin-left: 20%;
  }

  .notify-all {
    margin: auto 21%;
  }

  .birthday-details label {
    margin-left: 18%;
  }

  .birthday-details span {
    margin-left: 18%;
  }

  .birthday-details small {
    margin-left: 18%;
  }

  .birthday-details {
    background-size: 284px 210px;
  }

  .highcharts-figure {
    max-width: 600px !important;
  }

  .container {
    width: 1080px;
  }

  html,
  body {
    overflow-x: hidden;
  }

}

@media (min-width: 1200px) and (max-width: 1249px) {

  html,
  body {
    overflow-x: hidden;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  #new-menu {
    width: 70%;
    margin-left: 6%;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

}

@media (min-width: 1250px) and (max-width: 1300px) {

  html,
  body {
    overflow: hidden;
  }

  #new-menu {
    width: 70%;
    margin-left: 8%;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

}

@media (min-width: 1301px) and (max-width: 1349px) {
  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

}

@media (min-width: 1180px) and (max-width: 1190px) {
  #new-menu {
    width: 70%;
    margin-left: 8%;
  }

  .nav-task li:first-child {
    width: 30% !important;
  }

  .profile-ui {
    width: 50%;
    float: left;
  }

  .upcoming-milestone .profile-profession {
    margin-top: 0px;
  }

}

@media(max-width:767px) {
  #new-menu li.active {
    padding: 6px 7px;
  }

  .dash-padding .row {
    padding: 0px 15px;
  }

  .dash-padding .container {
    margin-top: 30px !important;
  }

  .dash-padding h5 {
    margin-top: 30px;
  }

  #new_project-form .title-text h5 {
    margin-top: 30px;
  }

  #userform li.active>a::before {
    border-bottom: 3px solid #169395;
    bottom: 5px;
    content: "";
    position: absolute;
    width: 25px;
    left: 32%;
    top: 12px;
  }

  #userform {
    background: #fff;
    padding: 3% 12%;
    height: 88vh;
  }

  .add-new-space #new-menu {
    width: 100%;
    margin-left: 8%;
  }

  #new-menu li {
    display: inline-block;
    padding: 7px 7px;
  }

  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  #new_project-form .container,
  #project-list .container {
    margin-top: 100px;
  }

  #new_project-form .container.project-assigned {
    margin-top: 20px !important;
  }

  .apply_box-shadow {
    margin-top: 50px;
  }

  .emp-table-width {
    width: 100%;
  }

  .tabs-section {
    padding: 0px;
  }

  #exTab1 .nav-pills>li {
    margin-right: 2px;
  }

  #exTab1 .nav-pills li:nth-child(2) {
    margin-bottom: 10px !important;
  }

  #exTab1 .nav-pills.priority-tabs li:nth-child(2) {
    margin-bottom: 0px !important;
  }

  #exTab1 .nav-pills.priority-tabs>li.active>a,
  #exTab1 .nav-pills.priority-tabs>li:hover {
    border-bottom: none;
  }

  .nav>li>a {
    padding: 10px 6px;
  }

  .title-text.view-schedule h5 {
    font-size: 17px;
  }

  legend.scheduler-border {
    font-size: 13px !important;
  }

  #exTab1 .nav.nav-pills {
    margin-bottom: 15px;
  }

  input[type='date']:after {
    color: #7a7a7a;
    content: attr(placeholder);
  }

  .nav.nav-stacked {
    padding-bottom: 0px;
  }

  .nav-go {
    margin-top: 28px;
    margin-bottom: 20px;
  }

  .show-cb label {
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 20px;
    width: 85%;
  }

  #exTab1 .nav-pills>li:nth-child(4).active {
    margin-bottom: 6px;
  }

  .popup .col-xl-6 p {
    width: 100% !important;
    float: right;
  }

  .popup p:last-child {
    margin: 4px 10px;
  }

  .popup .form-control {
    width: 94%;
  }

  .card-wrapper.assign-task:hover {
    max-height: 480px;
  }

  .assign-task .card-title {
    height: 58px;
  }

  .Project-outlook {
    margin-bottom: 84px;
  }

  .card-wrapper.assign-task {
    width: 100%;
    margin-right: 0px;
  }

  .card-wrapper.assign-task:nth-child(3) {
    margin-top: 30px;
  }

  .card-wrapper.assign-task:nth-child(4) {
    margin-top: 30px;
  }

  #exTab1 li.active:nth-child(2) a {
    padding: 8px 3px;
  }

  .faq .container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .taxable-table {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .pop-ups {
    width: 95%;
    background-color: white;
    margin: 10% 1%;
    display: block;
    box-shadow: 0 15px 20px rgb(0 0 0 / 30%);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 5%;
  }

  .late-shift-title {
    text-align: center;
    font-size: 18px;
  }

  .relogin-text .confirm-radio>[type="radio"]:checked+label,
  [type="radio"]:not(:checked)+label {
    font-size: 14px;
  }

  #w3mission {
    width: 250px;
    margin-top: 13px;
  }

  #wrapper {
    width: 95%;
    float: left;
  }

  .the-fieldset {
    border: 1px solid #e0e0e0;
    padding: 10px 30px;
  }

  .employed-in {
    margin-left: 40px !important;
    margin-right: 56px !important;
  }

  .week-offs .shift-schduler {
    width: 23%;
    margin-bottom: 10px;
  }

  .leave-form .btn.btn-primary {
    margin-bottom: 10px;
  }

  #apply-leave {
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .medical-text {
    float: left;
  }

  .medical-numbers.dashboard {
    display: inline-block;
    width: 26%;
    position: relative;
    top: -16px;
  }

  .apply-leave-form .col-lg-3 {
    padding-left: 0px;
  }

  .nav li:first-child a {
    /*padding: 8px 15px;*/
  }

  .clone {
    margin-bottom: 20px;
  }

  .border-down {
    margin-bottom: 0px;
  }

  .prj-dashboard .medical-numbers {
    top: 1px !important;
  }

  .map-skill-form {
    width: 100%;
    float: left;
  }

  #err-msg-body {
    padding: 0px 15px;
  }

  .email-template-header img {
    width: 28%;
  }

  .nav.nav-pills.priority-tabs {
    display: inline-block;
    margin-top: 19px;
    position: relative;
    top: -17px;
  }

  .prior {
    margin-left: 15px;
    width: 30%;
    float: left;
  }

  .scheduled-border-edit.employed {
    margin-left: 30px;
    margin-right: 30px;
  }

  .row.client-name .col-xs-6 {
    padding: 0px;
  }

  .Popup-build {
    padding: 30px 20px;
  }

  .scheduler-border.upld {
    width: 92%;
    margin-right: 15px;
  }

  .recurring {
    padding-left: 30px;
  }

  .title-text.multi-assign {
    margin-top: 10px;
  }

  .row.client-name {
    margin-bottom: 1px;
  }

  .tracking-project .scheduler-border {
    margin-bottom: 0px;
  }

  .pj-dash .medical-numbers {
    width: 26%;
    top: -2px;
  }

  .back-pro i {
    top: -62px;
    right: 18px;
    position: absolute;
    display: block;
  }

  .back-pro {
    margin-top: 0px;
  }

  .back-pro button {
    display: none;
  }

  .title-text.view-schedule h5 {
    margin-top: 0px;
  }

  .assn .medical-numbers {
    top: 2px !important;
  }

  .pd .leaves-dasboard_details {
    margin-left: 0px;
    margin-top: 15px;
  }

  .scheduler-border {
    margin-bottom: 5%;
  }

  .row.space-dwn {
    margin-bottom: 0%;
  }

  #userform ul {
    list-style-type: none;
    padding: 0;
    width: 80%;
    margin: 0 auto;
  }

  .navbar-brand {
    float: left;
    height: 58px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
  }

  #topnav .navbar-default .navbar-brand {
    padding-left: 18px;
  }

  #new-menu {
    width: 100%;
    margin-left: 9%;
    float: left;
  }

  .err-msg-404 img {
    width: 100%;
  }

  #custom-search-form {
    width: 70%;
    position: relative;
    top: 5px;
  }

  .go-btn {
    margin-top: 5px;
  }

  .new-sub_menu {
    width: 36%;
  }

  #topnav {
    padding-bottom: 2%;
  }

  .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.image-segment {
    display: none;
  }

  .popup h3 {
    font-size: 15px;
  }

  .p-list {
    margin-bottom: 12px;
    float: left;
    margin-top: 10px;
  }

  .number-bg-listed {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .prior {
    width: 24% !important;
    font-size: 15px;
    margin-left: 0px !important;
  }

  .priority-tabs {
    width: 85% !important;
    top: 10px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 60% !important;
  }

  .priority-tabs li.active a {
    padding: 8px 5px !important;
  }

  .new-emp-list .container {
    padding: 0px 4px !important;
  }

  #new_project-form .container.priority-container {
    margin-top: 0px !important;
  }

  .priority-tabs {
    width: 100% !important;
    top: -14px !important;
  }
}

@media screen and (max-width: 600px) {
  .teamTable.resigned-space.dataTable.no-footer td:nth-child(5) {
    width: 95%;
    float: left;
  }

  .apply_box-shadow.shift-scheduler {
    background-image: none;
  }

  .leave-details {
    display: inline-block;
    width: 65%;
  }

  .leave-date {
    width: 75%;
  }

  .filter-manage {
    margin-top: 11px;
    float: right;
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid grey;
    width: 32%;
    padding: 8px 8px;
    text-align: center;
    color: grey;
    margin-right: 17px;
  }

  .reveal-details ul {
    padding: 4px 0px;
  }

  .submit-plus {
    margin-bottom: 40px;
    width: 35%;
  }

  .para-submit {
    margin-bottom: 30px;
  }

  .plus-in {
    width: 10%;
    float: left;

  }

  .plus-in a {
    margin-left: 0px;
  }

  .prior {
    width: 24% !important;
    font-size: 15px;
    margin-left: 0px !important;
  }

  .priority-tabs {
    width: 100% !important;
    top: -14px !important;
  }

  .assign-go {
    margin-left: 14px;
  }

  hr {
    width: 8%;
  }

  .priority-tabs li.active a {
    padding: 8px 5px !important;
  }

  .new-emp-list .container {
    padding: 0px 4px !important;
  }

  .task-position {
    padding: 0px 16px;
  }

  .profile-ui {
    width: 100%;
    float: left;
    padding: 0px;
  }

  #exTab1 .nav-task {
    width: 80% !important;
  }

  .date-task {
    padding: 0px;
  }

  .task-btn {
    margin-top: 20px;
    float: right;
  }

  .today-task button,
  .today-task select,
  .today-task input {
    font-size: 15px;
    padding: 8px 11px;
  }

  #new-menu li {
    margin-bottom: 8px;
  }

  .add-margin-top {
    margin-top: 30px !important;
  }

  .card-wrapper {
    margin-right: 0px;
  }

  .leave-padding {
    padding: 0px 15px;
  }

  .apply_box-shadow {
    margin-top: 0px;
  }

  .add-new-space #new-menu {
    width: 100%;
    margin-left: 10%;
  }

  .nav-task {
    width: 100% !important;
    margin-top: 40px;
    margin-left: 26px;
  }

  .new-tasks {
    width: 94%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0px 15px !important;
  }

  .today-task:nth-child(4) {
    padding-left: 0px;
  }

  .task-btn {
    margin-top: 20px;
  }

  .box-profile {
    width: 100%;
    float: left;
  }

  .profile-ui:last-child {
    margin-bottom: 40px;
    float: left;
  }

  .task-search {
    padding-left: 0px;
  }

  .company-head .upcoming-events {
    width: 100%;
  }

  .hour-productive {
    width: 100%;
    margin-left: 0%;
  }

  .new-active,
  .new-pending {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }

  .client-img img {
    width: 38%;
    text-align: center;
    margin: auto 75px;
    height: 130px;
  }

  .welcome-back {
    width: 100%;
    margin-top: 20px;
  }

  .user-welcome .col-lg-12 {
    float: left;
  }

  .highcharts-subtitle {
    margin-left: 30px;
  }

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

  .active-status,
  .pending-status,
  .due-status {
    margin-bottom: 20px;
    width: 100%;
    float: left;
  }

  .upcoming-events {
    width: 53%;
  }

  #userform li.active>a::before {
    border-bottom: 3px solid #169395;
    bottom: 5px;
    content: "";
    position: absolute;
    width: 25px;
    left: 17%;
    top: 12px;
  }

  .nav-task-view {
    width: 100% !important;
    float: left !important;
    margin-top: 30px;
    margin-left: 20px;
  }

  .rate:not(:checked)>label {
    font-size: 27px !important;
  }

  .view-date .col-sm-6 {
    width: 100%;
    float: left;
    margin-top: 12px;
  }

  .today-task {
    width: 33%;
    float: left;
  }

  .related-tasks {
    background-color: #dddddd;
    padding: 30px;
    border-radius: 5px;
    margin-top: 30px;
    height: 300px;
    width: 100%;
    float: left;
  }

  .uploadFile {
    width: 40%;
  }

  .desc-assets a,
  .comments-description a {
    overflow: hidden;
  }

  .prf-pic label {
    width: 20%;
    float: left;
  }

  .col-span-detail label {
    width: 65%;
  }

  .col-span-detail button {
    width: 22%;
  }

  .newview-tasks {
    width: 100%;
    float: left;
    padding: 0px 15px !important;
  }

  #leave-table table {
    border: 0;
  }

  .pop-up-close {
    position: relative;
    top: -17px;
    font-size: 44px;
  }

  #leave-table table caption {
    font-size: 1.3em;
  }

  #leave-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #leave-table table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  #leave-table table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .6em;
    text-align: right;
    padding-top: 16px;
  }

  #leave-table table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  #leave-table table td:last-child {
    border-bottom: 0;
  }
}

@media(max-width:600px) {
  .add-task {
    margin-bottom: 30px;
  }

  .padding0 {
    padding: 0px;
  }

  .divbutton {
    width: 95%;
    margin-bottom: 12px;
  }

  .add-m .divbutton {
    width: 96%;
  }

  #carousel-example-generic .Project-outlook {
    width: 100%;
  }

  .leave-details h5 {
    font-size: 12px;
  }

  #yearcheck {
    width: 50%;
  }

  .medical-leaves {
    width: 49%;
  }
}

@media(max-width:450px) {
  .leaves-dasboard_details .medical-leaves {
    width: 97%;
    float: left;
    margin-bottom: 10px;
    height: 90px;
  }

  .week-offs fieldset.scheduler-border {
    margin: -10px 0;
  }

  .leaves-dasboard_details .medical-numbers {
    top: 10px;
  }

  .lop-history .medical-leaves {
    margin-left: 11px;
  }

  .title-text h5 {
    font-weight: bold;
    margin-left: 19px;
    font-size: 16px;
  }

  #yearcheck {
    margin-left: 17px;
  }

  .apply-leave-form .col-sm-12 {
    padding: 0px;
  }

  .leaves-dasboard_details {
    margin-left: 12px;
  }

  .medical-leaves.deduction {
    margin-top: 20px;
  }

  .lop-history .medical-numbers {
    top: 10px;
  }

  .lop-history .medical-leaves {
    width: 94%;
  }

  .faq .faq-list li {
    border: 2px solid transparent;
  }

  .leave-date {
    border: 1px solid transparent;
  }

  .leave-approval img {
    width: 100%;
  }

  .medical-leaves {
    width: 100%;
  }

  .medical-numbers span {
    font-size: 30px;
  }

  .day-leave-details {
    margin-bottom: 43px;
  }

  .medical-numbers.dashboard h1 {
    margin-top: 17px;
  }

  .medical-numbers h1 {
    font-size: 30px;
  }

  .monthly-details {
    width: 100%;
    margin-bottom: 12px;
  }

  #project-list #custom-search-form {
    margin-left: 0;
    width: 78%;
    margin-bottom: 13px;
  }

  .search-query {
    border: 1px solid transparent;
    width: 49%;
  }
}

input[type=checkbox]:after {
  content: " ";
  background-color: #0F8C8E;
  display: inline-block;
  visibility: visible;
}

input[type=checkbox]:checked:after {
  content: "\2714";
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.15);
  border-radius: 3px;
  /* height: 12px; */
  display: block;
  /* width: 12px; */
  text-align: center;
  font-size: 9px;
  color: white;
}

.faq-list li a:hover,
li a:focus {
  background: transparent !important;
}

/* Add Project */
.control-date .milestone-input[type="date"]::before {
  top: 23px !important;
  position: absolute;
}

.form-control::placeholder,
.multiselect-selected-text {
  font-size: 12px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background: transparent !important;
  color: #000 !important;
}

.milestone-input {
  text-transform: unset !important;
}

.fname-project {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  width: 90%;
  padding-left: 9px;
  padding: 10px;
}

#btncenter {
  margin-top: 10px;
}

.addmore-proj #btncenter #btnAddAddress {
  float: left;
  background: transparent;
  margin-top: 1%;
}

#btncenter #btnAddAddress {
  margin-right: -44px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

input[type="date"]:before {
  color: #969595;
  background: none;
  display: block;
  font-family: 'FontAwesome';
  content: '\f073';
  width: 18px;
  height: 20px;
  position: absolute;
  top: 14px;
  font-size: 16px;
  right: 23px;
}

.file-input>[type='file'] {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
  color: #666666;
}

.file-input {
  display: inline-block;
  text-align: left;
  padding: 0px 10px 10px;
  position: relative;
  border-radius: 3px;
  width: 100%;
}

.file-input>.label {
  color: #666666;
  white-space: nowrap;
  font-size: 12px;
  padding-left: 1px;
  padding-top: 0px;
  font-weight: 500;
}

.file-input>.button {
  display: inline-block;
  cursor: pointer;
  float: right;
  margin-right: 8px;
}

.relevant-iclip {
  position: absolute;
  right: 0px;
  transform: rotate(74deg);
  font-size: 15px;
  color: grey;
}

#delay_email {
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  /*text-transform: capitalize;*/
  width: 99%;
  padding-left: 10px;
}

#task_email,
#effort_email {
  padding-left: 10px;
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 12px;
  width: 99% !important;
}

.control-group input {
  background: transparent;
}

/* Project Docs */
@media(min-width:1920px) {
  .tox .tox-editor-container {
    width: 99%;
  }

  .colordisplay {
    margin-left: -174px;
  }

  #btnAddAddress {
    /* margin-top: 10px; */
  }

  .empl-search i {
    right: -155px;
  }

  .container {
    width: 1600px;
  }

  #new-menu {
    margin-left: 11%;
  }

  #topnav .navbar-default .navbar-nav>li>a {
    color: #081617;
    font-size: 16px;
  }

  .new-pending {
    width: 24.4%;
  }

  .full-apply_leave.projects-bg1.leave-padding.add-task-page {
    /*height: 90vh;*/
  }

  #leave-tab {
    /* height: 100vh; */
    background-size: cover;
  }

  .add-task-prj #leave-tab {
    height: 0vh;
    background-size: cover;
  }

  .custom-leavehistory {
    right: 375px;
  }

  #leave-tab.simplyproject {
    height: 40vh !important;
    background-image: none;
  }

  .full-apply_leave.projects-bg1.height-bg.dash-padding {
    height: 85vh !important;
  }

  .add-new-space #new-menu {
    width: 80%;
    margin-left: 12% !important;
  }

  .proj-add small {
    height: 65px;
    padding-top: 30px;
  }

  .proj-add span {
    margin-top: 33px;
    float: left;
    margin-left: 13px;
  }
}

.proj-add small {
  background-color: red;
  color: #fff;
  margin-bottom: 0px;
  height: 60px;
  float: left;
  width: 27%;
  padding-top: 10px !important;
  text-align: center;
  font-size: 11px !important;
  text-transform: uppercase;
  float: left;
}

.custom-file__input::file-selector-button {
  background: transparent;
  border: 1px solid transparent;
  visibility: hidden;
}

input:focus {
  outline: none !important;

}

.custom-width {
  min-width: 318px !important;
  display: initial !important;
}

#btncenter #btnAddAddress {
  margin-right: -44px;
}

.project-files {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 95%;
  float: left;
  padding: 10px;
  position: relative;
}

.project-doc-in {
  margin-bottom: 20px;
}

.project-doc-in:first-child {
  margin-bottom: 0px !important;
}

.project-doc-in label {
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: left !important;
  width: 100%;
  color: grey;
  margin-bottom: 5px;
}

.project-doc-in img {
  width: 30px;
  float: left;
}

.project-doc-in span {
  font-size: 11px;
  float: left;
}

.attch-blue.docname {
  background-color: transparent;
  padding: 0px 0px 2px 10px;
  float: left;
}

.attch-blue.docname i {
  position: absolute;
  right: 10px;
  top: 22px;
}

.project-doc-in:first-child .project-files {
  border: none;
  padding: 0px;
}

.project-doc-in small {
  font-size: 9.5px !important;
  color: grey;
  width: 67%;
  float: left;
  /* margin-top: 5px; */
  padding-left: 9px;
}

.getbtnin {
  margin-top: 0px !important;
}

.clone.add-prjdoc {
  float: right;
  margin-right: 123px;
}

.proj-add.proj-docadd {
  height: 61px;
  margin-top: 8px;
}

.docbtnadd #btnAddAddress {
  margin-top: -57px;
  font-size: 10px;
  margin-right: 4px;
  background: #67c2c3;
  border: 1px solid #67c2c3;
  color: #fff;
  padding: 5px 5px;
}

.custom-file__input {
  position: absolute;
  width: 261px;
  margin-left: auto;
  padding-left: 57px;
  font-size: 13px;
  color: black;
  margin-top: 15px;
  background: transparent;
  border: 1px solid transparent;
}

.custom-file__label {
  position: relative;
  display: block;
  min-width: 335px;
  min-height: 35px;
  margin: 0px 0;
  padding: 0;
  padding-left: 10px;
  background: transparent;
  color: #666666;
  line-height: 40px;
  font-size: 12px;
  font-weight: 100;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  transition: all 0.3s;
}

.project-doc-in img {
  width: 30px;
  float: left;
}

.docbtnadd #btnAddAddress {
  margin-top: -31px;
  font-size: 10px;
  margin-right: 55px;
  background: #67c2c3 !important;
  border: 1px solid #67c2c3;
  color: #fff;
  padding: 5px 5px;
}

.project-doc-submit {
  background-color: #1FC3C5;
  color: white;
}

@media only screen and (max-width: 325px) {
  .project-doc-type-attach {
    margin-left: 48px !important;
    margin-top: -28px !important;
  }
}

@media only screen and (max-width: 769px) {
  .docbtnadd #btnAddAddress {
    margin-top: -30px;
    margin-right: 30px;
    margin-bottom: 10px;
  }
}

fieldset.scheduler-border.proj-addin {
  padding-left: 0px !important;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .custom-popup-proj-type {
    width: 400px !important;
  }
}

#btnClone {
  background-color: transparent !important;
}

/* View Project */
.proj-alert h3 {
  text-transform: lowercase !important;
}

.search-btns {
  padding: 5px;
}

.view-details.user p {
  color: #afacac;
}

.file-input .button {
  margin-top: 9px;
}

.track-pro .track-projects {
  margin-top: 10px;
}

.no-data {
  font-size: 14px;
}

.space-right {
  margin-right: 4px;
}

.view-details.user p {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0px;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #0f8c8e;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.cut-text {
  width: 200px;
  padding: 0 !important;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-format {
  font-size: 12px;
  color: black;
}

/* LIST PROJECTS */
.empty-data {
  display: block;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.circle-empty {
  font-size: 61px;
  color: #FFC107;
}

.refresh-btn {
  border-radius: 100% !important;
  font-size: 14px !important;
}

.not-found-img {
  max-width: 40%;
  height: auto;
}

@media (max-width: 767px) {
  .go-btn {
    margin-top: 5px;
  }
}

@media screen and (min-width:1020px) {
  .space-around {
    margin-left: 10px;
    margin-right: 5px;
  }
}

@media (max-width:325px) {
  .go-btn button {
    font-size: 11px;
  }
}

@media (min-width: 750px) and (max-width: 799px) {
  .pro-list .rp {
    width: 40%;
    float: left;
  }

  .number-bg-listed {
    position: absolute;
    left: 24px;
  }
}

@media (max-width: 325px) {
  .card-wrapper {
    max-height: 260px;
  }
}

@media (width: 375px) {
  .card-wrapper {
    max-height: 245px;
  }
}

@media screen and (min-width:380px) and (max-width: 430px) {
  .card-wrapper {
    max-height: 215px !important;
  }
}

@media (width: 768px) {
  .card-wrapper {
    max-height: 195px;
  }
}

@media (min-width: 1025px) {
  .card-wrapper {
    max-height: 216px;
  }
}

@media screen and (min-width: 770px) {
  #status {
    width: 60%;
    margin-left: 74px;
  }
}

@media screen and (min-width:750px) and (max-width:798px) {
  #status {
    width: 74%;
    margin-left: auto;
  }

  .go-btn {
    float: right !important;
    right: 26px !important;
    position: relative !important;
    top: -5px !important;
  }
}

@media screen and (max-width:430px) {
  .go-btn {
    float: right;
    right: 26px;
    position: relative;
    top: -5px;
  }
}

@media screen and (min-width:376px) and (max-width:430px) {
  .pro-list .input-select {
    max-width: 248px;
  }
}

/* ADD TASK  */
.tox.tox-tinymce {
  border: none;
  width: 98%;
}

.tox-platform-touch {
  width: 97%;
  border: none;
}

/* .tox-notifications-container{
  width: 66% !important;
} */
.tox .tox-statusbar {
  border-top: 1px solid transparent !important;
}

.tox-throbber,
.tox-statusbar__resize-handle {
  display: none !important;
}

.repeat-ends label {
  font-size: 15px;
  margin-top: -1px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
}

.repeat-ends .container {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  margin-top: 10px;
  width: 10%;
  float: left;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}

.repeat-ends .container input:checked~.checkmark {
  background-color: #2196F3;
}

.repeat-ends .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}

.repeat-ends .container input:checked~.checkmark:after {
  display: block;
}

.repeat-ends .container .checkmark:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

.repeat-ends .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.repeat-container input {
  margin-left: 10px;
  border: 1px solid #b7b7b7 !important;
  padding: 5px 12px !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  font-size: 12px;
  color: grey;
  margin-top: 0px;
  width: 55%;
  height: 44px;
}

.repeat-container {
  width: 30%;
  float: left;
  position: relative;
}

.repeat-container small {
  font-size: 10px;
  position: absolute;
  top: 15px;
  left: 100px;
}

.repeat-number {
  margin-left: 30px !important;
}

.repeat-starts,
.repeat-ends {
  margin-left: 15px;
}

.repeat-week input[type=checkbox] {
  vertical-align: sub;
  bottom: .08em;
  /* this is a better value for different fonts! */
}

.repeat-week .container {
  float: left;
  display: block;
  position: relative;
  padding-left: 2px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}

.repeat-week span {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 15px;
  margin-top: 15px;
  font-family: 'Inter';
}

.repeat-ends label {
  font-size: 15px;
  margin-top: 10px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
}

.tox .tox-statusbar__text-container {
  display: none !important;
}

@media screen and (max-width:426px) {
  .repeat-container {
    width: auto;
  }
}

@media screen and (max-width:325px) {
  .repeat-container input {
    margin-left: 0px !important;
    width: 82%;
  }

  .repeat-container small {
    position: absolute;
    top: 52px;
    left: 52px;
  }

  .repeat-container input[type="date"]:before {
    top: 52px;
    right: 36px;
  }

  .select-repeat .input-select {
    width: 108px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width:375px) and (max-width:1439px) {
  .repeat-container input {
    margin-left: 31px;
  }

  .repeat-container input[type="date"]:before {
    top: 21px;
    right: 33px;
  }

  .repeat-container input[type="date"] {
    margin-bottom: 10px;
    font-size: 9px;
  }
}

@media screen and (min-width:768px) and (max-width:1430px) {
  .repeat-container input[type="date"]:before {
    top: 11px;
    right: 25px;
  }
}

@media screen and (width:768px) {
  #contact-submit {
    margin-right: 60px;
  }
}

@media screen and (min-width:375px) and (max-width:426px) {
  .repeat-container input[type="date"] {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width:1439px) {
  .repeat-container input[type="date"]:before {
    top: 10px !important;
    right: 67px !important;
  }

}

@media (min-width: 768px) {

  .repeat-week .container {
    width: auto;
  }
}


.card-wrapper-listed {
  margin-top: 40px;
}

.card-wrapper-listed .reveal-details-listed {
  max-height: 0;
  transition: max-height 0.25s ease-out;
  overflow: hidden;
}

.card-wrapper-listed:hover .page-wrapper-listed {
  padding-top: 5%;
}

.card-wrapper-listed:hover {
  cursor: pointer;
}

.card-wrapper-listed {
  margin-bottom: 20px;
}

.card-wrapper-listed:hover .reveal-details-listed {
  max-height: 50px;
  transition: max-height 0.25s ease-in;
  margin-bottom: 36px !important;
  position: absolute;
  padding: 1px;
  padding-left: 39px;
  padding-right: 57px;
  cursor: pointer !important;
  background: #1ec2c4;
}

.page-wrapper-listed:hover .reveal-details-listed:hover {
  max-height: 50px;
  transition: max-height 0.25s ease-in;
  /* position: absolute; */
  padding: 1px;
  padding-left: 10px;
  padding-right: 57px;
  cursor: pointer !important;
  background: #1ec2c4;
}

.reveal-details-listed {
  padding-left: 10px;
  padding-right: 57px;
  position: absolute;
  background: #1ec2c4 !important;
}

.card-wrapper-listed {
  background: white;
  border-radius: 2px;
  max-height: 250px;
  overflow: hidden;
  transition: max-height 500ms ease-in-out;
  border: 1px solid #bebebe;
  margin-right: 15px;
}

.card-details-listed .card-title {
  font-size: 16px;
}

@media screen and (min-width:1210px) and (max-width:1439.98px) {
  .page-wrapper-listed:hover .reveal-details-listed:hover {
    padding-left: 46px !important;
  }

  .card-wrapper-listed:hover .reveal-details-listed {
    padding-left: 44px;
  }
}

@media screen and (width:320px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 3% !important;
    padding-right: 30% !important;
  }
}

@media screen and (width:375px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 10px !important;
    padding-right: 89px !important;
  }
}

@media screen and (width:425px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 4% !important;
    padding-right: 26% !important;
  }
}

@media screen and (width:768px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 4% !important;
    padding-right: 24% !important;
  }
}

@media screen and (width:1024px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 3% !important;
    padding-right: 47px !important;
  }

  .number-bg-listed {
    position: absolute;
    left: -2px;
  }

  .number-bg-listed {
    background: #f3f3f3;
    height: 45px;
    width: 35px;
  }
}

@media screen and (min-width:1440px) {

  .card-wrapper-listed:hover .reveal-details-listed,
  .reveal-details-listed {
    padding-left: 4% !important;
    padding-right: 94px !important;
  }
}

.button-align {
  display: flex;
  align-items: center;
}

@media screen and (max-width:426px) {
  .custom-search-form {
    margin-bottom: 12px !important;
  }

}

.card-wrapper-listed:hover {
  border: 1px solid #1EC2C4;
}

.card-details-listed .card-title {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-wrapper-listed:hover .number-bg-listed {
  background: rgb(30, 194, 196);
  color: white;
}

/* ADD PROJECT */
#gts1 {
  background: transparent;
}


/*Delete modal*/
.modal-confirm {
  color: #636363;
  width: 400px;
  margin-top: 120px;
}

.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}

.modal-confirm .modal-header {
  border-bottom: none;
  position: relative;
}

.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}

.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}

.modal-confirm .modal-body {
  color: #999;
}

.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}

.modal-confirm .modal-footer a {
  text-align: center;
  padding-top: 10px;
}

.modal-confirm .icon-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  border: 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
  color: #f15e5e;
  font-size: 46px;
  display: inline-block;
  margin-top: 13px;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 120px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
}

.modal-confirm .btn-secondary {
  background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
  background: #a8a8a8;
}

.modal-confirm .btn-danger {
  background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
  background: #ee3535;
}

.icon-box span {
  padding-left: 20px;
  color: #f15e5e;
  padding-top: 11px;
  float: left;
  text-align: center;
}

@media screen and (min-width:765px) {
  .modal-confirm {
    color: #636363;
    width: 400px !important;
    margin-top: 120px !important;
  }
}

/* select */

.multiSelect {
  position: relative;
}

.multiSelect *,
.multiSelect *::before,
.multiSelect *::after {
  box-sizing: border-box;
}

.multiSelect_dropdown {
  font-size: 14px;
  min-height: 30px;
  line-height: 35px;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
  color: #444f5b;
  font-weight: 400;
  padding: 0.5px 13px;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.multiSelect_placeholder {
  position: absolute;
  top: 12px;
  color: grey;
}

.multiSelect_dropdown.-hasValue {
  padding: 5px 30px 5px 5px;
  cursor: default;
}

.multiSelect_dropdown.-open {
  box-shadow: none;
  outline: none;
  padding: 4.5px 29.5px 4.5px 4.5px;
}

.multiSelect_arrow::before,
.multiSelect_arrow::after {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 8px;
  border-radius: 20px;
  border-bottom: 8px solid #99A3BA;
  top: 40%;
  transition: all .15s ease;
}

.multiSelect_arrow::before {
  right: 18px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.multiSelect_arrow::after {
  right: 13px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.multiSelect_list {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(10 * 31px);
  top: 28px;
  left: 0;
  z-index: 9999;
  right: 0;
  background: #fff;
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  -webkit-transform: scale(0.8) translate(0, 4px);
  transform: scale(0.8) translate(0, 4px);
  border: 1px solid #d9dbde;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
}

.multiSelect_option {
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-transform: translate(6px, 0);
  transform: translate(6px, 0);
  transition: all .15s ease;
}

.multiSelect_option.-selected {
  display: none;
}

.multiSelect_option:hover .multiSelect_text {
  color: #fff;
  background: #4d84fe;
}

.multiSelect_text {
  cursor: pointer;
  display: block;
  padding: 5px 13px;
  color: #525c67;
  font-size: 14px;
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all .15s ease;
}

.multiSelect_list.-open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translate(0, 12px);
  transform: scale(1) translate(0, 12px);
  transition: opacity 0.15s ease, visibility 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.multiSelect_list.-open+.multiSelect_arrow::before {
  -webkit-transform: rotate(-130deg);
  transform: rotate(-130deg);
}

.multiSelect_list.-open+.multiSelect_arrow::after {
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.multiSelect_list.-open .multiSelect_option {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.multiSelect_list.-open .multiSelect_option:nth-child(1) {
  transition-delay: 10ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(2) {
  transition-delay: 20ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(3) {
  transition-delay: 30ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(4) {
  transition-delay: 40ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(5) {
  transition-delay: 50ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(6) {
  transition-delay: 60ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(7) {
  transition-delay: 70ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(8) {
  transition-delay: 80ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(9) {
  transition-delay: 90ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(10) {
  transition-delay: 100ms;
}

.multiSelect_choice {
  background: rgba(77, 132, 254, 0.1);
  color: #444f5b;
  padding: 4px 8px;
  line-height: 17px;
  margin: 5px;
  display: inline-block;
  font-size: 13px;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
}

.multiSelect_deselect {
  width: 12px;
  height: 12px;
  display: inline-block;
  stroke: #b2bac3;
  stroke-width: 4px;
  margin-top: -1px;
  margin-left: 2px;
  vertical-align: middle;
}

.multiSelect_choice:hover .multiSelect_deselect {
  stroke: #a1a8b1;
}

.multiSelect_noselections {
  text-align: center;
  padding: 7px;
  color: #b2bac3;
  font-weight: 450;
  margin: 0;
}

.multiSelect_placeholder {
  font-size: 10px;
}

.multiSelect_dropdown.-hasValue+.multiSelect_placeholder {
  display: none
}

@media screen and (width:1024px) {
  .control-date .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    max-width: 151px;
  }

  @media screen and (min-width:1439px) {
    .control-date .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      max-width: 208px;
    }
  }
}

.btn-default {
  background: transparent !important;
  border: 0 !important;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none !important;
}

.btn:focus {
  border: none !important;
  outline: none !important;
}

.btn-default,
span .caret {
  color: grey !important;
}

@media screen and(max-width:769px) {
  .btn-default {
    max-width: 113px;
  }
}

@media screen and (min-width:1439px) {
  .btn-default {
    max-width: 202px;
  }
}

.scheduler-border #team {
  min-height: 29px;
}

.filter-option {
  font-size: 12px;
}

.watchers-style {
  margin-top: 20px;
  background: transparent;
}

#gts {
  margin-bottom: 10px;
}

.tracking-project .scheduler-border {
  margin-top: 6px !important;
}

.tracking-project .scheduler-border p {
  padding-left: 4px;
}

@media screen and (max-width:1438px) {
  .go-btn {
    float: right;
    right: -24px;
    position: relative;
    top: -37px;
  }
}

@media screen and (min-width:1439px) {
  .go-btn {
    float: right;
    right: 12px;
    position: relative;
    top: -37px;
  }
}

@media screen and (min-width:700px) and (max-width:769px) {
  .go-btn {
    float: right;
    right: 22px;
    position: relative;
    top: -3px;
  }
}

.modal-confirm .btn,
.modal-confirm .btn:hover {
  color: #f0f0f0;
}

/* Add Task */
@media screen and (min-width:1020px) {
  .headr {
    text-align: center;
    line-height: 32px;
  }
}

.headr {
  font-size: 13px;
}

.pickup-select {
  border: 0.5px solid #B7B7B7 !important;
}

@media screen and (min-width:768px) and (max-width:1026px) {
  .no-days {
    max-width: 56% !important;
  }

  .interval-blck {
    margin-top: 10px
  }
}

@media screen and (min-width:1028px) {
  .no-days {
    max-width: 46% !important;
  }

  .interval-blck {
    margin-top: 10px
  }

}

.customDate input[type="date"]:before {
  position: absolute !important;
  top: 1px !important;
  font-size: 16px;
  right: 23px !important;
}

.checkbox-inline input[type="checkbox"]:not(:checked) {
  background-color: green !important;
  visibility: visible !important;
}

.myDiv {
  display: none;
}


input[value="Yes"]:checked~#Yes {
  display: block !important;
}

input[value="No"]:checked~#Yes {
  display: none !important;
}

.text-wrap {
  word-wrap: break-word !important;
}

.checkbox-inline>[type="radio"]:checked,
[type="checkbox"]:not(:checked) {
  left: inherit !important;
}

.task-projected-r {
  font-size: 24px;
}

.mt-2 {
  margin-top: 10px;
}

.d-flex {
  display: flex;
}

.mz-2 {
  margin-left: 5px;
}

.repeat-task .checkbox-inline {
  font-size: 14px;
}

.select-txt {
  font-size: 13px;
  line-height: 32px;
}

.mt-10 {
  margin-top: 10px !important;
  margin-left: 5px;
}

.section-heading {
  font-weight: bold;
}


/* DASHBOARD` */
.dashboard .card-wrapper {
  background: white;
  border-radius: 2px;
  max-height: 250px;
  overflow: hidden;
  transition: max-height 500ms ease-in-out;
  border: 1px solid #bebebe;
  margin-right: 15px;
}

.sorting {
  font-weight: bold !important;
}

.odd td .milestone-survey .completion-range {
  margin-bottom: 12px !important;
}

.milestone-pen-thead {
  border-bottom: 2px solid transparent;
}

.dashboard .dashboard-wrap {
  border: 2px solid #bebebe !important;
  transition: box-shadow .3s !important;
}

.card-details .completion-range p {
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 0 !important;
}

.carousel-inner .card-wrapper {
  max-height: 220px;
}

.carousel-indicators {
  bottom: -22px;
}

.carousel-indicators .active {

  width: 16px;
  height: 16px;
  margin: 0;
  background-color: #1fc3c5;
  border: 1px solid #1fc3c5;

}

.carousel-indicators li {

  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #feb940;
  border: 1px solid #feb940;
  border-radius: 10px;

}

.dashboard-wrap .card-details {
  padding: 2rem;
}

.carousel-inner .card-wrapper {
  max-height: 220px;
}

.carousel-indicators {
  bottom: -22px;
}

.carousel-indicators .active {

  width: 16px;
  height: 16px;
  margin: 0;
  background-color: #1fc3c5;
  border: 1px solid #1fc3c5;
}

#carousel-example-generic .carousel-inner .card-wrapper {
  width: 100%;
}

.pro-d-slider .carousel-inner .card-wrapper {
  max-height: 400px;
  width: 95%;
}

.title-text.main h3 {
  font-weight: bold;
  text-transform: capitalize;
  margin-left: 30px;
  margin-bottom: 0px;
}

/* .dashboard {
  padding-top: 5%;
  display: flex;
  -webkit-display: flex;
  justify-content: space-around;
  width: 100%;
  padding-left: 20%;
} */

.tooltip-inner {

  background-color: #fff !important;
  color: #000 !important;
  border-radius: 50%;
  margin-top: 33px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

.slider .tooltip-inner {
  font-weight: 600;
}

.completion-range .tooltip.top .tooltip-arrow {
  display: none;
}

.slider-selection {
  background-color: #feb940;
  background-image: none !important;
}

.tooltip-min {
  display: none;
}

.slider-handle {
  background-image: none !important;
  background-color: transparent !important;
}

.slider-handle {
  background-image: none !important;
  background-color: transparent !important;
}

.dashboard-wrap:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .2);
  border: 2px solid #1ec2c4 !important;
  cursor: pointer;
}

@media screen and (min-width:900px) and (max-width:1438px) {
  .dashboard-wrap .card-details {
    padding: 1rem;
  }
}

.milestone-pen tr td:first-child,
.milestone-pen tr td:nth-child(3),
.milestone-pen tr td:nth-child(5) {
  background: #F7F7F7 !important;
}

.ms-title {
  margin-bottom: 15px;
}

.track-projects {
  margin-top: 5px;
}

@media screen and (min-width:800px) {
  .dash-board .team-width {
    max-width: 73%;
  }

  .dashboard-tabs .go-btn {
    margin-top: -6px !important;
  }
}

.dash-board #team_id {
  width: 100% !important;
}

@media screen and (min-width:800px) and (max-width:1025px) {
  .dashboard-tabs .go-btn {
    margin-right: 36px !important;
  }
}

.text-primary {
  color: #237BC6 !important;
}

/* end dashboard */

.watchers-task .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

body .bootstrap-select .dropdown-toggle:focus {
  outline: 5px auto transparent !important;
}

/* TEAM */

.btn-darkgreen-add i:before {
  color: #00D0D0 !important;
}

.btn-darkgreen i:before {
  color: #00D0D0 !important;
}

.mr-7 {
  margin-left: 7px;
}

.space-down-2 {
  margin-top: 2%;
}

.edit-client-table tbody tr td {
  text-align: center;
}

/* END TEAM */

/*  loader */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 132px;
  height: 18px;
  top: -29px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(42, 170, 173);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}

#loader {
  display: none;
}

/* Loader End  */
.text-muted {
  color: rgb(108, 117, 125) !important;
}

/* TEAM */
.input-box {
  border: 0;
  width: 100%;
  height: 30px;
}

.input-box::placeholder {
  font-size: 12px;
}

.milestone-input {
  width: 100% !important;
}

.go-btn button:focus {
  background-color: #1ec2c4;
  color: #fff;
  padding: 7px;
  border-radius: 100%;
  font-size: 12px;
  border: 1px solid #1ec2c4;
}

.refresh-btn:focus {
  animation: loader 1.25s infinite;
  border-radius: 100% !important;
  font-size: 14px !important;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

/* TEAM INDEX` */
table.dataTable thead .sorting_asc,
table.theme-table.dataTable thead .sorting_asc {
  background-image: none !important;
}

.resigned #leave-table table th,
table td {
  padding: 18px 12px;
  border-bottom: none;
}

.flex-go-btn button,
.flex-go-btn button:focus {
  background-color: #1ec2c4;
  color: #fff;
  padding: 7px;
  border-radius: 100%;
  align-items: center;
  font-size: 12px;
  border: 1px solid #1ec2c4;
}

/* .flex-go-btn {
  margin-top: 9px;
} */

.control-group .form-control {
  background: transparent !important;
  width: -webkit-fill-available;
}

.title-txt {
  margin-left: 15px;
  font-size: 22px;
  text-transform: uppercase !important;
  font-weight: bold;
  margin-bottom: 10px;
}

.align-fix {
  margin-left: 15px;
  margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #008f8f !important;
  font-size: 11px;
  border-radius: 5px;
  padding: 5px 7px 5px 7px !important;
  cursor: pointer;
  background-color: #008f8f !important;
  color: white !important;
}

/* View Team */

.email-add h3 {
  text-transform: lowercase !important;
}

.view-team-th th {
  font-size: 12px;
  color: black;
}

.btn-round {
  border-radius: 100% !important;
}

.align-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dataTables_length label,
.dataTables_filter label {
  font-size: 13px;
}

.dataTables_length {
  margin-bottom: 10px;
}

.dataTables_length {
  float: right !important;
}

.view-img {
  width: 80%;
  height: 80%;
}

.img-view-sec {

  float: right;
}

.row-gap {
  row-gap: 20px;
}

.view-details-team {
  margin-bottom: 15px !important;
}

.view-details-team.user h3 {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0px;
  margin-top: 5px;
  line-height: 23px;
}

.view-details-team.user p {
  color: #b6b6b6;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0px;
  font-size: 13px !important;
}

.view-team-bg {
  background-color: #E5FAF9 !important;
}

.table-style>tbody>tr>td,
.table-style>tbody>tr>th,
.table-style>tfoot>tr>td,
.table-style>tfoot>tr>th,
.table-style>thead>tr>td,
.table-style>thead>tr>th {
  padding: 20px !important;
}

.table-style tbody tr:first-child td:first-child {
  border-top-left-radius: 20px;
  border-top: 0;
}

.table-style tbody tr:first-child td:last-child {
  border-top-right-radius: 20px;
}

.table-style tbody tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

.table-style tbody tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

.modified-style-th {
  border-radius: 7px;
  position: absolute;
  z-index: 200;
  top: -38px;
  background: #B9F5F4;
  left: 41px;
}

.border-radius-tb {
  position: relative;
}

.table-bordered {
  border: 1px solid transparent !important;
}

.table-style tr:last-child td {
  border-bottom: none !important;
}

.table-style tr td:first-child {
  border-left: none !important;
}

.table-style tr td:last-child {
  border-right: none !important;
  border-top: none !important;
}

.modified-style-th:nth-child(1) {
  padding-left: 100px !important;
}

.modified-style-th:nth-child(3) {
  padding-left: 140px !important;
}

.modified-style-th:nth-child(5) {
  padding-left: 80px !important;
}

.modified-style-th:nth-child(5) {

  padding-left: 140px !important;
  padding-right: 50px !important;

}

.table-style tbody {
  background: #ffff !important;
  position: relative;
}

.visiblity-hidden {
  visibility: hidden !important;
}

.flex-th {
  display: flex;
  justify-content: space-between;
  padding: 9px;
  width: 94%;
  font-size: 15px;
  font-weight: bold;
  margin-left: 14px;
  padding-right: 40px;
  padding-top: 20px !important;
  padding-left: 40px;
  background: #B9F5F4;
  border-radius: 6px;
  color: #0A0E70;
  z-index: 999;
  position: absolute;
  top: -1px;
}

.table-margin {
  margin-top: 50px;
}

@media screen and (min-width:700px) {
  .table-style thead {
    font-size: 14px;
    height: 50px !important;
  }

  .table-style thead tr th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .table-style thead tr th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

.table-style thead {
  font-size: 14px;
  background: #B9F5F4;
}

.status-txt {
  text-align: center;
}

.title-text-view {
  text-transform: capitalize;
  margin-left: 15px;
  margin-bottom: 13px !important;
}

.client-table-edit {
  left: 11px;
  width: 88%;
  padding-top: 14px !important;
}

.edit-table-member>tbody>tr>td,
.table-style>tbody>tr>th,
.table-style>tfoot>tr>td,
.table-style>tfoot>tr>th,
.table-style>thead>tr>td,
.table-style>thead>tr>th {
  padding: 11px !important;
}

.edit-client-table>tbody>tr>td,
.edit-client-table>tbody>tr>th,
.edit-client-table>tfoot>tr>td,
.edit-client-table>tfoot>tr>th,
.edit-client-table>thead>tr>td,
.edit-client-table>thead>tr>th {
  padding: 14px !important;
}

.table-top-margin {
  margin-top: 15px !important;
}

.input-box {
  font-size: 13px;
  color: #918D8D;
}

.text-center {
  text-align: center !important;
}

.mx-2 {
  margin-left: 5px !important;
}

.shadow {
  -webkit-box-shadow: -1px 5px 20px 0px rgb(194 186 186 / 57%);
  -moz-box-shadow: -1px 5px 20px 0px rgb(194 186 186 / 57%);
  box-shadow: -1px 5px 20px 0px rgb(194 186 186 / 57%);
  border-radius: 11px;
}

.delete-img {
  width: 25px;
}

.shadow .padding-fix {
  padding-right: 52px !important;
}

.role-pad {
  padding-left: 22px;
}

.btn-darkgreen-add,
.btn-darkgreen {
  background: none;
}

.email h3 {
  text-transform: lowercase !important;
}

/* Footer */
.footer-bg {
  padding: 5px;
  background-color: rgb(229 229 229 / 20%);
  ;
  font-size: 13px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-bg a {
  margin-left: 5px;
}

.text-white {
  color: white !important;
}

.footer-bg a {
  text-decoration: none;
}

.text-center {
  text-align: center;
}

.footer-bg p {
  margin-bottom: 0;
}

/* navbar */
.error-text {
  font-size: 14px;
  color: red;
}

#topmenu {
  margin-bottom: 0;
}

#floating-buttons {
  margin-top: 6%;
}

/* Add Task */
select {
  font-size: 13px !important;
}

.selectize-control.multi .selectize-input [data-value] {
  background-color: #1FC3C5 !important;
  background-image: linear-gradient(to bottom, #1FC3C5, #1FC3C5) !important;
}

.selectize-control.multi .selectize-input>div {
  border: 0 !important;
}

.selectize-input {
  -webkit-box-shadow: none !important;
}

.fw-bold-txt {
  font-weight: bold !important;
}

.right-btn {
  float: right;
}

.adjust-width {
  width: 90%;
}

/* Auth Layout */
.error-text {
  text-align: left !important;
  color: red !important;
  margin: 0px !important;
}

#userform .form-group {
  height: unset;
}

.progress-pending {
  background-color: #d80d0d;
}

.progress-complete {
  background-color: #06b831;
}

.d-flex-itm {
  display: flex;
  justify-content: space-between;
}

.bg-white-card {
  background-color: white !important;
  padding: 10px;
  border-radius: 11px;
}

.completed-pill {
  background: #00a12bc2;
}

.pill-not-started {
  background-color: gray;
}

.cstm-pill {
  padding: 1px 8px 1px 8px;
  border-radius: 49px;
  color: white;
  margin-left: 5px;
}

@media screen and (min-width:700px) {
  .center-align {
    display: flex;
    align-items: center;
  }
}

.mb-card .tooltip-inner {
  margin-top: 25px;
}

.mile-stone-card .slider-selection {
  background-color: #00a12bc2;
}

.txt-colour {
  color: #04dcd2;
  ;
}

.pill-process {
  background-color: #0096d3;
  color: white;
}

.pending-card .slider-selection {
  background-color: #e52b2b;
}

.pill-pending {
  background-color: #e52b2b;
}

.mb-card {
  margin-bottom: 5px;
}

.center-align-base {
  display: flex;
  align-items: baseline;
}

.justify-content-between {
  display: flex;
  justify-content: space-between;
}

.btn-theme {
  background-color: rgb(42, 170, 173);
  color: white;
}

.btn-theme:hover,
.btn-theme:focus {
  color: white;
}

.upcoming {
  line-height: 27px;
}

.m-left {
  margin-left: 6px;
}

@media screen and (min-width:1024px) {
  #carousel-example-generic .Project-outlook {
    width: 32.17%;
  }

  #status {
    width: 65%;
  }
}

.back-btn-wrap .btn.btn-light {
  border-radius: 20px;
  padding: 8px 26px;
  background: #fff;
  border: 1px solid aliceblue;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  color: #000;
  text-transform: capitalize;
  font-weight: bold;
  letter-spacing: 1px;
}

.back-btn-wrap {
  display: flex;
  justify-content: end;
}

.mr-20 {
  margin-right: 20px;
}

.mt-20 {
  margin-top: 14px !important;
}

.mr-10 {
  margin-right: 10px;
}

.no-data-row {
  background-color: #E5FAF9 !important;
}

.scoll-x-wrapper {
  overflow-x: scroll;
  width: 50px;
}

/* My Task CSS */

#bg-full {
  background-color: #E5FAF9;
}

.card-height {
  background-color: white !important;
  border-radius: 25px;
  margin-bottom: 20px;
}

.headline-txt {
  font-weight: bold !important;
  padding: 25px;
}

.get-modified {
  border: 1px solid grey;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 200;
  color: grey;
  padding: 5px 22px 2px 9px;
}

.flex-cont {
  display: flex;
  justify-content: space-between;
}

.flx {
  display: flex;
}

.even-space {
  padding-right: 16px !important;
}

.group-modified {
  border: 1px solid grey;
  font-size: 14px;
  font-weight: 200;
  color: grey;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding: 8px 25px 4px 9px;
  background-position-y: 10px !important;
}

.task-search {
  border: 1px solid grey !important;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

.btn-rad {
  background: teal;
  color: white;
  border-radius: 50px;
}

.clr-btn {
  background: teal !important;
  color: white !important;
}

.card-head-green {
  background-color: #4ED18C !important;
}

.modified-crd {
  width: fit-content;
  padding: 15px;
  padding-top: 7px !important;
  padding-bottom: 5px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  margin-left: 15px;
}

.txt-headline {
  font-size: 14px;
  font-weight: bolder;
}

.card-hyt {
  height: 75vh;
  overflow-y: auto;
  border-radius: 18px;
}

.card-hyt:active::-webkit-scrollbar-thumb,
.card-hyt:focus::-webkit-scrollbar-thumb,
.card-hyt:hover::-webkit-scrollbar-thumb {
  visibility: visible;
  border-radius: 50px;
}

.card-hyt::-webkit-scrollbar-thumb {
  background-color: #DDDDDD;
  visibility: hidden;
}

.card-hyt::-webkit-scrollbar {
  width: 2px;
  height: 1px;
}

.bg-todo {
  background: #E3F6E4;
}

.card-white {
  background: white;
  border-radius: 10px;
}

.card-pad {
  padding: 5px;
}

.spc-txt {
  display: flex;
  justify-content: space-between;
}

.flag-img {
  width: 6px;
}

.txt-muted {
  color: rgb(151, 151, 151);
  line-height: 1px;
}

.mrgn-t {
  margin-top: 13px;
}

.owl-img {
  width: 15px;
  height: auto;
}

.radius-fx {
  height: max-content;
  background: antiquewhite;
  width: 30px;
  display: flex;
  justify-content: center;
  padding: 5px;
  border-radius: 100%;
  margin-left: 5px;
}

.align-ctr {
  display: flex;
  align-items: center;
}

.align-ctr p {
  margin: 0;
}

.fnt-szs {
  font-size: 8px;
  padding-top: 5px;
}

.pading {
  padding: 7px;
}

.margin-l {
  margin-left: 10px;
}

.teal-txt {
  color: rgb(56 159 105);
  text-transform: uppercase;
  font-weight: bolder;
  margin-left: 5px !important;
}

.margin-lft {
  margin-left: 25px;
}

.padding-control {
  padding: 10px;
}

/* .pb-need{
  padding-bottom: 15px;
} */
.pb-54 {
  padding-bottom: 50px;
}

.card-head-blue {
  background-color: rgb(62, 159, 221);
}

.bg-progress {
  background-color: rgb(232, 248, 255);
}

.card-head-orange {
  background-color: rgb(255, 182, 0);
  text-transform: uppercase;
}

.bg-interim {
  background-color: rgb(255, 249, 238);
}

.mb-25 {
  margin-bottom: 25px;
}

.new-txt {
  color: rgb(131, 192, 96);
  font-weight: bolder;
  text-transform: uppercase;
  margin-left: 5px !important;
}

.open-txt {
  color: rgb(253 53 57);
  font-weight: bolder;
  text-transform: uppercase;
  margin-left: 5px !important;
  margin: 10px;
  font-size: 11px;
}

.card-head-red {
  background-color: rgb(254, 104, 88);
  text-transform: uppercase;
}

.card-head-done {
  background-color: rgb(207, 207, 58);
  text-transform: uppercase;
}

.bg-done {
  background-color: rgb(255, 254, 230);
}

.bg-final {
  background-color: rgb(255, 243, 243);
}

.card-white:hover {
  background: #DDDDDD;
  cursor: pointer;
}

.justify-end {
  text-align: end;
}

@media screen and (max-width:700px) {
  .flex-cont {
    display: block;
  }

  .blck-sm {
    display: block;
  }
}

/* 
.row > .col-xs-3 {
  display:flex;
  flex: 0 0 25%;
  max-width: 25%
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap!important;
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important;
}
.flex-row {
  display:flex;
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: row!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important;
}


.well {
  width: 100%;
}
.scroll-x{
  overflow-x: scroll;
} */

/* my task process */

.card-width {
  width: 350px;
}

/* Renamed from .flex (2026-07-02) — collided with Tailwind's .flex utility (display:flex only,
   no justify-content), silently forcing space-between onto every Tailwind flex element sitewide.
   Only 3 usages existed (templates/Teams/add.php, templates/WorkdelegationTasks/index.php),
   updated to this name. See UI_SPEC.md "Four Tailwind/Bootstrap-adjacent collisions". */
.legacy-flex-between {
  display: flex;
  justify-content: space-between;
}

.scroll-x-wrapper {
  overflow-x: scroll;
  overflow-y: scroll;
  width: 100%;
}

.scroll-x-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

.scroll-x-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-x-wrapper::-webkit-scrollbar-thumb {
  background-color: slategray;
  border-radius: 15px;
}

.ml-19 {
  margin-left: 19px;
}

.ml-10 {
  margin-left: 10px;
}

.view-schedule-data {
  float: left;
  margin-top: 20px !important;
}

.drag-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.board-item {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.card-w:not(:first-child) {
  margin-top: 0 !important;
}

.pb-need:first-child .card-w {
  margin-top: 25px;
}

.card-w {
  font-size: 12px;
}

.todo {
  transition: all 2s;
}

.bg-white {
  background: white !important;
}

.resigned.listed-emp #leave-table.week-offs table .not-found td:nth-child(1) {
  background-color: white !important;
}

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

.team-member-clone .add-team-member {
  display: none !important;
}

.team-member-clone:last-child .add-team-member {
  display: inline !important;
}

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

.req {
  color: red;
}

.status-select {
  height: 34px;
  margin-top: 10px;
  border: 1px solid grey;
  border-radius: 6px !important;
}

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

.mt-0 {
  margin-top: 0 !important;
}

#view-mode {
  margin: 10px 0px 10px 0px;
}

.post-update small {
  margin-top: 15px;
}

.comment-pic label img {
  width: 30px !important;
  height: 30px !important;
}

.time-comment {
  font-size: 12px !important;
}

.border-0 {
  border: 0 !important;
}

.close-top {
  margin-top: -25px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.tracking-project .scheduler-border.my-10 {
  margin-top: 10px !important;
}

.pb-fit {
  padding-bottom: 25px !important;
}

.assets-img ul {
  display: flex;
  overflow-x: scroll;
  width: 100%;
  gap: 15px;
}

#media-card {
  position: relative;
  display: inline-block;
}

.action-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

#media-card:hover .action-buttons {
  display: flex;
}

.action-buttons button {
  margin-right: 5px;
}

.action-buttons button img {
  width: 15px !important;
  height: 15px !important;
  margin-right: 0 !important;
}

.attach-update .selectize-dropdown.multi.form-control.plugin-remove_button {
  height: fit-content !important;
}

.selectize-input {
  border: none !important;
  margin-top: 5px !important;
}

.h-42 {
  height: 42px !important;
}


div.name-card,
.tox div.name-card {
  width: 240px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
  padding: 8px;
  font-size: 14px;
}

div.name-card::after,
.tox div.name-card::after {
  content: "";
  clear: both;
  display: table;
}

div.name-card h1,
.tox div.name-card h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  line-height: normal;
}



div.name-card img.avatar,
.tox div.name-card img.avatar {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  border-radius: 8px;
  float: left;
}

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

.m-10 {
  margin: 10px;
}

.mce-content-body img[data-mce-selected] {
  width: 150px;
}

.pt-0 {
  padding-top: 0 !important;
}

.w-search-client {
  width: 301px;
}

.w-active {
  width: 100px;
  margin-right: 10px;
}

.mb-2 {
  margin-bottom: 10px;
}

.ml-30 {
  margin-left: 30px !important;
}

div.mb-0 {
  margin-bottom: 0 !important;
}

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

.view-details.text-label p {
  color: #847f7f;
}

.site.user h3 {
  text-transform: lowercase;
}

.view-details.text-label {
  margin-bottom: 15px !important;
}

.bg-grey {
  background: #f8f8f8;
  padding: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: #2AAAAD;
  border-radius: 25px;
}

.mt-0 {
  margin-top: 0 !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-family: 'Inter' !important;
  font-size: 14px !important;
}

.text-black {
  color: #000 !important;
}

@media screen and (min-width:1281px) and (max-width:1300px) {
  .right-next {
    right: 15px !important;
  }
}

.align-base {
  align-items: baseline;
}

.w-250 {
  min-width: 250px !important;
}

.d-flex {
  display: flex;
}

.noteams span {
  font-size: 14px;
  width: 100%;
  float: left;
  text-align: right;
  color: rgb(64 139 140);
}

.text-green {
  color: #087274 !important;
}

.text-danger {
  color: #E04649 !important;
}

.text-success {
  color: #8BC369 !important;
}

.holiday-list {
  display: block;
}

.holiday-list p {
  margin-bottom: 0;
  color: grey;
  font-size: 12px;
}

.upcoming-events {
  height: 470px;
}

.welcome-message {
  min-height: 140px;
}

.upcoming-events.admin-event.up-coming {
  max-height: 300px;
  margin-top: 0px;
}

.hour-productive {
  margin-top: 0px;
  min-height: 300px;
}

.swiper-container {
  width: 100%;
}

.swiper-slide {
  width: 100%;
}

.h-260 {
  min-height: 260px;
}

.shadow-wrap {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.swiper-next-pos,
.swiper-prev-pos {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.swiper-next-pos img,
.swiper-prev-pos img {
  max-width: 100%;
  max-height: 100%;
}

.swiper-next-pos {
  right: 17px;
  z-index: 2;
}

.swiper-prev-pos {
  left: 17px;
  z-index: 2;
}

.swiper-button-disabled {
  opacity: 0.5;
}

.mt-1px {
  margin-top: 1px !important;
}

.h-258 {
  height: 258px !important;
}

@media screen and (max-width:1300px) {
  .new-clients .swiper-wrapper {
    margin-bottom: 10px;
  }
}

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

.remainders-list {
  overflow-y: auto;
  height: 258px;
  overflow-x: hidden;
}

.chart-bg {
  background: white;
  padding: 10px;
}

/* .chart-hyt {
  width: 355px !important;
  height: 320px !important;
} */

.linkTaskBtn {
  display: flex;
  justify-content: space-between;
}

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

.line-legend {
  display: flex;
  justify-content: space-evenly;
  padding-left: 0;
}

.line-legend li div {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.line-legend li {
  display: flex;
  align-items: center;
}

.green-check[type=checkbox]:checked:after {
  width: 21px !important;
  height: 21px !important;
  font-size: 14px;
}

.green-check[type="checkbox"]:not(:checked) {
  visibility: hidden;
}

.ml-4px {
  margin-left: 10px;
}

@media screen and (min-width:600px) {
  .flex-sm {
    display: flex;
  }
}

.pt-10px {
  padding-top: 10px;
}

.nowrap {
  white-space: nowrap;
}

a {
  cursor: pointer;
}

.ht-58 {
  height: 58px !important;
}


.rating-stars ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;

  -moz-user-select: none;
  -webkit-user-select: none;
}

.rating-stars ul>li.star {
  display: inline-block;

}

.rating-stars ul>li.star>i.fa {
  font-size: 25px;
  color: #ccc;
}

.rating-stars ul>li.star.hover>i.fa {
  color: #FFCC36;
}

.leave-summarybg {
  padding-bottom: 0px !important;
  margin-left: 18px;
  background-image: url(../img/image.png) !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none !important;
}

.apply_box-shadow.leave-summarybg {
  margin-top: 50px;
  /* background-image: none !important; */
}

.rating-stars ul>li.star.selected>i.fa {
  color: #FF912C;
}

.approve-team-btn,
.approve-team-btn:is(:hover, :focus) {
  background-color: #FFB100;
  font-weight: 600;
  border-radius: 40px !important;
  color: white;
}

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

.m-btm-3 {
  margin-bottom: 21px;
}

.edit-client .scheduler-border .control-group {
  margin-top: 10px;
}

.p-right {
  padding-right: 48px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0 !important;
}

.round-search {
  border-radius: 15px;
  margin-right: 10px;
}

.btn-green,
.btn-green:is(:hover, :focus) {
  background-color: #008F8F;
  font-weight: 500;
  color: white;
}

.btn-x-cls {
  margin-top: -25px !important;
}

.bolder {
  font-weight: 600;
}

.search-field-input {
  position: relative;
}

.search-cooler {
  position: absolute;
  top: 3px;
  right: 12px;
  font-size: 13px;
  color: #999999;
}

.mb-20px {
  margin-bottom: 20px;
}

.w-150px {
  width: 150px !important;
}

.avgproductivity {
  background-color: #fff;
  padding: 10px 40px;
  border: 1px solid #ddd;
  border-radius: 10px;
}

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

@media screen and (min-width:576px) {
  .sm-flex {
    display: flex;
  }
}

@media screen and (min-width:600px) and (max-width:800px) {
  .md-block {
    display: block;
  }
}

.justify-between {
  justify-content: space-between;
}

.theme-table th {
  font-size: 14px;
  background-color: #C5F3F3;
}

.teams-no-section {
  background-color: #F8F8F8;
  font-size: 14px;
  padding: 10px;
}

.theme-table tfoot td {
  border-top: 1px solid #ddd !important;
}

#productivity-table>tbody>tr>td {
  text-align: left;
  border-right: 1px solid #e6e6e6;
}

.table-bdr>tbody>tr>td {
  border: 1px solid #e6e6e6;
}

#productivity-table td {
  height: 55px;
  vertical-align: middle;
}

#productivity-table th {
  white-space: nowrap;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-15 {
  margin-right: 15px;
}

.edit-client fieldset .control-group input {
  height: 30px !important;
}

.edit-client fieldset .control-group label.error {
  padding-top: 15px !important;
}

.month-wise-details {
  overflow-y: scroll;
  max-height: 320px;
}

.align-center {
  align-items: center;
}

@media screen and (min-width:700px) {
  .seperater-line:nth-child(odd) {
    border-right: 2px solid #c3c2c2;
  }

  .seperater-line:nth-child(even) .monthly-details {
    margin-left: 6px;
  }
}

.monthly-details {
  margin-bottom: 15px;
}

.month-wise-details::-webkit-scrollbar-thumb {
  background-color: #636868;
}

.day-leave-details {
  background: #ffb93fbd;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.rating-widget {
  display: inline-block;
  font-size: 0;
}

.rating-stars {
  display: inline-block;
}

.rating-stars input {
  display: none !important;
}

label.star {
  display: inline-block;
  font-size: 25px !important;
  cursor: pointer;
  color: #ccc;
}

label.star.selected {
  color: #ffcc00 !important;
}

.rating-widget .rating-stars {
  /* direction: rtl !important; */
}

.stars [type="radio"]:checked+label::before,
.rating-widget [type="radio"]:not(:checked)+label::before,
.rating-widget [type="radio"]:checked+label:before,
.rating-widget [type="radio"]:not(:checked)+label:before,
.rating-widget [type="radio"]:checked+label:after,
.rating-widget [type="radio"]:not(:checked)+label:after {
  display: none !important;
}

.rating-widget .rating-widget [type="radio"]:checked+label,
.rating-widget [type="radio"]+label {
  padding-left: 10px !important;
}

.rating-widget [type="radio"]+label {
  color: lightgrey;
}

label.star {
  color: #b7b7b7;
}

.rating-widget {
  margin-top: 15px;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.select-monthly-leave.highlighted {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  border: 2px solid #2AAAAD;
  background-color: #E9F9F9;
  border-radius: 4px;
}

.select-monthly-leave {
  cursor: pointer;
}

.day-leave-details {
  background: #ffb93fbd;
}

.name-employee {
  color: #014D4E;
}

.status-update {
  color: #A6A6A6;
  margin-left: 13px;
}

.title-text.view-schedule h5.leave-title {
  margin-bottom: 8px !important;
}

.total-leaves label,
.taken-leaves label {
  font-size: 15px;
  text-align: center;
  margin-bottom: 0 !important;
}

.total-leaves h2 {
  font-size: 100px !important;
  margin-top: 0;
  color: #1E4A07;
  font-weight: 600;
  text-align: center;
}

.total-leaves {
  background-color: #D3F5F7;
  padding: 30px;
  margin-bottom: 10px;
  height: 100%;
}

.leave-shadow {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.taken-leaves {
  padding: 30px;
  margin-bottom: 10px;
}

.taken-leaves h2 {
  font-size: 60px !important;
  margin-top: 0;
  color: #1E4A07;
  font-weight: 600;
  margin-bottom: 0;
  text-align: start;
}

.taken-leaves p {
  font-size: 10px;
  color: #A6A6A6;
  margin-bottom: 0;
}

.taken-leaves:nth-child(2) h2 {
  color: #0F1853;
}

.taken-leaves:nth-child(3) h2 {
  color: #247783;
}

.taken-leaves:nth-child(4) h2 {
  color: #6E2B8C;
}

.taken-leaves:nth-child(5) h2 {
  color: #D09F34;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-warning {
  color: #CCB22D !important;
}

@media screen and (max-width:575px) {
  .leave-summarybg {
    background: none !important;
  }

  .title-text.view-schedule h5.leave-title {
    margin-bottom: 17px !important;
  }

  .taken-leaves {
    margin-bottom: 15px;
  }
}

.theme-table td {
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

#productivity-table1_paginate {
  margin-top: 10px;
}

.bg-lop {
  background-color: #EAEAEA;
  padding: 30px;
  margin-bottom: 20px;
}

.date-green p {
  color: #008E9F;
  font-size: 14px;
  margin-bottom: 0;
}

.bg-lop .text-red {
  font-size: 14px;
  margin-bottom: 0;
}

.bg-lop .text-red span {
  font-size: 30px;
  color: #AF243E;
  font-weight: 500;
  margin-top: 100px;
}

@media screen and (min-width:700px) {
  .divider-space {
    background-color: #B7B7B7;
    width: 2px;
    height: 50px;
  }
}

.accordion-content {
  display: none;
  padding: 10px;
  border-top: 1px solid #ddd;
  background-color: #f9f9f9;
}

.accordion-arrow {
  cursor: pointer;
  user-select: none;
}

div.accordion-arrow {
  border: 1px solid black;
  border-radius: 50px;
  margin-bottom: 0;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  vertical-align: middle;
}

.accordion-arrow img {
  margin-bottom: 0 !important;
  padding-bottom: 8px;
}

.accordion-arrow {
  transition: transform 0.3s ease;
}

.arrow-up {
  transform: rotate(180deg);
}

.mt-auto {
  margin-top: auto;
}

.ms-5px {
  margin-left: 5px;
}

div.accordion-arrow {
  border: 1px solid black;
  border-radius: 50px;
  margin-bottom: 0;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  vertical-align: middle;
}

.accordion-arrow img {
  margin-bottom: 0 !important;
  padding-bottom: 8px;
}

.text-no {
  color: green;
}

.text-off {
  color: #CCB22D;
}

.text-lop {
  color: #AF243E;
}

.justify-around {
  justify-content: space-around;
}

.w-180 {
  width: 180px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.gap-30 {
  gap: 30px;
}

.tbl-accordion-body tr,
.tbl-accordion-body-add tr {
  background-color: #EAEAEA;
}

.tbl-accordion-body-add tr td textarea {
  background-color: white;
}

#productivity-table1 th {
  display: table-cell !important;
}

#productivity-table1.dataTable thead .sorting_desc {
  background-image: none !important;
}

.dataTables_length,
#productivity-table1_info {
  font-size: 13px;
}

.date-form:before {
  top: 19px !important;
}

.shiftView table tbody td {
  height: 70px;
}

.leave-info-wrapper .leave-entry {
  display: flex;
  padding-right: 14px;
  padding-top: 10px;
  justify-content: space-between;
  background-color: #EAEAEA;
  padding-left: 18px;
}

.leave-info-wrapper .leave-entry:last-child {
  padding-bottom: 10px;
}

.leave-details-wrap {
  background-color: #C5F3F3;
  padding: 10px;
  font-weight: 600;
}

.leave-info-wrapper {
  padding: 10px;
}

.leave-item .accordion-header {
  height: 40px;
  align-items: center;
}

.leave-entry img {
  width: 16px;
}

.leave-th {
  margin-left: 74px;
}

.accordion-header .actions {
  margin-right: 13px;
}

.accordion-arrow {
  margin-right: 6px;
}

.align-base {
  align-items: baseline;
}

/* Loader Animation */
.loading-img {
  width: 22px;
}

.shift-table-wrapper {
  max-height: 650px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  display: block;
}

.week-table-wrapper {
  max-height: 500px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  display: block;
}

.week-img {
  object-fit: contain;
  margin-left: 20%;
}

.shift-schedular .scheduler-border .control-group {
  padding-bottom: 13px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.shift-tech .scheduler-border .control-group {
  padding-bottom: 5px !important;
}

.view-shift-table-wrapper {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
  display: block;
}

.weeks-table table {
  table-layout: auto !important;
}

.remainders-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background: #2AAAAD;
}

.remainders-list::-webkit-scrollbar-thumb {
  background: #2AAAAD;

}

.remainders-list {
  scrollbar-width: thin;
  /* For Firefox */
  scrollbar-color: #2AAAAD;
}

.week-offs .options-div .shift-schduler {
  padding: 6px 11px;
}

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

.faq-list li {
  cursor: pointer;
}

.faq-list li.expanded {
  background-color: #ccc;
}

.date-cat::before {
  top: 0 !important;
}

.tooltip-wrap {
  display: none;
}

.tooltip-table:hover .tooltip-wrap {
  display: block !important;
}

.tooltip-table {
  cursor: pointer;
}

.tooltip-wrap {
  position: absolute;
  padding-bottom: 0 !important;
  left: 0;
  width: 100%;
  padding: 15px;
  z-index: 88 !important;
  top: 50px;
  background: #2AAAAD;
  border-radius: 10px;
}

#productivity-table tr {
  position: relative;
}

table.dataTable thead th {
  border-bottom: 0 !important;
}

.new-list-emp {
  background-color: #E5FAF9;
}

.pt-mt-50 {
  margin-top: 35px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.me-2 {
  margin-right: 10px;
}

.fw-bold-text {
  font-weight: bold;
}

.text-end {
  text-align: end;
}

.text-green {
  color: #087274 !important;
}

.date-form {
  border-radius: 25px;
  padding: 0 10px;
  position: relative;
}

.w-140 {
  min-width: 140px;
}

.rounded-lg {
  border-radius: 25px;
}

.date-form::before {
  top: 0 !important;
  right: 8px !important;
  height: 18px !important;
}

.export-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

span.task-count {
  background-color: #FFB600;
  padding: 8px;
  border-radius: 5px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  color: white;
  font-size: 12px;
}

.mt-15 {
  margin-top: 15px !important;
}

.em-table td {
  height: 45px;
}

.thead-bold th {
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

.status-icon {
  width: 18px !important;
}

.mb-30px {
  margin-bottom: 30px;
}

.em-table {
  margin-left: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.shift-modal .modal-header .close {
  margin-top: -20px !important;
}

.date-time {
  padding-right: 10px !important;
}

.add-action {
  cursor: pointer;
  width: 21px !important;
  /* margin-left: 4px !important; */
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
  border-bottom: 0;
}

.dataTables_length {
  float: right !important;
  font-size: 14px;
}

.holiday-slider {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
}

.prev,
.next {
  width: 20px;
}

.holiday-slider button {
  background-color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  width: auto;
}

.dataTables_wrapper .dataTables_paginate {
  margin-top: 5px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pos_abs_alert {
  padding: 0 !important;
}

.alert-dismissable .close,
.alert-dismissible .close {
  right: 0px !important;
  color: black !important;
  z-index: 999999999;
}

[aria-label*="Actions"].sorting::after,
[aria-label*="Action"].sorting::after,
[aria-label*="ACTIONS"].sorting::after,
[aria-label*="Actions"].sorting,
[aria-label*="Action"].sorting,
[aria-label*="ACTIONS"].sorting {
  content: "" !important;
  cursor: default !important;
}

.save-action {
  width: 21px;
}

.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}

.tb-date {
  position: relative;
}

.tb-date::before {
  top: 0 !important;
  right: 10px !important;
}

.h-80vh {
  min-height: 80vh;
  max-height: max-content;
}

.zIndex {
  z-index: 9999;
}

.linked-issue .selectize-control {
  border: 1px solid #aeaeae !important;
  height: 50px;
}

.linked-issue {
  padding-right: 50px;
}

.linked-issue .selectize-input {
  padding-top: 9px;
}

fieldset.rich-editor.scheduler-border {
  height: auto !important;
}

.ft-14 {
  font-size: 14px;
}

button.add-team-btn {
  padding: 7px 21px !important;
  font-weight: normal !important;
}

.table-select {
  border: 1px solid grey;
  border-radius: 20px;
  font-size: 14px;
}

.mr-30px {
  margin-right: 30px;
}

.search-request {
  border-radius: 30px;
}

.timing-wrapper {
  background: #097274;
  border-radius: 10px;
  color: white;
  padding: 15px;
}

.time-running {
  text-align: end;
  font-size: 28px;
  margin-bottom: 5px !important;
}

.label-time {
  text-align: end;
  font-size: 13px;
  font-weight: lighter !important;
}

.mb-15px {
  margin-bottom: 15px;
}

.fw-normal {
  font-weight: normal;
}

.fs-14 {
  font-size: 14px;
}

.check-bg {
  accent-color: cadetblue;
}

table.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
}

.ms-10px {
  margin-left: 10px;
}

.admin-table {
  border: 2px solid lightgrey;
  width: 100%;
  background: white;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}

.admin-table td {
  padding: 15px !important;
}

.admin-table th {
  font-size: 16px !important;
}

.admin-table td label,
.theme-table td label {
  font-size: 14px !important;
}

.admin-table th {
  padding-top: 35px !important;
  text-align: center;
}

.border-0-td td {
  border: 0 !important;
  border-bottom: 1px solid lightgrey !important;
}

.border-0-td td:first-child {
  border-top: 0 !important;
  border-left: 1px solid lightgrey !important;
  border-right: 0 !important;
}

.border-0-td td:last-child {
  border-right: 1px solid lightgrey !important;
  border-left: 1px solid lightgrey !important;
}

.me-10px {
  margin-right: 10px;
}

.txtarea-hyt {
  min-height: 120px;
}

@media screen and (max-width:780px) {
  .add-user-bg {
    background-image: none !important;
  }
}

th.bg-white.border-top-0 {
  border-top: 0 !important;
  border-left: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.week-offs .theme-table [type="radio"]:checked+label::after,
[type="radio"]:not(:checked)+label::after {
  background-color: teal !important;
}

th.bg-white.border-top-0 {
  border-top: 0 !important;
  border-left: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.text-teal {
  color: teal;
}

table.menu-table .border-0-td.last-td-0 td:last-child {
  border-bottom: 1px solid lightgray !important;
}

.text-case p {
  text-transform: none !important;
}

.week-offs .theme-table td,
.week-offs .theme-table th {
  text-transform: none !important;
}

.text-case p {
  text-transform: none !important;
}

.text-blue-dark {
  color: #172277;
  font-weight: 600;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.flex-month {
  display: flex;
  width: 110px;
}

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

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

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

.notification-wrapper {
  position: absolute;
  color: #999;
  width: 260px;
  top: 72px;
  padding: 25px 0;
  text-align: center;
  background: white;
  box-shadow: 0 1px 8px 8px rgba(0, 0, 0, 0.08);
  transition: opacity .4s;
  z-index: 999999999;
  color: #000;
  max-height: 400px;
  overflow-y: auto;
  right: 45px;
}

.bell-drop {
  position: relative;
}

.flex-wrap-notify {
  margin: 0 5px 0px 5px;
  border-bottom: 1px solid #77889959;
  padding-bottom: 10px;
  text-align: start;
  font-size: 12px;
}

.notify-wrapper {
  margin-left: 10px;
  margin-right: 10px;
}

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

.notification-wrapper li:not(:first-child) .flex-wrap-notify {
  padding-top: 10px;
}

.cap::after {
  position: absolute;
  top: 59px;
  right: 60px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #efefef;
}

.notification-wrapper li:last-child .flex-wrap-notify {
  padding-bottom: 0px;
  border-bottom: none;
}

#notification-panel {
  display: none;
}

#bell-icon {
  top: 5px;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#preloader .spinner img {
  width: 250px;
}
@media screen and (min-width:2000px){
  #preloader .spinner img {
    width: 550px;
  } 
}
@media (min-width:768px) {
  #userform.subscribe-form{
    height: 80vh !important;
  }
}
.privicy-txt {
  color: #37CACB;
}
.signup-txt a{
  color: white !important;
  text-decoration: none;
}
.desc-p p{
  color: #8E8E8E !important;
}
.subscribe-form {
  padding-top:20px !important;
  padding-left: 70px !important;
  padding-right: 70px !important;
}


.bg-grey-title p{
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0;
}
.bg-grey-title {  
  background-color: #efeff4;
  padding: 8px;
}



.wrapper-progressBar {
  width: 100%
}


.progressBar li {
  list-style-type: none;
  float: left;
  width: 33%;
  text-transform: uppercase;
  position: relative;
  font-size: 15px;
  text-align: center;
}

.progressBar li:before {
  content: " ";
  line-height: 30px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 3px solid #ddd;
  display: block;
  text-align: center;
margin: 7px auto 10px;
  background-color: white
}

.progressBar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #ddd;
  top: 15px;
  left: -50%;
  z-index: -1;
}

.progressBar li:first-child:after {
  content: none;
}

.progressBar li.active {
  color: #097279;
}

.progressBar li.active:before {
border:3px solid #097279;
  background-color: white
}

.progressBar .active:after {
  background-color: #097279;
  transition: background-color 0.3s, color 0.3s;

}
.mrt-5{
  margin-top: 2rem;
}
.goal-plans{
  margin-top: 10px;
}
.goal-plans label{
font-size: 15px;
font-weight: 600;
}
.goal-plans p {
  font-size: 14px;
}
.p-0{
  padding: 0;
}
@media screen and (min-width:600px){
  .d-sm-d-flex{
    display: flex;
  }
  .justify-content-mdd-between{
    justify-content: space-between;
    align-items: center;
  }
}
.rounded-card{
  background-color: #EFEFF4;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s, border 0.1s;
}
.rounded-card p{
  font-size: 10px;
}
.fw-light{
  font-weight: lighter;
}
label.rate-expense{
  font-size: 13px;
}
.rounded-card.selected {
  background-color: white;
  border: 2px solid teal;
}

.d-none {
  display: none;
}
.pill-design{
  font-size: 14px;
  border: 1px solid grey;
  border-radius: 30px;
}
.pills.active{
  background-color: #097279;
  border-radius: 30px;
  color: white;
}
.pill-design .pills{
padding: 10px 13px 10px 13px;
cursor: pointer;
border-radius: 30px;
white-space: nowrap;
transition: background-color 0.3s, color 0.3s;
}
.bg-teal-title p{
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0;
}
.bg-teal-title{
  background-color: #097274 !important;
  padding: 8px;
  color: white;
}
.accordion-header-plans {
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
}

.accordion-body-plans {
  display: none;
  padding: 10px;
  border-top: none;
}
.active .accordion-body-plans {
  display: block;
}
.accordion-header-plans.active .chevron {
  transform: rotate(180deg);
}

.accordion-header-plans .chevron {
  transition: transform 0.3s ease;
}
.forms-acc label {
  font-size: 14px;
}
.forms-acc {
  background-color: #FAFAFC;
}
.bg-lite-teal-title p{
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0;
}
.bg-lite-teal-title{
  background-color: #E5FAF9 !important;
  padding: 8px;
  color: black;
  text-transform: uppercase;
}
.table-frmt label{
  margin-top: 1rem;
  font-size:15px;
}
.table-frmt{
  margin-left: 10px;
}
@media screen and (min-width:650px){
  .sm-flex{
    display: flex;
  }
}
.table-frmt p {
  margin-top: 1rem;
  font-size: 14px;
}
.mr-10px{
  margin-left: 10px;
}
#contact-cancel {
  background: white;
  border: 2px solid #008E95;
  font-size: 15px;
  border-radius: 24px;
  font-weight: bold;
  padding: 7px 40px;
  margin-right: 16px;
  text-transform: capitalize;
  color: #097279;
  transition: 0.5s all;
}
.btn-wraps{
  justify-content: end;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#contact-cancel:hover{
background-color: #008E95;
color:white;
}
.declaration-txt{
  font-size: 13px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width:580px){
  .btn-wraps{
    display: grid;
    justify-content: unset;
    gap: 15px;
  }
}
.fnt-14px{
  font-size: 14px;
}
@media screen and (min-width:2000px){
  .goal-plans label{
    font-size: 20px !important;
  }
  .img-sz-nav img {
    width: 100px;
  }
}
.mt-15px{
  margin-top: 15px;
}
@media screen and (min-width:750px){
  .justify-content-mxd-center {
    justify-content: center;
  }
  .img-width-mobile{
    width: 350px;
  }
}
.ft-18{
  font-size: 18px;
}
.pl-8{
  padding-left:15px !important;
}
.bg-lite-teal-tab{
  background-color: #E5FAF9;
}

@media screen and (min-width:760px) and  (max-width:799px)  {
  .img-width-mobile{
    width: 230px;
  }
}
@media screen and (min-width:800px) {
  .img-width-mobile{
    width: 350px;
  }
  .pill-design {
    max-width: 260px;
  }
}
@media screen and (min-width:1990px){
  .pill-design {
    max-width: 275px;
  }
}
.text-underline{
  text-decoration: underline;
  cursor: pointer;
}
.subscribe-navs li a.active{
  text-decoration: underline;
  text-decoration-color: #097274;
  text-underline-offset: 10px;
  text-decoration-thickness: 1.5px;
}
.subscribe-navs li a:hover{
  text-decoration-color: #097274;
  transition: all 2s;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1.5px;
}
.subscribe-navs li a{
  text-decoration-color: #097274 !important;

}

.subscribe-navs li a.active{
  text-decoration: underline;
  text-decoration-color: #097274;
  text-underline-offset: 10px;
  text-decoration-thickness: 1.5px;
}
.subscribe-navs li a:hover{
  text-decoration-color: #097274;
  transition: all 2s;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1.5px;
}
.subscribe-navs li a{
  text-decoration-color: #097274 !important;

}
.prof-wrapper {
  background: #097274;
  color: white;
  border-radius: 50%;
  padding: 10px 13px 10px 13px;
}
.prof-wrapper-larger{
  background: #097274;
  color: white;
  border-radius: 50%;
  padding: 10px 16px 10px 16px;
}
.initial-prof{
  font-size: 25px !important;

}
.subc-navs li a , .subc-navs li.active{
  color: #000 !important;
}
.subc-navs>li.active>a {
  border: 0 !important;
}
.subc-navs {
  border: 0 !important;
}
.subc-navs li.active{
  text-decoration-color: #097274 !important;
  transition: all 2s;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1.5px;
}
@media screen and (max-width:600px){
  .subc-navs li {
    margin-bottom: 8px;
  }
}
.ft-10px{
  font-size: 11px;
}
.bg-teal-acc{
  background-color:  #097274;
  padding: 8px;
  color: white;
  font-size: 13px;
  border-radius: 5px;
  margin-left: 15px;
}

.iti--separate-dial-code {
  width: 100%;
}

@media screen and (min-width:600px) {
  .center-content{
    display: flex;
    align-items: center;
  }
  .ms-30px{
    margin-left: 90px;
  }
  .border-wrap{
    padding-left: 20px;
      padding-right: 20px;
      margin-top: 5px;
    }
    .border-wrap:first-child{
      padding-left: 0 !important;;
    }
    .border-wrap:is(:not(:last-child)){
      border-right: 2px solid grey ;
    }
}
@media screen and (max-width:600px) {
  .center-content .prof-wrapper-larger {
    width: 60px;
   display: block;
    margin-left: 30%;
  }
  .bg-teal-acc{
    margin-top: 15px;
    display: block;
  }
  .center-content{
    text-align: center;
  }
}
.center-content{
  flex-wrap: wrap;
  gap: 10px;
}
.edit-plan a {
  cursor: pointer;
  font-size: 12px
}
.custm-checking{
  position: inherit !important;
  accent-color: #097274;
  margin-top: 0 !important;
}
.justify-start{
  justify-content: start;
}
.select-wid{
  min-width: 140px;
  margin-left: 16px;
  border-radius: 25px;
}
.rounded-go , .rounded-go:hover {
  margin-left: 30px;
  border-radius: 50%;
  width: 40px;
  height: 35px;
  color: white !important;
  background: #008F8F;
}
input.bordered-in {
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
}
.p-0{
  padding: 0 !important;
}
.bd-none td:last-child{
  border-right: 0;
  border-left: 0;
}
.bd-none td:first-child {
  border-left: 0;
}
.pi-table tr td{
  vertical-align: middle !important;
}
.ml-0{
  margin-left: 0 !important;
}
.label-text{
  white-space: nowrap;
    margin-right: 10px;
    margin-top: 6px;
    font-weight: bold;
}

.bg-content {
  background: #f5f5f5;
}

.show-table-row{
  display: table-row !important;
}
.bg-yellow{
  background-color: #FFB600;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}
.b-right-0{
  border-right: 0 !important;
}
.b-left-0{
  border-left: 0 !important;
}
.text-white{
  color: white;
}