@charset "UTF-8";
html {
  font-size: 14px;
}

body {
  coolor: #222222;
  font-weight: 400;
  --bs-font-sans-serif: $font;
}

.ui-widget {
  font-family: "Roboto", sans-serif;
}

.commongradient-btn {
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 2px 5px;
}

.colorGreen {
  color: #99C45E;
}

.colorYellow {
  color: #F9AF1C;
}

.colorBlue {
  color: #39A2F2;
}

.bg-orange {
  background: #f27039;
}

.bg-gray {
  background: #ACACAC;
}

.chat-box-wrapper {
  display: flex;
  clear: both;
  padding: 0.75rem;
  grid-gap: 0.5rem;
}
.chat-box-wrapper .avatar-icon-wrapper {
  display: inline-block;
  margin-right: 0.1rem;
  position: relative;
}
.chat-box-wrapper .avatar-icon-wrapper .avatar-icon {
  border: #fff solid 3px;
  overflow: hidden;
  border-radius: 50% !important;
}
.chat-box-wrapper .avatar-icon-wrapper .avatar-icon img {
  border-radius: 50%;
}
.chat-box-wrapper .chat-box {
  box-shadow: 0 0 0 transparent;
  position: relative;
  opacity: 1;
  background: #e0f3ff;
  border: 0;
  padding: 0.75rem 1.5rem;
  border-radius: 30px;
  border-top-left-radius: 0.25rem;
  flex: 1;
  display: flex;
  max-width: 50%;
  min-width: 100%;
  text-align: left;
  font-size: 0.85rem;
}
.chat-box-wrapper .chat-box + small {
  text-align: left;
  padding: 0.5rem 0 0;
  margin-left: 1.5rem;
  display: block;
  font-size: 0.714rem;
  letter-spacing: 1px;
}

.chat-box-wrapper.revert {
  flex-direction: row-reverse;
  grid-gap: 1rem;
}
.chat-box-wrapper.revert .chat-box {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 0;
}
.chat-box-wrapper.revert .chat-box + small {
  text-align: right;
}

.accordion-body .Activity_grid .multiselect, .accordion-body .Activity_grid .form-control {
  font-size: 0.85rem;
  min-height: 38px;
}

#headingThree .accordion-button:focus {
  box-shadow: none;
}

main .Compliance_content .child-form .item-cmn textarea.comment-textarea {
  width: calc(100% - 150px);
}

.comment-table {
  height: 400px;
  overflow: auto;
  background: #fff;
  border: none;
}

.send-comment-wrap textarea {
  height: 28px;
  padding: 6px;
  font-size: 0.85rem;
}
.send-comment-wrap button {
  margin-left: -6px;
}

.chat_main_wrapper {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.slidingDiv {
  height: auto;
  background-color: #dfe2e6;
  padding: 20px;
  margin-top: 10px;
  border-bottom: 5px solid #717274;
  position: absolute;
  top: 82px;
  right: 0px;
  float: right;
  z-index: 1001;
}
.slidingDiv .filter-sel-wrap {
  margin: 5px auto;
}
.slidingDiv .filter-sel-wrap .show > .dropdown-menu {
  width: 100%;
  font-size: 11px;
}
.slidingDiv .filter-sel-wrap .multiselect-selected-text {
  font-size: 11px;
}
.slidingDiv .filter-sel-wrap .form-control {
  font-size: 11px !important;
}
.slidingDiv .filter-submit-btn-wrap {
  display: inline-block;
  width: fit-content;
}
.slidingDiv .multiselect-native-select {
  width: 100%;
}
.slidingDiv .multiselect-native-select .btn-group {
  width: 100%;
}

.show_hide {
  display: block;
  padding: 0px 5px;
}

.show_hide1 {
  position: absolute;
  top: 5px;
  left: 10px;
}

.SubProfile .profile1 img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

main header nav .profile-wrapper {
  cursor: pointer;
}

.tbl-user-img-col.user-image-wrapper .img-wrapper.user-extra-number {
  display: inline-block;
}

.tbl-user-img-col img.user-name-img {
  background: none !important;
  padding-top: 0px !important;
}

.tbl-user-img-col .user-name-img {
  width: 35px;
  height: 35px;
  font-size: 15px;
  padding-top: 6px;
  margin-left: -7px;
  border: 2px solid #fff;
}
.tbl-user-img-col .user-name-img:hover {
  transform: scale(1.2);
  transition: all ease 1s;
}

/*table css*/
main .Client-masterWrapper .Table_wrapper table.red_table {
  background-color: #f1f5f9 !important;
  border-spacing: 0 5px !important;
  padding: 0px 10px 10px;
  width: 100% !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr {
  /*background: transparent linear-gradient(88deg, #F27039 0%, #F9AF1C 100%) 0% 0% no-repeat padding-box !important;*/
  cursor: default;
  background: none !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr th {
  color: #596270 !important;
  font-weight: 600;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr th:first-child {
  border-top-left-radius: 6px;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr th:last-child {
  border-top-right-radius: 6px;
}
main .Client-masterWrapper .Table_wrapper table.red_table tr {
  background: #ffffff;
  margin-bottom: 10px !important;
  height: 43px;
  cursor: pointer;
  z-index: 0;
}
main .Client-masterWrapper .Table_wrapper table.red_table tr td {
  border: none !important;
  background: none !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table tr td:first-child {
  border: none !important;
  background: none;
}
main .Client-masterWrapper .Table_wrapper table.red_table tr td select {
  font-size: 12px !important;
  padding: 0.2rem 0.25rem;
  appearance: auto !important;
  min-width: 100px;
}
main .Client-masterWrapper .Table_wrapper table.red_table tr.disabled {
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.7;
}
table.red_table.dataTable, .Application_Wrapper .Application_Content table.red_table {
  background-color: #f1f5f9 !important;
  border-spacing: 0 5px !important;
  padding: 10px;
}
table.red_table.dataTable thead tr th, .Application_Wrapper .Application_Content table.red_table thead tr th {
  color: #596270 !important;
  font-weight: 600;
  background: none !important;
  border: none !important;
}
table.red_table.dataTable tr, .Application_Wrapper .Application_Content table.red_table tr {
  background: none;
  margin-bottom: 10px !important;
  height: 43px;
}
table.red_table.dataTable tr:nth-child(odd) td, table.red_table.dataTable tr:nth-child(even) td, .Application_Wrapper .Application_Content table.red_table tr:nth-child(odd) td, .Application_Wrapper .Application_Content table.red_table tr:nth-child(even) td {
  border: none !important;
  background: #fff;
}
table.red_table.dataTable tr:hover td, .Application_Wrapper .Application_Content table.red_table tr:hover td {
  background: rgba(63, 67, 70, 0.08);
}
table.red_table.dataTable tr td, .Application_Wrapper .Application_Content table.red_table tr td {
  border: none !important;
  background: #fff;
  vertical-align: middle;
}
table.red_table.dataTable tr td:first-child, .Application_Wrapper .Application_Content table.red_table tr td:first-child {
  border: none !important;
  /*     border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;*/
}
table.red_table.dataTable tr td:last-child, .Application_Wrapper .Application_Content table.red_table tr td:last-child {
  /*               border-top-right-radius: 0px;
                  border-bottom-right-radius: 0px;
  */
}
/*table css*/
.kanban-btn-group {
  padding-left: 5px;
  margin-top: 5px;
}
.kanban-btn-group .btn-primary {
  background-color: #2c3e50 !important;
  margin-right: 5px;
  font-size: 11px;
}

.credential-Wrapper ul {
  padding-left: 0;
}

.LayoutAddTaskWrapper {
  background: #f27039;
  padding: 8px 11px;
  width: 36px;
  hegiht: 36px;
  border-radius: 3px;
  color: #fff;
  position: fixed;
  bottom: 15px;
  right: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

main header .credential-Wrapper {
  width: auto;
  padding: 10px;
  background: #f4f4f5;
}
main header .credential-Wrapper .unorder li {
  text-align: left;
  justify-content: start;
  grid-gap: 10px;
}
main header .credential-Wrapper .unorder li span, main header .credential-Wrapper .unorder li a {
  color: #444 !important;
}

#TaskComplianceDesc {
  max-height: 200px;
  overflow: auto;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#TaskComplianceDesc img {
  width: 100%;
  max-width: 100% !important;
}

.multiselect-option.dropdown-item.active {
  color: #000;
}

.task_wrapper {
  background: #fff;
  margin: 5px;
  /*color: #424040;*/
  color: #848484;
  font-size: 1rem;
}
.task_wrapper .btn-row button {
  background: transparent;
  border: 1px solid #cecece;
  margin: 0 0px;
  padding: 0 5px;
}
.task_wrapper .btn-row button.active {
  background: #fff;
}
.task_wrapper .task_header {
  border-left: 5px solid #8882F4;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
}
.task_wrapper .task_header .task_title {
  padding: 5px;
  background: #fff;
  margin: 10px 0;
  width: calc(100% - 60px);
}
.task_wrapper .task_header .task_id {
  text-transform: uppercase;
  font-size: 0.85rem;
}
.task_wrapper select, .task_wrapper input {
  border: 1px solid #c1baba;
  outline: none;
  border-radius: 2px;
  width: 100%;
  box-shadow: none;
}
.task_wrapper .task_action_wrapper {
  background: #f8f8f8;
}

.state_grid {
  display: grid;
  grid-template-columns: 50% 50%;
  min-width: 800px;
  grid-column-gap: 1rem;
  font-size: 0.85rem;
  grid-row-gap: 0.5rem;
  padding: 10px 10px;
}
.state_grid label, .state_grid p {
  margin-bottom: 0;
}
.state_grid .grid-100 {
  grid-gap: 1rem;
}

.grid-100 {
  display: grid;
  grid-template-columns: 100px auto;
}

.plan_actual {
  margin: 10px 0;
}
.plan_actual h3 {
  font-size: 1.1rem;
  padding-bottom: 4px;
  border-bottom: 1px solid #cecece;
  margin-bottom: 10px !important;
  color: #000 !important;
}
.plan_actual label {
  display: block;
}
.plan_actual input, .plan_actual select {
  margin-bottom: 10px;
}

.savebtn-gradient {
  background-image: linear-gradient(to right, #f7a321, #f27337);
  border: none;
  padding: 2px 10px;
  color: #fff;
}

.mr-10 {
  margin-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.task-container {
  padding: 10px 15px;
}
.task-container h3 {
  font-size: 1.1rem;
  padding-bottom: 4px;
  margin-top: 10px;
  border-bottom: 1px solid #cecece;
  margin-bottom: 10px !important;
  color: #000 !important;
}

.agile-board-content-wrapper p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agile-board-content-wrapper p img {
  display: none;
}

.company-profile-wrapper #TimeZoneDiv, .home-content.select-company-box #TimeZoneDiv {
  display: flex;
  align-items: center;
}
.company-profile-wrapper label, .home-content.select-company-box label {
  font-size: 1rem;
}
.company-profile-wrapper .select_wrapper, .home-content.select-company-box .select_wrapper {
  margin-left: 1rem;
}
.company-profile-wrapper .chosen-drop, .home-content.select-company-box .chosen-drop {
  min-width: 312px;
  height: 264px;
}
.company-profile-wrapper .chosen-container, .home-content.select-company-box .chosen-container {
  font-size: 18px;
}
.company-profile-wrapper .chosen-container .chosen-single, .home-content.select-company-box .chosen-container .chosen-single {
  background: none;
  border: none;
  box-shadow: none;
}
.company-profile-wrapper .chosen-container .chosen-drop, .home-content.select-company-box .chosen-container .chosen-drop {
  max-width: 280px;
  max-height: 240px;
  min-height: 240px;
  border-bottom: 0;
  box-shadow: none;
  border-color: #E1DFD6;
}
.company-profile-wrapper .chosen-container .chosen-drop .chosen-results, .home-content.select-company-box .chosen-container .chosen-drop .chosen-results {
  max-height: 200px;
  min-height: 200px;
  box-shadow: nonx;
}
.company-profile-wrapper select, .home-content.select-company-box select {
  border: none;
  /*text-align: right;*/
  box-shadow: none;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
  font-size: 1rem;
  padding-left: 0;
}
.company-profile-wrapper select option, .home-content.select-company-box select option {
  /*text-align: left;*/
}
.company-profile-wrapper select option selected, .home-content.select-company-box select option selected {
  /*text-align: right !important;*/
}
.company-profile-wrapper .manage_company_wrapper, .home-content.select-company-box .manage_company_wrapper {
  /*position: absolute;*/
  right: 0;
  bottom: -255px;
  width: 312px;
  border: 1px solid #E1DFD6;
  background: #ffffff;
  color: #fff;
  border-radius: 0 0 5px 5px;
  display: flex;
  justify-content: space-between;
  padding: 7px 5px;
  border-top: 0;
  margin: -2px -1px;
}

.tbl-user-img-col.user-image-wrapper {
  min-width: 110px;
}

.authentication_field {
  display: flex;
}
.authentication_field label {
  margin-right: 20px;
  margin-bottom: 0;
}
.authentication_field input {
  margin-right: 20px;
  border-radius: 3px;
}

.project-client-mapping-wrapper {
  margin-top: 10px;
}
.project-client-mapping-wrapper label {
  min-width: 150px;
}
.project-client-mapping-wrapper ul {
  padding-left: 0px;
}
.project-client-mapping-wrapper ul li span {
  min-width: 150px;
}

.grid-gap-2 {
  grid-gap: 2rem;
}

.ui-tabs #HeaderSubTabs .ui-tabs-panel {
  padding: 5px 0 0;
}

.pagination-wrapper {
  padding: 1em 0.4em;
}
.pagination-wrapper select {
  -moz-appearance: auto !important;
  /* for Chrome */
  -webkit-appearance: auto !important;
  min-width: 40px;
  margin: 0 5px;
  box-shadow: none;
}
.pagination-wrapper select:focus {
  -moz-appearance: auto !important;
  /* for Chrome */
  -webkit-appearance: auto !important;
}
.pagination-wrapper select#PageSize, .pagination-wrapper select#PaginationPageNumber {
  padding: 2px;
  text-align: center;
}

main #Make-Recurring .recurring_form .Appointment-item3 .Range_Wrapper {
  grid-template-columns: auto auto;
}

.task-status-wrap .task-date {
  z-index: 0;
}

input#Duration {
  min-width: 100px;
}

.action-trigger-wrapper {
  min-width: 70px;
}
.action-trigger-wrapper a {
  display: flex;
  align-items: center;
}

/*#AllTaskDetails{
#tabs{
    z-index:0;
}*/
.profile-wrapper:hover + .credential-Wrapper {
  display: block;
}

/*harjeet sidebar changes*/
/* Harjeet SCSS*/
.tooglemenu {
  border: 0;
  padding: 10px;
  background: none;
  cursor: pointer;
}

.tooglemenu path {
  transition: stroke 0.3s;
}

.tooglemenu:hover path {
  stroke: #F27039;
}

@keyframes notification {
  0% {
    box-shadow: 0 0 0 rgba(255, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0);
  }
}
.sidebar .nav-links li {
  margin: 0 10px;
}
.sidebar .nav-links li .count {
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: #E76069;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 16px;
  animation: notification 3s infinite;
  text-align: center;
  font-size: 0.625rem;
}
.sidebar .nav-links li a {
  /*display: block;*/
  padding: 5px 0;
  position: relative;
  border-radius: 5px;
  text-indent: 10px !important;
}

.sidebar .nav-links li:hover a {
  background: #f4f4f5;
}

.sidebar .nav-links li.active a i {
  color: #ffffff;
}

.sidebar .nav-links li.active a {
  /*background: rgb(249,175,28);
  background: -moz-linear-gradient(36deg, rgba(249,175,28,1) 0%, rgba(242,112,57,1) 100%);
  background: -webkit-linear-gradient(36deg, rgba(249,175,28,1) 0%, rgba(242,112,57,1) 100%);
  background: linear-gradient(36deg, rgba(249,175,28,1) 0%, rgba(242,112,57,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9af1c",endColorstr="#f27039",GradientType=1);*/
  /*box-shadow: 0px 5px 10px #0000001A;*/
  /*color: #ffffff !important;*/
  /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/
  background: #F9DED4;
  color: #f27039;
}

/*harjeet sidebar changes*/
main header nav {
  /*overflow:hidden;*/
}

svg.bx-menu.rotate, svg.bx.rotate {
  transform: rotate(180deg);
}

.sidebar .nav-links li.active .sub-menu {
  padding: 0px 5px;
}
.sidebar .nav-links li.active .sub-menu .link_name {
  /*text-indent:20px !important;*/
  padding-right: 10px;
}

/*.sidebar svg.rotate{
    display:none;
}
.sidebar.close svg.rotate {
    display: block;
}
.sidebar .logo-details .logo_name
{
    img{
        width:80%;

    }
    svg{
        margin-left:5%;
    }
}*/
.change-password-section {
  border: 1px solid #cecece;
  padding: 10px;
  margin: 10px 0;
  max-width: 500px;
  font-size: 13px;
}
.change-password-section label {
  display: block;
}
.change-password-section input {
  border-radius: 2px;
  margin-bottom: 20px;
  font-size: 13px;
}
.change-password-section input.form-control {
  max-width: 300px;
}
.change-password-section button {
  width: fit-content;
}

.password-heading-wrapper {
  max-width: 500px;
}

.trigger-btn .cursor-pointer {
  z-index: 0;
}

.sidebar .nav-links li .sub-menu a.active {
  background: transparent linear-gradient(260deg, #F27039 0%, #F9AF1C 100%) 0% 0% no-repeat padding-box;
  /*box-shadow: 0px 5px 10px #0000001A;*/
  color: #ffffff !important;
}
.sidebar .nav-links li .sub-menu a.active i {
  color: #ffffff !important;
}

.dataTables_filter input {
  padding: 5px !important;
  border: 1px solid #ced4da !important;
  margin: 0 0.4rem !important;
}

/*for all modals*/
.modal-dialog .modal-header {
  color: #Fff;
  background: #F37036;
  border-radius: 7px 7px 0 0;
}

.modal-confirm .modal-header {
  background: none;
}
.modal-confirm .modal-header h4 {
  color: #000;
}

/*for all modals*/
.home-section .home-content {
  position: relative;
}
.home-section .home-content .manage_company_wrapper {
  /*position: absolute;*/
  right: 0;
  bottom: -255px;
  width: 312px;
  border: 1px solid #E1DFD6;
  background: #ffffff;
  color: #fff;
  border-radius: 0 0 5px 5px;
  display: flex;
  justify-content: space-between;
  padding: 7px 5px;
  border-top: 0;
  margin: -2px -1px;
}
.home-section .home-content .manage_company_wrapper a {
  font-size: 0.85rem;
  background: #f27039;
  border-radius: 3px;
  padding: 2px 5px;
}

.header-search-wrapper {
  max-width: 300px;
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.header-search-wrapper input {
  background: #F6F5F5 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: none;
  color: #9B99A4;
  font-size: 1rem;
  padding: 8px 35px 8px 25px;
  width: 100%;
  outline: none;
}
.header-search-wrapper #SearchResult {
  display: none;
  position: absolute;
  background: white;
  top: 40px;
  width: 90%;
  padding: 8px 0px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.001);
  max-height: 12rem;
  overflow: auto;
  right: 20px;
}
.header-search-wrapper #SearchResult.active {
  display: block;
}
.header-search-wrapper #SearchResult li {
  cursor: pointer;
  padding: 0px 15px;
}
.header-search-wrapper #SearchResult li:hover {
  background: #e6eaf0;
}
.header-search-wrapper .search-icon {
  margin-left: -30px;
  margin-top: -6px;
}

main header {
  padding-bottom: 0 !important;
}
main header nav {
  align-items: center;
}

.CustomTooltip {
  border-bottom: none;
  text-align: right;
  float: right;
}
.CustomTooltip:hover svg {
  fill: #0075ff;
}
.CustomTooltip svg {
  float: right;
}

#LayoutHeader .chosen-container-single .chosen-single span, #LayoutHeader .chosen-container .chosen-results li.active-result {
  font-size: 1rem;
  color: #000;
}
#LayoutHeader .chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
}

.slidingDiv .filter-sel-wrap .multiselect-native-select {
  min-width: 185px;
  max-width: 185px;
}

.Container.change-password-section {
  border: none;
  margin: 10px auto;
}

.dataTables_length select {
  margin: 0 10px;
}

#LayoutHeader .company-profile-wrapper .chosen-container .chosen-drop, .home-content .chosen-container .chosen-drop {
  width: auto;
  max-width: 300px;
  right: 0;
}

#LayoutHeader .chosen-container-single .chosen-single span, #LayoutHeader .chosen-container .chosen-results li.active-result {
  white-space: nowrap;
}

#LayoutHeader #companyselection_chosen.chosen-container .chosen-drop {
  right: auto;
  left: 0;
}

.Main_Login_Wrapper.Main_Signup_Wrapper {
  height: auto !important;
}
.Main_Login_Wrapper.Main_Signup_Wrapper .Login_Wrapper {
  width: 90% !important;
}
.Main_Login_Wrapper.Main_Signup_Wrapper .Login_Wrapper .right_wrp .left_img_sec {
  width: 50%;
}
.Main_Login_Wrapper.Main_Signup_Wrapper .Login_Wrapper .right_wrp .ryt_Content {
  width: 50%;
}

/*new add task page*/
.task-days {
  display: flex;
  padding-left: 0;
}
.task-days li {
  border: 1px solid #E4E2DA;
  border-radius: 50%;
  background: #EEEEEE;
  font-size: 11px;
  margin-right: 7px;
  min-width: 37px;
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-days li.active {
  background: transparent linear-gradient(226deg, var(--unnamed-color-f27039) 0%, var(--unnamed-color-f9af1c) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(226deg, #F27039 0%, #F9AF1C 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
}

.users_listing_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  justify-content: space-between;
}
.users_listing_wrapper .top_heading {
  border-radius: 6px 6px 0px 0px;
  padding: 6px 15px;
}
.users_listing_wrapper .user_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
}
.users_listing_wrapper .user_box .alert-time-box .input-wrapper {
  border: 1px solid #D8D6DE;
  border-radius: 5px;
  display: flex;
}
.users_listing_wrapper .user_box .alert-time-box .input-wrapper input {
  border: none;
}

/*new add task page*/
.btnassignedcreate, .btnmeother {
  border-radius: 5px;
  border: 0;
  font-size: 0.87rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
  padding: 6px 10px;
  min-width: 50px;
}
.btnassignedcreate.activate, .btnmeother.activate {
  background: #9B99A4;
  color: white !important;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0;
}
.btnassignedcreate.createe, .btnassignedcreate.btntaskother, .btnmeother.createe, .btnmeother.btntaskother {
  margin-left: -3px;
  border: 0;
}

.group-tbtn button.btnmeother, .group-tbtn button .btnassignedcreate {
  border: 0;
}

.btntaskme.activate, .assignee.activate {
  border-radius: 5px 0 0 5px;
}

.createe.activate, .btntaskother.activate {
  border-radius: 0px 5px 5px 0px;
}

.assigned-select {
  -webkit-appearance: auto !important;
  border-radius: 5px;
}
.assigned-select:focus {
  -webkit-appearance: auto !important;
}

.other-users, .side-filters {
  background: #fff;
  width: 215px;
  padding: 70px 0px 15px;
  height: 100vh;
  transition: all 0.3s ease-in-out;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 3;
}
.other-users .otheruser-close, .side-filters .otheruser-close {
  padding: 10px;
}
.other-users.activate, .side-filters.activate {
  right: 0;
}
.other-users .assign_list, .side-filters .assign_list {
  height: 100%;
  overflow: auto;
}
.other-users .assign_list li, .side-filters .assign_list li {
  padding: 10px;
  transition: background 0.3s ease-in;
  cursor: pointer;
  font-size: 0.85rem;
  line-height: 16px;
}
.other-users .assign_list li .user_initals, .side-filters .assign_list li .user_initals {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff5555 !important;
  text-align: center;
  color: #ffffff;
  min-width: 30px;
  font-size: 1rem;
  line-height: 30px;
}
.other-users .assign_list li .user_initals.colorone, .side-filters .assign_list li .user_initals.colorone {
  background: #222222;
}
.other-users .assign_list li .user_initals.colortwo, .side-filters .assign_list li .user_initals.colortwo {
  background: #f9af1c;
}
.other-users .assign_list li .user_initals.colorthree, .side-filters .assign_list li .user_initals.colorthree {
  background: #99c45e;
}
.other-users .assign_list li .user_name, .side-filters .assign_list li .user_name {
  font-size: 1rem;
  color: #555555;
  padding: 0 10px;
  font-size: 0.85rem;
  max-width: calc(100% - 50px);
}
.other-users .assign_list li .user_name span, .side-filters .assign_list li .user_name span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.other-users .assign_list li .user_name small, .side-filters .assign_list li .user_name small {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 0.75rem;
  color: #777777;
}
.other-users .assign_list li .user_checkbox, .side-filters .assign_list li .user_checkbox {
  width: 20px;
  height: 20px;
  background: #d5d5d5;
  border-radius: 50%;
  text-align: center;
  min-width: 20px;
  font-size: 0.85rem;
  color: #f5f5f5;
  line-height: 20px;
}
.other-users .assign_list li:hover, .side-filters .assign_list li:hover {
  background: #eeeeee;
  background: rgba(242, 112, 57, 0.2);
}
.other-users .assign_list li.active, .side-filters .assign_list li.active {
  background: rgba(242, 112, 57, 0.2);
}
.other-users .assign_list li.active .user_checkbox, .side-filters .assign_list li.active .user_checkbox {
  background: #f27039;
  color: #fff;
}
.other-users .assign_list li:last-child, .side-filters .assign_list li:last-child {
  margin-bottom: 1.5rem;
}
.other-users .search, .side-filters .search {
  position: relative;
  padding: 10px 10px;
  padding: 10px;
  position: relative;
}
.other-users .search input, .side-filters .search input {
  background: #F6F5F5 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: none;
  color: #333333;
  font-size: 0.87rem;
  padding: 8px 35px 8px 10px;
  width: 100%;
  outline: none;
}
.other-users .search .search-icon, .side-filters .search .search-icon {
  position: absolute;
  right: 20px;
  top: 15px;
}
.other-users .search input, .side-filters .search input {
  border-radius: 5px;
  background: #F6F5F5;
  /*border: 1px solid #d5d5d5;*/
  padding: 7px 40px 7px 15px;
  /*border-top: 1px solid #d5d5d5;*/
}
.other-users .search i, .side-filters .search i {
  position: absolute;
  right: 20px;
  font-size: 1.1rem;
  top: 20px;
}
.other-users h4, .side-filters h4 {
  font-size: 1.1rem;
  padding: 0px 10px 0;
}
.other-users .select_all, .side-filters .select_all {
  padding: 10px;
  text-align: left;
  position: absolute;
  background: #fff;
  width: 100%;
  bottom: 0;
}
.other-users .select_all a, .side-filters .select_all a {
  color: #f27039 !important;
  font-size: 0.85rem;
}

.Client-masterWrapper {
  position: relative;
  /*transition: width .3s ease-in-out;*/
  transition: none;
}
.Client-masterWrapper.filteropen {
  width: calc(100% - 240px) !important;
}

.filtertab a {
  font-size: 0.87rem;
  padding: 6px 8px;
  background: rgb(240, 240, 240);
  border-radius: 5px;
}
.filtertab .side-filters {
  padding: 80px 10px;
  z-index: 1;
}
.filtertab .side-filters .show_hide1 {
  top: 55px;
}

.ui-widget.ui-widget-content {
  padding: 0 !important;
  border: 0px !important;
}

.kanban-container .kanban-board header {
  padding: 10px 0 10px !important;
}
.kanban-container .kanban-board .kanban-drag {
  background: #f8f8f8;
  padding: 5px 15px;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading {
  font-size: 1rem;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading cur h2 {
  font-size: 1rem;
  color: #54607B;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading cur h2 span {
  width: 20px;
  height: 20px;
  background: #eeeeee;
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
  font-size: 0.87rem;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading .timer {
  color: #54607B;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading .timer svg {
  vertical-align: sub;
}
.kanban-container .kanban-board .kanban-drag .myaccorheading .timer small {
  font-size: 0.87rem;
}
.kanban-container .kanban-board .kanban-item {
  padding: 0.87rem 0.87rem 0rem !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px !important;
  transition: box-shdow 0.3s;
  cursor: pointer;
}
.kanban-container .kanban-board .kanban-item:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.kanban-container .kanban-board .kanban-item.disabled:hover .kanban-panel {
  display: none;
}

.sidebar {
  width: 200px;
  z-index: 66;
}

.logo_name img {
  width: 150px;
  display: block;
}

.home-section {
  left: 200px;
  width: calc(100% - 200px);
}

.tabbable .nav-tabs .nav-link {
  font-size: 0.85rem;
}

#LayoutHeader {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 20;
  border-left: 1px solid #eeeeee;
}
#LayoutHeader #companyselection_chosen .chosen-single {
  padding: 0 20px 0 10px;
}
#LayoutHeader #companyselection_chosen .chosen-single span {
  font-size: 1.1rem;
  font-weight: 500;
  width: 215px;
  max-width: 255px;
}

main .Client-masterWrapper.taskboardui {
  background: none;
  padding: 0;
  box-shadow: 0 0 0;
  border: 0;
  max-height: calc(100vh - 80px);
  overflow: hidden;
  margin-bottom: 0px;
}
main .Client-masterWrapper.taskboardui .maintabcontent {
  padding: 1rem 10px;
  background: #ffffff;
  margin-top: 20px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
main .tabbable {
  background: none;
}
main #tabs .tabheader {
  border-bottom: 1px solid #eeeeee;
  margin: -1rem -1rem 0;
}
main #tabs .tabheader .ui-tabs-nav {
  padding: 0;
  background: none;
  border: 0;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab {
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab a {
  padding: 12px 15px;
  border-bottom: 3px solid transparent !important;
  font-size: 0.87rem;
  display: block;
  transition: all 0.3s;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab a:hover {
  background: #f9f9f9 !important;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab .badge {
  position: static;
  left: 0;
  right: 0;
  vertical-align: middle;
  margin-left: 10px;
  background: #9B99A4;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab.ui-state-active {
  background: none !important;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab.ui-state-active a {
  color: #f27039 !important;
  border-color: #f27039 !important;
}
main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab.ui-state-active a .badge {
  background: #f27039;
  color: #ffffff;
}

.group-tbtn {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  overflow: hidden;
}
.group-tbtn .filtertab {
  display: inline-block;
}
.group-tbtn button {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  box-shadow: 0 0 0 !important;
  display: block;
  font-size: 0.87rem !important;
  float: left;
  padding: 0.4rem 0.85rem;
  /*    &:hover {
      border-bottom: 1px solid #eeeeee !important;
      background: #f5f5f5;
  }*/
}
.group-tbtn button svg {
  stroke: #555555;
}
.group-tbtn button:first-child {
  border: 1px solid #eeeeee !important;
  border-radius: 5px 0 0 5px;
}
.group-tbtn button:last-child {
  border-radius: 0 5px 5px 0;
  border: 1px solid #eeeeee !important;
}
.group-tbtn button.active svg {
  stroke: #f27039;
}

/*#viewDiv .active, #viewDiv button:hover {
    border-bottom: 1px solid #eeeeee !important;
}*/
header button:not(:last-child)::after {
  display: none;
}

.Client-masterWrapper .ui-widget.ui-widget-content {
  border: 0;
  padding: 0;
}

.left_t_details {
  height: calc(100vh - 101px);
  overflow: auto;
}
.left_t_details .col-form-label {
  font-size: 0.85rem;
  color: #888888;
  font-weight: 300;
  padding-bottom: 3px;
}
.left_t_details p {
  font-size: 1rem;
  font-weight: normal;
}
.left_t_details .task_unique_details {
  padding: 0 10px;
}

.commentssec {
  background: #f9f9f9;
  height: calc(100vh - 101px);
  padding: 30px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  border-left: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
}
.commentssec .send-comment-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 -5px 11px rgba(0, 0, 0, 0.1);
}
.commentssec .chat_main_wrapper {
  box-shadow: 0 0 0;
  height: 100%;
  padding-bottom: 90px;
}
.commentssec .chat_main_wrapper .comment-table {
  height: 100%;
  background: none;
  box-shadow: 0 0 0;
}
.commentssec .chat_main_wrapper .comment-textarea {
  border: 0;
  padding: 15px 30px;
  height: 50px;
  width: 100%;
}
.commentssec .chat_main_wrapper .task-add-btn {
  height: 50px;
  font-size: 20px !important;
  width: 60px;
}

/*base changes*/
.cust-fil-wrap .filter-list {
  display: none;
}
.cust-fil-wrap.slideOpen + .filter-list {
  display: block;
}

.side-filters {
  padding: 70px 10px;
}
.side-filters .reset-btn {
  border: 0;
  color: #f27039;
  margin-right: 10px;
}
.side-filters .datefilter {
  padding: 10px;
}
.side-filters .filter-sel-wrap {
  margin: 0 -10px 10px;
  font-size: 0.85rem;
}
.side-filters .filter-sel-wrap .multiselect-selected-text {
  font-size: 0.85rem;
}
.side-filters .filter-sel-wrap span.multiselect-native-select {
  width: 100%;
}
.side-filters .filter-sel-wrap .btn-group {
  width: 100%;
}
.side-filters .filter-sel-wrap .cust-fil-wrap {
  /*margin-bottom: 10px;*/
  border-bottom: 1px solid #eeeeee;
}
.side-filters .filter-sel-wrap .cust-fil-wrap.btone {
  border-top: 1px solid #eeeeee;
}
.side-filters .filter-sel-wrap .cust-fil-wrap .filter-label.form-control {
  border: none;
  background: no-repeat;
  font-size: 0.85rem;
  height: auto;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.side-filters .filter-sel-wrap .cust-fil-wrap .filter-label.form-control:hover {
  background: #eeeeee;
}
.side-filters .Activity_grid {
  padding-top: 2.5rem;
  position: relative;
}

.cust-fil-wrap .cust-filter-list {
  min-height: 10rem;
  height: calc(100vh - 440px);
  overflow: auto;
  background: #fff;
  margin-bottom: 0 !important;
  padding-left: 0;
}
.cust-fil-wrap .cust-filter-list li {
  padding: 8px 10px;
  font-size: 0.85rem;
  color: #555555;
  margin-top: 0px;
  cursor: pointer;
  display: grid;
  margin-bottom: 0 !important;
  grid-template-columns: 80% auto;
  align-items: center;
}
.cust-fil-wrap .cust-filter-list li .user_checkbox {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background: #d5d5d5;
  border-radius: 50%;
  text-align: center;
  font-size: 0.85rem;
  color: #f5f5f5;
  line-height: 15px;
  display: flex;
  align-items: center;
}
.cust-fil-wrap .cust-filter-list li .user_checkbox i {
  text-align: center;
  margin: auto;
  font-size: 9px;
}
.cust-fil-wrap .cust-filter-list li:hover {
  background: #eeeeee;
  background: rgba(242, 112, 57, 0.2);
}

.modal-open .modal {
  z-index: 9999;
}

.modal-open #addCompliance.modal {
  background: rgba(0, 0, 0, 0.6);
}

/*dashboard css*/
.dashboard-table {
  padding: 15px;
}
.dashboard-table table {
  padding-bottom: 0;
}
.dashboard-table table tr th {
  padding: 0px 10px 5px;
  font-size: 12px;
  vertical-align: top;
  text-align: center;
  font-weight: normal !important;
  font-size: 10px;
}
.dashboard-table table tr th strong {
  display: block;
  font-size: 12px;
}
.dashboard-table table tr th:nth-of-type(1) {
  text-align: left;
}
.dashboard-table table tr th:nth-of-type(2) {
  text-align: left;
}
.dashboard-table table tr .tableusername {
  display: inline-block;
  max-width: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  line-height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}
.dashboard-table table tr td {
  text-align: center;
}
.dashboard-table table tr td:nth-of-type(1) {
  text-align: left;
}
.dashboard-table table tr td:nth-of-type(2) {
  text-align: left;
}
.dashboard-table table tr td .acor_btn svg {
  width: 15px;
  stroke: #717d95;
}
.dashboard-table table tr td.sorting_1 {
  width: 16px;
}
.dashboard-table table tr td .user-name-img {
  width: 30px;
  height: 30px;
  margin: 0;
  border: 0;
}
.dashboard-table .progress {
  width: 90px;
  height: 9px;
  color: #777777;
}
.dashboard-table .progress .bg-success {
  background: #98c45c !important;
}
.dashboard-table .progress .bg-warning {
  background: #fbb01d !important;
}
.dashboard-table .progress .bg-danger {
  background: #f27039 !important;
}

.dashboard-profile-wrapper {
  position: relative;
}
.dashboard-profile-wrapper .profile-hero {
  background: url(../images/dashboard_profile_pattern_bg.png);
  width: 100%;
  height: 70px;
  border-radius: 15px 15px 0 0;
  background-size: contain;
}
.dashboard-profile-wrapper .profile-details {
  background: #fff;
  /*padding-top: 60px;*/
  border-radius: 15px 15px;
}
.dashboard-profile-wrapper .profile-details ul#selectedUserPic {
  display: flex;
  justify-content: center;
  width: 100%;
  grid-gap: 10px;
}
.dashboard-profile-wrapper .profile-details ul#selectedUserPic li {
  position: relative;
}
.dashboard-profile-wrapper .profile-details.user_img_details {
  margin-top: -50px;
  background: none;
  padding-bottom: 15px;
}
.dashboard-profile-wrapper .profile-details .user_initals {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  border: 3px solid #f27039;
  margin-top: -50px;
  position: initial;
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
  background: #ff5555;
  text-align: center;
  color: #ffffff;
  font-size: 50px;
  line-height: 30px;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.dashboard-profile-wrapper img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  border: 3px solid #f27039;
  margin-top: -50px;
  /*position: absolute;*/
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
}
.dashboard-profile-wrapper .task_header {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 15px 0 0;
}
.dashboard-profile-wrapper .today-date {
  color: #9B99A4;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.dashboard-profile-wrapper .count-row {
  /*  display: grid;
  grid-template-columns: repeat(3,1fr);*/
  border-top: 1px solid #DEE9FC;
  text-align: center;
  height: 5rem;
}
.dashboard-profile-wrapper .count-row span {
  display: block;
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  font-family: "Roboto", sans-serif;
}
.dashboard-profile-wrapper .count-row label {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  font-family: "Roboto", sans-serif;
  color: #040404;
  font-weight: 600;
}
.dashboard-profile-wrapper .count-row .count-child:not(:last-child) {
  border-right: 1px solid #DEE9FC;
}
.dashboard-profile-wrapper .count-row .count-child {
  width: 50%;
  display: inline-flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-around;
  height: 100%;
}

.dashboard_custom_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 10px;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}
.dashboard_custom_row .dashboard_col_bg {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}
.dashboard_custom_row .dashboard_col_bg .heading_row {
  border-bottom: 1px solid #DEE9FC;
  padding: 15px 20px;
}
.dashboard_custom_row .dashboard_col_bg .heading_row h2 {
  font-size: 16px;
  font-weight: 500;
}
.dashboard_custom_row .count-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.dashboard_custom_row.top-row {
  /*margin-top: 1rem;*/
}
.dashboard_custom_row.full-row {
  display: block;
}

.overall-chart-wrapper .header {
  border-bottom: 1px solid #E1DFD6;
  padding: 15px 20px;
  display: grid;
  grid-template-columns: 40% 40% 20%;
}
.overall-chart-wrapper .header h2 {
  font-size: 20px;
}
.overall-chart-wrapper .chart-box {
  display: grid;
  grid-template-columns: 40% 40% 20%;
  padding: 15px 20px;
}

/*dashboard css*/
/*form add user in    taskboard*/
.add_user_wrapper {
  position: relative;
}
.add_user_wrapper .new_users {
  position: absolute;
  right: 0px;
  display: none;
  top: 50px;
  padding-top: 0;
  z-index: 1;
  height: auto;
}
.add_user_wrapper .new_users.activate {
  display: block;
}

/*form add user in    taskboard*/
/*base changes*/
/* Harjeet  31-07-2022 Start*/
main #TaskDetails {
  margin: 0 !important;
  box-shadow: 0 0 0;
  width: 100% !important;
  padding: 0;
}
main header .credential-Wrapper {
  background: #ffffff;
  box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.1);
  top: 100%;
  padding: 0;
}
main header .credential-Wrapper .unorder li {
  padding: 8px 15px;
  font-size: 1rem;
}
main header .credential-Wrapper .unorder li:hover {
  background: #f5f5f5;
}

#TaskDetailsModal .modal-dialog.custom-modal-xl {
  max-width: 90% !important;
}
#TaskDetailsModal .modal-dialog.custom-modal-xl .modal-content {
  border: 0;
  height: calc(100vh - 56px);
  min-height: 600px;
  overflow: hidden;
}
#TaskDetailsModal .modal-dialog.custom-modal-xl .modal-body {
  padding: 0;
}
#TaskDetailsModal .modal-dialog.custom-modal-xl .modal-body .Compliance_content {
  padding: 0 10px;
}
#TaskDetailsModal .modal-dialog.custom-modal-xl .heading-wrp {
  display: block;
}
#TaskDetailsModal .heading-txt {
  background: #f6f6f6;
  padding: 6px 15px;
  text-transform: capitalize;
  border-radius: 5px 5px 0 0;
}
#TaskDetailsModal .heading-txt #closeTaskDetails {
  border: 1px solid #d5d5d5;
  background: #ffffff;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin-left: 10px;
}

.agile-board-content-wrapper h4 {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
}

::-webkit-scrollbar-track {
  box-shadow: 0 0 0;
  background: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  opacity: 0.2;
  background: #d5d5d5;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  opacity: 0.5;
  background: #d5d5d5;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#addCompliance .modal-dialog.custom-modal-xl {
  max-width: 90% !important;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-content {
  border: 0;
  height: calc(100vh - 56px);
  min-height: 600px;
  overflow: hidden;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body {
  padding: 0;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .heading-txt {
  background: #f6f6f6;
  padding: 6px 15px;
  text-transform: capitalize;
  border-radius: 5px 5px 0 0;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .heading-txt h2 {
  font-size: 24px;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .btn-default {
  border: 0 !important;
  background: #DFDFDF;
  transition: all 0.3s;
  padding: 10px 15px;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .btn-default:hover {
  background: #d5d5d5;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .btn-default:active {
  box-shadow: 0 0 0;
  outline: 0;
  background: #d5d5d5;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .Compliance_content {
  width: 100%;
  height: calc(100vh - 105px);
  overflow: auto;
  padding: 0 15px;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor.note-frame {
  border-color: #ced4da;
  overflow: hidden;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-toolbar {
  padding: 3px;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-statusbar {
  backgorund: #ffffff;
  opacity: 0.2;
  transition: opacity 0.3s;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-statusbar:hover {
  opacity: 1;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group {
  margin-top: 0;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group .btn-default {
  background: none;
  padding: 5px 10px;
  opacity: 0.7;
  margin-top: 0;
  border-radius: 3px !important;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group .btn-default:hover {
  opacity: 1;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group .btn-default:focus {
  background: #f8f8f8;
  color: #f27039;
  box-shadow: 0 0 0;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group .btn-default.active {
  background: #eeeeee;
  color: #f27039;
  box-shadow: 0 0 0;
  opacity: 1;
}
#addCompliance .modal-dialog.custom-modal-xl .modal-body .note-editor .note-btn-group .dropdown-toggle::after {
  display: none;
}

.btn.btn-primary {
  background: rgb(249, 175, 28);
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
  color: #ffffff !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  padding: 8px 15px;
  border: 0 !important;
}
.btn.btn-primary:hover {
  background: rgb(249, 175, 28);
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
}
.btn.btn-primary:active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background: rgb(249, 175, 28) !important;
  outline: 0;
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
}
.btn.btn-primary:focus {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background: rgb(249, 175, 28);
  outline: 0;
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
}

main .Client-masterWrapper .Client-content .heading-wrp .AddForm {
  /* background: rgb(249,175,28);
  height: 31px;
  font-size: 1rem;
  background: linear-gradient(36deg, rgba(249,175,28,1) 0%, rgba(242,112,57,1) 100%);*/
  background: rgb(249, 175, 28);
  height: 31px;
  font-size: 1rem;
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
  border: none;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

.radiowrapper input[type=radio] {
  display: none;
}
.radiowrapper .option {
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  padding: 4px 10px;
  border: 1px solid #eeeeee;
  border-radius: 5px 0 0 5px;
  transition: all 0.3s ease;
  margin: 0;
}
.radiowrapper .option:last-child {
  border-radius: 0 5px 5px 0;
}
.radiowrapper .option .dot {
  height: 12px;
  width: 12px;
  background: #d9d9d9;
  margin-right: 5px;
  border-radius: 50%;
  position: relative;
}
.radiowrapper .option .dot::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #f27039;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
.radiowrapper .option span {
  font-size: 1rem;
}

.form-control {
  box-shadow: 0 0 0;
  font-size: 0.85rem;
  padding: 0.275rem 0.65rem;
  height: 32px;
}

textarea.form-control {
  height: auto;
}

.col-form-label {
  font-size: 0.85rem;
}

#Public:checked:checked ~ .option-1,
#Private:checked:checked ~ .option-2 {
  border-color: #f27039;
  background: #f27039;
}

#Public:checked:checked ~ .option-1 .dot,
#Private:checked:checked ~ .option-2 .dot {
  background: #fff;
}

#Public:checked:checked ~ .option-1 .dot::before,
#Private:checked:checked ~ .option-2 .dot::before {
  opacity: 1;
  transform: scale(1);
}

#Public:checked:checked ~ .option-1 span,
#Private:checked:checked ~ .option-2 span {
  color: #fff;
}

.chat-box {
  word-break: break-all;
}

.kanban-container .kanban-item .kanban-panel {
  max-height: 0;
  display: block;
  overflow: hidden;
  transition: max-height 0.3s;
  box-shadow: 0 0 0;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 0px 0px 5px 5px;
  padding: 0 5px;
}
.kanban-container .kanban-item:hover .kanban-panel {
  max-height: 100px;
  padding: 5px;
}

.h_modal .pop_header {
  background: #F5F5F5;
  border-radius: 10px 10px 0 0;
  border-bottom: #eeeeee;
  padding: 10px 15px;
}
.h_modal .pop_header .custom_dropdown {
  position: relative;
}
.h_modal .pop_header .custom_dropdown input {
  display: none;
}
.h_modal .pop_header .custom_dropdown svg {
  width: 16px;
  margin-right: 5px;
}
.h_modal .pop_header .custom_dropdown button {
  background: #97C35B;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  text-align: left;
  height: 38px;
  width: 135px;
  padding: 6px 30px 6px 15px;
}
.h_modal .pop_header .custom_dropdown button::after {
  content: "\f078";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  right: 14px;
  top: 10px;
  position: absolute;
  font-size: 0.85rem;
}
.h_modal .pop_header .custom_dropdown button .s_color {
  stroke: #ffffff;
}
.h_modal .pop_header .custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.h_modal .pop_header .custom_dropdown ul li {
  list-style: none;
}
.h_modal .pop_header .custom_dropdown ul li label {
  display: block;
  padding: 6px 15px;
  margin: 0;
  color: #222222;
  transition: all 0.3s;
  cursor: pointer;
}
.h_modal .pop_header .custom_dropdown ul li label .s_color {
  stroke: #222222;
}
.h_modal .pop_header .custom_dropdown ul li label:hover {
  background: #f5f5f5;
}
.h_modal .pop_header .custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}
.h_modal .pop_header .custom_dropdown i {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  background: #17BDFF;
}
.h_modal .pop_header .custom_dropdown i.high {
  background: #F9AF1C;
}
.h_modal .pop_header .custom_dropdown i.critical {
  background: #ff4444;
}
.h_modal .pop_header .custom_dropdown i.medium {
  background: #99C45E;
}
.h_modal .pop_header .custom_dropdown.priority {
  margin-right: 15px;
}
.h_modal .pop_header .custom_dropdown.priority button {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  color: #222222;
  height: 38px;
  width: 124px;
}
.h_modal .pop_header .btn {
  padding-top: 10px;
  padding-bottom: 10px;
}
.h_modal .pop_header .add_tack_input {
  padding: 0 15px 0 0;
  position: relative;
  width: calc(100% - 349px);
  height: 38px;
}
.h_modal .pop_header .add_tack_input input[type=text] {
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
  height: 38px;
  color: #222222;
  padding: 6px 65px 6px 15px;
  border: 0;
  transition: all 0.3s;
  border-radius: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.h_modal .pop_header .add_tack_input input[type=text]:focus {
  box-shadow: 0 0 5px rgba(242, 112, 57, 0.5) !important;
  border: 1px solid #f27039;
  outline: 0;
}
.h_modal .pop_header .add_tack_input .tags {
  position: absolute;
  top: 0;
  right: 15px;
  background: #ffffff;
  padding: 6px 10px;
}
.h_modal .pop_header .add_tack_input .tags form {
  display: flex;
}
.h_modal .pop_header .add_tack_input .tags form input {
  padding: 4px 10px;
  box-shadow: 0 0 0;
  height: auto;
  max-width: 0;
  transition: all 0.3s;
  margin-top: -4px;
}
.h_modal .pop_header .add_tack_input .tags form input:focus {
  border: 0;
  box-shadow: 0 0 0 !important;
}
.h_modal .pop_header .add_tack_input .tags.open form input {
  max-width: 100px;
}
.h_modal .pop_header .add_tack_input .tags .tag {
  border: 1px solid #99C45E;
  background: #EDFFD5;
  color: #99C45E;
  font-size: 0.85rem;
  padding: 3px 8px;
  border-radius: 12px;
  margin-right: 10px;
  font-weight: 500;
}
.h_modal .pop_header .add_tack_input .tags .addtag {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.h_modal .pop_header .add_tack_input .tags .addtag:hover {
  color: #99C45E;
}
.h_modal .pop_header .add_tack_input .tags .addtag:hover svg {
  stroke: #99c45e !important;
}
.h_modal .taskadd-content {
  padding: 10px 15px;
  height: calc(100vh - 105px);
  overflow: auto;
}
.h_modal .taskadd-content .form-label {
  font-size: 0.85rem;
  margin-bottom: 5px;
}
.h_modal .taskadd-content .mycard .mycard_header h2 {
  font-size: 0.85rem;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  background: #ACACAC;
  margin: 0;
  color: #ffffff;
  display: inline-block;
}
.h_modal .taskadd-content .mycard .mycard_header h2.orange_bg {
  background: #f27039;
  color: #ffffff;
}
.h_modal .taskadd-content .mycard .mycard_header h2.orang_l_bg {
  background: #F8A222;
  color: #ffffff;
}
.h_modal .taskadd-content .mycard .mycard_header h2.green_bg {
  background: #97C35B;
  color: #ffffff;
}
.h_modal .taskadd-content .mycard .mycard_body {
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 0 5px 5px 5px;
  background: #ffffff;
}
.h_modal .taskadd-content .mycard .mycard_body.two_label {
  border-radius: 0 0 5px 5px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list {
  display: flex;
  padding-left: 0px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li {
  position: relative;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li .remove_user {
  display: none;
  position: absolute;
  right: 10px;
  line-height: 1;
  font-size: 0.714rem;
  background: #f37f32;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  top: 0;
  padding: 2px 2px;
  width: 15px;
  height: 15px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  transition: all 2s;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li:hover .remove_user {
  transition: all 2s;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li .adduser-btn {
  background: red;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #E4E2DA;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li .adduser-btn svg {
  width: 16px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown {
  position: relative;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  width: 200px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul li {
  padding: 5px 10px;
  cursor: pointer;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul li img {
  width: 30px;
  height: 30px;
  margin: auto;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul li:hover {
  background: #eeeeee;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul .search {
  position: relative;
  padding: 7px 0;
  border-bottom: 1px solid #eeeeee;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul .search svg {
  position: absolute;
  left: 5px;
  top: 11px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul .search input {
  width: 100%;
  border: 0;
  padding: 0px 40px 0px 25px;
  height: auto;
  line-height: 20px;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul .search input:focus {
  border: 0;
  outline: 0;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown ul .search:hover {
  background: none;
}
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}
.h_modal .taskadd-content .mycard .mycard_body .esti-hrs {
  border-left: 1px solid #eeeeee;
}
.h_modal .taskadd-content .mycard .mycard_body.pre_box .mycard_body {
  border: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.h_modal .taskadd-content .weeklabel {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px 0px;
}
.h_modal .taskadd-content .weeklabel li {
  list-style: none;
}
.h_modal .taskadd-content .weeklabel li label {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #EEEEEE;
  border: 1px solid #E4E2DA;
  transition: all 0.3s ease-in;
  font-size: 0.714rem;
  text-align: center;
  line-height: 27px;
  cursor: pointer;
  color: #9D9CA6;
  margin-bottom: 0;
}
.h_modal .taskadd-content .weeklabel li label:hover {
  background: #F79A26;
  color: #ffffff;
}
.h_modal .taskadd-content .weeklabel li input {
  display: none;
}
.h_modal .taskadd-content .weeklabel li input[type=checkbox]:checked + label {
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
  color: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.h_modal .taskadd-content .weeklabel li:not(:last-child) {
  margin-right: 10px;
}
.h_modal .taskadd-content .form-control {
  font-size: 0.85rem;
  padding: 0.275rem 0.65rem;
  height: 32px;
}
.h_modal .taskadd-content .form-select {
  height: 32px;
  font-size: 0.85rem;
  padding: 0.275rem 0.65rem;
}
.h_modal .form-select {
  appearance: none !important;
}
.h_modal .chosen-container-single .chosen-single {
  padding: 3px 2.25rem 3px 0.75rem;
  background: #ffffff;
  font-size: 1rem;
  height: auto;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0;
}
.h_modal .chosen-container-single .chosen-single div {
  width: 40px;
}
.h_modal .chosen-container-single .chosen-single div b {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center;
  background-size: 16px 12px !important;
}
.h_modal .chosen-container-single .chosen-drop {
  transform: scale(0.8) translate(20px, 0);
  transition: all 0.2s ease;
  opacity: 0;
  border: 0;
  top: 110%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.h_modal .chosen-container-single .chosen-drop .chosen-search {
  padding: 6px 10px;
  border-bottom: 1px solid #eeeeee;
}
.h_modal .chosen-container-single .chosen-drop .chosen-search input {
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #ced4da;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 95% center;
}
.h_modal .chosen-container-single .chosen-drop .chosen-results {
  margin: 0;
  padding: 0;
}
.h_modal .chosen-container-single .chosen-drop .chosen-results li {
  padding: 5px 10px;
}
.h_modal .chosen-container-single.chosen-with-drop .chosen-drop {
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.h_modal .chosen-container-single.chosen-container-active .chosen-single {
  background: #ffffff;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0;
  border-radius: 5px;
}
.h_modal .chosen-container-single.chosen-container-active .chosen-single div b {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.c_radio {
  position: relative;
  padding-left: 25px;
}
.c_radio label {
  cursor: pointer;
  font-size: 0.85rem;
  margin: 0;
}
.c_radio label::before {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  background: #ffffff;
  border: 1px solid #E4E2DA;
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  transform: translate(0, -50%);
}
.c_radio label::after {
  width: 12px;
  height: 12px;
  content: "";
  background: #F79A26;
  border-radius: 50px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: scale(0) translate(0, -50%);
  transition: all 0.3s ease-in-out;
}
.c_radio label:hover::before {
  border: 1px solid #f79a26;
}
.c_radio input[type=radio] {
  display: none;
}
.c_radio input[type=radio]:checked + label::after {
  transform: scale(1) translate(0, -50%);
}
.c_radio .enddate {
  width: 160px;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  padding: 5px 15px;
  height: auto;
  line-height: 22px !important;
}
.c_radio .endafter {
  width: 100px;
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
  padding: 5px 15px;
  height: auto;
  line-height: 22px !important;
}

.form-control:focus {
  box-shadow: 0 0 5px rgba(242, 112, 57, 0.5);
  border: 1px solid #f27039;
}

.time_tracker {
  height: auto;
  border-right: 0px solid #eeeeee;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.time_tracker.task_detail_time {
  height: auto;
  border-right-color: #d5d5d5;
  margin-right: 15px;
}
.time_tracker strong {
  color: #777777;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eeeeee;
}
.time_tracker button.startBtn {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #97c35b;
  color: #ffffff;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 24px;
  font-size: 11px !important;
}
.time_tracker button.stopBtn {
  background: #ff4444;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border-radius: 50%;
  display: inline-block;
  /*background: #97c35b;*/
  color: #ffffff;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 24px;
  font-size: 11px !important;
}
.time_tracker .range_wrapper {
  padding-top: 1rem;
  grid-gap: 10px;
}
.time_tracker .manual_footer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.time_tracker .manual_footer button {
  padding: 3px 8px;
  border: none;
  border-radius: 5px;
}
.time_tracker .manual_footer button#btn_manual {
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  border: none;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  padding: 3px 8px;
}
.time_tracker #tasktimervalue_taskdetail {
  cursor: pointer;
}
.time_tracker #tasktimervalue_taskdetail:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 25px;
  right: 8px;
  background: #ccc;
  bottom: 5px;
}

#ComplianceTable .group-search {
  grid-template-columns: auto auto;
  align-items: center;
}

.mycustomtab .mytab button {
  cursor: pointer;
  background: #ACACAC;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
  border: 0;
  margin-right: 5px;
  padding: 5px 15px;
  transition: all 0.3s;
}
.mycustomtab .mytab button.active {
  background: #f27039;
}
.mycustomtab .mytab button:hover {
  background: #F8A222;
}
.mycustomtab .customtabcontent {
  padding: 15px;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.mycustomtab .customtabcontent .mytabcontent {
  display: none;
}
.mycustomtab .customtabcontent .mytabcontent.active {
  display: block;
}
.mycustomtab .customtabcontent .mytabcontent .add_new_checklist {
  font-size: 1rem;
  padding: 5px 0px;
  display: inline-block;
  margin-top: 5px;
  border: 0;
  background: 0;
}
.mycustomtab .customtabcontent .mytabcontent .add_new_checklist i {
  margin-right: 5px;
  font-size: 0.85rem;
  vertical-align: middle;
}
.mycustomtab .customtabcontent .mytabcontent .add_new_checklist:hover {
  color: #f27039;
}
.mycustomtab .customtabcontent .mytabcontent h4 {
  font-size: 1rem;
  padding: 5px 0;
  color: #555555;
  font-weight: normal;
}
.mycustomtab .customtabcontent .mytabcontent h4 button {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
}
.mycustomtab .customtabcontent .mytabcontent h4 button svg {
  width: 40px;
  stroke: #888888;
}
.mycustomtab .customtabcontent .mytabcontent h4:hover button {
  visibility: visible;
  opacity: 1;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list {
  margin: 0;
  padding: 0;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item {
  border-radius: 5px;
  background: #ffffff;
  padding: 10px 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 45px;
  position: relative;
  margin-bottom: 10px;
  font-size: 1rem;
  cursor: pointer;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .del {
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.7;
  background: none;
  transition: all 0.3s;
  border: 0;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .del svg {
  width: 18px;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .del:hover {
  opacity: 1;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .checklist_status {
  width: 22px;
  display: block;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #d5d5d5;
  position: absolute;
  left: 10px;
  top: 12px;
  background: #ffffff;
  transition: all 0.3s;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .add_checklist {
  position: absolute;
  left: 15px;
  top: 9px;
  font-size: 1.1rem;
  color: #888888;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .form-control {
  border: 0;
  padding: 0;
  height: 25px;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item .form-control:focus {
  box-shadow: 0 0 0;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item:hover .checklist_status {
  border-color: #f27039;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item.done {
  color: #777777;
  text-decoration: line-through !important;
}
.mycustomtab .customtabcontent .mytabcontent .checklist_list .checklist-item.done .checklist_status {
  background: #9AC55F;
  box-shadow: 0 0 0px 3px #ffffff inset;
}

main #Make-Recurring .recurring_form .pattern-botder {
  padding-top: 0px;
  border-top: 1px solid #eeeeee;
}
main #Make-Recurring .recurring_form .pattern-wrp .pattern-left {
  border-right: 1px solid #eeeeee;
}
main #Make-Recurring .recurring_form .pattern-wrp .pattern-right .Ptrn-item-cmn input {
  font-size: 0.85rem;
  padding: 0.275rem 0.65rem;
  height: 32px;
  border: 1px solid #ced4da;
  border-radius: 3px;
}
main #Make-Recurring .recurring_form .pattern-wrp .pattern-right .Ptrn-item-cmn select {
  color: #212529;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  font-size: 0.85rem;
  padding: 0.275rem 0.65rem;
  height: 32px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
}

.Table_wrapper .attachment-table thead tr {
  background-color: #2C3E50;
  color: #ffffff;
}
.Table_wrapper .attachment-table thead tr th {
  padding: 0.5rem 0.5rem;
  border: 0;
  text-transform: capitalize;
  text-align: left;
  color: #fff;
  font-size: 0.85rem;
  word-spacing: 0.5px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}

main .Compliance_content .child-form .item-cmn input, main .Compliance_content .child-form .item-cmn select, .d-flex .mr-4 input[type=text], .d-flex .mr-4 input[type=file] {
  font-size: 12px !important;
}

/* Harjeet  31-07-2022 End*/
.reporting_buttons_wrapper button {
  cursor: pointer;
  border-radius: 5px;
  border: none;
  font-size: 0.85rem;
  padding: 6px 15px !important;
}
.reporting_buttons_wrapper button.active {
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}

.bodynew-header-top {
  padding: 10px;
  border: 0;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
  margin: 10px;
}

.dashboard_main_body.filteropen {
  width: calc(100% - 240px) !important;
}

table.red_table.dataTable thead tr, .Application_Wrapper .Application_Content table.red_table thead tr {
  /*background: transparent linear-gradient(88deg, #F27039 0%, #F9AF1C 100%) 0% 0% no-repeat padding-box !important;*/
  background: none !important;
}
table.red_table.dataTable thead tr th:first-child, .Application_Wrapper .Application_Content table.red_table thead tr th:first-child {
  border-top-left-radius: 6px;
}
table.red_table.dataTable thead tr th:last-child, .Application_Wrapper .Application_Content table.red_table thead tr th:last-child {
  border-top-right-radius: 6px;
}

table.red_table.dataTable thead tr:nth-child(odd), table.red_table.dataTable thead tr:nth-child(even), .Application_Wrapper .Application_Content table.red_table thead tr:nth-child(odd), .Application_Wrapper .Application_Content table.red_table thead tr:nth-child(even) {
  /*background: #888888 !important;*/
  background: none !important;
}
table.red_table.dataTable thead tr:nth-child(odd) th, table.red_table.dataTable thead tr:nth-child(even) th, .Application_Wrapper .Application_Content table.red_table thead tr:nth-child(odd) th, .Application_Wrapper .Application_Content table.red_table thead tr:nth-child(even) th {
  /*color: #fff !important;*/
}

table.red_table.dataTable thead tr:nth-child(odd), table.red_table.dataTable thead tr, .Application_Wrapper .Application_Content table.red_table thead tr, .Application_Wrapper .Application_Content table.red_table thead tr {
  height: 36px;
}

.dataTables_filter {
  margin-right: 10rem;
}

/*timer box start*/
.timer-box {
  width: 20rem;
  min-height: 14.8rem;
  /*background: #f6f5f5;*/
  background: #fff;
  padding: 10px 20px 0;
  border-radius: 6px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  /*color: #fff;*/
  position: relative;
  transition: all 0.3s ease-in-out;
}
.timer-box .tab-box #runningTaskName {
  display: -webkit-box;
  max-width: 90%;
  height: 25px;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-family: "Roboto";
}
.timer-box .tab-box button {
  background: none;
  border: none;
  opacity: 0.5;
  color: #000;
  margin-right: 1rem;
  border-radius: 6px;
  margin-left: 0;
  width: auto;
  height: auto;
  padding: 2px 5px;
  font-size: 14px !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.0005);
}
.timer-box .tab-box button.active {
  opacity: 1;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.001);
  color: #fff;
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
}
.timer-box label {
  font-size: 0.85rem;
  min-width: 50px;
}
.timer-box input {
  color: #9B99A4;
  border-radius: 6px;
  padding: 0px 5px;
  box-shadow: none;
  outline: none;
  border: 1px solid #cecece;
  margin-bottom: 1rem;
}
.timer-box .manual_wrapper {
  padding-top: 1rem;
}
.timer-box .manual_wrapper input {
  color: #9B99A4;
  border-radius: 6px;
  padding: 0px 5px;
  box-shadow: none;
  outline: none;
  border: 1px solid #cecece;
  margin-bottom: 1rem;
}
.timer-box .manual_wrapper label {
  font-size: 0.85rem;
}
.timer-box .manual_wrapper label .range_wrapper {
  display: none;
  padding-top: 1rem;
}
.timer-box .manual_wrapper label .range_wrapper input {
  color: #9B99A4;
  border-radius: 6px;
  padding: 0px 5px;
  box-shadow: none;
  outline: none;
  border: 1px solid #cecece;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.timer-box .manual_wrapper label .range_wrapper span {
  padding-right: 1rem;
}
.timer-box .manual_wrapper label .manual_footer {
  display: flex;
  justify-content: space-between;
  background: #F5F5F5;
  margin: 0 -20px;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 6px 6px;
}
.timer-box .manual_wrapper label .manual_footer button {
  background: none;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 5px;
  height: auto;
  width: auto;
  padding: 2px 15px;
}
.timer-box .manual_wrapper label .manual_footer button#close_timer {
  background: #DFDFDF;
  color: #212529;
}
.timer-box .manual_wrapper label .manual_footer button#btn_manual {
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.timer-box .manual_wrapper label input, .timer-box .manual_wrapper label input:focus {
  outline: none;
}

.time_tracker {
  position: relative;
}
.time_tracker .timer-box {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
}
.time_tracker .timer-box .fa-times {
  position: absolute;
  right: 20px;
}

#tasktimervalue {
  cursor: pointer;
  font-size: 1rem;
  white-space: nowrap;
}
#tasktimervalue strong {
  font-weight: 500 !important;
  font-size: 1rem;
}

/*timer box Ends*/
.rotate-180 {
  transform: rotate(180deg);
}

/*Media Queries Start*/
@media (max-width: 1414px) {
  #viewDiv button {
    padding: 5px 7px;
  }
}
/*Media Queries Start*/
/* Harjet 10-8-2022 Start */
main .Client-masterWrapper .Table_wrapper table.red_table {
  padding: 10px !important;
  border: 0 !important;
  background: #ffffff;
  margin: 0 !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr {
  /*background: #888888 !important;*/
  background: none !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table thead tr th {
  color: #596270 !important;
}
main .Application_Content .Table_wrapper table.red_table {
  padding: 0 !important;
  border: 0 !important;
  background: #ffffff;
  margin: 0 !important;
}

.Application_Wrapper .Add_Item_btn button {
  padding: 0.25rem 0.6rem;
}

.userlists {
  margin: 10px 0 0;
  padding: 0;
  max-height: 200px;
  overflow: auto;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.userlists li {
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 10px;
}
.userlists li:not(last-child) {
  border-bottom: 1px solid #eeeeee;
}
.userlists li:hover {
  background: #f9f9f9;
}
.userlists li .user_initals {
  border: 1px solid #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  line-height: 28px;
  text-align: center;
  font-sizs: 12px;
  font-weight: 600;
  color: #ffffff;
  background: #ff6a00;
  transtion: all 0.3s;
  margin-right: 5px;
  z-index: 1;
  cursor: pointer;
  position: relative;
}
.userlists li .usersflag {
  padding-left: 5px;
}
.userlists li .usersflag img {
  width: 25px;
  vertical-align: moddle;
}
.userlists li button {
  margin-left: auto;
  width: 20px;
  height: 20px;
  background: #ff5555;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s;
  font-size: 0.85rem;
  border: 0;
  color: #ffffff;
  line-height: 20px;
}
.userlists.herarchy li .subherarchylist {
  padding-left: 10px;
  margoin: 0;
  width: 100%;
}
.userlists.herarchy li .subherarchylist li {
  border: 0;
  position: relative;
  line-height: 18px;
}
.userlists.herarchy li .subherarchylist li:first-child {
  padding-top: 0;
}
.userlists.herarchy li .subherarchylist li:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  display: block;
  left: -10px;
  top: -50%;
  background: #d5d5d5;
}
.userlists.herarchy li .subherarchylist li:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  display: block;
  left: -10px;
  top: 0%;
  bottom: 0;
  margin: auto;
  background: #d5d5d5;
}
.userlists.herarchy li .subherarchylist li button {
  background: #f8f8f8;
  color: #d5d5d5;
}
.userlists.herarchy li .subherarchylist li:hover button {
  background: #ff5555;
  color: #ffffff;
}

.userselect .user_initals {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff5555;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  line-height: 30px;
  margin-right: 5px;
}
.userselect .dropdown-user {
  display: flex;
  align-items: center;
}
.userselect .custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 8;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.userselect .custom_dropdown ul li {
  padding: 5px 10px;
  cursor: pointer;
}
.userselect .custom_dropdown ul li img {
  width: 25px;
  height: 25px;
}
.userselect .custom_dropdown ul li:hover {
  background: #eeeeee;
}
.userselect .custom_dropdown ul .search {
  position: relative;
  padding: 0;
}
.userselect .custom_dropdown ul .search svg {
  position: absolute;
  left: 15px;
  top: 6px;
}
.userselect .custom_dropdown ul .search input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  padding: 5px 15px 5px 40px;
  height: auto;
  line-height: 10px;
}
.userselect .custom_dropdown ul .search:hover {
  background: none;
}
.userselect .custom_dropdown ul .search i {
  font-size: 1.1rem;
}
.userselect .custom_dropdown.open ul {
  top: 0;
  max-height: 200px;
  opacity: 1;
}

#TeamsModal .modal-dialog {
  max-width: 700px;
}

.kanban-container .kanban-board .kanban-item .time_tracker {
  padding: 0 0.57rem 0 0;
  font-size: 0.85rem;
  /*button {
      @include kanban_timer_btn;
      background: #97c35b;*/
  /*                    width: 17px;
                      height: 17px;
                      line-height: 17px;
                      font-size: 8px !important;
                      margin-left: 10px;
                      border-radius: 50%;
                      display: inline-block;
                      color: #ffffff;
                      border: 0;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  */
  /*&:last-child {
          background: #ff4444;
      }
  }*/
}
.kanban-container .kanban-board .kanban-item.timeon {
  box-shadow: 0 0 0 5px rgba(233, 0, 0, 0.1);
  animation: blink 3s infinite;
}

.time_stop_btn {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 8px !important;
  margin-left: 10px;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background: #ff4444;
}

.time_start_btn {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 8px !important;
  margin-left: 10px;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background: #97c35b;
}

@keyframes blink {
  0% {
    box-shadow: 0 0 0 5px rgba(233, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(233, 0, 0, 0.3);
  }
}
#importModal .modal-header .btn-close {
  margin-left: auto !important;
}

main .Client_Modal_Wrapper.addclientpopup .modal-content {
  brder: 0;
}
main .Client_Modal_Wrapper.addclientpopup .modal-content .modal-body form .child-form .item-cmn {
  width: 43% !important;
}
main .Client_Modal_Wrapper.addclientpopup .modal-content .modal-body form .child-form .item-cmn4 {
  width: 10% !important;
  line-height: 80px;
}
main .Client_Modal_Wrapper.addclientpopup .modal-header {
  background: #eeeeee;
  padding: 0;
  overflow: hidden;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
main .Client_Modal_Wrapper.addclientpopup .modal-title {
  padding: 10px 15px;
  color: #444444;
  position: relative;
  cursor: pointer;
  width: 100%;
}
main .Client_Modal_Wrapper.addclientpopup .modal-title span {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 15px;
  border-radius: 50%;
  background: #d5d5d5;
  color: #666666;
  text-align: center;
  line-height: 28px;
  font-size: 1rem;
}
main .Client_Modal_Wrapper.addclientpopup .modal-title.active-Steps {
  background: transparent linear-gradient(88deg, #F27039 0%, #F9AF1C 100%) 0% 0% no-repeat padding-box;
  color: #ffffff;
  z-index: 1;
  box-shadow: 0 10px 20px rgba(242, 112, 57, 0.5);
}
main .Client_Modal_Wrapper.addclientpopup .modal-title.active-Steps span {
  background: #ffffff;
  color: #f27039;
}
main .Client_Modal_Wrapper .tab3 .child-form .item-cmn {
  width: 40% !important;
}
main .Client_Modal_Wrapper .tab3 .child-form .item-cmn4 {
  width: 20% !important;
}

.side-filters .show_hide1 {
  position: static;
}
.side-filters .Activity_grid {
  padding: 0;
}

/* Harjet 10-8-2022 Start  */
.users_list li.search {
  outline: none;
}

/*bootstrap input focus*/
.form-control:focus {
  box-shadow: 0 0 7px 0.25rem rgba(68, 68, 68, 0.13) !important;
  border-color: rgba(68, 68, 68, 0.05) !important;
}

/*bootstrap input focus*/
.comboTreeDropDownContainer {
  box-shadow: 0 0 7px 0.25rem rgba(68, 68, 68, 0.13) !important;
  border-color: rgba(68, 68, 68, 0.05) !important;
}

main .Client-masterWrapper .Client-content .heading-wrp .group-search.client-top-attachment-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto auto;
  grid-gap: 1rem;
}
main .Client-masterWrapper .Client-content .heading-wrp .group-search.client-top-attachment-wrapper .attachment-box {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 1rem;
}

.profile-wrapper .SubProfile .profile1 {
  width: 35px;
  height: 35px;
}

/*custom bootstrap classes start*/
.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

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

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

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

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

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

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

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

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

.form-group {
  margin-bottom: 1rem;
}

.ml-auto {
  margin-left: auto !important;
}

.text-right {
  text-align: right;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

/*custom bootstrap classes end*/
/*fonts changes universal*/
.ui-widget {
  font-family: "Roboto", sans-serif;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em 0em;
}

/*fonts changes universal*/
.role-grid {
  display: grid;
  grid-template-columns: 150px 250px auto;
  grid-gap: 1rem;
  align-items: center;
}

.agile-board-content-wrapper h6 {
  font-size: 0.85rem;
  font-weight: 400;
  margin-bottom: 5px !important;
}
.agile-board-content-wrapper h4 {
  font-size: 0.78rem;
}

.Bi-wekly1 {
  margin-bottom: 10px;
}

#tb_rolecompany {
  border-spacing: 10px;
  border-collapse: separate;
  margin-left: -10px;
}
#tb_rolecompany th {
  font-weight: 400;
}

#btnAddRoleCompany {
  background: #f27039;
  border: none;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  width: 10rem;
  margin-left: 17.6rem;
  outline: none;
}

.add_user_image_wrapper #removeProfileImage {
  position: absolute;
  left: 65px;
  top: -10px;
}

.change-settings-section .change-settings-section {
  width: 30rem;
  margin-top: 0.5rem;
}

/*Loader CSS */
.loader-wrapper {
  position: fixed;
  z-index: 9999;
  background: #fff;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.loader-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  /*border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 0 0 0 5px #0D47A1;*/
  overflow: hidden;
}

.loader-wave {
  position: relative;
  width: 100%;
  height: 100%;
  /*background: #0D47A1;*/
  background: transparent;
  /*  border-radius: 50%;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);*/
}

.loader-wave img {
  width: 100%;
}

/*Loader CSS */
#TaskDynamicStatusDiv select {
  border: none;
  outline: none;
  padding: 0 0;
  min-height: 25px;
}

.Delete_Modal_Wrapper #datechangeModal .modal-confirm {
  transform: translate(0, 50%) !important;
  box-shadow: 0px 10px 10px 0px #d3cfcf;
}

/*copied form \jkanban.css*/
.user-image-wrapper {
  text-align: right;
}

.user-image-wrapper .bg-even {
  background-color: #313e5b;
}

.user-image-wrapper img {
  width: 22px;
  border-radius: 50%;
  margin-left: -10px;
}

.user-image-wrapper img:nth-last-child(-n+2) {
  margin-left: -10px;
}

.heading-img {
  display: grid;
  grid-template-columns: 70% auto;
  position: relative;
}

.task-status-wrap {
  position: relative;
  margin-bottom: 0.87rem;
  margin-top: 5px;
}

.task-status-wrap .task-date {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.task-status-wrap .task-date img {
  width: 11px;
  height: auto;
}

.user-image-wrapper .user-img {
  display: inline-block;
  width: fit-content;
}

.user-name-img {
  display: inline-block;
  background: #f36f22;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: -10px;
  font-size: 0.714rem;
  /*padding-top: 4px;*/
  vertical-align: middle;
  text-align: center;
}

.user-extra-number {
  background: #313e5b !important;
}

.task-date, .task-date span, .task-status {
  font-size: 11px;
}

.task-status {
  /*margin-left:-10px;*/
  text-align: right;
}

.kanban-panel {
  display: none;
  background: rgba(226, 228, 230, 0.1882352941);
  border-top: 1px solid #fff;
  box-shadow: 0 1px 2px #000006;
}

.kanban-item:hover .kanban-panel {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 0px 0px 5px 5px;
  padding: 5px;
}

.kanban-board .kanban-drag {
  height: calc(100vh - 221px);
  overflow: auto;
}

/*copied form \jkanban.css*/
.tooltip, .tooltip-inner {
  font-size: 12px;
}

/*header toggle button*/
.toggle_wrapper {
  position: absolute;
  background: #DEE9FC;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  right: -10px;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  top: 15px;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.toggle_wrapper.bx-menu:BEFORE {
  display: none;
}
.toggle_wrapper.bx-menu i {
  font-size: 0.71rem;
  color: #76829B;
}
.toggle_wrapper svg {
  width: 10px;
}

/*header toggle button*/
@media (max-width: 1300px) {
  html {
    font-size: 13px;
  }
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
}

div.kanban-board header {
  font-size: 1rem;
  position: relative;
  z-index: 0;
}

.kanban-container div.kanban-board header {
  z-index: 1;
}

#myKanban {
  margin: 0 -1rem;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.current, div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, div.dataTables_wrapper .dataTables_paginate .paginate_button:hover, div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background: #f27039 !important;
  color: #ffffff !important;
  border-color: #f27039;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.4rem 0.85rem;
}

#AllTaskDetails #tabs {
  min-height: calc(100vh - 88px);
}

.name_email {
  display: block !important;
  border-bottom: 1px solid #eeeeee;
}
.name_email span {
  opacity: 0.5;
  text-transform: lowercase;
}

.notifications {
  position: relative;
  margin-right: 1rem;
}
.notifications svg {
  width: 20px;
}
.notifications button {
  background: white;
  border: 0;
  padding: 1rem;
}
.notifications button span {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: block;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  background: #ff4444;
  color: #ffffff;
  border-radius: 20px;
  font-size: 0.76rem;
  animation: pulse 2s infinite;
}
.notifications button:hover {
  background: rgba(242, 112, 57, 0.1);
}
.notifications ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  right: 0;
  width: 250px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.notifications ul li {
  list-style: none;
  padding: 6px 15px;
}
.notifications:hover ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0px 0 0px rgba(244, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0px 0 5px rgba(244, 0, 0, 0);
  }
}
.table-box.dashboard-table {
  overflow: auto;
}
.table-box.dashboard-table table td {
  white-space: nowrap;
}

.heading_row .export-btn {
  padding: 0.4rem 1rem;
  border-radius: 25px;
  border: 1px solid #101820;
  color: #101820;
  display: inline-block;
  margin: 0 0.3rem;
  background: transparent;
  font-size: 0.85rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  word-spacing: 0.5px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.heading_row .export-btn i {
  margin-right: 5px;
}

.toggle_wrapper.rotate svg {
  transform: rotate(180deg);
}

.add_team_modal .userselect .custom_dropdown ul li img {
  width: 30px;
  height: 30px;
  margin: auto;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

#Modal_heading {
  max-width: 50%;
}

/*repsonsive*/
@media screen and (max-width: 1400px) {
  .sidebar {
    width: 195px;
  }
  .home-section {
    left: 195px;
    width: calc(100% - 185px);
  }
  main .Client-masterWrapper.taskboardui #tabs .ui-widget-header .ui-tabs-tab a {
    padding: 1.2rem 0.5rem 1.2rem;
  }
  .other-users, .side-filters {
    width: 195px;
  }
  .Client-masterWrapper.filteropen {
    width: calc(100% - 215px) !important;
  }
  .dashboard_main_body.filteropen {
    width: calc(100% - 195px) !important;
  }
  #viewDiv .group-tbtn button {
    padding: 0.4rem 0.5rem;
  }
  .sidebar .nav-links .sub-menu li i {
    min-width: 24px;
  }
  .sidebar .nav-links .sub-menu li {
    margin-left: 0px;
  }
  .sidebar .nav-links .sub-menu li a {
    text-indent: 0px !important;
  }
}
.other-users .assign_list li .user_initals .user-name-img {
  width: 30px;
  height: 30px;
  margin: auto;
}

.Table_wrapper .accordion-button {
  outline: none;
}
.Table_wrapper .accordion-button:not(.collapsed) {
  background-color: #e9ecef;
  color: #596270;
  font-weight: 600;
}
.Table_wrapper .accordion-button:focus {
  border: none;
  box-shadow: none;
}

#ComplianceTable .group-search {
  display: flex;
}

.taskmanager_filter {
  display: grid;
  grid-template-columns: 120px 80px 90px 100px 60px;
  grid-gap: 11px;
}
.taskmanager_filter .createe {
  margin-left: -20px;
}
.taskmanager_filter button {
  border: 0;
}

#tblCompliance_Total_filter.dataTables_filter {
  margin-right: 0;
}

/*disble kanban item*/
.kanban-item.disabled {
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.7;
}

/*disble kanban item*/
/*Kanban quick task recurring starty*/
.quick-recurring {
  color: #222222;
  margin: 10px 0;
}
.quick-recurring .mycard_header h2 {
  font-size: 0.85rem;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  background: #ACACAC;
  margin: 0;
  color: #ffffff;
  display: inline-block;
}
.quick-recurring .mycard_body {
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 0 5px 5px 5px;
  background: #ffffff;
}
.quick-recurring .form-label {
  font-size: 0.85rem;
  margin-bottom: 5px;
}
.quick-recurring .pattern-wrp .pattern-right .Ptrn-item-cmn input[type=radio] {
  width: 12px;
}

.quick_scheduler {
  display: flex;
  align-items: center;
  font-size: 11px;
  margin-left: auto;
  margin-right: 10px;
  padding: 2px 5px;
  border-radius: 5px;
}
.quick_scheduler:hover {
  background: #f0f0f0;
  cursor: pointer;
}

.add_task_dropdown .chosen-container-single .chosen-single {
  padding: 3px 2.25rem 3px 0.75rem;
  background: #ffffff;
  font-size: 1rem;
  height: auto;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0;
}
.add_task_dropdown .chosen-container-single .chosen-single div {
  width: 40px;
}
.add_task_dropdown .chosen-container-single .chosen-single div b {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.add_task_dropdown .chosen-container-single .chosen-drop {
  transform: scale(0.8) translate(20px, 0);
  transition: all 0.2s ease;
  opacity: 0;
  border: 0;
  top: 110%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.add_task_dropdown .chosen-container-single .chosen-drop .chosen-search {
  padding: 6px 10px;
  border-bottom: 1px solid #eeeeee;
}
.add_task_dropdown .chosen-container-single .chosen-drop .chosen-search input {
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #ced4da;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 95% center;
}
.add_task_dropdown .chosen-container-single .chosen-drop .chosen-results {
  margin: 0;
  padding: 0;
}
.add_task_dropdown .chosen-container-single .chosen-drop .chosen-results li {
  padding: 5px 10px;
}
.add_task_dropdown .chosen-container-single.chosen-with-drop .chosen-drop {
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.add_task_dropdown .chosen-container-single.chosen-container-active .chosen-single {
  background: #ffffff;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0;
  border-radius: 5px;
}
.add_task_dropdown .chosen-container-single.chosen-container-active .chosen-single div b {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

/*Kanban quick task recurring ends*/
/*Kanban quick task user list starts*/
.add_task_dropdown .users_list {
  display: flex;
  padding-left: 0px;
}
.add_task_dropdown .users_list li .adduser-btn {
  background: red;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #E4E2DA;
  padding: 2px;
}
.add_task_dropdown .users_list li .adduser-btn:after {
  display: none;
}
.add_task_dropdown .users_list li .adduser-btn svg {
  margin-right: 0;
}
.add_task_dropdown .custom_dropdown.open ul {
  min-width: 200px;
  width: 20px;
}
.add_task_dropdown .chosen-container {
  font-size: 12px;
}
.add_task_dropdown .quick_preparor_dropdown {
  position: relative;
}
.add_task_dropdown .quick_preparor_dropdown .users_list {
  /*  border-right: 1px solid rgba(112,112,112,0.4);*/
  padding: 0 10px 0 0;
  position: relative;
}
.add_task_dropdown .quick_preparor_dropdown .users_list li {
  line-height: 1;
  height: 30px;
}
.add_task_dropdown .quick_preparor_dropdown .users_list li .user_initals {
  margin-right: 0;
}
.add_task_dropdown .quick_preparor_dropdown .users_list li img {
  margin-right: 0;
}
.add_task_dropdown .quick_reviewer_dropdown {
  position: relative;
  padding: 0 10px !important;
  margin-right: 10px;
}
.add_task_dropdown .quick_reviewer_dropdown .users_list {
  /*padding-left: 5px;*/
}
.add_task_dropdown .quick_reviewer_dropdown .users_list li {
  height: 30px;
  line-height: 1;
}
.add_task_dropdown .quick_reviewer_dropdown .users_list li .user_initals {
  margin-right: 0;
}
.add_task_dropdown .quick_reviewer_dropdown .users_list li img {
  margin-right: 0;
}
.add_task_dropdown .quick_reviewer_dropdown .user_list_dropdown .dropdown-user {
  margin-bottom: 10px;
  align-items: center;
}
.add_task_dropdown .quick_reviewer_dropdown:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 1px;
  background-color: rgba(112, 112, 112, 0.4);
  right: 0;
  top: 0px;
}
.add_task_dropdown .quick_reviewer_dropdown:before {
  content: "";
  position: absolute;
  height: 30px;
  width: 1px;
  background-color: rgba(112, 112, 112, 0.4);
  left: 0;
  top: 0px;
}

/*Kanban quick task user list ends*/
/*Kanban quick task dropdown height starts*/
.newtask_row.open .add_task_dropdown.changeHeight {
  max-height: 240px;
  height: 240px;
}
.newtask_row.open .add_task_dropdown.changeHeight .chosen-drop {
  max-height: 200px;
}
.newtask_row.open .add_task_dropdown.changeHeight .chosen-drop .chosen-results {
  max-height: 140px;
}

/*Kanban quick task dropdown height ends*/
.quick_task_features .chosen-container-single .chosen-single {
  font-size: 0.85rem;
}
.quick_task_features .custom_dropdown button {
  font-size: 0.85rem;
}
.quick_task_features .custom_dropdown button label {
  margin-bottom: 0;
}
.quick_task_features .custom_dropdown ul#ddlPriority_TODO {
  width: 100%;
  min-width: 100%;
}
.quick_task_features .quick-recurring {
  display: none;
}
.quick_task_features .quick-recurring .scheduer-start-time label {
  font-size: 12px;
  color: #707070;
}

/*notification page*/
.notification_tabs_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.notification_tabs_header .tabbable .nav-tabs {
  border-bottom: none;
}
.notification_tabs_header .tabbable .nav-tabs .nav-link {
  border: 0;
  padding: 5px 16px;
  border-radius: 30px;
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  margin-right: 9px;
}
.notification_tabs_header .tabbable .nav-tabs .active .nav-link {
  background: #f27039 !important;
  border-color: #f27039;
  color: #ffffff !important;
  padding: 5px 16px;
}

.notification_wrapper {
  margin: auto;
  border-radius: 5px;
  background: #eee;
  padding: 15px;
}
.notification_wrapper .notification_row {
  margin: 0 0px 10px;
  display: grid;
  grid-template-columns: auto 50px;
}
.notification_wrapper .notification_row .notification_main_section {
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.notification_wrapper .notification_row .task_header {
  padding: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
}
.notification_wrapper .notification_row .task_header h3 {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  margin-left: 10px;
}
.notification_wrapper .notification_row .task_header .task_company_client label {
  font-size: 11px;
  margin-bottom: 0;
}
.notification_wrapper .notification_row .task_header .notification_user_wrapper {
  justify-content: end;
  display: flex;
}
.notification_wrapper .notification_row .task_header .notification_user_wrapper .user-image-wrapper {
  display: flex;
}
.notification_wrapper .notification_row .task_header .notification_user_wrapper .user-image-wrapper img {
  width: 30px;
  height: 30px;
}
.notification_wrapper .notification_row .task_header .source_img {
  width: 15px;
}
.notification_wrapper .notification_row .change_status_row {
  padding: 10px 15px;
  align-items: center;
  border-top: 1px solid #eee;
}
.notification_wrapper .notification_row .change_status_row label {
  margin-right: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 12px;
}
.notification_wrapper .notification_row .change_status_row .status_time {
  margin-right: 0px;
}
.notification_wrapper .notification_row .change_status_row .change-status-btn {
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 3px 10px;
  font-size: 12px;
}
.notification_wrapper .notification_row .change_status_row .old_status {
  border-radius: 5px;
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  padding: 5px 15px;
  margin: 0 15px;
}
.notification_wrapper .notification_row .change_status_row .new_status {
  background: #8882F4;
  padding: 2px 5px;
  height: auto;
  font-size: 11px;
  border-radius: 3px;
  color: #ffffff;
}
.notification_wrapper .notification_row .change_status_row svg {
  width: 21px;
  height: 21px;
  margin: 0px 4px 0 4px;
}
.notification_wrapper .notification_row .change_status_row .inprogress {
  background-color: rgb(8, 173, 255);
  padding: 2px 5px;
  height: auto;
  font-size: 11px;
  border-radius: 3px;
  color: #ffffff;
}
.notification_wrapper .notification_row .change_status_row .completed {
  background-color: rgb(107, 201, 80);
  padding: 2px 5px;
  height: auto;
  font-size: 11px;
  border-radius: 3px;
  color: #ffffff;
}
.notification_wrapper .comment_row {
  margin: auto;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  color: #636468;
}
.notification_wrapper .comment_row .commentor_details {
  font-size: 12px;
}
.notification_wrapper .comment_row .commentor_details label {
  margin-bottom: 0;
}
.notification_wrapper .comment_row .commentor_details .user-image-wrapper {
  display: inline-block;
  min-width: 0;
  margin-right: 5px;
}
.notification_wrapper .comment_row .commentor_name {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
}
.notification_wrapper .comment_row .comment_inner_box {
  width: calc(100% - 30px);
  margin: 10px auto;
  border: 1px solid #eee;
  padding: 5px 15px;
  border-radius: 5px;
  max-height: 150px;
  overflow: auto;
}
.notification_wrapper .comment_row .comment_inner_box.with_mention {
  border-left: 5px solid rgba(233, 132, 132, 0.29);
  border-radius: 0px 5px 5px 0;
}

.clear_icon_section .clear_icon_wrapper {
  background: #54607B;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear_icon_section .clear_icon_wrapper svg {
  width: 18px;
  height: 18px;
}

.sidebar_prfile {
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  background: #ffffff;
  width: fit-content;
  position: absolute;
  bottom: 0;
  padding-left: 20px;
}
.sidebar_prfile:hover {
  background: #f9f9f9;
}
.sidebar_prfile .profile1 img {
  border-radius: 50%;
  overflow: hidden;
  width: 35px;
  height: 35px;
}
.sidebar_prfile .userdetail {
  max-width: 110px;
}
.sidebar_prfile .userdetail #hUSer {
  font-size: 1rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.sidebar_prfile .userdetail #useremail {
  font-size: 0.87rem;
  color: #888888;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.sidebar_prfile .credential-Wrapper {
  background: #ffffff;
  box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.1);
  bottom: 12px;
  padding: 0;
  left: calc(100% + 10px);
  position: absolute;
  border-radius: 5px;
  display: none;
}
.sidebar_prfile .credential-Wrapper.active {
  display: block;
}
.sidebar_prfile .credential-Wrapper:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
  position: absolute;
  bottom: 10px;
  left: -10px;
}
.sidebar_prfile .credential-Wrapper li {
  text-align: left;
  justify-content: start;
  grid-gap: 10px;
  list-style-type: none;
  padding: 8px 15px;
  font-size: 1rem;
  width: 100%;
  display: flex;
}

.sidebar {
  overflow: visible;
}
.sidebar .company_list ul li {
  margin: 0;
}
.sidebar.close {
  overflow: visible;
}
.sidebar.close .nav-links li svg {
  margin: auto;
}
.sidebar.close .sidebar_prfile {
  justify-content: center;
}
.sidebar.close .sidebar_prfile .userdetail {
  display: none;
}
.sidebar.close .sidebar_prfile i {
  display: none;
}
.sidebar.close .sidebar_prfile .profile1 {
  margin-right: 0 !important;
}
.sidebar.close h4 {
  text-align: center;
}
.sidebar.close h4 span {
  display: none;
}
.sidebar.close #headerSearchBar {
  display: none;
}
.sidebar.close .search-icon {
  right: 0 !important;
  left: 0;
  margin: auto;
  text-align: center;
}
.sidebar.close .addcomp {
  padding: 0.31rem 0rem !important;
}
.sidebar.close .addcomp i {
  margin: 0 !important;
}
.sidebar.close .sidebar_prfile {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.sidebar.close .company_list ul {
  padding-bottom: 30px !important;
}
.sidebar.close .company_list ul li {
  margin: 0;
}
.sidebar .company_list .cl_heading .companysearch {
  width: 100%;
  border-bottom: 1px solid #DEE9FC;
  padding: 5px 0;
  border-top: 1px solid #DEE9FC;
}
.sidebar .company_list .cl_heading .companysearch input {
  background: #ffffff;
  transition: all 0.3s;
}
.sidebar .company_list .cl_heading .companysearch.active input {
  width: 100%;
}
.sidebar .company_list h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #b5b5b5;
  padding: 1rem;
  border-top: 1px solid #DEE9FC;
  font-size: 0.87rem;
  font-weight: 600;
}
.sidebar .company_list .companysearch {
  position: relative;
  padding: 0 1rem 0;
}
.sidebar .company_list .companysearch input {
  background: #F6F5F5 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: none;
  color: #9B99A4;
  font-size: 0.87rem;
  padding: 5px 28px 5px 16px;
  width: 100%;
  outline: none;
}
.sidebar .company_list .companysearch .search-icon {
  position: absolute;
  right: 9px;
  top: 7px;
  background: none;
  border: 0;
  cursor: pointer;
}
.sidebar .company_list ul {
  margin: 0;
  height: auto;
  overflow: auto;
  padding: 0;
}
.sidebar .company_list ul li {
  display: flex;
  margin: 0rem 0.5rem 0;
  padding: 0.5rem;
  align-items: center;
  border-radius: 3px;
  position: relative;
}
.sidebar .company_list ul li .cname {
  white-space: nowrap;
  width: calc(100% - 54px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .company_list ul li .cname small {
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  display: block;
  color: #888888;
}
.sidebar .company_list ul li .ellipsis_btn {
  color: #d5d5d5;
  opacity: 0;
  border: 0;
  background: 0;
  padding: 5px;
  margin: -6px;
}
.sidebar .company_list ul li .ellipsis_btn:hover {
  color: #f27039;
}
.sidebar .company_list ul li .addcomp {
  background: #eeeeee;
  color: #555555;
  font-size: 0.87rem;
  padding: 0.31rem 1.1rem;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 5px;
}
.sidebar .company_list ul li .addco {
  position: absolute;
  opacity: 0;
  right: 0;
  color: #aaaaaa !important;
  padding: 6px;
  visibility: hidden;
  top: 0;
}
.sidebar .company_list ul li .addco:hover {
  color: #444444 !important;
}
.sidebar .company_list ul li .dropdown-menu {
  margin: 0;
  padding: 5px 0;
  border-radius: 5px;
  overflow: hidden;
  border: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.sidebar .company_list ul li .dropdown-menu li {
  margin: 0;
  padding: 0 5px;
}
.sidebar .company_list ul li .dropdown-menu li a {
  border-radius: 5px;
  padding: 5px 10px;
}
.sidebar .company_list ul li .dropdown-menu li a:active {
  background-color: #f8f8f8;
}
.sidebar .company_list ul li .dropdown-menu li:hover {
  background: none;
}
.sidebar .company_list ul li .c_logo {
  border-radius: 5px;
  background: #eeeeee;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #666666;
  margin-right: 10px;
}
.sidebar .company_list ul li .c_logo svg {
  width: 100%;
}
.sidebar .company_list ul li .c_logo img {
  max-width: 100%;
}
.sidebar .company_list ul li:hover {
  background: #f8f8f8;
  cursor: pointer;
}
.sidebar .company_list ul li:hover .addco {
  opacity: 1;
  visibility: visible;
}
.sidebar .company_list ul li:hover .ellipsis_btn {
  opacity: 1;
}
.sidebar .company_list ul li:first-child:hover {
  background: none;
}
.sidebar .company_list ul li.active {
  background: #F9DED4;
  font-weight: 600;
  color: #f27039 !important;
}

.current_user_list .dropdown-toggle {
  margin: 0;
  padding: 0;
  display: flex;
  cursor: pointer;
}
.current_user_list .dropdown-toggle::after {
  display: none;
}
.current_user_list .dropdown-toggle li {
  border: 3px solid #ffffff;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: -10px;
  text-align: center;
  background: #DEE9FC;
  font-weight: bold;
  line-height: 30px;
  font-size: 12px;
}
.current_user_list .dropdown-toggle li:first-child {
  margin-left: 0;
}
.current_user_list .dropdown-toggle li.add-user {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
}
.current_user_list .dropdown-toggle li.totaluser {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #97C35B 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
}
.current_user_list .dropdown-menu {
  position: fixed !important;
  border-radius: 5px;
  border: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  width: 300px;
  padding: 0;
}
.current_user_list .dropdown-menu .user-name-img {
  width: 25px;
  display: block;
  height: 25px;
  margin: 0;
}
.current_user_list .dropdown-menu .search {
  padding: 10px;
  position: relative;
}
.current_user_list .dropdown-menu .search input {
  background: #F6F5F5 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: none;
  color: #333333;
  font-size: 0.87rem;
  padding: 8px 35px 8px 10px;
  width: 100%;
  outline: none;
}
.current_user_list .dropdown-menu .search .search-icon {
  position: absolute;
  right: 20px;
  top: 15px;
}
.current_user_list .dropdown-menu .drop-footer {
  border-top: 1px solid #DEE9FC;
  padding: 8px 10px;
}
.current_user_list .dropdown-menu .drop-footer button {
  background: none;
  border: 0;
}
.current_user_list .dropdown-menu .drop-footer button.inviteuser {
  color: #8882F4;
}
.current_user_list .dropdown-menu .drop-footer button:hover {
  color: #f27039;
}
.current_user_list .dropdown-menu .userlist {
  max-height: 300px;
  overflow: auto;
}
.current_user_list .dropdown-menu .userlist > li {
  padding: 6px 10px;
  cursor: pointer;
  font-size: 0.87rem;
}
.current_user_list .dropdown-menu .userlist > li small {
  display: block;
  font-size: 0.75rem;
  color: #99A5BC;
  line-height: 10px;
  letter-spacing: 1px;
}
.current_user_list .dropdown-menu .userlist > li small.user_email {
  margin-top: 5px;
  letter-spacing: 0;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
}
.current_user_list .dropdown-menu .userlist > li button {
  background: none;
  border: 0;
  color: #777777;
  font-size: 0.87rem;
}
.current_user_list .dropdown-menu .userlist > li .user_initals {
  margin-right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ff5555;
  text-align: center;
  color: #ffffff;
  font-size: 0.87rem;
  line-height: 25px;
}
.current_user_list .dropdown-menu .userlist > li .user_checkbox {
  width: 20px;
  height: 20px;
  background: #d5d5d5;
  border-radius: 50%;
  text-align: center;
  min-width: 20px;
  font-size: 0.85rem;
  color: #f5f5f5;
  line-height: 20px;
}
.current_user_list .dropdown-menu .userlist > li.active .user_checkbox {
  background: #f27039;
  color: #fff;
}
.current_user_list .dropdown-menu .userlist > li:hover {
  background: #f7f7f7;
}

.ini_a, .ini_b, .ini_c, .ini_d, .ini_e, .ini_f {
  background: rgb(3, 136, 209) !important;
  color: #ffffff !important;
}

.ini_g, .ini_h, .ini_i, .ini_j, .ini_k, .ini_l {
  background: #fd71af !important;
  color: #ffffff !important;
}

.ini_m, .ini_n, .ini_o, .ini_p, .ini_q, .ini_r {
  background: #7b68ee !important;
  color: #ffffff !important;
}

.ini_s, .ini_t, .ini_u, .ini_v, .ini_w, .ini_x {
  background: rgb(62, 39, 36) !important;
  color: #ffffff !important;
}

#addcompanyModal .modal-header {
  border: 0;
}

.modal-content {
  border: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.second_sidebar {
  width: 200px;
  height: 100vh;
  position: fixed;
  left: 200px;
  bottom: 0;
  background: #ffffff;
  transition: width 0.3s ease-in-out;
  z-index: 21;
  top: 0;
  border-left: 1px solid #DEE9FC;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
.second_sidebar .companysearch {
  /*display: none;*/
  position: relative;
  padding: 5px 12px 5px 8px;
}
.second_sidebar .companysearch input {
  width: 100%;
  border: 1px solid #DEE9FC;
  padding: 6px 23px 6px 10px;
  border-radius: 3px;
  font-size: 0.87rem;
}
.second_sidebar .companysearch input:focus {
  border-color: #f27039;
  outline: 0;
}
.second_sidebar .companysearch .search-icon {
  background: none;
  border: 0;
  position: absolute;
  right: 20px;
  top: 10px;
}
.second_sidebar .company_details {
  padding: 10px 15px;
  background: #eeeeee;
  color: #333333;
  line-height: 1.2rem;
  font-size: 1rem;
}
.second_sidebar .company_details span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.second_sidebar .company_details small {
  display: block;
  font-size: 0.87rem;
  color: #99A5BC;
}
.second_sidebar .comp-list {
  margin: 0;
  padding: 0;
  overflow: auto;
}
.second_sidebar .comp-list.Settings li {
  padding-left: 20px;
}
.second_sidebar .comp-list.Settings li a {
  font-size: 12px;
}
.second_sidebar .comp-list li {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  align-items: center;
  line-height: 1;
  margin: 8px 0px;
  cursor: pointer;
  transition: all 0s;
  font-size: 0.87rem;
}
.second_sidebar .comp-list li .acordian-caret {
  background: none;
  padding: 5px;
  cursor: pointer;
  border: 0;
  transition: all 0.3s;
  background: none;
  color: #BBC7DC;
}
.second_sidebar .comp-list li a {
  padding: 5px 10px 5px 5px;
  display: block;
  transition: all 0s;
  width: 100%;
  line-height: 1.2em;
  font-size: 13px;
}
.second_sidebar .comp-list li a i {
  margin-right: 5px;
}
.second_sidebar .comp-list li a small {
  display: block;
  font-size: 0.75rem;
  color: #99A5BC;
  line-height: 8px;
  letter-spacing: 1px;
  padding-top: 5px;
}
.second_sidebar .comp-list li .ellipsis_btn {
  color: #d5d5d5;
  opacity: 0;
  border: 0;
  background: 0;
  padding: 0;
}
.second_sidebar .comp-list li .ellipsis_btn > div {
  padding: 5px;
}
.second_sidebar .comp-list li .plus_btn {
  color: #d5d5d5;
  opacity: 0;
  border: 0;
  background: 0;
  padding: 5px;
}
.second_sidebar .comp-list li .dropdown-menu {
  border-radius: 5px;
  border: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.second_sidebar .comp-list li .dropdown-menu a {
  border-radius: 5px;
  font-size: 0.87rem;
}
.second_sidebar .comp-list li .dropdown-menu a:hover {
  color: #1e2125;
  background-color: #e9ecef;
}
.second_sidebar .comp-list li .dropdown-menu a:active {
  color: #1e2125;
  background-color: #e9ecef;
}
.second_sidebar .comp-list li > div:hover {
  background: #f9f9f9;
}
.second_sidebar .comp-list li > div:hover .ellipsis_btn {
  opacity: 1;
}
.second_sidebar .comp-list li > div:hover .ellipsis_btn:hover {
  color: #f27039;
}
.second_sidebar .comp-list li > div:hover .plus_btn {
  opacity: 1;
}
.second_sidebar .comp-list li > div:hover .plus_btn:hover {
  color: #f27039;
}
.second_sidebar .comp-list li.active > div {
  background: rgba(249, 222, 212, 0.5);
  color: #f27039;
}
.second_sidebar .comp-list li .dropdown-toggle::after {
  display: none;
}
.second_sidebar .comp-list li.open .acordian-caret {
  transform: rotate(90deg);
}
.second_sidebar .comp-list#clientSidebar > li {
  margin: 5px 0px;
}
.second_sidebar .comp-list#clientSidebar > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li {
  display: block;
}
.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li .svg_wrapper {
  display: inline-block;
  min-width: 16px;
}
.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li svg {
  width: 14px;
  height: 16px;
}
.second_sidebar .comp-list.withsubmenu li {
  display: block;
}
.second_sidebar .comp-list.withsubmenu li .submenu {
  max-height: 0;
  transition: all 0.3s;
  overflow: hidden;
  padding-left: 10px;
}
.second_sidebar .comp-list.withsubmenu li .submenu li a {
  display: flex;
  align-items: center;
}
.second_sidebar .comp-list.withsubmenu li .submenu li a .c_logo {
  border-radius: 5px;
  background: #eeeeee;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #666666;
  margin-right: 10px;
}
.second_sidebar .comp-list.withsubmenu li.open .submenu {
  max-height: 1000px;
}
.second_sidebar .quickclient {
  backgorund: #eeeeee;
  border-radius: 3px;
  color: #666666;
  padding: 10px 10px;
  border: 0;
  font-size: 0.87rem;
  display: block;
  width: 100%;
}
.second_sidebar .addquickclient {
  display: none;
  border: 1px solid #DEE9FC;
  width: 100%;
  padding: 8px 5px;
  color: #f27039;
  border-radius: 0;
  font-size: 0.87rem;
}
.second_sidebar .addquickclient:focus {
  outline: 0;
}
.second_sidebar #accordionwrapper {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s;
  background: #f8f8f8;
}
.second_sidebar #accordionwrapper li a:hover {
  background: #f27039;
  color: #ffffff !important;
}
.second_sidebar #accordionwrapper.active {
  max-height: 1000px;
}
.second_sidebar .accordianmenu .bxs-chevron-right {
  transition: all 0.3s;
}
.second_sidebar .accordianmenu.open .bxs-chevron-right {
  transform: rotate(-90deg);
}
.second_sidebar .mob_logo {
  display: none;
  border-radius: 5px;
  background: #eeeeee;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #666666;
  margin: auto;
}
.second_sidebar.close {
  width: 60px;
}
.second_sidebar.close .toggle_wrapper {
  transform: rotate(180deg);
}
.second_sidebar.close .mob_logo {
  display: block;
  min-width: 22px;
  margin: 8px 0;
}
.second_sidebar.close #clientSidebar.comp-list li a, .second_sidebar.close .comp-list li .ellipsis_btn {
  display: none;
}
.second_sidebar.close #clientSidebar.comp-list li a.allclient, .second_sidebar.close .comp-list li .ellipsis_btn.allclient {
  display: block;
}
.second_sidebar.close .quickclient {
  padding-left: 6px;
}
.second_sidebar.close .company_details {
  padding: 10px 8px;
}
.second_sidebar.close .company_details span {
  display: none;
}
.second_sidebar.close .company_details small {
  display: none;
}
.second_sidebar.close .companysearch input {
  opacity: 0;
}
.second_sidebar.close .companysearch .search-icon {
  left: 0;
  right: 0;
  margin: auto;
}
.second_sidebar.close .clientname {
  display: none;
}
.second_sidebar.close .quickclient span {
  display: none;
}
.second_sidebar.close .masters-menu li span {
  display: none;
}

.cursor-pointer {
  z-index: 0;
}

.Client-masterWrapper.second_sidebar_active {
  width: calc(100% - 220px) !important;
  left: 200px;
}

.sidebar.close + .second_sidebar {
  left: 60px;
}
.sidebar .version_wrapper {
  text-align: center;
}
.sidebar .version_wrapper a {
  font-size: 12px;
  font-weight: 600;
}
.sidebar.close .toggle_wrapper {
  transform: rotate(180deg);
}
.sidebar.close .addcomp span {
  display: none;
}
.sidebar.close input {
  opacity: 0;
}
.sidebar.close .company_list .ellipsis_btn {
  display: none;
}
.sidebar.close .company_list li {
  justify-content: center;
}
.sidebar.close .company_list li .c_logo {
  margin: 0;
}
.sidebar.close .version_wrapper .v_name {
  display: none;
}

.taskbacklog {
  display: flex;
}
.taskbacklog button {
  padding: 16px 25px 16px;
  border: 0;
  background: #ffffff;
  margin-top: -4px;
  display: inline-block;
  position: relative;
}
.taskbacklog button svg path {
  fill: #000000;
}
.taskbacklog button:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ecf0f5;
  position: absolute;
  right: 0;
  left: 0;
  display: none;
  bottom: 0;
  margin: auto;
}
.taskbacklog button:hover {
  background: #f9f9f9;
}
.taskbacklog button.active {
  background: #f27039;
  color: #ffffff;
}
.taskbacklog button.active svg path {
  fill: #ffffff;
}
.taskbacklog button.active:before {
  display: block;
}
.taskbacklog button:last-child {
  border-right: 1px solid #DEE9FC;
  margin-right: 1rem;
}

.sidebar.close ~ .home-section.second_sidebar_active {
  left: 260px;
  width: calc(100% - 260px);
}

.sidebar:not(.close) ~ .home-section.second_sidebar_active {
  left: 400px;
  width: calc(100% - 400px);
}

.second_sidebar.close ~ .home-section.second_sidebar_active {
  left: 120px;
  width: calc(100% - 120px);
}

.sidebar:not(.close) ~ .second_sidebar.close ~ .home-section {
  left: 260px;
  width: calc(100% - 260px);
}

.Everything .second_sidebar {
  display: none !important;
}

.Everything .sidebar ~ .second_sidebar ~ .home-section {
  left: 200px !important;
  width: calc(100% - 200px) !important;
}

.Everything .sidebar.close ~ .second_sidebar ~ .home-section {
  left: 60px !important;
  width: calc(100% - 60px) !important;
}

.backlogsection .table {
  padding: 10px;
  background: #f1f5f9;
  border-collapse: separate;
  border-spacing: 0 10px;
  border-radius: 5px;
}
.backlogsection .table tr th {
  color: #596270;
  border: 0;
  padding: 0 10px;
}
.backlogsection .table tr th:first-child {
  border-radius: 10px 0 0 10px;
}
.backlogsection .table tr th:last-child {
  text-align: center;
  border-radius: 0px 10px 10px 0px;
}
.backlogsection .table tr td {
  padding: 5px 10px;
  background: #ffffff;
  vertical-align: middle;
  border: 0;
}
.backlogsection .table tr td:first-child {
  border-radius: 10px 0 0 10px;
}
.backlogsection .table tr td img {
  border-radius: 50%;
  width: 25px;
}
.backlogsection .table tr td:last-child {
  text-align: center;
  border-radius: 0px 10px 10px 0px;
}
.backlogsection .table tr td button {
  border: 0;
  padding: 5px;
  background: none;
}
.backlogsection .addbacklog {
  background: #f4f4f4;
  border-radius: 5px;
  padding: 15px;
}

.kanban-item .duein {
  background: #E1DFD6;
  border-radius: 3px;
  height: auto;
  font-size: 11px;
  padding: 2px 8px;
}
.kanban-item .task-status {
  background: #8882F4;
  padding: 2px 5px;
  height: auto;
  font-size: 11px;
  border-radius: 3px;
  color: #ffffff;
}
.kanban-item .co-icon {
  vertical-align: middle;
}
.kanban-item .time_tracker {
  border-right: 1px solid #DEE9FC;
}
.kanban-item .time_tracker span {
  line-height: 10px;
}
.kanban-item .dropdown {
  color: #d5d5d5;
}
.kanban-item .dropdown i {
  vertical-align: middle;
}
.kanban-item .agile-board-content-wrapper h2 {
  color: #000000;
  font-size: 1rem;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  max-height: 38px;
  line-height: 1.3rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanban-item .agile-board-content-wrapper .c_name, .kanban-item .agile-board-content-wrapper .co-icon {
  font-size: 0.87rem;
  color: #707070;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div {
  position: relative;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #97C35B;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div span {
  position: absolute;
  width: 20px;
  line-height: 20px;
  color: #ffffff;
  background: #97C35B;
  bottom: 0;
  right: -5px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  height: 20px;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div.rev_img img {
  border-color: #F9AF1C;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div.rev_img span {
  background: #F9AF1C;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div.esc_img img {
  border-color: #f27039;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div.esc_img span {
  background: #f27039;
}
.kanban-item .agile-board-content-wrapper .p_r_e_img > div .user-name-img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kanban-item .agile-board-content-wrapper .time_priority .high {
  color: #FF3636;
}
.kanban-item .agile-board-content-wrapper .time_priority .low {
  color: #97C35B;
}
.kanban-item .agile-board-content-wrapper .time_priority .medium {
  color: #F9AF1C;
}
.kanban-item .agile-board-content-wrapper .time_priority .priborder {
  border-right: 1px solid #DEE9FC;
}
.kanban-item .agile-board-content-wrapper .time_priority .time small {
  font-size: 11px;
  color: #777777;
}
.kanban-item .agile-board-content-wrapper .alltime {
  font-size: 0.87rem;
  color: #8882F4;
}

#invitemodal .form-control {
  appearance: auto;
}
#invitemodal small {
  font-size: 0.76rem;
  color: #777777;
  letter-spacing: 1px;
}

.new_company_kanban {
  padding: 10px;
}
.new_company_kanban .accordion-item {
  background: none;
  border: 0;
}
.new_company_kanban .accordion-item .c_logo {
  border-radius: 5px;
  background: #eeeeee;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #666666;
  margin-right: 10px;
}
.new_company_kanban .accordion-item .main_c_name button {
  padding: 0;
  box-shadow: 0 0 0;
  background: none;
  border: 0;
  color: #000000;
  line-height: 21px;
}
.new_company_kanban .accordion-item .main_c_name button:after {
  display: none;
}
.new_company_kanban .accordion-item .main_c_name button i {
  color: #99A5BC;
}
.new_company_kanban .accordion-item .company_body {
  background: rgba(225, 225, 225, 0.3);
  border-radius: 10px;
  padding: 10px;
}
.new_company_kanban .accordion-item .projectbody {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}
.new_company_kanban .accordion-button.collapsed i {
  transform: rotate(-90deg);
}

/*add project css*/
.check-1 {
  width: 25px;
  height: 25px;
}

.check-2 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-3 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-4 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-5 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-6 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-7 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-8 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-9 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.check-10 {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.flex-container {
  display: flex;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 5px;
  padding: 18px;
  font-size: 30px;
  border-radius: 5px 5px 5px 5px;
}

.project_modal_grid {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  grid-gap: 1rem;
}
.project_modal_grid #Categories li.selected a {
  font-weight: 600;
}

.addproject-modal-xl {
  max-width: 60%;
}

.project-template-wrapper {
  display: grid;
  grid-template-columns: 100px auto;
  align-items: center;
  margin-bottom: 20px;
}
.project-template-wrapper div:nth-child(2) {
  border: 1px solid #DEE9FC;
  margin-left: -2px;
  border-radius: 0 10px 10px 0;
  padding: 10px;
}
.project-template-wrapper.selected div:nth-child(2) {
  background: #e5e5e5;
}

.project-template-wrapper div:first-child {
  background: #E5E5E5;
  border-radius: 10px 0 0 10px;
}

.project_modal_grid div {
  padding: 0 10px;
}

#AddProjectModal h3 {
  font-size: 26px;
  font-weight: 600;
}

.w-modal ul.users_list {
  display: flex;
  padding-left: 0px;
}
.w-modal ul.users_list li {
  position: relative;
  list-style: none;
}
.w-modal ul.users_list li:not(:first-child) {
  margin-left: -20px;
}
.w-modal ul.users_list li:not(:first-child) img {
  border: 1px solid #707070;
}
.w-modal ul.users_list li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
.w-modal .users_list li .remove_user {
  display: none;
  position: absolute;
  right: 10px;
  line-height: 1;
  font-size: 10px;
  background: #f37f32;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  top: 0;
  padding: 2px 2px;
  width: 15px;
  height: 15px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  transition: all 2s;
}
.w-modal .users_list li:hover .remove_user {
  transition: all 2s;
  display: flex;
  transition: all 0.3s ease-in-out;
}

/*add project modal*/
/*project template css start*/
.main_template_wrapper {
  display: grid;
  grid-template-columns: 78% 20%;
  grid-gap: 2%;
}
.main_template_wrapper .med_row .task-id-row {
  display: grid;
  grid-template-columns: 50% 50%;
}
.main_template_wrapper .med_row .task-id-row div:first-child {
  padding-right: 10px;
}
.main_template_wrapper .med_row .work-item-row {
  display: grid;
  grid-template-columns: 20% 35% 20%;
  grid-gap: 2rem;
  justify-content: space-between;
}
.main_template_wrapper .med_row .task-common-fields {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  margin: 3px;
  padding: 5px;
  border: 1px solid #c3c3c3;
}
.main_template_wrapper .med_row .task-common-fields label {
  font-weight: 600;
}
.main_template_wrapper .med_row .assignee_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main_template_wrapper .med_row .assignee_row > div {
  width: calc(50% - 20px);
}
.main_template_wrapper .bottom_row {
  display: grid;
  grid-template-columns: 75% 25%;
}
.main_template_wrapper .field_container .field_wrapper {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-gap: 10px 2%;
}
.main_template_wrapper .field_container .field_wrapper > div {
  background: #F5F5F5;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
}
.main_template_wrapper .bot_right {
  background: #ccc;
}
.main_template_wrapper .template_wrapper_right {
  background: #ebe9e9;
  padding: 10px;
}
.main_template_wrapper .template_wrapper_right .previous_container h2, .main_template_wrapper .template_wrapper_right .previous_container p {
  margin: 10px 0;
}
.main_template_wrapper .template_wrapper_right .previous_container .previous_container_item {
  background: #fff;
  margin-bottom: 10px;
  padding: 5px;
}

/*history css start*/
.states_parent {
  display: flex;
}
.states_parent .state_movement {
  display: grid;
  grid-template-columns: auto auto;
  /*min-width: 20rem;*/
  width: fit-content;
  margin-right: 25px;
  /*align-items: center;*/
}
.states_parent .state_movement .position_wrapper {
  margin-left: 25px;
  padding-top: 10px;
}
.states_parent .state_movement .position_wrapper label {
  background: #deebff;
  text-transform: uppercase;
  color: #0747a6;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 6px;
  border-radius: 2px;
}
.states_parent .state_movement .owner_name {
  margin-bottom: 0;
}

.arrow_wrapper {
  display: grid;
  grid-template-columns: 107% 10px;
}
.arrow_wrapper .arrow-tail {
  border: 4px solid #2b88d8;
  width: 100%;
}
.arrow_wrapper .arrow-head {
  position: relative;
}
.arrow_wrapper .arrow-head:after {
  content: "\f0da";
  display: block;
  color: rgb(43, 136, 216);
  position: absolute;
  z-index: 1;
  font-family: "FontAwesome";
  font-size: 24px;
  top: -14px;
  left: -5px;
}

.buttons_group_checkbox .btn-outline-primary {
  border-color: #DEE9FC;
  color: #313E5B;
  padding: 7px 15px;
}
.buttons_group_checkbox .btn-outline-primary svg {
  margin-right: 5px;
  vertical-align: text-top;
  width: 14px;
  height: auto;
}
.buttons_group_checkbox .btn-outline-primary svg .svgstroke {
  stroke: #313E5B;
}
.buttons_group_checkbox .btn-outline-primary:hover {
  background: #313E5B;
  color: #ffffff;
  border-color: #313E5B;
}
.buttons_group_checkbox .btn-outline-primary:hover .svgstroke {
  stroke: #ffffff;
}
.buttons_group_checkbox .btn-check:active + .btn-outline-primary {
  background: #313E5B;
  color: #ffffff;
  border-color: #313E5B;
}
.buttons_group_checkbox .btn-check:active + .btn-outline-primary .svgstroke {
  stroke: #ffffff;
}
.buttons_group_checkbox .btn-check:checked + .btn-outline-primary {
  background: #313E5B;
  color: #ffffff;
  border-color: #313E5B;
}
.buttons_group_checkbox .btn-check:checked + .btn-outline-primary .svgstroke {
  stroke: #ffffff;
}

.masters-menu {
  padding: 5px 0;
  border-top: 1px solid #DEE9FC;
}
.masters-menu .comp-list {
  max-height: none;
}

/*project template css ends*/
/*sprint page css starts*/
.sprint_accordion .accordion-button:not(.collapsed) {
  background-color: #F4F5F7;
  color: #313E5B;
}
.sprint_accordion .accordion-button {
  padding: 0.5rem 1.25rem;
}
.sprint_accordion .complete_sprint_button {
  background: none;
  border: 1px solid #313E5B;
  color: #313E5B;
  padding: 3px 10px;
  border-radius: 3px;
}

.sprint_item_wrapper .task_status {
  border: 1px solid #D0D5DD;
  border-radius: 5px;
  padding: 0px 5px;
}
.sprint_item_wrapper .task_status label {
  margin-bottom: 0;
}

.sprint_modal_grid {
  padding: 0 20px;
}
.sprint_modal_grid #btnSaveSprint {
  width: 90% !important;
  margin: auto !important;
}

/*sprint page css ends*/
/*devops page css*/
.link-item-box {
  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.22), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.22);
  background: #fff;
  width: 15rem;
}
.link-item-box ul li {
  padding: 0 10px;
}
.link-item-box ul li:hover {
  background-color: #F4F5F7;
}

.work_item_option_wrapper {
  border: 1px solid #ced4da;
}
.work_item_option_wrapper .list_item {
  padding: 3px 6px;
  cursor: pointer;
}
.work_item_option_wrapper .list_item:hover {
  background-color: #F4F5F7;
}

/*filter responsive*/
@media (max-width: 1350px) {
  main #tabs .tabheader .ui-tabs-nav .ui-tabs-tab a {
    font-size: 10px;
    padding: 12px 5px !important;
  }
  .group-tbtn button {
    padding: 0.4rem 0.5rem;
  }
}
.masters-menu {
  margin-top: auto;
}

#listviewQuickTask_TODO, #listviewQuickBacklog, #listviewQuickTask_In-Progress, #listviewQuickTask_Completed {
  margin-top: 1rem;
  position: relative;
}
#listviewQuickTask_TODO input, #listviewQuickBacklog input, #listviewQuickTask_In-Progress input, #listviewQuickTask_Completed input {
  width: 100%;
  border: 2px solid #f27039;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  transition: background 0.2s;
  height: 43px;
}
#listviewQuickTask_TODO input:focus, #listviewQuickBacklog input:focus, #listviewQuickTask_In-Progress input:focus, #listviewQuickTask_Completed input:focus {
  border: 2px solid #f27039;
  outline: 0;
}
#listviewQuickTask_TODO button, #listviewQuickBacklog button, #listviewQuickTask_In-Progress button, #listviewQuickTask_Completed button {
  width: 100%;
  border: 1px solid #DEE9FC;
  padding: 10px;
  background: #f9f9f9;
  border-radius: 5px;
  text-align: left;
  transition: background 0.2s;
}
#listviewQuickTask_TODO button:hover, #listviewQuickBacklog button:hover, #listviewQuickTask_In-Progress button:hover, #listviewQuickTask_Completed button:hover {
  background: #DEE9FC;
}
#listviewQuickTask_TODO td, #listviewQuickBacklog td, #listviewQuickTask_In-Progress td, #listviewQuickTask_Completed td {
  padding: 0;
  vertical-align: middle;
}
#listviewQuickTask_TODO .chosen-container, #listviewQuickBacklog .chosen-container, #listviewQuickTask_In-Progress .chosen-container, #listviewQuickTask_Completed .chosen-container {
  max-width: 150px;
}
#listviewQuickTask_TODO .chosen-container .chosen-single, #listviewQuickBacklog .chosen-container .chosen-single, #listviewQuickTask_In-Progress .chosen-container .chosen-single, #listviewQuickTask_Completed .chosen-container .chosen-single {
  width: 100%;
  border: 0;
  padding: 5px 10px;
  background: #fff;
  border-radius: 0;
  text-align: left;
  transition: background 0.2s;
  height: 43px;
  box-shadow: 0 0 0;
  line-height: 28px;
}
#listviewQuickTask_TODO .chosen-container .chosen-single div b, #listviewQuickBacklog .chosen-container .chosen-single div b, #listviewQuickTask_In-Progress .chosen-container .chosen-single div b, #listviewQuickTask_Completed .chosen-container .chosen-single div b {
  background: none;
  padding-top: 8px;
}
#listviewQuickTask_TODO .chosen-container .chosen-single div b:after, #listviewQuickBacklog .chosen-container .chosen-single div b:after, #listviewQuickTask_In-Progress .chosen-container .chosen-single div b:after, #listviewQuickTask_Completed .chosen-container .chosen-single div b:after {
  content: "\ec89";
  font-family: "boxicons" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#listviewQuickTask_TODO .chosen-container.chosen-disabled, #listviewQuickBacklog .chosen-container.chosen-disabled, #listviewQuickTask_In-Progress .chosen-container.chosen-disabled, #listviewQuickTask_Completed .chosen-container.chosen-disabled {
  opacity: 1 !important;
  cursor: not-allowed;
}
#listviewQuickTask_TODO .chosen-container .chosen-drop, #listviewQuickBacklog .chosen-container .chosen-drop, #listviewQuickTask_In-Progress .chosen-container .chosen-drop, #listviewQuickTask_Completed .chosen-container .chosen-drop {
  background: #ffffff;
  box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.1);
  bottom: 12px;
  padding: 0;
  left: 0;
  top: auto;
  bottom: calc(100% + 10px);
  border: 0;
  position: absolute;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5px;
}
#listviewQuickTask_TODO .chosen-container .chosen-search, #listviewQuickBacklog .chosen-container .chosen-search, #listviewQuickTask_In-Progress .chosen-container .chosen-search, #listviewQuickTask_Completed .chosen-container .chosen-search {
  border-bottom: 1px solid #eeeeee;
  padding: 0;
}
#listviewQuickTask_TODO .chosen-container .chosen-search input, #listviewQuickBacklog .chosen-container .chosen-search input, #listviewQuickTask_In-Progress .chosen-container .chosen-search input, #listviewQuickTask_Completed .chosen-container .chosen-search input {
  border: 0;
  height: auto;
}
#listviewQuickTask_TODO .chosen-container.chosen-container-active .chosen-single div b:after, #listviewQuickBacklog .chosen-container.chosen-container-active .chosen-single div b:after, #listviewQuickTask_In-Progress .chosen-container.chosen-container-active .chosen-single div b:after, #listviewQuickTask_Completed .chosen-container.chosen-container-active .chosen-single div b:after {
  content: "\ec96";
}
#listviewQuickTask_TODO .form-control, #listviewQuickBacklog .form-control, #listviewQuickTask_In-Progress .form-control, #listviewQuickTask_Completed .form-control {
  width: 100%;
  border: 0;
  padding: 5px 10px;
  background: #fff;
  border-radius: 0;
  text-align: left;
  transition: background 0.2s;
  height: 43px;
  font-size: 1rem;
}
#listviewQuickTask_TODO .form-control:focus, #listviewQuickBacklog .form-control:focus, #listviewQuickTask_In-Progress .form-control:focus, #listviewQuickTask_Completed .form-control:focus {
  border: 2px solid #f27039 !important;
  outline: 0;
  box-shadow: 0 0 0 !important;
}
#listviewQuickTask_TODO .quicktaskwrapper, #listviewQuickBacklog .quicktaskwrapper, #listviewQuickTask_In-Progress .quicktaskwrapper, #listviewQuickTask_Completed .quicktaskwrapper {
  display: none;
}
#listviewQuickTask_TODO.active .quicktaskwrapper, #listviewQuickBacklog.active .quicktaskwrapper, #listviewQuickTask_In-Progress.active .quicktaskwrapper, #listviewQuickTask_Completed.active .quicktaskwrapper {
  display: table-row;
}
#listviewQuickTask_TODO.active .dreate_row, #listviewQuickBacklog.active .dreate_row, #listviewQuickTask_In-Progress.active .dreate_row, #listviewQuickTask_Completed.active .dreate_row {
  display: none;
}
#listviewQuickTask_TODO .users_list, #listviewQuickBacklog .users_list, #listviewQuickTask_In-Progress .users_list, #listviewQuickTask_Completed .users_list {
  display: flex;
  align-items: center;
  justify-content: center;
}
#listviewQuickTask_TODO .users_list li img, #listviewQuickBacklog .users_list li img, #listviewQuickTask_In-Progress .users_list li img, #listviewQuickTask_Completed .users_list li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#listviewQuickTask_TODO .users_list li .remove_user, #listviewQuickBacklog .users_list li .remove_user, #listviewQuickTask_In-Progress .users_list li .remove_user, #listviewQuickTask_Completed .users_list li .remove_user {
  display: none;
  position: absolute;
  right: -6px;
  line-height: 1;
  font-size: 0.714rem;
  background: #f37f32;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  top: -6px;
  padding: 2px 2px;
  width: 15px;
  height: 15px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  transition: all 2s;
}
#listviewQuickTask_TODO .users_list li .adduser-btn, #listviewQuickBacklog .users_list li .adduser-btn, #listviewQuickTask_In-Progress .users_list li .adduser-btn, #listviewQuickTask_Completed .users_list li .adduser-btn {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #E4E2DA;
}
#listviewQuickTask_TODO .users_list li .adduser-btn svg, #listviewQuickBacklog .users_list li .adduser-btn svg, #listviewQuickTask_In-Progress .users_list li .adduser-btn svg, #listviewQuickTask_Completed .users_list li .adduser-btn svg {
  width: 16px;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown ul, #listviewQuickBacklog .users_list li.custom_dropdown ul, #listviewQuickTask_In-Progress .users_list li.custom_dropdown ul, #listviewQuickTask_Completed .users_list li.custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  width: 200px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul, #listviewQuickBacklog .users_list li.custom_dropdown.open ul, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul {
  opacity: 1;
  display: block;
  max-height: 200px;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul li, #listviewQuickBacklog .users_list li.custom_dropdown.open ul li, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul li, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul li {
  padding: 5px 10px;
  font-size: 0.87rem;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul li .user_initals, #listviewQuickBacklog .users_list li.custom_dropdown.open ul li .user_initals, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul li .user_initals, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul li .user_initals {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 0.87rem;
  overflow: hidden;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul li .user_initals img, #listviewQuickBacklog .users_list li.custom_dropdown.open ul li .user_initals img, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul li .user_initals img, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul li .user_initals img {
  width: 26px;
  height: 26px;
  margin: 0;
  display: block;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul li .user_name, #listviewQuickBacklog .users_list li.custom_dropdown.open ul li .user_name, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul li .user_name, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul li .user_name {
  word-break: break-all;
  line-height: 1rem;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul li:hover, #listviewQuickBacklog .users_list li.custom_dropdown.open ul li:hover, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul li:hover, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul li:hover {
  background: #f8f8f8;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul .search, #listviewQuickBacklog .users_list li.custom_dropdown.open ul .search, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul .search, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul .search {
  position: relative;
  padding: 0;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul .search input, #listviewQuickBacklog .users_list li.custom_dropdown.open ul .search input, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul .search input, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul .search input {
  width: 100%;
  font-size: 0.87rem;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  padding: 6px 5px 6px 35px;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul .search input:focus, #listviewQuickBacklog .users_list li.custom_dropdown.open ul .search input:focus, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul .search input:focus, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul .search input:focus {
  border: 0;
  border-bottom: 1px solid #eeeeee;
  outline: 0;
}
#listviewQuickTask_TODO .users_list li.custom_dropdown.open ul .search svg, #listviewQuickBacklog .users_list li.custom_dropdown.open ul .search svg, #listviewQuickTask_In-Progress .users_list li.custom_dropdown.open ul .search svg, #listviewQuickTask_Completed .users_list li.custom_dropdown.open ul .search svg {
  position: absolute;
  left: 10px;
  stroke: #f27039;
  top: 10px;
}
#listviewQuickTask_TODO .users_list li:hover .remove_user, #listviewQuickBacklog .users_list li:hover .remove_user, #listviewQuickTask_In-Progress .users_list li:hover .remove_user, #listviewQuickTask_Completed .users_list li:hover .remove_user {
  transition: all 2s;
  display: flex;
  transition: all 0.3s ease-in-out;
}

.send-comment-new-wrap {
  position: relative;
}
.send-comment-new-wrap .task-add-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 52px !important;
}
.send-comment-new-wrap .note-editor.note-frame .note-statusbar, .send-comment-new-wrap .note-editor.note-airframe .note-statusbar {
  border-top: none;
}
.send-comment-new-wrap .note-editor.note-frame .note-statusbar .note-resizebar, .send-comment-new-wrap .note-editor.note-airframe .note-statusbar .note-resizebar {
  height: 0;
}
.send-comment-new-wrap .note-editor.note-frame, .send-comment-new-wrap .note-editor.note-airframe {
  border-radius: 5px;
}

.second_sidebar.close #clientSidebar.comp-list > li.active > a.allclient {
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
}

#myKanban .kanban-container .kanban-board:nth-child(2) .kanban-item .task-status {
  background-color: rgb(8, 173, 255);
}
#myKanban .kanban-container .kanban-board:nth-child(3) .kanban-item .task-status {
  background-color: rgb(107, 201, 80);
}

#notificationDiv .notification_main_section:nth-child(2) .change_status_row .new_status {
  background-color: rgb(8, 173, 255);
}
#notificationDiv .notification_main_section:nth-child(3) .change_status_row .new_status {
  background-color: rgb(107, 201, 80);
}

.nav-links.static_nav_ul {
  padding-bottom: 8px !important;
}
.nav-links.static_nav_ul li {
  margin-bottom: 7px;
}
.nav-links.static_nav_ul li .sub-menu svg {
  display: none;
}
.nav-links.static_nav_ul li .sub-menu li a {
  border-radius: 0px 5px 5px 0;
  padding: 2px 10px;
  margin-left: -2px;
}
.nav-links.static_nav_ul li:hover li {
  margin: 0 0;
}
.nav-links.static_nav_ul li:hover .sub-menu {
  padding: 0 0 !important;
}
.nav-links.static_nav_ul li:hover .sub-menu li a {
  border-radius: 0px 5px 5px 0;
  padding: 2px 10px;
  margin-left: -2px;
}

.Modal_Form select.form-control {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  -ms-appearance: menulist !important;
  -o-appearance: menulist !important;
  appearance: menulist !important;
}

.newtask_row_inner {
  padding: 0.87rem 0.87rem 0rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  transition: box-shdow 0.3s;
  cursor: pointer;
  border-radius: 5px;
}
.newtask_row_inner .task_input {
  width: 100%;
  height: 32px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 5px 2.25rem 5px 0.75rem;
  font-size: 0.85rem;
}
.newtask_row_inner .task_input:focus {
  outline: 0;
}
.newtask_row_inner .user_list_dropdown {
  background: #ffffff;
  box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.1);
  top: calc(100% + 5px);
  padding: 0;
  left: 0;
  position: absolute;
  border-radius: 5px;
  display: none;
}
.newtask_row_inner .quick_reviewer_dropdown:after {
  display: none;
}
.newtask_row_inner .quick_reviewer_dropdown:before {
  display: none;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown {
  display: block;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .search {
  position: relative;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .search input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  padding: 6px 5px 6px 30px;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .search input:focus {
  border: 0;
  border-bottom: 1px solid #eeeeee;
  outline: 0;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .search svg {
  position: absolute;
  left: 10px;
  stroke: #f27039;
  top: 5px;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .dropdown-user {
  margin: 0px;
  padding: 5px 10px;
  height: auto;
  cursor: pointer;
}
.newtask_row_inner .custom_dropdown.open .user_list_dropdown .dropdown-user:hover {
  background: #f8f8f8;
}
.newtask_row_inner .users_list li .remove_user {
  right: -6px;
  top: -6px;
}
.newtask_row_inner .custom_dropdown {
  position: relative;
  /* input {
      display: none;
  }*/
}
.newtask_row_inner .custom_dropdown svg {
  width: 16px;
  margin-right: 5px;
}
.newtask_row_inner .custom_dropdown button {
  background: #97C35B;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  text-align: left;
  height: 38px;
  width: 135px;
  padding: 6px 30px 6px 15px;
}
.newtask_row_inner .custom_dropdown button::after {
  content: "\f078";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  right: 14px;
  top: 10px;
  position: absolute;
  font-size: 0.85rem;
}
.newtask_row_inner .custom_dropdown button .s_color {
  stroke: #ffffff;
}
.newtask_row_inner .custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.newtask_row_inner .custom_dropdown ul li {
  list-style: none;
}
.newtask_row_inner .custom_dropdown ul li label {
  display: block;
  padding: 6px 15px;
  margin: 0;
  color: #222222;
  transition: all 0.3s;
  cursor: pointer;
}
.newtask_row_inner .custom_dropdown ul li label .s_color {
  stroke: #222222;
}
.newtask_row_inner .custom_dropdown ul li label:hover {
  background: #f5f5f5;
}
.newtask_row_inner .custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}
.newtask_row_inner .custom_dropdown i {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  background: #17BDFF;
}
.newtask_row_inner .custom_dropdown i.High {
  background: #F9AF1C;
}
.newtask_row_inner .custom_dropdown i.Critical {
  background: #ff4444;
}
.newtask_row_inner .custom_dropdown i.Medium {
  background: #99C45E;
}
.newtask_row_inner .custom_dropdown.priority button {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  color: #222222;
  height: 38px;
  width: 124px;
}
.newtask_row_inner .quick_scheduler .adduser-btn {
  border: 0;
  background: 0;
}
.newtask_row_inner.active {
  display: block !important;
}
.newtask_row_inner .save {
  background: #f27039;
  border: 0;
  color: #ffffff;
  border-radius: 3px;
  padding: 5px 10px;
  margin-left: 5px;
}

main .Client-masterWrapper .Table_wrapper {
  overflow-x: visible;
}

.group-tbtn button:nth-of-type(2) {
  border: 1px solid #eeeeee !important;
  border-radius: 0 5px 5px 0;
}
.group-tbtn button:nth-of-type(2).active {
  background: #9B99A4;
}
.group-tbtn button:nth-of-type(2).active svg {
  stroke: #ffffff;
}
.group-tbtn button:nth-of-type(1).active {
  background: #9B99A4;
}
.group-tbtn button:nth-of-type(1).active svg {
  stroke: #ffffff;
}

#tblPreparer th:nth-of-type(11) {
  text-align: center;
}
#tblPreparer th:nth-of-type(12) {
  text-align: center;
}
#tblPreparer th:nth-of-type(13) {
  text-align: center;
}

.tbl-user-img-col {
  text-align: center;
}
.tbl-user-img-col .user-name-img {
  margin: auto;
}

/*client pin css*/
.comp-list .pinned_clients {
  border-bottom: 1px solid #DEE9FC;
}
.comp-list .pinned_clients P {
  padding-left: 5px;
  font-size: 11px;
}
.comp-list .pinned_clients P .fa-angle-down {
  background: #DEE9FC;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  color: #76829B;
  line-height: 17px;
}
.comp-list .pinned_clients P.rotate i {
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
}

.second_sidebar.close .pinned_clients span {
  display: none;
}

.unpinned_heading {
  font-size: 11px;
  padding-left: 10px;
  margin-top: 10px;
}

/*kanban changes*/
.kanban-container .kanban-board {
  height: calc(100vh - 161px);
  overflow: auto;
  border-radius: 10px;
  background: #f8f8f8;
}
.kanban-container .kanban-board .kanban-drag {
  min-height: 20px !important;
  height: auto;
  background: none;
  max-height: calc(100vh - 340px);
}

.not-draggable button {
  border: none;
  outline: none;
  padding: 2px 5px;
  width: 100%;
  text-align: left;
  margin-top: 10PX;
}
.not-draggable button.rotate i {
  transform: rotate(-90deg);
}

.login_form_or_divider {
  margin: 16px 0;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.login_form_or_divider:before, .login_form_or_divider:after {
  background-color: rgba(0, 0, 0, 0.35);
  content: "";
  height: 1px;
  width: 50%;
}
.login_form_or_divider span {
  padding: 0 16px;
}

.google_wrapper {
  margin-bottom: 40px;
}
.google_wrapper iframe {
  width: 100% !important;
  margin: 0 auto !important;
  margin-left: -5px !important;
}
.google_wrapper iframe .haAclf {
  width: 95%;
}
.google_wrapper iframe .haAclf .nsm7Bb-HzV7m-LgbsSe {
  border-radius: 30px;
}

.action-trigger-wrapper a.preparertab {
  font-size: 12px;
}
.action-trigger-wrapper a.preparertab img {
  margin-top: 3px;
}

#tblBacklog_rows .action-trigger-wrapper i.fa-edit {
  margin: 0 5px !important;
}
#tblBacklog_rows .action-trigger-wrapper i.fa-trash-alt {
  color: #cf0505 !important;
}
#tblBacklog_rows .backlogName input {
  border: 1px solid #f27039 !important;
  outline: none;
}
#tblBacklog_rows .backlogName input:focus-visible {
  border: 1px solid #f27039 !important;
}

.note-hint-popover {
  top: auto !important;
  bottom: 40px !important;
}

#LayoutHeader .time_tracker {
  min-width: 16rem;
}
#LayoutHeader .sidebar_prfile {
  position: relative;
}

.sidebar_prfile .credential-Wrapper {
  min-width: 12rem;
  min-height: 11rem;
  left: auto;
  right: 0 !important;
  height: fit-content;
  width: fit-content;
}
.sidebar_prfile .credential-Wrapper:after {
  display: none;
}

.sidebar_prfile .userdetail {
  max-width: none;
  padding: 10px;
}

.masters-menu #accordionwrapper {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s;
  background: #f8f8f8;
}

.sidebar .company_list {
  overflow: auto;
}

.sidebar ul.comp-list {
  height: auto;
  padding-bottom: 0px !important;
}

.sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidebar .logo-details {
  min-height: 50px;
}
.sidebar #staticMenu {
  min-height: 130px;
}
.sidebar #accordionwrapper.active {
  max-height: 1000px;
}
.sidebar .comp-list li {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  align-items: center;
  line-height: 1;
  margin: 8px 0px;
  cursor: pointer;
  padding-left: 20px;
}
.sidebar .comp-list li a {
  padding: 5px 10px 5px 5px;
  display: block;
  transition: all 0.3s;
  width: 100%;
  line-height: 1.2em;
  font-size: 13px;
}
.sidebar .comp-list li a i {
  margin-right: 5px;
}
.sidebar.close .comp-list li a span {
  display: none;
}

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
  font-size: 14px !important;
}

/*in progress kanban drag height full*/
.kanban-container .kanban-board main.kanban-drag {
  min-height: calc(100% - 60px) !important;
}

/*in progress kanban drag height full*/
.h_modal .taskadd-content .mycard .mycard_body .users_list li.custom_dropdown.open ul {
  /*padding-top:20px;*/
}

a.trigger-btn {
  direction: flex;
  align-items: center;
}
a.trigger-btn i {
  font-size: 11px;
}

.bucket_toggle_btn {
  padding: 2px 10px;
}
.bucket_toggle_btn .btn_title {
  color: #54607B;
  padding-left: 5px;
  font-weight: 500;
}
.bucket_toggle_btn .count {
  width: 20px;
  height: 20px;
  background: #eeeeee;
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
  font-size: 0.87rem;
}
.bucket_toggle_btn.rotate i {
  transform: rotate(-90deg);
}

.hidden {
  display: none;
}

/*.edit_drop{
    display:none;
}*/
@media (max-width: 1400px) {
  .kanban-item {
    /*.Parent-task-edit {
        display: none;
    }

    .edit_drop {
        display: block;
    }*/
  }
  .kanban-item .agile-board-content-wrapper .p_r_e_img > div img {
    width: 30px;
    height: 30px;
  }
  .kanban-item .agile-board-content-wrapper .p_r_e_img > div .user-name-img {
    width: 30px;
    height: 30px;
  }
  .kanban-item .agile-board-content-wrapper .p_r_e_img > div span {
    font-size: 8px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    bottom: 2px;
    right: -2px;
  }
  .kanban-item .agile-board-content-wrapper .c_name {
    max-width: 170px;
  }
  .kanban-item .agile-board-content-wrapper .c_name span {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .kanban-item .agile-board-content-wrapper .co-icon span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 130px;
  }
  .kanban-item .time_tracker span {
    display: none;
  }
  .active ~ .home-section #AllTaskDetails {
    overflow: auto;
  }
  .active ~ .home-section #AllTaskDetails #myKanban {
    min-width: 1200px;
  }
  .kanban-item .agile-board-content-wrapper h2 {
    line-height: 1.3rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
  }
}
#clientSidebar {
  height: calc(100vh - 92px);
}

#Addmodal .modal-dialog {
  max-width: 80%;
}

/*popup details form*/
.form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
  margin-top: 0;
  border-radius: 2em;
  /*border: 1px solid rgb(255 40 40 /25%);
  background-color: #f50808;*/
  cursor: pointer;
}

/*.form-switch .form-check-input:checked {
    border:#80cf00 ;
    background-color: #80cf00;
}*/
.Table_status table.status_table {
  padding: 10px !important;
  border: 0 !important;
  background: #ffffff;
  margin: 0 !important;
}

.Table_status table.status_table {
  background-color: #f1f5f9 !important;
  border-spacing: 0 5px !important;
  padding: 0px 10px 10px;
  width: 100% !important;
}

.Table_status table thead tr th,
table thead tr th {
  padding: 0.5rem 0.5rem;
  color: #fff !important;
  font-size: 0.85rem;
  word-spacing: 0.5px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-transform: capitalize;
  text-align: left;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
}

.Table_status table.status_table thead tr th {
  color: #596270 !important;
}

.Table_status table.status_table thead tr {
  background: none !important;
}

.Table_status table.status_table tr {
  background: #ffffff;
  margin-bottom: 10px !important;
  height: 43px;
  cursor: pointer;
}

.Table_status table tbody tr td, table tbody tr td {
  /* padding: 0.25rem 0.25rem; */
  padding: 4px 0.5rem;
  font-size: 0.85rem;
  word-spacing: 0.5px;
  letter-spacing: 0.5px;
  line-height: 0;
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
}

.trstatusDetail td svg {
  width: 20px;
  color: #FF4444;
}
.trstatusDetail td .form-control {
  border: 0;
  color: #636468;
}
.trstatusDetail td .form-control:focus {
  border: 1px solid #dddddd !important;
  box-shadow: 0 0 0 !important;
}
.trstatusDetail td i {
  font-size: 16px;
}
.trstatusDetail td .form-select {
  background-position: right -1px center !important;
  background-size: 12px 10px !important;
}
.trstatusDetail button {
  width: 100%;
  border: 0;
  padding: 10px;
  background: #f9f9f9;
  border-radius: 5px;
  text-align: left;
  transition: background 0.2s;
  white-space: nowrap;
}
.trstatusDetail button:hover {
  background: #DEE9FC;
}
.trstatusDetail.hide {
  display: none;
}

/*.Delete_Modal_Wrapper .modal-confirm .btn-delete {
    display: none;
}*/
.trstatusallDetail td .form-control {
  border: 0;
}

/*popup details form*/
#FilterCompanyMasterDiv {
  padding: 10px;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-single {
  background: #ffffff;
  border: 1px solid #eeeeee;
  padding: 5px 15px;
  box-shadow: 0 0 0;
  height: auto;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-single:after {
  content: "\ec89";
  font-family: "boxicons" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 9px;
  top: 11px;
  position: absolute;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-single div {
  display: none;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-drop {
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 5px;
  overflow: hidden;
  top: 115%;
  /*@include shadow1;*/
  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.22), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.22);
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-drop .chosen-search {
  border-bottom: 1px solid #eeeeee;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-drop .chosen-search input {
  border: 0;
}
#FilterCompanyMasterDiv .chosen-container-single .chosen-drop .chosen-results li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

main .Client-masterWrapper .Table_wrapper table.red_table.cmn_assigned_table {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
main .Client-masterWrapper .Table_wrapper table.red_table.cmn_assigned_table thead tr {
  line-height: 1;
  height: 25px;
}

.cmn_assigned_table .cmn_header th {
  line-height: 1;
  padding: 0rem 0.5rem !important;
}
.cmn_assigned_table tr {
  position: relative;
  z-index: 0;
}
.cmn_assigned_table tr td, .cmn_assigned_table tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0.5rem;
}
.cmn_assigned_table tr td:first-child, .cmn_assigned_table tr th:first-child {
  width: 100px;
  max-width: 100px;
}
.cmn_assigned_table tr td:first-child a .trigger-btn, .cmn_assigned_table tr th:first-child a .trigger-btn {
  width: fit-content;
}
.cmn_assigned_table tr td:nth-child(2), .cmn_assigned_table tr th:nth-child(2) {
  width: 80px;
  max-width: 80px;
}
.cmn_assigned_table tr td:nth-child(3), .cmn_assigned_table tr th:nth-child(3) {
  width: 150px;
  max-width: 150px;
}
.cmn_assigned_table tr td:nth-child(4), .cmn_assigned_table tr th:nth-child(4) {
  width: 160px;
  max-width: 160px;
}
.cmn_assigned_table tr td:nth-child(5), .cmn_assigned_table tr th:nth-child(5) {
  width: 140px;
  max-width: 140px;
}
.cmn_assigned_table tr td:nth-child(6), .cmn_assigned_table tr th:nth-child(6) {
  width: 80px;
  max-width: 80px;
}
.cmn_assigned_table tr td:nth-child(7), .cmn_assigned_table tr th:nth-child(7) {
  width: 140px;
  max-width: 140px;
}
.cmn_assigned_table tr td:nth-child(8), .cmn_assigned_table tr th:nth-child(8) {
  width: 110px;
  max-width: 110px;
}
.cmn_assigned_table tr td:nth-child(9), .cmn_assigned_table tr th:nth-child(9) {
  width: 80px;
  max-width: 80px;
}
.cmn_assigned_table tr td:nth-child(10), .cmn_assigned_table tr td:nth-child(11), .cmn_assigned_table tr td:nth-child(12), .cmn_assigned_table tr th:nth-child(10), .cmn_assigned_table tr th:nth-child(11), .cmn_assigned_table tr th:nth-child(12) {
  width: 120px;
  max-width: 120px;
  text-align: center !important;
}
.cmn_assigned_table tr td .fa-ellipsis-vertical, .cmn_assigned_table tr th .fa-ellipsis-vertical {
  margin-left: 10px;
  padding: 5px;
}
.cmn_assigned_table tr.z-index-1 {
  z-index: 1 !important;
}
.cmn_assigned_table thead {
  cursor: pointer;
}
.cmn_assigned_table .time_tracker {
  padding: 5px 0px 0 10px;
}
.cmn_assigned_table .time_tracker button {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: 0;
  border-radius: 50%;
  background: #97c35b;
  color: #ffffff;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 11px !important;
}
.cmn_assigned_table .time_tracker button i {
  font-size: 9px;
}

.nav-tabs.listBucketing_tabWrapper {
  border-bottom: none;
  padding-left: 0px;
  display: flex;
  align-items: center;
  margin-top: 10px;
  background: #f0f4f8;
}
.nav-tabs.listBucketing_tabWrapper li {
  display: flex;
  align-items: center;
}
.nav-tabs.listBucketing_tabWrapper li:first-child {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  height: 36px;
  background: #f1f5f9;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -2px;
  margin-right: -1px !important;
}
.nav-tabs.listBucketing_tabWrapper li .total_count {
  border-radius: 50%;
  background: #eeeeee;
  text-align: center;
  color: #54607B;
  padding: 0 5px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-left: 5px;
  text-shadow: 0px 0px;
}
.nav-tabs.listBucketing_tabWrapper li button:hover {
  background: #f8f8f8;
}
.nav-tabs.listBucketing_tabWrapper li button.nav-link {
  color: #444;
  /*       border-bottom: 1px solid #ccc;*/
}
.nav-tabs.listBucketing_tabWrapper li button.nav-link .work_count {
  border-radius: 50%;
  background: #eeeeee;
  text-align: center;
  color: #54607B;
  padding: 0 5px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  margin-left: 5px;
  text-shadow: 0px 0px;
}
.nav-tabs.listBucketing_tabWrapper li button.nav-link.active {
  background: #F9DED4;
  background-color: #F9DED4 !important;
  font-weight: 600;
  color: #f27039 !important;
  border: none;
}

.Table_wrapper .tab-content {
  margin-top: -4px;
}

.todo_content_wrapper {
  max-height: 25vh;
  overflow: auto;
}

main .Client-masterWrapper .red_table.cmn_assigned_table.middle-table {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
main .Client-masterWrapper .red_table.cmn_assigned_table.middle-table .tbl_heading {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  height: 30px;
  background: #f1f5f9;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -2px;
  margin-right: -1px !important;
  display: flex;
  align-items: center;
  width: 200px;
}
main .Client-masterWrapper .red_table.cmn_assigned_table.middle-table .tbl_heading .total_count {
  border-radius: 50%;
  background: #eeeeee;
  text-align: center;
  color: #54607B;
  padding: 0 5px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-left: 5px;
  text-shadow: 0px 0px;
}

.pin_dlt_dropdown {
  border-radius: 5px;
  border: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  left: 10px;
}
.pin_dlt_dropdown li a {
  padding: 5px 10px !important;
}
.pin_dlt_dropdown li a.fa-rotate-180 {
  transform: rotate(0deg);
}
.pin_dlt_dropdown li a.fa-rotate-180 svg {
  transform: rotate(180deg);
}
.pin_dlt_dropdown .dropdown-item {
  padding: 0;
}

.workspacetable .form-check-input:checked {
  background-color: #98c45c;
  border-color: #98c45c;
}

.Toggle-Wrapper .toggleSwitch {
  display: inline-block;
  height: 24px;
  position: relative;
  overflow: hidden;
  padding: 3px;
  cursor: pointer;
  width: 70px;
}
.Toggle-Wrapper .toggleSwitch input:checked ~ a {
  height: 21px;
  top: 1.5px;
  left: 68px;
}
.Toggle-Wrapper .toggleSwitch a {
  height: 22px;
  left: 0px;
  top: 1px;
}
.Toggle-Wrapper .toggleSwitch > span:before {
  left: 48px;
  top: -2px;
}

.Action-wrp span svg {
  color: #FF4444;
  width: 18px;
}

tfoot.newtask_row#listviewQuickTask_TODO {
  position: sticky;
  inset-block-end: 0px;
}

/*changes made content 31 Mar*/
.tab-content.todo_content_wrapper, .todo_content_wrapper {
  overflow: inherit;
  overflow-y: scroll;
}

tfoot.newtask_row tr td:nth-child(n+7):nth-child(-n+9), tfoot.newtask_row tr td:nth-child(n+2):nth-child(-n+3) {
  overflow: inherit;
}
tfoot.newtask_row tr td:nth-child(n+7):nth-child(-n+9) .chosen-drop, tfoot.newtask_row tr td:nth-child(n+2):nth-child(-n+3) .chosen-drop {
  max-height: 9rem;
}
tfoot.newtask_row tr td:nth-child(2) {
  width: 160px;
  max-width: 160px;
}
tfoot.newtask_row tr td:nth-child(3) {
  width: 140px;
  max-width: 140px;
}
tfoot.newtask_row tr td:nth-child(4) {
  width: 80px;
  max-width: 80px;
}
tfoot.newtask_row tr td:nth-child(5) {
  width: 140px;
  max-width: 140px;
}
tfoot.newtask_row tr td:nth-child(6) {
  width: 110px;
  max-width: 110px;
}

.daterangepicker .calendar-table th {
  color: #222 !important;
}

.kanban-board-header .addtaskbtn.changeicon .fa-plus:before {
  content: "\f068";
}

.custom_loader img {
  width: 5rem;
  display: block;
  margin: auto;
}

.workspace_row {
  padding: 10px 0 0;
}
.workspace_row .header-search-wrapper {
  max-width: 250px;
}

.other-users.activate, .side-filters.activate {
  position: absolute;
  z-index: 3;
  padding-top: 0;
  top: 130px;
  height: calc(100vh - 130px);
}
.other-users.activate.pinned, .side-filters.activate.pinned {
  top: 0;
  height: 100vh;
  padding-top: 70px;
}

.pin_wrapper {
  padding-left: 10px;
}
.pin_wrapper svg {
  transform: rotate(180deg);
}
.pin_wrapper svg #Path_860 {
  fill: #555;
}
.pin_wrapper.rotate svg {
  transform: rotate(0deg);
}
.pin_wrapper.rotate svg #Path_860 {
  fill: #f27039;
}

.kanban_top_row .dropdown .dropdown-menu {
  right: 0;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  padding: 0;
  top: 25px;
}
.kanban_top_row .dropdown .dropdown-menu li {
  display: flex;
  align-items: center;
}
.kanban_top_row .dropdown .dropdown-menu .delete-btn {
  display: inline-block;
  margin-right: 10px;
}

.describeUser {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  color: #fff;
  z-index: 4;
  text-align: center;
  display: flex;
  align-items: center;
}
.describeUser a {
  display: block;
  margin: auto;
}
.describeUser a svg {
  stroke: #9B99A4;
}

.helper_wrapper {
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  background: #fff;
  z-index: 4;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  width: 30rem;
  border-radius: 5px;
  min-height: calc(100vh - 50px);
}
.helper_wrapper header {
  display: flex;
  align-items: center;
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 10px;
  border-radius: 5px 5px 0px 0px;
}
.helper_wrapper .video_section {
  display: flex;
  align-items: center;
  padding: 15px;
}
.helper_wrapper .video_section a {
  border-radius: 5px;
  padding: 5px;
}
.helper_wrapper .video_section a img {
  border-radius: 5px;
  width: 150px;
}
.helper_wrapper .video_section .text_wrapper {
  margin-left: 1rem;
}
.helper_wrapper .video_section .text_wrapper .img_title {
  margin-bottom: 1rem;
}
.helper_wrapper .content_wrapper {
  padding: 0px 15px 15px;
}
.helper_wrapper .content_wrapper h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px !important;
}
.helper_wrapper .content_wrapper p {
  font-size: 13px;
  color: #707070;
}

.kanaban_range_wrapper {
  display: inline-block;
}

.kanban_range, .kanban_range_past {
  border: none;
  /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
  font-size: 12px !important;
  padding: 2px;
  background: #eee;
}
.kanban_range:focus, .kanban_range_past:focus {
  outline: none;
}

.weeklabel {
  margin: 0;
  padding: 0;
  display: flex;
}
.weeklabel li {
  list-style: none;
}
.weeklabel li label {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #EEEEEE;
  border: 1px solid #E4E2DA;
  transition: all 0.3s ease-in;
  font-size: 0.714rem;
  text-align: center;
  line-height: 27px;
  cursor: pointer;
  color: #9D9CA6;
  margin-bottom: 0;
}
.weeklabel li label:hover {
  background: #F79A26;
  color: #ffffff;
}
.weeklabel li input {
  display: none;
}
.weeklabel li input[type=checkbox]:checked + label {
  background: linear-gradient(36deg, rgb(249, 175, 28) 0%, rgb(242, 112, 57) 100%);
  color: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.weeklabel li:not(:last-child) {
  margin-right: 10px;
}

.every-wrp {
  display: block !important;
}
.every-wrp .Bi_Weekly-wrapper {
  display: block;
}
.every-wrp .Bi_Weekly-wrapper .Bi-weekly-Left li {
  display: flex;
  flex-wrap: wrap;
  max-width: 95%;
}

.quick-recurring .endson .c_radio {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.quick-recurring .endson .c_radio .enddate {
  margin-left: 10px;
}
.quick-recurring .endson .c_radio .endafter {
  width: 70px;
  margin: 0 10px;
}

.quick_task_features .chosen-container-single .chosen-drop .chosen-search input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: center right 10px !important;
}

.quick_task_features .chosen-container-single .chosen-single div b {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center;
  background-size: 16px 12px !important;
}

.dashboard_custom_row.top-row {
  grid-template-columns: repeat(4, 1fr);
}
.dashboard_custom_row .overview_row {
  margin: 0;
  grid-column: 1/5;
}

.second_sidebar .client_worspace_list li {
  display: block;
}
.second_sidebar .client_worspace_list li .ellipsis_btn {
  padding: 0;
}
.second_sidebar .client_worspace_list li .ellipsis_btn svg {
  width: 16px;
}
.second_sidebar .client_worspace_list li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.second_sidebar .client_worspace_list li .workspace_slide {
  min-width: 8px;
  border: 0;
  /*background: #DEE9FC;*/
  background: none;
  min-height: 8px;
  padding: 0;
  border-radius: 50%;
}
.second_sidebar .client_worspace_list li .workspace_slide svg {
  width: 15px;
  stroke: #717d95;
  height: 15px;
}
.second_sidebar .client_worspace_list li.has_workspace .mob_logo {
  position: relative;
}
.second_sidebar .client_worspace_list li.has_workspace a {
  position: relative;
}
.second_sidebar .client_worspace_list li.has_workspace .ellipsis_btn {
  position: relative;
}
.second_sidebar .client_worspace_list li.has_workspace li {
  margin-bottom: 0;
  font-size: 12px;
}
.second_sidebar .client_worspace_list li.has_workspace li li {
  margin-bottom: 5px;
}
.second_sidebar .client_worspace_list li > ul {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.second_sidebar .client_worspace_list li > ul .work_list {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.second_sidebar .client_worspace_list li > ul .work_list .workspace_slide {
  background: #2f3e5c !important;
}
.second_sidebar .client_worspace_list li > ul .work_list li {
  padding-right: 0;
}
.second_sidebar .client_worspace_list li > ul .work_list li .mob_logo {
  display: block;
  min-width: 22px;
  min-height: 22px;
}
.second_sidebar .client_worspace_list li > ul .work_list li div {
  padding-right: 0;
}
.second_sidebar .client_worspace_list li > ul > li {
  padding-right: 0;
  padding-left: 10px;
}
.second_sidebar .client_worspace_list li > ul > li:not(.has_projects) .workspace_slide {
  /*border: 1px solid #DEE9FC;*/
  background: #DEE9FC !important;
}
.second_sidebar .client_worspace_list li > ul > li:not(.has_projects) .workspace_slide svg {
  display: none;
}
.second_sidebar .client_worspace_list li > ul > li.has_projects li {
  margin-bottom: 0;
}
.second_sidebar .client_worspace_list li > ul > li.has_projects li.open .workspace_slide {
  transform: rotate(90deg);
}
.second_sidebar .client_worspace_list li > ul > li.open ul {
  max-height: 10000px;
}
.second_sidebar .client_worspace_list li.open .workspace_slide {
  transform: rotate(90deg);
}
.second_sidebar .client_worspace_list li.open > ul {
  max-height: 10000px;
  overflow: visible;
}
.second_sidebar .client_worspace_list li .active_template {
  background: rgba(249, 222, 212, 0.5);
  color: #f27039;
}
.second_sidebar .client_worspace_list > li:not(.has_workspace) > div {
  padding-left: 15px;
}
.second_sidebar .client_worspace_list > li:not(.has_workspace) > div > .workspace_slide {
  display: none;
}
.second_sidebar.close .client_worspace_list li > ul > li:not(.has_projects) .workspace_slide {
  display: none;
}
.second_sidebar.close .client_worspace_list li.has_workspace li {
  margin-left: 5px;
}

.allclient.workspace.active {
  background: rgba(249, 222, 212, 0.5);
  color: #f27039 !important;
}
.allclient.workspace svg {
  margin-right: 10px;
}

.allclient.workspace.active {
  background: rgba(249, 222, 212, 0.5);
  color: #f27039 !important;
}
.allclient.workspace svg {
  margin-right: 10px;
}

table.red_table.dataTable.helper_video_table thead tr th, table.red_table.dataTable.helper_video_table tbody tr td {
  /*width: 10rem !important;*/
  max-width: 10rem !important;
  /*min-width: 10rem !important;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.red_table.dataTable.helper_video_table thead tr th span, table.red_table.dataTable.helper_video_table tbody tr td span {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
}
table.red_table.dataTable.helper_video_table thead tr th p, table.red_table.dataTable.helper_video_table tbody tr td p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
table.red_table.dataTable.helper_video_table thead tr th .Action-wrp span, table.red_table.dataTable.helper_video_table tbody tr td .Action-wrp span {
  display: inline-block;
  width: fit-content;
}
table.red_table.dataTable.helper_video_table thead tr th .Action-wrp span a, table.red_table.dataTable.helper_video_table tbody tr td .Action-wrp span a {
  display: inline-block;
}
table.red_table.dataTable.helper_video_table thead tr {
  height: auto;
}
table.red_table.dataTable.helper_video_table thead tr th {
  padding-top: 0px;
  padding-bottom: 0px;
}

/*.add-video-btn {
    @include cmn_gradient_btn;
}*/
.loading_row .custom_loader img {
  width: 3rem;
}

.Add_Item_btn button {
  padding: 0.25rem 0.6rem;
  border: none;
  outline: none;
  border-radius: 5px;
  margin-right: 1rem;
}
.Add_Item_btn button.export-btn {
  background: #5d8e31;
}

.Delete_Modal_Wrapper .modal-confirm .btn-danger {
  background-color: #f15e5e !important;
}

#EditVideoModal .custom-modal-lg {
  max-width: 53rem;
}
#EditVideoModal .custom_row {
  display: grid;
  grid-template-columns: 20rem 30rem;
  grid-gap: 1rem;
  min-height: 70vh;
}
#EditVideoModal .modal-content {
  min-height: 70vh;
}
#EditVideoModal textarea {
  min-height: 70vh;
}
#EditVideoModal .note-editable {
  min-height: calc(70vh - 12rem);
}

#taskViewDiv button {
  border: none;
  outline: none;
  padding: 5px 16px;
  position: relative;
  cursor: pointer;
  font-size: 11px;
}
#taskViewDiv button.activate {
  background: linear-gradient(45deg, #F27039, #F9AF1C) !important;
  color: white !important;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0;
}
#taskViewDiv button:first-child {
  border-radius: 5px 0 0 5px;
}
#taskViewDiv button:last-child {
  border-radius: 0 5px 5px 0;
}

#chat-app .right-chat-sidebase-wrapper#right-chat-sidebase-wrapper {
  position: static;
}

#chat-app #right-chat-sidebase.right-chat-sidebase {
  position: fixed;
  top: 53px;
  height: calc(100vh - 53px);
  width: 50%;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

#chat_app_icon button {
  cursor: pointer;
  padding: 0;
  border: 0;
  vertical-align: middle;
  width: 36px;
  height: 36px;
}

#chat-app .chat-button {
  display: none;
}

#chat-app .sidebase, #chat-app .sidebase-2, #chat-app .content {
  height: calc(100vh - 53px) !important;
}

#chat-app .sidebase-user {
  height: 56px !important;
}

#chat_app_icon {
  position: relative;
}
#chat_app_icon .count {
  background: rgbA(231, 96, 105, 0.9);
  color: #fff;
  position: absolute;
  top: -8px;
  right: -10px;
  BORDER-RADIUS: 50%;
  min-width: 14PX;
  min-height: 14PX;
  PADDING: 4PX;
  BOX-SIZING: content-box;
  DISPLAY: FLEX;
  ALIGN-ITEMS: CENTER;
  JUSTIFY-CONTENT: CENTER;
  FONT-SIZE: 12PX;
  ASPECT-RATIO: 1/1;
}

.Attachment_MasterWrapper {
  /* &.Reviewer_Wrapper {*/
  /*}*/
}
.Attachment_MasterWrapper.Escalation_Wrapper, .Attachment_MasterWrapper.Reviewer_Wrapper {
  max-height: 100vh;
  overflow: auto;
}
.Attachment_MasterWrapper.Escalation_Wrapper::-webkit-scrollbar-track, .Attachment_MasterWrapper.Reviewer_Wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 10px;
}
.Attachment_MasterWrapper.Escalation_Wrapper::-webkit-scrollbar, .Attachment_MasterWrapper.Reviewer_Wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f27039;
}
.Attachment_MasterWrapper.Escalation_Wrapper::-webkit-scrollbar-thumb, .Attachment_MasterWrapper.Reviewer_Wrapper::-webkit-scrollbar-thumb {
  background-color: #AAA;
  border-radius: 10px;
  background-color: #f27039;
}
.Attachment_MasterWrapper .Table_wrapper {
  max-height: calc(100vh - 270px);
  overflow: visible;
}

.Client-masterWrapper .backlogsection .Table_wrapper {
  max-height: calc(100vh - 230px);
  overflow: auto;
}
.Client-masterWrapper .backlogsection .Table_wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 10px;
}
.Client-masterWrapper .backlogsection .Table_wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f27039;
}
.Client-masterWrapper .backlogsection .Table_wrapper::-webkit-scrollbar-thumb {
  background-color: #AAA;
  border-radius: 10px;
  background-color: #f27039;
}

#tblEscalation tr td:nth-child(3), #tblEscalation tr td:nth-child(4), #tblEscalation tr td:nth-child(5), #tblEscalation tr td:nth-child(7), #tblEscalation tr th:nth-child(3), #tblEscalation tr th:nth-child(4), #tblEscalation tr th:nth-child(5), #tblEscalation tr th:nth-child(7) {
  width: 180px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
}
#tblEscalation tr td.user-image-wrapper, #tblEscalation tr th.user-image-wrapper {
  text-align: left;
}

#tblBacklog tr td:first-child, #tblBacklog tr th:first-child {
  width: 80px;
  max-width: 80px;
}
#tblBacklog tr td:nth-child(3), #tblBacklog tr td:nth-child(4), #tblBacklog tr td:nth-child(5), #tblBacklog tr th:nth-child(3), #tblBacklog tr th:nth-child(4), #tblBacklog tr th:nth-child(5) {
  width: 250px;
  max-width: 250px;
  overflow: inherit;
  text-overflow: ellipsis;
  white-space: initial;
}

#tblQueries tr td:first-child, #tblQueries tr th:first-child {
  width: 80px;
  max-width: 80px;
}
#tblQueries tr td:nth-child(3), #tblQueries tr td:nth-child(4), #tblQueries tr td:nth-child(5), #tblQueries tr td:nth-child(7), #tblQueries tr th:nth-child(3), #tblQueries tr th:nth-child(4), #tblQueries tr th:nth-child(5), #tblQueries tr th:nth-child(7) {
  width: 250px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tblQueries tr td:nth-child(7), #tblQueries tr th:nth-child(7) {
  width: 180px;
  max-width: 180px;
}
#tblQueries tr td.user-image-wrapper, #tblQueries tr th.user-image-wrapper {
  text-align: left;
}

#tblCompliance_Total tr td.user-image-wrapper, #tblCompliance_Total tr th.user-image-wrapper {
  text-align: left;
}
#tblCompliance_Total tr td:first-child, #tblCompliance_Total tr th:first-child {
  width: 80px;
  max-width: 80px;
}
#tblCompliance_Total tr td:nth-child(3), #tblCompliance_Total tr td:nth-child(7), #tblCompliance_Total tr td:nth-child(8), #tblCompliance_Total tr td:nth-child(9), #tblCompliance_Total tr td:nth-child(11), #tblCompliance_Total tr th:nth-child(3), #tblCompliance_Total tr th:nth-child(7), #tblCompliance_Total tr th:nth-child(8), #tblCompliance_Total tr th:nth-child(9), #tblCompliance_Total tr th:nth-child(11) {
  width: 250px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tblCompliance_Total tr td:nth-child(7), #tblCompliance_Total tr td:nth-child(8), #tblCompliance_Total tr td:nth-child(9), #tblCompliance_Total tr td:nth-child(11), #tblCompliance_Total tr th:nth-child(7), #tblCompliance_Total tr th:nth-child(8), #tblCompliance_Total tr th:nth-child(9), #tblCompliance_Total tr th:nth-child(11) {
  width: 150px;
  max-width: 150px;
}

.subs-msg {
  width: 600px;
  margin-left: 15px;
  margin-top: 5px;
}
.subs-msg p {
  font-size: 13px;
  color: #f00;
  padding: 3px 0px 0px;
  text-align: left;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 600px;
  height: 33px;
}
.subs-msg p i {
  font-size: 18px;
  margin-right: 7px;
  vertical-align: middle;
  margin-top: 0px;
  float: left;
  height: 22px;
}
.subs-msg p a.subs-pay {
  background: #97c35b !important;
  padding: 4px 15px 6px !important;
  font-size: 13px;
  font-weight: 500;
  border-radius: 25px;
  margin: 0px 2px;
  color: #fff !important;
  cursor: pointer;
  position: relative;
  top: -1px;
}

.bodyoverlay {
    background: rgba(39, 39, 39, 0.77);
    position: absolute;
    width: 100%;
   height: 100vh;
   left: 0;
   z-index: 999;
   top: 0;
}

div#RecurDiv .endson .c_radio {
  padding-left: 25px;
}

div#RecurDiv .endson .c_radio {
  padding-left: 25px;
}

#notebook_editor .add-group-member-tile {
  display: flex;
}

#notebook_editor .add-group-member-tile small {
  display: block;
  font-weight: normal;
  margin-top: 5px;
  color: #99A5BC;
}

#notebook_editor .add-group-member-tile img {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
  margin-left: 5px;
}

#notebook_editor .add-group-member-tile {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#notebook_editor .ql-mention-list-container {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2509803922);
  background: #ffffff;
  border-radius: 6px;
  padding: 10px;
  max-height: 300px;
  overflow: auto;
  width: 210px;
}

#notebook_editor .ql-mention-list-item {
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 5px;
}

#notebook_editor .ql-mention-list-item:hover, .ql-mention-list-item.selected {
  background-color: #f2f2f2;
  color: var(--slack-blue);
}

#notebook_editor .mention {
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
  width: auto;
}

#notebook_editor li {
  line-height: normal;
  color: var(--slack-text);
}

@media (max-width: 1250px) {
  .subs-msg p {
    width: 500px;
  }
  /* .sidebar.close ~ .home-section.second_sidebar_active .subs-msg {
      width: 400px;
  }
  .sidebar.close ~ .home-section.second_sidebar_active .subs-msg p {
      width: 400px;
  }*/
}
@media (max-width: 1200px) {
  .subs-msg p {
    width: 460px;
  }
  .sidebar.close ~ .home-section.second_sidebar_active .subs-msg {
    width: 320px;
    margin-left: 10px;
  }
  .sidebar.close ~ .home-section.second_sidebar_active .subs-msg p {
    width: 320px;
  }
}
@media (max-width: 1150px) {
  .subs-msg p {
    width: 420px;
  }
}
@media (max-width: 1100px) {
  .subs-msg p {
    width: 380px;
  }
}
#notebook_editor .ql-mention-list-container {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2509803922);
  background: #ffffff;
  border-radius: 6px;
  padding: 10px;
  max-height: 300px;
  overflow: auto;
  width: 210px;
}

#notebook_editor .ql-mention-list-item {
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 5px;
}

#notebook_editor .ql-mention-list-item:hover, .ql-mention-list-item.selected {
  background-color: #f2f2f2;
  color: var(--slack-blue);
}

#notebook_editor .mention {
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
  width: auto;
}

#notebook_editor li {
  line-height: normal;
  color: var(--slack-text);
}

body main .Client-masterWrapper .Table_wrapper table.red_table tr td {
  max-width: 80px !important;
  white-space: nowrap;
  min-width: 80px !important;
  text-overflow: ellipsis;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th {
  max-width: 80px !important;
  white-space: nowrap;
  min-width: 80px !important;
  text-overflow: ellipsis;
  width: 80px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(1) {
  min-width: 60px !important;
  max-width: 60px !important;
  width: 60px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(2) {
  min-width: 60px !important;
  max-width: 60px !important;
  width: 60px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(1) {
  min-width: 70px !important;
  max-width: 70px !important;
  width: 70px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(2) {
  min-width: 60px !important;
  max-width: 60px !important;
  width: 60px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(6) {
  min-width: 70px !important;
  max-width: 70px !important;
  width: 70px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(6) {
  min-width: 70px !important;
  max-width: 70px !important;
  width: 70px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(7) {
  min-width: 113px !important;
  max-width: 113px !important;
  width: 113px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(7) {
  min-width: 113px !important;
  max-width: 113px !important;
  width: 113px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(8) {
  min-width: 113px !important;
  max-width: 113px !important;
  width: 113px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(8) {
  min-width: 113px !important;
  max-width: 113px !important;
  width: 113px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(9) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(10) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(11) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(9) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(10) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(11) {
  min-width: 63px !important;
  max-width: 63px !important;
  width: 63px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr th:nth-child(4) {
  min-width: 90px !important;
  max-width: 90px !important;
  width: 90px !important;
}
body main .Client-masterWrapper .Table_wrapper table.red_table tr td:nth-child(4) {
  min-width: 90px !important;
  max-width: 90px !important;
  width: 90px !important;
}

.active ~ .home-section #AllTaskDetails {
  overflow: hidden;
  overflow-y: auto;
}

.action-trigger-wrapper a.trigger-btn i.fa-ellipsis-vertical {
  margin-left: 0px;
}

.cmn_assigned_table .time_tracker {
  padding: 4px 0px 0 10px;
}

.Delete_Modal_Wrapper .modal-confirm .icon-box-Del img {
  width: 34px;
}

.Delete_Modal_Wrapper .modal-confirm .icon-box-Del.check-div img {
  width: 38px;
}

.Delete_Modal_Wrapper .modal-confirm .icon-box-Del.warning-div img {
  width: 36px;
}