body{
    margin:0;
    padding:0;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    --ocolor: #F5811E;
    --bcolor: #083D78;
}
.left-side-header img {
    max-width: 394px;
    height: auto;
  }
.discuss-edit-inner .edit-comment-description-files {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click img {
    max-height: 50px;
    max-width: 50px;
}
.discuss-edit-inner .edit-image-cross-button-wrapper img {
    max-height: inherit;
    max-width: 50px;
}
.edit-comment-description-files .files-edit-click-display {
    max-width: 100%;
    flex-wrap: wrap;
}
.edit-image-cross-button-wrapper {
    position: relative;
    width: auto;
    max-width: 60px;
    margin: 0 auto;
}
.edit-image-cross-button-wrapper button.remove-user-btn.add-dis-remove-file {
    position: absolute;
    right: -4px;
    top: -5px;
}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click p.edit-file-display-name {
    font-size: 16px;
    line-height: 26px;
}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click .confirm-remove {
    justify-content: center;
    margin: 10px 0;
}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click {
    margin: 0;
    width: 30%;
}

.psw-team-btn button.selectall-button {
    border-left: 1px white solid;
}

.view-check .project-btn {
    margin-bottom: 22px;
}

.pass-check-default {
    display: flex;
    /* width: 100%; */
    align-items: stretch;
    justify-content: space-between;
    margin: 20px;
    gap:2px;
}


.view-d-flex {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap {
    margin: 0;
    padding: 0;
    width: 100%;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .searchBar {
    width: 30%;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap  .select-date-pro {
    width: 80%;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro button.global-icon-btn {
    margin: 0;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro input.datePickerInput {
    background-color: #F2F3F5;
    border: none;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .searchBar button {
    left: auto;
    right: 10px;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .searchBar input[type="search"] {
    padding: 16px 10px 16px 20px;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro .datePickerWrapper {
    position: relative;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro .datePickerWrapper svg {
    position: absolute;
    right: 0;
    top: 19px;
    cursor: pointer;
    fill: #000;
}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .searchBar .field {
    max-width: 100%;
}
.holiday-wrap {
    display: flex;
}
.holiday-table {
    width: 60%;
    float: left;
    padding: 0 40px 0  0;
}
.holiday-leaves {
    width: 40%;
    float: left;
}
.leaves-heading{
    display:flex;
    justify-content: space-between;
    margin:0 0 20px 0;
}
.see-all-leaves{
    border: none;
    background-color: #F5811E;
    color:#FFFFFF;
    margin-bottom: 5px;
    width: 100px;
    font-size: 18px;
    height:50px;
}
.see-all-holiday-leaves .holiday-wrapper-leave {
    display: flex;
    flex-wrap: wrap;
}
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box {
    width: 49%;
    margin: 0 2% 30px  0;
}
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box:nth-child(2n) {
    margin-right: 0;
}
.leave-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;
}
.leave-box {
    background: #fff;
    border: 1px solid #DBDBDB;
    padding: 30px;
    width: 100%;
    float: left;
    margin-bottom: 17px;
}
.apprve-btn .rejected-btn .accept-btn .reject-btn {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}
.apprve-btn button {
    border: 1px solid #00DF16;
    background: transparent;
    padding: 10px 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #00DF16;
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 15px;
}
.apprve-btn button:hover {
    background-color: #00DF16;
    color: #fff;
}

.rejected-btn button {
    border: 1px solid rgb(255, 38, 0);
    background: transparent;
    padding: 10px 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: rgb(255, 38, 0);
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 15px;
}
.rejected-btn button:hover {
    background-color:rgb(255, 38, 0);
    color: #fff;
}
.accept-btn button{
    border: 1px solid #00DF16;
    background: transparent;
    padding: 10px 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #00DF16;
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 15px;
}
.accept-btn button:hover {
    background-color: #00DF16;
    color: #fff;
}
.reject-btn button{
    border: 1px solid rgb(255, 38, 0);
    background: transparent;
    padding: 10px 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: rgb(255, 38, 0);
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 15px;
}
.reject-btn button:hover {
    background-color: rgb(255, 38, 0);
    color: #fff;
}
.hold-container{
    width:100%;
    display: flex;
    justify-content: space-between
}
.comment-reason{
    width:100%; margin-top:10px;
}
.edit-leave-button{
    width: 5%;
    border: none;
    background: black;
    color: #EEEEEE;
    margin-left: 95%;
}
.dateBlock-editleave{
    display: flex;
    justify-content: space-evenly;
}
.datePickerWrapper-editleave{
    display:flex;
}
.svg-editleave-icon{
    margin-top: 25px;
    position: absolute;
    margin-left: 180px;
}
.reject-input-container .css-13cymwt-control{
  height: 50px;
}
.AddHoliday-popup-content .input-group svg {
    position: absolute;
    right: 20px;
    top: 28px;
}
div.AddHoliday-popup-content .team-member-input .react-datepicker-wrapper {
    width: 100%;
}

.AddHoliday-popup-content .team-member-input .react-datepicker-wrapper input.datePickerInput {
    border-radius: inherit;
}
.reject-input-container{
    height: 50px;
    width: 100%;
}

.reject-input {
    height: 50px;
    width: 80%;
    margin-left: 70px;
    padding: 0 15px 0 15px;    
}
.comment-label{
    margin: 10px 0 15px 85px;    
}
.detail-assign-container {
    position: sticky;
    top: 94px;
    background: #fff;
    z-index: 2;
}
.comment-input{
    height: 50px;
    width: 560.39px;
    margin-left: 85px;
    margin-top: 5px;
    padding: 0 15px 0 10px;
    background-color: hsl(0, 0%, 100%);
    border-color: hsl(0, 0%, 80%);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}
.file-action-buttons button.btn {
    display: flex;
    justify-content: center;
}
.file-action-buttons button.btn .document-popup-download-file-loader .loader-01 {
    color: #fff;
    width: 14px;
    height: 14px;
    padding: 4px;
    margin: 0 0 0 5px;
    border: 4px dotted currentcolor;
}
.srcstm_comment.files-download-button .loader-01 {
    width: 15px;
    height: 15px;
    color: #083D78;
    padding: 5px;
    border: 4px dotted currentcolor;
    position: relative;
    top: -4px;
}
.rejected-btn-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.reject-reason-display{
    font-weight: 400;
    color: #5A5A5A;
    padding-top: 25px;
    padding-left: 40px;
}

.reject-button-cum-message{
    display: flex;
    justify-content: space-between;
}

.holiday-wrap h1.list-head {
    font-weight: 600;
    margin: 0;
}
.leave-info h6 {
    color: #5A5A5A;
    font-weight: 400;
    margin: 0 0 7px 0;
}
.leave-info span {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #000;
}
.strike-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.strike-wrapper a {
    width: 49%;
    background: #fff;
    border: 1px solid #DBDBDB;
    padding: 30px 30px 10px 30px;
    margin: 0 2% 20px 0;
    text-decoration: none;
    color: #000;
}
.strike-wrapper a:nth-child(2n) {
    margin-right: 0;
}
.strikes-data {
    display: flex;
    align-items: center;
    margin: 0 0 25px 0;
    justify-content: space-between;
}
.strikes-data img {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    object-fit: cover;
    margin: 0 20px 0 0;
}
.strikes-data span {
    color: #000;
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
}
.strike-info {
    display: flex;
    border: 1px solid #DBDBDB;
    margin: 0 0 20px 0;    
}
.strike-left {
    width: 40%;
    padding: 20px;
}
.view-d-flex svg {
    max-width: 10px;
}
.strike-right {
    width: 60%;
    border-left: 1px solid #DBDBDB;
    padding: 20px;
}
.strike-logo img {
    max-width: 100%;
    width:100%
}
.strike-date {
    display: flex;
    align-items: start;
    margin: 10px 0 0 0;
}
.strike-date p {
    margin: 0 0 0 9px;
    font-size: 17px;
    color: #3A332B;
    line-height: 1;
}
select.severity-select-option {
    width: 100%;
    height: 40px;
    padding-left: 10px;
}

.severity-select-option {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

.severity-select-option.no-arrow {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  cursor: default;
}

.strike-right p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    word-wrap: break-word;
}
.strike-right strong {
    font-size: 19px;
    line-height: 29px;
    color: #191919;
}

.loader-01 {
	border: .2em dotted currentcolor;
	border-radius: 50%;
	animation: 2s loader-01 linear infinite;
}
[class*="loader-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	color: inherit;
	vertical-align: middle;
	pointer-events: none;
}

.input-group-select-category{
    height: 50px;
    width: 100%;
    display: flex;
}

.category-select{
    height: 100%;
    width: 60%;
}
.btn-save-category-plus-holiday, .cancel-category-button{
    height: 74%;
    width: 16%;
    margin-left: 10px;
    border: none;
    background-color: #F5811E;
    color: #EEEEEE;
    font-size: 17px;
    border-radius: 4px;
}
.cancel-category-button{
width: 20%;
background-color: #083D78;
}

.holidays-list{
    display: flex;
    justify-content: space-between;
    margin:0 0 20px 0;
}

.add-new-holidays-button {
    border: none;
    background-color: #F5811E;
    color: #FFFFFF;
    margin-bottom: 5px;
    width: 200px;
    font-size: 18px;
    height: 50px;
}

.archieved-button{
    border: none;
    background-color: #F5811E;
    color: #FFFFFF;
    margin-bottom: 5px;
    width: 130px;
    font-size: 18px;
    height: 50px;
}

.main-dashboard-admin.holiday-pto button.edit-leave-button {
    background: transparent;
}
.main-dashboard-admin.holiday-pto button.edit-leave-button i {
    color: #000;
}
.add-manual-leave-button{
    border: none;
    background-color: #F5811E;
    color: #FFFFFF;
    margin-bottom: 5px;
    width: 200px;
    font-size: 18px;
    margin-right: 5px;
    height: 50px;
}
.team-member-input .input-group .react-datepicker-wrapper {
    width: 98%;
}

@keyframes loader-01 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.box-loader {
    width: 100%;
    text-align: center;
}
.box-loader .loader-01 {
    width: 30px;
    height: 30px;
    color: #083D78;
    padding: 15px;
    border: 5px dotted currentcolor;
}

.load-more-btn {
    text-align: center;
    width: 100%;
    margin: 30px 0 0 0;
}
.load-more-btn button.load-more {
    width: auto;
    float: none;
    display: inline-block;
}
.header-icons ul.notification-bar li a {
    width: 100%;
    height: auto;
    border: none;
    color: #000;
}
.latest-discussions {
    margin: 0 0px 0px 18px;
}
div.latest-discussions p {
    margin: 0;
}
.row.latestDiscussions a {
    color: #000;
}
.files-clear-save-wrap {
    display: flex;
}
 
table.mail-logs tbody tr td:last-child {
    white-space: break-spaces;
    word-wrap: break-word;}
 
    
.project-sr p a {
    width: 100%;
    color: #153c76;
    display: inline;
    float: none;
}
/* Heading */
h1{
    font-size: 28px;
    font-weight: 500;
}
h3 {
    font-size: 32px;
    color: #2B2B2B;
}
h4{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #1E1E1E;
}
p{
    font-size: 19px;
    line-height: 36px;
}
/* Heading End */

/* Header */
.main-header-dashboard {
    display: flex;
    align-items: center;
    padding: 15px 30px 15px 20px;
    border-bottom: 1px solid rgba(44, 59, 93, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    justify-content: space-between;
}
.main-header-dashboard > div {
    width: 33.333%;
    flex-shrink: 0;
}
.avatar-user img {
    width: 52px;
    object-fit: cover;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
    border: 2px solid #FFFFFF;
    border-radius: 100%;
}
.center-header-part h1 {
    margin: 0;
    text-align: center;
}
.center-header-part {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.right-side-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.user-profile {
    display: flex;
    align-items: center;
    gap: 11px;
}
.user-profile h6 {
    font-size: 26px;
    line-height: 33px;
    margin: 0;
    font-weight: 500;
}
.team-wrap-details .selectValues {
    margin: 0;
}
.header-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.header-icons ul li a {
    width: 52px;
    height: 52px;
    border: 1px solid #2C3B5D33;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.header-icons {
    display: inline-block;
    margin-left: 30px;
}
/* Header End */

/* Wrapper & Sidebar */
.wrapper-admin {
    display: flex;
    align-items: flex-start;
    margin-top: 94px;
}
.Client-Detail .checklist-header-wrap.team-wrap-details {
    padding: 0;
    margin: 0;
}
.Client-Detail .checklist-header-wrap.team-wrap-details label {
    width: auto;
    font-size: 17px;
}
.Client-Detail .checklist-header-wrap.team-wrap-details .fields {
    gap: 10px;
}
.left-sidebar-admin {
    height: calc(100dvh - 93px);
    width: 320px;
    flex-shrink: 0;
    position: fixed;
    border-right: 1px solid #D4D7DE;
    background: #fff;
    z-index: 9;
}
.left-sidebar-admin.cstm-sidebar {
    width: 0px;
}

.left-sidebar-admin.cstm-sidebar ul li a{
    padding: 0 ;
}

.left-sidebar-admin ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.left-sidebar-admin ul li a {
    font-size: 21px;
    text-transform: uppercase;
    color: #1E1E1E;
    text-decoration: none;
    position: relative;
    padding: 0 0 0 85px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D4D7DE;
}
.left-sidebar-admin.cstm-sidebar li:last-child a.toggle-sidebar-btn {
    top: 0;
}
.left-sidebar-admin ul li a span {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.left-sidebar-admin::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 100%;
    background-color: #083D78;
    z-index: 2;
}
.left-sidebar-admin ul li a:hover {
    font-weight: 500;
}
.left-sidebar-admin ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 64px;
    background: #F5811E;
    z-index: 2;
    opacity: 0;
}
.left-sidebar-admin ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #083D78;
    opacity: 0;
}
.left-sidebar-admin ul li a:hover::before, .left-sidebar-admin ul li a:hover::after {
    opacity: 1;
}

.bell a:hover svg {
      animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
      backface-visibility: hidden;
      transform-origin: top right;
    }
  
  @keyframes bellshake {
    0% { transform: rotate(0); }
    15% { transform: rotate(5deg); }
    30% { transform: rotate(-5deg); }
    45% { transform: rotate(4deg); }
    60% { transform: rotate(-4deg); }
    75% { transform: rotate(2deg); }
    85% { transform: rotate(-2deg); }
    92% { transform: rotate(1deg); }
    100% { transform: rotate(0); }
  }
  .wheel a svg{
    transition: all 0.5s ease;
  }
  .wheel a:hover svg{
    transform:rotate(90deg);
  }
  .power a svg{
    transition: all 0.5s ease;
  }
  .power a:hover svg{
    transform: scale(0.9);
  }
/* Wrapper & Sidebar End */

/* Login */
.login-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #f7f7f7;
    height: 100dvh;
}
.login-page-inner {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px 30px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
.login-page-outer{
    max-width: 700px;
    flex: 0 0 700px;
    margin: 30px 0;
}
.login-page-inner h1 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.single-field {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.single-field label {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.single-field input {
    width: 100%;
    height: 50px;
    border: 1px solid #d5d5d5;
    padding: 0 20px;
    font-size: 16px;
    outline: none;
}
.login-page-inner form input[type="submit"] {
    margin: 30px auto 0;
    float: none;
    display: table;
    text-transform: uppercase;
    padding: 12px 70px;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #083D78;
    background-color: #083D78;
    color: #fff;
    transition: all 0.5s ease;
}
.login-page-inner form input[type="submit"]:hover{
    background-color: transparent;
    color:#083D78;
}
span.form-error {
    display: inline-block;
    width: 100%;
    color: red;
    margin: 5px 0 0 0;
}
.logo-main-login {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
/* Login End */

.main-dashboard-admin {
    max-width: calc(100% - 320px);
    width: 100%;
    margin: 0 0 0 auto;
    overflow: visible;
    background: rgb(212 215 222 / 0.3);
    padding: 50px 40px;
    transition: max-width 0.3s ease;
}  



/*  */

.main-dashboard-admin.oppounity .addOpportunities {
    margin: -25px -40px 0;
}
div#opportunities *{ font-family: "Work Sans", sans-serif; }
div#opportunities {
    overflow: visible;
    padding-bottom: 50px;
}
.addOpportunities, .addProject {
background: #fff;
padding: 30px 40px;
display: flex;
justify-content: space-between;
margin: -50px -40px 0;
flex-wrap: wrap;
}
.fields {
    display: flex;
    gap: 19px;
    align-items: center;
    font-family: "Work Sans";
}

.fields label {
    font-size: 21px;
    font-weight: 500;
    line-height: 25px;
}
.fields .selectDropdown select {
    border: 0;
    appearance: none;
    outline: unset;
    cursor: pointer;
    font-family: "Work Sans", sans-serif;
    height: 50px;
    padding-right: 40px;
    padding-top: 10px;
    color: #000;
}
.progress-radio-out.date-progress-section .searchBar i.fa.fa-search {
    color: #000;
}
.teamInfoTable table tbody tr td i.fas.fa-edit {
    color: #000;
    margin: 0 0 0 10px;
}
.form-mem-img {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 30px 0;
}
.form-mem-img img {
    max-width: 270px;
    margin: 0 auto;
    float: none;
    display: inline-block;
    border: 1px solid #c7c7c7;
    padding: 10px;
}
.pro-img-tag {
    width: auto;
    float: none;
    max-width: 220px;
    margin: 0 auto;
    position: relative;
}
.pro-img-tag i.far.fa-edit {
    position: absolute;
    bottom: 12px;
    right: 10px;
    background: #1d3976;
    color: #fff;
    padding: 10px;
    border-radius: 4px 0 0 4px;
}
.form-pro-img {
    width: 100%;
    text-align: center;
}
.pro-img-tag img {
    width: 220px;
    float: none;
    display: inline-block;
    border: 1px solid #c7c7c7;
    padding: 10px;
    height:220px !important;
    object-fit: contain;
}
.psw-dett .psw-data span {
    font-size: 19px;
}
.details-boxes .project-peo-wrap .edit-delete button:hover {
    text-decoration: underline;
}
.details-boxes .project-peo-wrap .edit-delete button{
    transition: all ease 0.3s;
}
.details-boxes .project-peo-wrap .edit-delete {
    width: auto;
    justify-content: end;
    margin: 0;
}
.row.latestDiscussions a {
    text-decoration: none;
    margin-bottom: 20px;
}
.password-card.det .psw-data a {
    color: #000;
    font-size: 19px;
    text-decoration: none;
    white-space: break-spaces;
    word-wrap: break-word;
}
.row.latestDiscussions a:last-child{margin-bottom: 0;}
.selectDropdown {
    border: 1px solid #CECECE;
    position: relative;
    width: 100%;
    max-width: 188px;
    min-width: 188px;
}
.cient-announcement .sr-cstm-combo {
    margin: 0 0 30px 0;
}
.selectDropdown select {
    border: 0;
    appearance: none;
    padding: 12px 30px 12px 12px;
    font-size: 18px;
    width: 100%;
    outline: unset;
    height: 50px;
    border-radius: 0;
}
.cient-announcement .sr-cstm-combo a {
    display: flex;
}
.selectValues {
    display: flex;
    align-items: center;
    gap: 24px;
}
.selectDropdown .dropIcon {
    position: absolute;
    right: 15px;
    top: 50%;
    pointer-events: none;
    cursor: pointer;
    transform: translateY(-50%);
}
.main-dashboard-admin.oppounity .selectValues {
    width: 100%;
}
.searchBar {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    justify-content: end;
}
.searchBar .field {
    width: 100%;
    max-width: 419px;
}
.field input[type="search"] {
    background: #F2F3F5;
    border: 0;
    height: 50px;
    width: 100%;
    padding: 16px 50px 16px 50px;
    outline: unset;
}
button.primaryBtn {
    background: transparent;
    border: 1px solid #083D78;
    min-height: 50px;
    width: 100%;
    padding: 0 34px;
    transition: background-color 0.5s ease;
}

.searchBar .primaryBtn {
    color: #083D78;
    font-weight: 500;
    font-size: 16px;
}
.searchBar .field {
    position: relative;
}
a:focus-visible {
    outline: none !important;
} 
.searchBar .field button {
    position: absolute;
    left:15px;
    top: 13px;
    border:none; 
    background: transparent;
}
button.primaryBtn:hover{
    background: #083D78;
    color: #fff;
}
.field input::placeholder {
    color: #1E1E1E;
    font-size: 18px;
}
.stepsWrapper ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: auto;
    white-space: nowrap;
}
.stepsWrapper ul li.items {
    width: 100%;
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #aeb1bb;
}
.stepsWrapper ul li.items .steps {
    display: flex;
    align-items: center;
    gap: 14px;
}
.stepsWrapper ul li.items .steps .countDigit {
    min-width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(8 61 120 / 25%);
    border-radius: 50%;
}
.stepsWrapper ul li.items .steps .countDigit span {
    display: block;
    color: #1E1E1E;
    font-size: 19px;
}

.stepsWrapper ul li.items .amountBlock p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}
.tasks-section-inner .task-input-row a {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}
.tasks-section-inner .task-input-row {
    position: relative;
}
.sr-sub-inp input:focus{
    outline:none;
}
.stepsWrapper ul li.items:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(50% + 3px);
    background: #aeb1bb;
    right: 0;
    bottom: -2px;
    transform: rotate(20deg);
}
.stepsWrapper ul li.items:not(:last-child):before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(50% + 4px);
    background: #aeb1bb;
    right: 0;
    top: -1px;
    transform: rotate(-20deg);
}
.opportunityCards .cards,
.projectCards .cards {
    width: 100%;
    max-width: calc(100% / 5 - 16px);
    float: left;
    background: #fff;
    padding: 18px 23px;
    position: relative;
}
.meeting-now textarea {
    min-height: 260px;
    width: 100%;
    border: 1px solid #CECECE;
    margin: 0 0 20px 0;
    padding: 20px;
    resize: none;
}
.meeting-now textarea:focus{
outline: none;
}
.dollarWrap {
    position: relative;
}

.dollarWrap .dollarSign {
    position: absolute;
    top: 14px;
    left: 10px;
}
.selectValues.sr-cstm-daterange .button-wrapper a button.primaryBtn:hover {
    color: #fff;
}
.addNewOppFields .fieldsBlock .field .dollarWrap input {padding: 17px 15px 17px 30px;}
.addNewOppFields .fieldsBlock .field span {
    margin: 0 4px;
}
.overflowDiv{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}
.opportunityCards .cards .imageBlock img,
.projectCards .cards .imageBlock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.opportunityCards .cards .cardHeader,
.projectCards .cards .cardHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 17px;
}
.opportunityCards .cards .cardHeader h3,
/* .projectCards .cards .cardHeader h3 {
    font-size: 21px;
    margin: 0;
} */
.opportunityCards .cards .cardHeader .imageBlock ,
.projectCards .cards .cardHeader .imageBlock {
    min-width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    max-width: 34px;
}
.opportunityCards, .projectCards {
    padding: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.cardAmount {
    background: #E8E8E8CC;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 16px 20px;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.cardAmount p {
    margin: 0;
    width: 100%;
    float: left;
    word-wrap: break-word;
    white-space: break-spaces;
}
.quick-link {
    margin: 20px 0 0 0;
}
.quick-link a {
    color: #000;
}
.companyName {
    margin: 0 -25px;
    
}
.teamMemberName {
    width: 100%;
    float: left;
    background: #fff;
    text-align: center;
    padding: 10px 24px;
}
.teamMemberName span {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 500;
}
.companyName p:not(:last-child) {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  
}
.teamdetails:nth-child(8n) {
    margin-right: 0;
}
.teamdetails {
    width: 12.5%;
    float: left;
    margin: 0 2% 30px 0;
    position: relative;
}
.teamdetails img {
    width: 100%;
    float: left;
    border: 1px solid #7070701F;
    max-width: 300px;
    height: 130px;
    object-fit: contain;
    padding: 20px;
}
.teamMembersTags {
    display: flex;
    flex-wrap: wrap;
}   
.actionBlock .actionTags {
    margin: 17px 0 0 0;
}
.teamMembers h4 {
    margin: 0 0 17px 0;
}
.actionBlock .actionTags button {
    font-size: 21px;
    padding: 0 24px;
}
.set-followup-modal .button-wrapper button {
    background: #F5811E;
    border: none;
    color: #fff;
    max-width: 215px;
    height: 54px;
    font-size: 21px;
    font-weight: 600;
}
div.modal .modal-header button.btn-close {
    opacity: 1;
}
.companyName p {
    padding: 16px 25px;
    margin: 0;
    word-wrap: break-word;
}
.addNewOppFields .fieldsBlock {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    width:100%;
}
.addNewOppFields .fieldsBlock .field label {
    display: block;
    line-height: normal;
    margin-bottom: 8px;
    font-weight: 500;
}
.addNewOppFields .fieldsBlock .field input {
    height: 50px;
    border: 0;
    padding: 17px 15px;
    outline: unset;
    width: 100%;
    background: #fff;
    color: #000;
}
.addNewOppFields .fieldsBlock .field.opportunitiesName {
    flex: 0 0 50%;
    max-width: 49%;
}
.opportunity-amount-container {
    width: 100%;
    display: flex;
    gap: 35px;
}
.addNewOppFields .fieldsBlock .field {
    flex: 0 0 23%;
    max-width: 24%;
}
.addNewOppFields .fieldsBlock .field .selectDropdown {
    max-width: 100%;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions label {
    display: flex;
    justify-content: space-between;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions {
    flex: 0 0 100%;
    max-width: 100%;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions label p {
    font-weight: 600;
    border-bottom: 1px solid rgb(112 112 112 / 40%);
    padding-bottom: 10px;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested {
    display: flex;
    align-items: center;
    min-height: 24px;
    justify-content: space-between;
    margin-top: 11px;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested .field input[type="checkbox"] {
    width: 24px;
    height: 24px;
    accent-color: #083d78;
    padding: 0;
    background: #fff;
}

.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested .field {
    flex: auto;
    max-width: max-content;
    padding: 0 25px 0 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions label p span {
    color: #083D78;
    font-weight: 600;
    padding-right: 11px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.addNewOppFields .fieldsBlock .field.checkBoxOptions label {
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: center;
}
.postedNotesBlock > h4 {
    font-size: 19px;
    margin: 0 0 28px;
}
.postedNotesBlock .commentedNotes .personImage img {
    width: 100%;
    max-width: 76px;
    height: 76px;
    object-fit: cover;
}
.postedNotesBlock {
    margin-top: 40px;
}
.postedNotesBlock .commentedNotes {
    display: flex;
    gap: 21px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background: #fff;
    padding: 30px;
}
.postedNotesBlock .commentedNotes:not(:last-child){

    border-bottom: 1px solid #dbdbdb;
}
.notesBlock button.global-icon-btn {
    margin-top: 20px;
}
.postedNotesBlock .commentedNotes .personImage {
    min-width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
}
.postedNotesBlock .commentedNotes .commentBox h4 {
    margin: 0 0 16px;
    font-size: 19px;
}
.postedNotesBlock .commentedNotes .commentBox p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 31px;
    color: #1E1E1E;
}
.postedNotesBlock .commentedNotes .commentBox span {
    font-size: 14px;
    color: #A7A7A7;
}
.actionBlock {
    padding: 0;
    display: inline-block;
    width: 100%;
}
.actionBlock .actionTags {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
button.darkBtn {
    background: #083D78;
    color: #fff;
}
.actionBlock .actionTags button.primaryBtn.darkBtn {
    max-width: max-content;
    font-size: 18px;
}
.actionBlock .actionTags button.primaryBtn.darkBtn:hover{
    background: #000;
}
.actionBlock .actionTags span.global-icon-btn {
    font-size: 18px;
}
.buttonTags {
    margin-bottom: 55px;
}
.teamMembers .membesImages .members .imagesB img {
    width: 100%;
}
.teamMembers .membesImages .members {
    width: 100%;
    max-width: 160px;
    flex: 0 0 14%;
}
.teamMembers .membesImages .members .mamberName {
    background: #fff;
    text-align: center;
    padding: 10px;
}
.teamMembers .membesImages .members .mamberName p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.membesImages {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

/* Projects/client page css */
#projects .searchBar .primaryBtn {
    padding: 0 15px;
}
#projects .searchBar .field {
    max-width: 400px;
}
.archiveProject .primaryBtn {
    background: #083D78;
    color: #fff;
}

.archiveProject .primaryBtn:hover {
    background-color: transparent;
    color: #083D78;
}
.projectCards .cards {
    padding: 0;
    max-width: calc(100% / 3 - 15px);
}
.projectCards .cards .cardHeader {
    padding: 13px 23px;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    justify-content: flex-start;
    gap: 11px;
}

.projectCards .cards .cardHeader .priority-status {
    position: absolute;
    top: 0;
    right: 0;
    width: 57px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #E8E8E8;
    font-size: 20px;
    cursor: pointer;
}
.projectCards .cards .cardHeader .priority-status.urgent {
    color: #FE0000;
}
.projectCards .cards .cardHeader .priority-status.high {
    color: #F9D000;
}
.projectCards .cards .cardHeader .priority-status.normal {
    color: #00CE37;
}
.updateStatus {
    padding: 13px 23px;
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    align-items: center;
}

.updateStatus p {
    margin: 0;
}
.updateData {
    padding: 25px 23px;
}
.updateData .project > div {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 17px;
}
.updateData .project div > span:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
}

.updateData .project div > span {
    width: calc(50% - 10px);
    flex-shrink: 0;
}
.updateData .project > div:last-child {
    margin: 0;
}
.projectCards .cards .cardHeader .imageBlock {
    width: 32px;
    height: 32px;
    min-width: unset;
}
.updateData .project div > span svg path {
    fill: #000000;
}

.updateStatus .userImage {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-right: 11px;
}

.project-task-heading a {
    text-decoration: none;
}

.fileContainer a {
    color: black;
    text-decoration: none !important;
}

.updateStatus .userImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.projectCards .cards .cardHeader .companyDetail h3 {
    letter-spacing: 0px;
    color: #1E1E1E;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    padding-right: 30px;
    width: 260px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere; 
}
.projectCards .cards .cardHeader a {
    text-decoration: none;
}
.projectCards .cards .cardHeader .priority-status .status-tooltip {
    position: absolute;
    width: 212px;
    box-shadow: 0px 0px 16px #00000029;
    letter-spacing: 0px;
    color: #262626;
    font-size: 17px;
    line-height: 26px;
    background-color: #fff;
    z-index: 1;
    left: 100%;
   display: none;
}

.projectCards .cards .cardHeader .priority-status .status-tooltip::before {
    content: '';
    position: absolute;
    left: -8px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 19px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 16px #00000029;
}
a.companyDetail {
    display: flex;
    column-gap: 12px;
    align-items: center;
}
a.companyDetail h3 {
    margin: 0;
}

.projectCards .cards .cardHeader .priority-status .status-tooltip span {
    position: relative;
    z-index: 1;
    padding: 14px 20px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.projectCards .cards .cardHeader .priority-status:hover .status-tooltip {
   display: block;
}

.filter-radios .input-wrap .input-container {
    margin: 0;
    display: block;
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    font-size: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    letter-spacing: 0px;
    user-select: none;
    font-weight: 500;
}

.filter-radios .input-wrap .input-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.filter-radios .input-wrap .input-container .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #3E3E3E;
    display: block;
    transform: translateY(-50%);
}
.form-add-member .fields-row {
    margin: 50px 0 0 0;
}
.file.file--upload {
    width: 127px;
    height: 127px;
    margin: 0 auto;
    background-color: #F2F3F5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
     position: relative;
}
.filter-radios .input-wrap .input-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 9px;
    position: absolute;
    height: 9px;
    border-radius: 50%;
    background: #083D78;
    content: '';
    display: none;
}
.file.file--upload input#input-file {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}
div.email-logs div.selectValues .search button {
    padding: 0 50px;
    height: 60px;
    background: #083D78;
    color: #fff;
    font-size: 21px;
    letter-spacing: 0.42px;
    font-weight: 500;
    transition: all ease 0.3s;
}
div.hours-export{
    height: 0;
    padding: 0 0;
    top: 0;
}
div.email-logs div.selectValues .search button:hover{
    background: transparent;
    color: #083D78;
    border: 1px solid #083D78;
}
div.email-logs div.selectValues div.team-header-info{
    margin: 0;
}
.email-logs .selectValues .fields .selectDropdown .dropIcon {
    top: 50%;
}
.teamInfoTable.email-table td.action {
    text-align: center;
}
.teamInfoTable.email-table button.view-profile {
    margin: 0;
}
/* teamheader  */

.team-header-info.team-page-container .search.search-clear-wraper {
    min-width: 276px;
}
/* teamheader  */
.teamInfoTable.email-table button.view-profile::after {
    opacity: 0;
}
.team-header-info .teamForm{
    gap: 20px;
}
.email-logs .selectValues input {
    padding: 0 17px 0 20px;
    height: 60px;
    border: 1px solid #CECECE;
}
.email-logs .selectValues input::placeholder{
    color: #000000;
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
}
div.email-logs div.selectValues {
    justify-content: flex-end;
    gap: 20px;
    margin: 0;
    width:100%;
}
.teamInfoTable.det-table {
    max-width: 100%;
}
.teamInfoTable.det-table .pass-card-out {
    margin: 0;
}
.filter-radios .input-wrap .input-container input:checked ~ .checkmark:after {
    display: block;
}
.team-header-info {
    padding: 40px;
    background-color: #fff;
    margin: -50px -40px 45px;
}
.reset-date-button{
    height: 50px;
    width: 150px;
    margin-left: 20px;
    margin-top: 21px;
    border: none;
    background-color:#083D78;
    color:#FFFFFF;
    font-size: 18px;
}
.team-header-info .filter-radios .input-wrap {
    display: flex;
    column-gap: 40px;
}

.team-header-info .teamForm {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.team-header-info .status-and-search-wrap {
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 0;
}

.team-header-info .button-wrapper {
   /* margin-left: auto; */
   padding-left: 0;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 31px;
}

.team-header-info .button-wrapper .exportBtn {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #1E1E1E;
    padding: 0;
    gap: 12px;
}
.team-header-info .button-wrapper .primaryBtn {
    color: #083D78;
    font-weight: 500;
    font-size: 20px;
}
.team-header-info .button-wrapper .primaryBtn:hover {
    color: #fff;
}
.status-and-search-wrap .fields {
    gap: 15px;
}

.status-and-search-wrap .fields .selectDropdown {
    max-width: 122px;
    min-width: 122px;
}

.status-and-search-wrap .fields .selectDropdown .dropIcon {
    right: 9px;
}
.status label {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
}

.status-and-search-wrap .fields .selectDropdown select {
    outline: none;
    box-shadow: none;
    color: #1E1E1E;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
    -webkit-appearance: none;
}

.searchBar .search input {
    height: 48px;
    background: #F2F3F5;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 13px 20px;
    width: 100%;
    max-width: 442px;
    flex-shrink: 0;
    font-size: 18px;
    letter-spacing: 0px;
}

.searchBar .search input::placeholder {
    color: inherit;
    opacity: 1;
    font: inherit;
}

.searchBar .search {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.searchBar .search-clear-wraper {
    position: relative;
}

.search.search-clear-wraper i.fa.fa-search.search-username-icon {
    position: absolute;
    top: 18px;
    right: 10px;
}

.team-header-info .status-and-search-wrap {
    gap: 10px;
}

.searchBar .search .primaryBtn {
    max-width: 127px;
    background-color: #083D78;
    color: #fff;
    padding: 0 20px;
}

.searchBar .search .primaryBtn[type="reset"] {
    max-width: 117px;
    margin-left: 10px;
}
.searchBar .search .primaryBtn:hover {
    background-color: transparent;
    color: #083D78;
}
.main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues {
    justify-content: space-between;
}
.report-table-container table tbody tr td.actions .report-actions-wrapper i {
    margin: 0 0 0 6px;
    color:#000;
}
.teamInfoTable table tbody td.noOfProject a {
    color: #000;
}
.teamInfoTable table thead tr th:nth-child(4) {
    /* min-width: 300px; */
    text-align: center;
    padding: 0 32px;
}
.teamInfoTable table thead tr th {
	background: #083D78;
	color: #fff;
	font-size: 21px;
	letter-spacing: 0.42px;
	font-weight: 500;
	padding: 20px 10px;
	line-height: 1;
	text-transform: capitalize;
}
.inner-report-image-title-wraper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.inner-report-image-title-wraper img {
    max-width: 40px;
    max-height: 40px;
}
.inner-report-image-title-wraper h5.report-title-display {
    margin: 5px 0 0 0;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}
.teamInfoTable table tbody tr td {
	padding: 12.5px 10px;
	font-size: 18px;
	letter-spacing: 0;
	line-height: normal;
	border-right: 1px solid rgba(112, 112, 112, 0.2);
}
.teamInfoTable table tbody tr:nth-child(2n) {
    background-color: #fff;
}
.teamInfoTable table tbody tr:nth-child(2n+1) {
    background: rgba(232, 232, 232, 0.4);
}

.teamInfoTable table tbody tr td:last-child {
    border-right: 0;
}
.teamInfoTable table tbody tr td:first-child,
.teamInfoTable table tbody tr td.status {
	text-transform: capitalize;
}

.teamInfoTable table tbody tr td span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 18px;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: normal;
    font-weight: 600;
}
.teamInfoTable table tbody tr td span:last-child {
    margin-right: 0;
}
.teamInfoTable table tbody tr td:nth-child(4) {
    max-width: 660px;
}

.teamInfoTable table tbody tr td button {
    background-color: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    position: relative;
    padding: 0;
}
.teamInfoTable table tbody tr td .view-profile {
    margin-right: 22px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.teamInfoTable table tbody tr td .view-profile::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #CBCBCB;
    position: absolute;
    right: -13px;
    top: 4px;
    pointer-events: none;
}

.checklist-header-wrap {
    padding: 40px;
    background-color: #fff;
    margin: -50px -40px 50px;
}

.checklist-header-wrap .fields {
    gap: 6px;
}

.checklist-header-wrap .fields label {
    letter-spacing: 0.42px;
}

.checklist-header-wrap .fields .selectDropdown {
    max-width: fit-content;
    min-width: 303px;
}

.checklist-header-wrap .selectValues {
    gap: 46px;
    width:100%;
}
.row.latestDiscussions .project-peo-wrap {
    margin: 0 0 20px 0;
}
.row.latestDiscussions .project-peo-wrap:last-child{margin-bottom:0;}
.checklist-header-wrap .fields:first-child .selectDropdown {
    min-width: 270px;
}
.checklist-header-wrap .fields .selectDropdown select {
    padding: 0 17px 0 20px;
    height: 60px;
}
.checklist-header-wrap .addFieldButton {
    padding: 0;
    box-shadow: none;
    outline: none;
    width: 60px;
    height: 60px;
    border: 1px solid #083D78;
    background: #083D78;
}
.checklist-header-wrap .addFieldButton img {
    filter: invert(1);
    max-width: 42px;
}
.checklist-header-wrap .fields  .selectDropdown .dropIcon {
    top: 50%;
    right: 0;
}

span.global-icon-btn.addFieldButton {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sr-sub-inp {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
    max-height: 500px;
    overflow-y: auto;
}
.sr-sub-inp > div {
    width: 100%;
    margin: 0 0 15px 0;
} 
.sr-sub-inp input {
    height: 55px;
    width: 100%;
    border: 1px solid #7070701F;
    padding: 0 20px;
}
.sr-sub-inp-btn button {
    background: #F5811E;
    border: none;
    color: #fff;
    max-width: max-content;
    height: 54px;
    font-size: 21px;
    font-weight: 600;
    padding: 0 30px;
    margin:20px 0 0 0;
}
.tasks-section-inner {
    max-width: 990px;
    width: 100%;
    background-color: #fff;
    padding: 30px 40px;
}
.header-task-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.heading-task-section {
    display: flex;
    align-items: center;
    gap: 20px;
}
.heading-task-section h3 {
    margin: 0;
}
.plus-icon-tasks {
    background-color: #083D78;
    width: 34px;
    height: 34px;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.main-content-tasks-section {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.single-task-section {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
input.custom-checkbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #D6D6D6;
    cursor: pointer;
}
input.custom-checkbox:checked::before{
    background: #083D78;
    border-color:#083D78;
}
input.custom-checkbox::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    border-top: hidden;
    border-left: hidden;
    opacity: 0;
}
input.custom-checkbox:checked::after{
    opacity: 1;
}
input.custom-checkbox {
    width: 24px;
    height: 24px;
    position: relative;
    -webkit-appearance: none;
    flex-shrink: 0;
    cursor: pointer;
}
.buttons-actions > a {
    margin-right: 20px;
}
.buttons-actions {
    display: flex;
    align-items: center;
    width: 105px;
    flex-shrink: 0;
}
.single-task-section p {
    margin: 0;
    font-size: 19px;
    flex: 1;
    padding: 0 15px 0 15px;
}

.main-content-tasks-section > div:last-child {
    border-bottom: hidden;
}
.buttons-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 20px;
}
.teamInfoTable table tbody tr td .view-profile img {
    max-width: 20px;
}
.global-icon-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 47px;
    background-color: #083D78;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: hidden;
    border-radius: initial;
}
.password-card.check .pass-check {
    padding: 0;
}
.global-icon-btn.orange-btn {
    background-color: #F5811E;
    color: #fff;
}  
.global-icon-btn:hover{
    background-color:#000;
    color: #fff;
}
.question-icon svg {
    max-width: 80px;
}
.add-team-modal .selectValues {
    justify-content: center;
}
.add-team-modal .selectValues .selectDropdown {
    min-width: 210px;
}
.global-icon-btn svg path {
    fill: #fff;
}

.standard-operating-procedures {
    display: inline-block;
    width: 100%;
}
ul.nav.nav-tabs {
    border-bottom: hidden;
}
ul.nav.nav-tabs button.nav-link {
    border-radius: 0;
    font-size: 19px;
    line-height: 1;
    padding: 13px 30px;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-right:hidden;
    color: #1E1E1E;
    margin: 0 10px 10px 0px;
}
ul.nav.nav-tabs li:last-child button.nav-link{
    border-right: 1px solid #dbdbdb;
}
ul.nav.nav-tabs li button.active {
    background-color: #083D78;
    color: #fff;
}
div.tab-content {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.single-box-boxes .img-boxes-single img {
    width: 100%;
    object-position: top;
    aspect-ratio: 6/4;
    object-fit: contain;    
}
.content-boxes-single h4 {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    color: #1e1e1e;
}
.content-boxes-single p {
    font-size: 16px;
    color: #787878;
    text-align: center;
}
span.comments-box {
    margin: 0 auto;
    display: table;
    background-color: #F2F3F5;
    font-size: 16px;
    color: #787878;
    line-height: 1;
    padding: 8px 10px;
}
.four-boxes-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    row-gap: 25px;
}
.single-box-boxes {
    max-width: 25%;
    flex: 0 0 25%;
    padding: 0 12px;
}
.content-boxes-single {
    background-color: #fff;
    padding: 15px 20px;
}

.buttons-editor {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 25px ;
}
.single-standard-op {
    display: flex;
    align-items: flex-start;
    margin:20px 0 0 0;
}
.left-single-standard-op {
    max-width: 360px;
    flex: 0 0 360px;
}
.right-single-standard-op {
    flex: 1;
    padding-left: 20px;
}
.left-single-standard-op img {
    width: 100%;
}
.stepsWrapper {
    margin: 0 -40px;
}
img {
    max-width: 100%;
}
.image-standard-op {
    display: inline-block;
    width: 100%;
    margin-bottom: 45px;
}
span.date-data-sop {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #787878;
    margin-bottom: 13px;
}
.content-standard-op h4 {
    margin-bottom: 11px;
}
.form-add-member {
    background: #fff;
    padding: 50px 45px;
}
.add-mem{
    display: flex;
    justify-content: space-between;
}
.selectall-button{
    height: 40px;
    border: none; background: #083D78; color: #FFFFFF;
    font-size: 18px;
    padding: 0 15px 0 15px;
    white-space: nowrap;
}
.add-mem div {
    width: 100%;
}

.checklist-header-wrap.email-logs svg {
    right: auto;
    left: 20px;
}
.react-datepicker__input-container {
    margin: 0 0 20px 0;
}
span.sr-cstm-activitybutton a {
    float: none;
    display: inline-block;
    text-decoration: none;
}
span.sr-cstm-activitybutton button.global-icon-btn.orange-btn {
    margin: 0;
    float: none;
}
.meeting-now p {
    word-wrap: break-word;
    line-height: 28px;
}
.checklist-header-wrap.email-logs input {
    padding-left: 50px;
}
.fields-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.single-field-form {
    padding: 0 10px;
    width: 25%;
    margin:0 0 20px 0;
}

.single-field-form label {
    display: inline-block;
    width: 100%;
    font-size: 19px;
    font-weight: 500;
    color: #1E1E1E;
}

.single-field-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #7070701F;
    padding: 0 17px;
    font-size: 16px;
}
.single-field-form select {
    width: 100%;
    height: 60px;
    border: 1px solid #7070701f;
    -webkit-appearance: none;
    padding: 0 17px;
    font-size: 16px;
    background-image: url("../images/d-icon.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.form-btn-rows {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}


/*  */

html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields .selectDropdown {
    min-width: 43px;
    max-width: 83px;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields .selectDropdown select {
    height: 48px;
    padding: 0 22px 0 12px;
    font-size: 16px;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields label {
    font-size: 16px;
    font-weight: 600;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields {
    gap: 14px;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap  .fields.week .selectDropdown {
    min-width: 133px;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.selectEmp .selectDropdown {
    min-width: 100px;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .selectValues {
gap: 25px;
flex-wrap: wrap;
width:100%;
}
.main-dashboard-admin.oppounity {
    padding-top: 25px;
}
html body .main-dashboard-admin.timeTracking  .checklist-header-wrap .fields  .selectDropdown .dropIcon {
    /*top: 0;*/
    height: 50px;
    right: 0;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.getDetails input[type="date"] {
    height: 48px;
    padding: 15px;
    width: 100%;
    appearance: none;
    outline: navajowhite;
    font-size: 19px;
    color: #083D78;
    padding-left: 25px;
    border-radius: 0px;
    outline: unset;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.getDetails {
    gap: 0;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.getDetails .button-wrapper button.primaryBtn {
    border-left: 0;
    padding: 0 15px;
    white-space: pre;
    background: #083D78;
    color: #fff;
    border-radius: 0;
} */
.selectValues .getDetails {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 30%;
}

.selectValues .getDetails .dateBlock {
    height: 48px;
    border: 1px solid #083d78;
    padding: 15px;
    display: flex;
    align-items: center;
    border-right: 0;
    width: 100%;
    justify-content: start;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.getDetails .button-wrapper button.primaryBtn {
  
    padding: 0 15px;
    white-space: pre;
    background: #083D78;
    color: #fff;
    border-radius: 0;
}
.selectValues .getDetails .dateBlock svg {
    fill: #083d78;
    margin-right: 15px;
}
.totalHoursBlock .projectDetailsB .selectValues .fields select {
    font-size: 16px;
}
.selectValues .getDetails .dateBlock p {
    margin: 0;
    font-size: 16px;
    color: #083D78;
    white-space: pre;
}

.selectValues .getDetails button.primaryBtn {
    background: #083D78;
    color: #fff;
    white-space: pre;
}

.totalHoursBlock {
    background: #fff;
   
    display: flex;
}
.totalHoursBlock .projectDetailsB {
    flex: 0 0 30%;
    padding: 30px 15px 30px 30px;
    border-right: 1px solid #f2f2f2;
}
.totalHoursBlock .projectDetailsB .selectValues .fields {
    width: 100%;
    flex-wrap: wrap;
}
.totalHoursBlock .projectDetailsB .selectValues .fields .selectDropdown {
    width: 100%;
    max-width: 100%;
}
div .css-1xc3v61-indicatorContainer, div.css-15lsz6c-indicatorContainer {
    position: relative;
    top: -5px;
}
.addNewOppFields .fieldsBlock span.add-new-company {
    margin: 10px 0 0 0;
    display: inline-block;
}
.totalHoursBlock .selectValues:last-child {
    MARGIN: 20PX 0 0 0;
}
.totalHoursBlock .projectDetailsB label {
    font-size: 16px;
}
.totalHoursBlock .monthlyhours {
    flex: 1;
    padding: 30px;
    width: 70%;
}
.rotate-line-loader svg {
    max-width: 80px;
    max-height: 80px;
}
.totalHoursBlock .monthlyhours .headingTotalHr .total-hours-export-wraper {
    margin: 0 0 25px;
}
.totalHoursBlock .monthlyhours .headingTotalHr .total-hours-export-wraper span {
    font-weight: 500;
}

.monthlyhours .projectDates .projectID {
    display: flex;
}
.monthlyhours .projectDates .projectID .datesProj {
    width: 206px;
    background: #F3F3F3;
    padding: 8px 15px;
}
.monthlyhours .projectDates .projectID .datesProj p {
    font-size: 16px;
    margin: 0;
    line-height: normal;
}
.monthlyhours .projectDates .projectID .datesProj p span {
    display: block;
    font-size: 14px;
    margin-top: 7px;
}
.monthlyhours .projectDates .projectID .bookingFrom {
    flex: 1;
    display: flex;
    align-items: center;
    border: 1px solid #F3F3F3;
    justify-content: space-between;
    padding: 0 15px;
}
.monthlyhours .projectDates .projectID .bookingFrom p {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 0;
    width:80%;
}
.project-sr a {
    width: 29%;
    float: left;
}
.react-post-out {
    width: 100%;
    float: left;
}
.details-discussion-outer .details-boxes .react-post-out .react-post {
    justify-content: flex-end;
    width: auto;
    position: relative;
    top: 0;
}
.global-icon-btn {
    font-size: 18px;
}
.details-discussion-outer .fileContainer a {
    width: 100%;
  }
.files-data-inner {
    display: flex;
    padding: 0 50px 0 0;
    margin: 0 -10px;
    flex-wrap: wrap;
    gap: 15px;
}

.sr-cstm-file-display .files-data-inner {

    margin: 0;
    
}

.file-grid {
    width: 31.3333%;
    float: left;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
}

.file-grid p.file-name {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    margin: 10px 0 0 0;
    text-transform: capitalize;
    word-wrap: break-word;
}
.file-grid .file-meta {
    color: #979797;
    font-size: 12px;
}
.cmn-tag {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0 0;
}
.cmn-tag a {
    text-decoration: none;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 6px;
}
.cmn-tag a.comtt {
    background: #cbdcff;
    color: #263a66;
}
.cmn-tag a.label {
    background-color: transparent;
    border: 1px solid #ddd;
    color: #000;
}
section.stream article.event>div.avatar img {
    border-radius: 50px;
}
.monthlyhours .projectDates ul {
    padding: 0;
}
.time-manual-textarea textarea:focus{box-shadow: none;}
.monthlyhours .projectDates .projectID .bookingFrom .bfromName {
    display: flex;
    align-items: center;
    gap: 10px;
    padding:0 0 0 10px;
}
.monthlyhours .projectDates .projectID .hours {
    min-width: 74px;
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.monthlyhours .projectDates .projectID .hours p {
    margin: 0;
    font-size: 16px;
    min-width: 120px;
}
.monthlyhours .projectDates .projectID:not(.last-child) {
    margin-bottom: 15px;
}
.timeTracking-manual .cmn-field .css-b62m3t-container {
    height: 60px;
}
.timeTracking-manual .cmn-field .css-b62m3t-container .css-13cymwt-control {
    height: 60px;
    border:none;
}
.no-data-found.no-padding span {
    padding: 20px;
}
.check-primary .admin_checkbox {
    width: calc(100% / 3 - 10px );
    padding: 10px;
    display: flex;
    column-gap: 15px;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
}
.client-det-btns button.global-icon-btn {
    padding: 6px 10px;
    font-size: 14px;
}
.check-primary .admin_checkbox label.form-check-label {
    margin: 0;
}
.admin-details h5 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: #000;
}
.teamInfoTable.discussion-table td.name .lazy-image-wrapper .lazyload-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.teamInfoTable.discussion-table td.name .lazy-image-wrapper {
    white-space: nowrap;
    display: inline-block;
}
.check-pr-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}
.check-primary .admin_checkbox input {
    margin:5px 0 0 0;
}
/*.check-primary .admin_checkbox input:checked {
    background-color: #083D78;
    border-color: #083D78;
}*/
.timeTracking-manual .cmn-field .css-b62m3t-container .css-13cymwt-control .css-1fdsijx-ValueContainer {
    height: 60px;
    padding:0 10px;
}
.timeTracking-manual .cmn-field .css-t3ipsp-control {
    height: 60px;
    line-height: 60px;
    border: none;
    box-shadow: none;
}
.no-data-found.no-padding span {
    padding: 20px;
}
.view-check .project-btn {
    margin: 0;
    align-items: center;
}
.view-check .project-btn select#checklistDropdown {
    min-width: 300px;
    height: 60px;
    padding: 0 10px;
    background: transparent;
    border: 1px solid #ddd;
}
.view-check{
    display: block !important;
}
.main-dashboard-admin.checklists button.btn.btn-primary.back-to-previous.mb-2 {
    margin: 0 !important;
}
.add-team-modal .selectValues .selectDropdown .dropdown-container {
    border: none;
    height: 50px;
}
.add-team-modal .selectValues .selectDropdown .dropdown-container .dropdown-heading {
    height: 50px;
}
.timeTracking-manual .cmn-field .css-b62m3t-container span.css-1u9des2-indicatorSeparator {
    background: transparent;
}
.timeTracking-manual .cmn-field .css-b62m3t-container .css-qbdosj-Input {
    height: 60px;
    padding: 0;
    margin: 0;
}
.projectInfo {
    margin: 0 -15px 0 -30px;
    border-top: 1px solid #f2f2f2;
    padding: 30px;
    margin-top: 30px;
}
.projectInfo .info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.projectInfo .info label {
    min-width: 150px;
}
.projectInfo .info p {
    margin: 0;
    font-size: 16px;
}


.totalhoursDetails {
    background: #fff;
    margin-top: 25px;
    max-width: 439px;
    margin: 25px 0 0 auto;
}
.totalhoursDetails .hoursD {
    padding: 10px 25px;
    display: flex;
    align-items: center;
}
.totalhoursDetails .hoursD p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.totalhoursDetails .hoursD label {
    flex: 1;
}
.hoursD:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}
.totalhoursDetails .hoursD label svg {
    width: 10px;
    margin-right: 10px;
}
.timeSheet .selectValues .getDetails {
    width: auto;
    flex: auto;
}
.timeSheet .selectValues .getDetails .dateBlock {
    border-right: 1px solid #083d78;
}
.timeSheet .button-wrapper button.primaryBtn {
    background: #083D78;
    color: #fff;
}


.selectedDates p {
    margin: 0;
    text-align: right;
    color: #083d78;
    font-size: 16px;
}
.selectedDates p svg {
    fill: #083d78;
    width: 12px;
    height: 18px;
    position: relative;
    top: -2px;
}
.projectTimeSheet {
    background: #fff;
    display: flex;
}
.projectTimeSheet .approvedInvoice {
    flex: 0 0 30%;
    max-width: 30%;
    border-left: 1px solid #f2f2f2;
}
.projectTimeSheet .timeSheedList {
    flex: 1;
}
.projectTimeSheet .approvedInvoice .projectInfo {
    margin: 0;
    border: 0;
}

.projectTimeSheet .timeSheedList .projectsName {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
}
.projectTimeSheet .timeSheedList .projectsName .count p {
    margin: 0;
    width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5811E;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
}   
.projectTimeSheet .timeSheedList .projectsName p {
    margin: 0;
    font-size: 26px;
}
.projectTimeSheet .timeSheedList .projectsName .count {
    margin-right: 21px;
}
.projectTimeSheet .approvedInvoice .projectInfo .info {
    font-weight: 500;
    justify-content: space-between;
}
.projectTimeSheet .approvedInvoice .approveStatus {
    padding: 0 30px;
    margin-top: 70px;
}
.projectTimeSheet .approvedInvoice .approveStatus .buttons .button-wrapper {
    margin-bottom: 10px;
}
button.primaryBtn.orangeBtn {
    background: #F5811E!important;
    border-color: #F5811E!important;
}

.projectHrList .list_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 7px 15px;
}
.projectHrList .list_ .profilePic img {
    width: 100%;
    max-width: 50px;
    height: 100%;
    object-fit: cover;
}
.projectHrList .list_ .profilePic {
    width: 27px;
    overflow: hidden;
    border-radius: 50%;
    height: 27px;
    min-width: 27px;
}
.projectHrList .list_ p {
    margin: 0;
    font-size: 16px;
}

.projectHrList .list_ svg {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}
.projectHrList .list_:nth-child(even) {
    background: #F3F3F3;
}
.projectTimeSheet:not(:last-child) {
    margin-bottom: 30px;
}
.approveStatus .approvedStatus {
    display: flex;
    align-items: baseline;
    gap: 15px;
}
.approved .approveStatus .approvedStatus .statusReport h3 {
    color: #279400;
    margin: 0;
    font-size: 30px;
}
.projectTimeSheet.inDiscussion .approvedStatus .statusReport h3 {
    color: #DC0000;
    margin: 0;
}
.approveStatus .approvedStatus .statusReport p {
    margin: 0;
    font-size: 16px;
}
.projectTimeSheet.approved .timeSheedList .projectsName .count p {
    background: #279400;
}
.projectTimeSheet.approved {
    border: 1px solid #279400;
}

.projectTimeSheet.inDiscussion {
    border: 1px solid #DC0000;
}
.projectTimeSheet.inDiscussion .timeSheedList .projectsName .count p {
    background: #DC0000;
}
.approveStatus .approvedStatus .button-wrapper {
    margin-top: 17px;
}
.selectedDates {
    margin: -30px 0 15px;
}
.timeSheet .button-wrapper button.primaryBtn:hover {
    background: black!important;
    border-color: #000!important;
}
.projectTimeSheet .approvedInvoice .projectInfo {
    padding-top: 40px;
}

/* ----- 06 may 2024 starts ----- */
/* ----- Maual payment page css starts ----- */

.manual-payment-main-wrap {
    padding: 0;
    min-height: calc(100vh - 93px);
}

.manual-payment-inner-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
}

.manual-payment-inner-wrap form {
    width: calc(100% - 286px - 45px);
}

.manual-payment-inner-wrap .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 15px;
}

.manual-payment-inner-wrap .form-group {
    width: calc(100%/4 - calc(45px/4));
}

.manual-payment-inner-wrap .form-group.wid-100 {
    width: 100%;
}

.manual-payment-inner-wrap .form-group label {
    display: block;
    line-height: normal;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.2;
}

.manual-payment-inner-wrap .form-group .form-control {
    height: 60px;
    border: 0;
    padding: 17px 21px;
    outline: unset;
    border-radius: 0;
    border: 1px solid rgba(112,112,112,0.1);
}

.manual-payment-inner-wrap .form-group textarea.form-control {
    height: 182px;
    resize: none;
}

.manual-payment-inner-wrap .label-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cstm-checkbox input {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
}

.cstm-checkbox input:checked + span::before {
    background-color: #083D78;
    border-color: #083D78;
}

.cstm-checkbox span {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.cstm-checkbox span::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid rgba(112,112,112,0.1);
    background-color: #fff;
    margin-right: 10px;
    transition: all ease-in-out 0.3s;
}

.cstm-checkbox span::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    height: 6px;
    width: 13px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

.form-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-btn-wrap .cstm-btn {
    min-width: 160px;
}

.cstm-btn {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #fff;
    background-color: #083D78;
    border: none;
    padding: 15px;
    min-width: 286px;
    transition: all 0.3s ease-in-out;
}

.cstm-btn:hover, .cstm-btn.active {
    background-color: #F5811E;
}

.cstm-btn.active:hover {
    background-color: #083D78;
}

.cstm-btn span {
    height: 20px;
    width: 20px;
    display: block;
}

.cstm-btn span svg {
    height: 100%;
    width: 100%;
    display: block;
}

.cmn-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.file-preview.file-preview-grid.file-preview-remove {
    display: flex;
    flex-wrap: wrap;
    row-gap:10px;
}
.file-preview.file-preview-grid.file-preview-remove .project-people {
    padding: 0 10px;
    width: 33%;
}
.file-cross-delete-restore {
    position: relative;
}
.file-cross-delete-restore button.remove-user-btn.add-dis-remove-file {
    position: absolute;
    top: 0;
}

.manual-payment-inner-wrap .cmn-btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 31px;
}

.single-field.forget-password a {
    color: #083D78;
    font-weight: 600;
    text-decoration: none;
}

.opportunityCards .cards {
    padding: 18px 23px 120px;
    position: relative;
}
.companyName p {
    padding: 16px 25px;
    margin: 0;
    line-height: 1.4;
}
.addNewOppFields .selectDropdown {
    border: hidden;
}

.notesBlock > h4 {
    font-size: 19px;
    font-weight: 500;
}
span.add-new-company {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #083D78;
    margin-top: 4px;
    cursor: pointer;
    justify-content: flex-start;
    max-width: 165px;
    width: 100%;
}
span.add-new-company i {
    font-size: 12px;
}
.modal .modal-dialog {
    max-width: 800px;
}
.modal h4.modal-title {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 0;
    font-size: 29px;
    color: #1E1E1E;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.modal button.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: none;
}
.modal-header {
    border: hidden;
    padding: 30px 0 20px;
}
.modal-content {
    border-radius: 0;
}
.team-member-input label {
    font-size: 19px;
    color: #1E1E1E !important;
    margin-bottom: 12px;
    line-height: 1;
}
.input-group input[type="text"] {
    width: 70%;
    height: 50px;
    border: 1px solid #d5d5d5;
    padding: 0 15px;
    border-right: hidden;
    outline: none;
}
.input-group button {
    width: 30%;
    background: red;
    border-radius: 0;
    background-color: var(--ocolor);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.modal-body {
    padding: 20px 30px 30px;
}
.input-group button:hover {
    background-color: var(--bcolor);
    color: #fff;
}
.notesBlock {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 50px;
}
.editor-file-upload {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px;
}
.upload-files {
    display: inline-block;
    width: 100%;
    border: 2px dotted #d5d5d5;
    padding: 10px 10px;
    min-height: 100px;
    margin-top: 16px;
}
.single-file-uploaded {
    width: calc(50% - 15px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.inner-div-uploads {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.single-file-uploaded button {
    padding: 0;
    border: hidden;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 79px;
    top: 0;
    background: #ff5a5a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-file-uploaded button svg {
    width: 10px;
}
.single-file-uploaded img {
    max-width: 100%;
    max-height: 100%;
}
.single-file-uploaded > div {
    display: flex;
    gap: 20px;
}
.single-file-uploaded span {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5d5d5;
    padding: 5px;
}
.single-file-uploaded p {
    font-size: 16px;
    line-height: 1.5;
}
.actionBlock h4 {
    font-size: 29px;
    font-weight: 500;
}
.button-global-submit {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid #d5d5d5;
    padding-top: 50px;
}
.add-team-modal .input-group button {
    width: 35%;
}

.add-team-modal .input-group .css-1fdsijx-ValueContainer {
    padding: 0 15px;
}

.add-team-modal .input-group .css-1fdsijx-ValueContainer .css-qbdosj-Input {
    margin: 0;
    padding: 0;
}

.add-team-modal .input-group .css-b62m3t-container {
    width: 65%;
}
.input-group .css-13cymwt-control {
    border-radius: 0;
}
.modal-body label {
    margin-bottom: 5px;
    font-weight: 500;
}
.ck.ck-content p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.button-add-sop {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0 0;
}
.discussion-back-to-project-detail {
    background-color: #083D78;
    height: 51px;
    width: 60px;
    line-height: 2.8;
    border-radius: 0;
    color: #fff;    
}
.discussion-back-to-project-detail:hover {
    background-color: #083D78;
    color: #fff;
}
.report-month-year-wrapper .react-datepicker-wrapper {
    width: 100%;
}
.report-month-year-wrapper .react-datepicker__input-container input {
    font-size: 18px;
    color: #212529;
    font-weight: 400;
}
.no-data-found-discussions {
    width: 100%;
    text-align: center;
    background: #d5d5d5;
    font-size: 30px !important; 
    font-weight: 700;
    color: rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    height: 85px;
}

.label-selectMonthYear {
    width: auto;
}
.month-client-filters-wrapper .selectValues {
    width: 100%;
    justify-content: space-between;
}
.month-client-filters-wrapper button.month-client-reset-button {
    margin: 0;
    padding: 0 30px;
}
.month-client-reset-button {
    margin-top: 0px;
}
  
.no-data-found {
    width: 100%;
    padding: 0 12px;
}
.no-data-found span, .empty-board p{
    width: 100%;
    text-align: center;
    background: #d5d5d5;
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    display: inline-block;
}

.small-box-button {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 auto;
    display: table;
    line-height: 1;
}
.delete-box-button{
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 auto;
    display: table;
    line-height: 1;
    background-color:red;
}
.select-box-sop.selectDropdown {  max-width: 100%; min-width: 100%;  border: 0;}
.select-box-sop.selectDropdown {margin-bottom: 25px;}
.ck.ck-content.ck-editor__editable { height: 200px;}
label { font-size: 18px; font-weight: 600; margin-bottom: 5px; display: inline-block; width: 100%; }
.modal-opportunity button {margin: 20px;}
.modal-opportunity .modal {background: #0000008a;}
.modal-opportunity .modal-dialog {max-width: 804px;width: 100%;position: absolute;left: 0;right: 0;top: 20%;}
.modal-opportunity .modal-dialog .modal-header h4 {display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;padding: 27px 0 0;color: #1E1E1E;font-size: 29px;}
.modal-opportunity svg {margin-right: 10px;}
.modal-opportunity button.btn-close {position: relative;top: -30px;color: #000 !important;opacity: 1;font-weight: 800;}
.modal-opportunity .modal-header {border-bottom: none;}
.modal-opportunity .modal-footer {border-top: none;}
.modal-opportunity .calender-input form label { max-width: 100%;flex: 0 0 100%;}
.modal-opportunity button.primaryBtn {background: #F5811E;border: none;color: #fff;}
.modal-opportunity .button-wrapper {max-width: 100%;flex: 0 0 100%;margin: 20px 0 0;}
.modal-opportunity button.primaryBtn {background: #F5811E;border: none;color: #fff;max-width: 215px;height: 54px;font-size: 21px;}
.modal-opportunity .modal-body {padding-bottom:0;}
.modal-opportunity button.btn-close:focus , .modal-opportunity24 button.btn-close:focus {box-shadow: none;}
.question-icon {margin: 0 0 25px 0;}
/* div.styles-module_tooltip__mnnfp.sr-vs-cstm { padding: 8px 16px; border-radius: 3px; font-size: 90%; width: max-content; top: -60px !important; left: auto !important; right: 0; } */
.calender-box {text-align: center;}
.modal-opportunity p {font-size: 21px;color: #1E1E1E;}
.modal-opportunity .form-btn-rows {display: flex;gap: 20px;justify-content: center;margin-top: 20px;margin-bottom: 40px;}
.modal-opportunity2 {margin: 20px;}
.modal-opportunity21 {margin: 20px;}
.modal-opportunity21 .modal {display: block;background: #000;opacity: 0.9;}
.modal-opportunity21 .modal-dialog {max-width: 804px;width: 100%;position: absolute;left: 0;right: 0;top: 20%;}
.modal-opportunity21 .modal-dialog .modal-header h4 {display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;padding: 27px 0 0;color: #1E1E1E;font-size: 29px;}
.modal-opportunity21 svg {margin-right: 10px; }
.modal-opportunity21 button.btn-close {position: relative;top: -30px;color: #000 !important;opacity: 1;font-weight: 800;}
.modal-opportunity21 .modal-header {border-bottom: none;}
.modal-opportunity21 .modal-footer {border-top: none;}
.modal-opportunity21 .calender-box {display: flex;}
.modal-opportunity21 .calender-box > div {max-width: 50%;flex: 0 0 50%;}
.modal-opportunity21 .calender-input form {display: flex;flex-wrap: wrap;}
.modal-opportunity21 .calender-input form label {max-width: 100%;flex: 0 0 100%;text-align: left;}
.modal-opportunity21 .button-wrapper {max-width: 100%;flex: 0 0 100%;margin: 20px 0 0;text-align: left;}
.modal-opportunity21 button.primaryBtn {background: #F5811E;border: none;color: #fff;max-width: 215px;height: 54px;font-size: 21px;font-weight:600;}
.modal-opportunity21 .calender-input {border-left: 2px solid #ddd;height: 350px;padding: 75px 50px;}
input#select-date {height: 60px;width: 100%;border: 1px solid #7070701F;padding: 10px;margin-top: 10px; margin-bottom: 20px;}
.modal-opportunity21 .modal-body {padding-bottom: 40px;}
.modal-opportunity21 button.btn-close:focus , .modal-opportunity23 button.btn-close:focus {box-shadow: none;}
.modal-opportunity23 {margin: 20px;}
.modal-opportunity23 .modal-dialog {max-width: 1360px;width: 100%;position: relative;top: 70px;}
.modal-opportunity23 h4.modal-title {text-align: center;margin: 0 auto;width: 100%;padding: 20px 0 0 0;font-size: 29px;color: #1E1E1E;}
.modal-opportunity23 .modal-dialog button.btn-close {position: relative;top: -35px;opacity: 1;}
.modal-opportunity23 .modal-header {border-bottom: none;}
.modal-opportunity23 .modal-header svg {position: relative;}
.modal-opportunity23 ul li {border: 1px solid #083D78;}
.modal-opportunity23 .modal-body {padding: 0 86px 50px;}
.modal-opportunity23 .modal-body ul li {max-width: 220px;width: 100%;display: flex;align-items: center;text-align: center;margin: 0 5px;justify-content: space-between;}
.modal-opportunity23 ul li button {color: #083D78 !important;border-radius: 0 !important;height: 54px;}
.modal-opportunity23 .nav .nav-item button {width: 100%;}
.modal-opportunity23 .nav .nav-item button.active {background-color: #083D78;color: #fff !important;}
.modal-opportunity23 .modal-body ul li:first-child {margin-left: 0;}
.modal-opportunity23 .modal-body ul li:last-child {margin-right: 0;}
div#pills-tabContent {border: none !important;margin-top: 0;padding: 0 !important;}
.meeting-now .calender-box {text-align: left;}
.meeting-now input {border: none !important;border-bottom: 1px solid #565656 !important;height: auto !important;font-size: 16px !important;padding: 0 0 6px !important;max-width: 230px !important;}
.modal-opportunity23 .modal-content , .modal-opportunity21 .modal-content , .modal-opportunity .modal-content {border-radius: 0;}
.main-popup-section .text-box input {padding:0 20px !important; margin: 20px 0; height: 210px !important; border: 1px solid #ddd !important; width: 100% !important; max-width: 100% !important; }
.modal-opportunity24 button {margin: 20px;}
.button-wrapper.save button {background: #F5811E;border: none;color: #fff;max-width: 130px;height: 54px;font-size: 21px;font-weight: 600;}
.modal-opportunity a.global-icon-btn.orange-btn {background-color: #F5811E;max-width: 103px;padding: 0;height: 54px;width: 100%;display: flex;justify-content: center;font-size: 21px;font-weight: 600;}
.modal-opportunity a.global-icon-btn {max-width: 103px;padding: 0;height: 54px;width: 100%;display: flex;justify-content: center;font-size: 21px;font-weight: 600;}
.modal-opportunity24 .modal-dialog {max-width: 804px;width: 100%;}
.modal-opportunity24 h4.modal-title {text-align: center;margin: 0 auto;width: 100%;padding: 20px 0 0;font-size: 29px;color: #1E1E1E;}
.modal-opportunity24 h4.modal-title svg {position: relative;top: -2px;}
.modal-opportunity24 .modal-dialog button.btn-close {position: relative;top:-28px;opacity: 1;}
.modal-opportunity24 .modal-header {border-bottom: 0;}
.team-member-input {padding: 20px 56px 0;}
.team-member-input label {font-size: 19px;color: #1E1E1E !important;margin-bottom: 10px;}
.team-member-input .input-group {/*border: 1px solid #7070701F;*/height: 54px;}
.team-member-input .input-group input {width: 100%;border-right: 1px solid #d5d5d5;border: 1px solid #d5d5d5;padding: 0 15px;}
.team-btn-member.button-global-submit {border: none;padding: 0;}
.team-member-input.checkbox label {margin: 0 0 0 10px;}
.team-member-input.checkbox {display: flex;align-items: center; padding-top: 30px;}
.team-member-input.checkbox input{width: 24px;height: 24px;position: relative;-webkit-appearance: none;flex-shrink: 0;cursor: pointer;}
.team-member-input.checkbox input::before{content: "";position: absolute;left: 0;top: 0;width: 24px;height: 24px;border: 1px solid #D6D6D6;cursor: pointer;}
.team-member-input.checkbox input::after{content: "";position: absolute;left: 8px;top: 3px;width: 8px;height: 14px;border: 2px solid #fff;transform: rotate(45deg);border-top: hidden;border-left: hidden;opacity: 0;}
.team-member-input.checkbox input:checked::before{background: #083D78;border-color: #083D78;}
.team-member-input.checkbox input:checked::after{opacity: 1;}
.team-member-input input {height: 54px;}
.modal-opportunity24 .modal-body {padding: 0;}
.aboard-team {border-top: 1px solid #ddd;padding: 22px 54px;margin: 46px 0 0;}
.team-img {display: flex;align-items: center;}
.img-team img {max-width: 80px;height: 90px;object-fit: contain;margin-right: 17px;}
.team-part {display: flex;flex-wrap: wrap;justify-content: space-between;}
.team-part .team-img {margin-bottom: 20px;}
.aboard-team h5 {color: #1E1E1E;font-size: 19px;padding-top: 5px;padding-bottom: 10px;}
button.btn.invite-project {margin: 0;background: #F5811E;color: #fff;border-radius: 0; padding: 0 20px;font-size: 21px;}
.team-member-input .input-group input.form-control {border: none;border-bottom: 1px solid #ddd;}
span#basic-addon1 {border: none;height: 54px;background: #fff;border-bottom: 1px solid #ddd;border-radius: 0;}
.addNewOppFields .form-btn-rows { justify-content: flex-start; margin:0; }
.Client-Detail { display: flex; justify-content: space-between; }
.client-wrap-ot h4 { margin: 0 20px 0 0; font-size: 21px; font-weight: 500; }
.user-icon p { margin: 0; }
.details-discussion-outer button.back-to-down .sr-rotate { transform: rotate(90deg); color: #fff; position: relative; top: 2px; }
.details-discussion-outer button.back-to-down { position: fixed; right: 40px; margin: 0; z-index: 22; background: #083D78; border-radius: initial; width: 50px; height: 50px; }
.partner-wrapper .wrap-checkbox { margin: 0; }
.agency_checkbox_content input.custom-checkbox { width: 20px; height: 20px; }
.agency_checkbox_content input.custom-checkbox::before { width: 20px; height: 20px; }
.agency_checkbox_content input.custom-checkbox::after { width: 5px; height: 10px; top: 4px; }
.user-icon { display: flex; align-items: center; border: 1px solid rgb(8 61 120 / 20%); padding: 8px; cursor: pointer; }
.user-icon p, .user-icon a { margin: 0; color: #083D78; text-decoration: none; font-size: 14px; line-height: 30px; font-weight: 500; white-space: break-spaces;
    word-wrap: break-word;
    overflow-wrap: anywhere;}
.client-wrap-ot { display: flex; align-items: center; }
.fab-icon i { color: #fff; font-size: 14px;}
.fab-icon { width: 30px; height: 30px; background-color: #083D78; display: flex; align-items: center; justify-content: center; margin: 0 5px 0 0; }
.row-client-data { margin: 0 6px 0 0; }
.row-client-data:last-child{margin-right: 0;}
.team-wrap-details { background: transparent; margin-bottom: 0; }
.team-wrap-details .fields .selectDropdown { min-width: 180px; }
.team-wrap-details .fields .selectDropdown select {background: transparent;padding: 0 10px;height: 50px; font-size: 14px;}
.team-wrap-details { display: flex; justify-content: flex-end; }
.client-dis strong { font-size: 23px; line-height: 33px; color: #1E1E1E; }
.team-wrap-details .fields:first-child .selectDropdown {min-width: 200px;border: 1px solid #CECECE; border: 1px solid #CECECE;} 
.search-container input:focus { outline: none; }
.search-container { position: relative; min-width: 400px; background: #F2F3F5; height: 48px; }
.search-container input::placeholder{ font-family: "Work Sans", sans-serif; color: #1E1E1E; font-size: 18px; font-weight: 400; }
.search-container input { background: #F2F3F5; border: none; height: 48px; padding: 0 20px; width: 100%; border: 1px solid #CECECE;}
.search-container button { position: absolute; right: 20px; top: 50%; border: none; background: transparent; transform: translateY(-50%); padding: 0; }
.member-card-det .card-det { width: 24%; float: left; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #7070701F; margin: 0 1% 30px 0; }
.member-card-det .card-det:nth-child(4n){ margin-right: 0; }
.member-card-det { display: flex; flex-wrap: wrap; margin:40px 0 0 0; }
.client-info { display: flex; justify-content: space-between; border-bottom: 1px solid #E8E8E8; align-items: center; }
.client-review { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #E8E8E8;cursor: pointer; }
.client-pro { padding: 0 20px; display: flex; align-items: center; column-gap: 11px; }
.client-review i { font-size: 20px; }
.client-avatar p { margin: 0; font-size: 16px; line-height: 26px; font-weight: 400; color: #1E1E1E; }
.client-avatar { display: flex; align-items: center; padding: 10px 20px; column-gap: 11px; border-bottom: 1px solid #E8E8E8; }
.client-pro span {
    color: #1E1E1E;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    width: 200px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.company-popup .modal-body .calender-box span.error-text {
    color: #ff0000;
}
.css-1nmdiq5-menu{
    z-index: 2 !important;
}

.sr-cstm-dd-multi .multi-select .dropdown-container .clear-selected-button {
    display: none;
}
member-card-det .card-det a.pro-title {
    width: 80%;
}
.member-card-det .client-pro span{width:auto;}
.client-cmnt { display: flex; flex-wrap: wrap; padding: 30px; }
.client-box { width: 50%; float: left; display: flex; column-gap: 10px; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; padding: 24px;align-items: baseline;}
.client-box-icon, .client-dis { margin: 23px 0 0 0; }
.client-box-icon:nth-child(1), .client-dis:nth-child(2) { margin: 0; }
.client-cmnt .client-box:nth-child(1), .client-cmnt .client-box:nth-child(3) { padding-left: 0; }
.client-dis p { margin: 0; font-size: 16px; line-height: 26px; color: #1E1E1E; }
.client-cmnt .client-box:nth-child(3), .client-cmnt .client-box:nth-child(4) { padding-bottom: 0; border-bottom: none; }
.client-cmnt .client-box:nth-child(2), .client-cmnt .client-box:nth-child(4) { border-right: none; }
.client-cmnt .client-box:nth-child(1), .client-cmnt .client-box:nth-child(2) { padding-top: 0; }
.project-task-list { display: flex; }
.project-task-card { width: 33%; float: left; background: #fff; border: 1px solid #7070701F; padding: 30px; }
.project-task-card:first-child { width: 65%; }
.project-task-card:nth-child(2n) { border-left: none; border-right: none; width:35%;}
.project-task-heading svg { width: 14px; }
.view-btn svg { max-width: 24px; margin: -4px 0 0 9px; }
.view-btn svg path { stroke: #083D78; }
.pro-sr-cstm-combo button.sr-cstm-primary { margin: 0; }
.project-btn { display: flex; justify-content:space-between; column-gap: 14px; margin: 0 0 30px 0; } 
.project-btn a { background: #F5811E; color: #fff; height: 54px; line-height: 54px; border-radius: initial; border:none; text-decoration: none; padding: 0 20px; font-size: 20px; transition: all ease 0.3s; }
.project-btn a:hover{ background: #000; }
.project-task-heading { display: flex; justify-content: space-between; margin: 0 0 30px 0; }
.project-task-heading span { color: #1E1E1E; font-size: 24px; line-height: 34px; font-weight: 600; font-family: "Work Sans", sans-serif; }
.project-outer { display: flex; flex-wrap: wrap; }
.project-count { display: flex; width: 50%; float: left; align-items: center; column-gap: 12px; margin: 0 0 18px 0; }
.project-count-number span { background: #083D780F; width: 36px; height: 36px; float: left; display: flex; align-items: center; justify-content: center; font-size: 19px; line-height: 36px; color: #414141; }
.project-count p { margin: 0; color: #414141; text-transform: capitalize; letter-spacing: 0.38px; }
.view-btn { width: 100%; float: left; margin: 28px 0 0 0; }
.view-btn a { text-decoration: none; color: #083D78; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: capitalize; transition: all ease 0.3s; }
.view-btn a:hover{ text-decoration: none; color: #000; }
.project-file-list { display: flex; flex-wrap: wrap; margin: 32px 0 50px 0; }
.project-left, .project-right { width: 50%; float: left; }
.project-right { background: #fff; padding: 33px; margin-top: 54px; }
.project-people .project-peo-data:last-child { margin-top: 28px; }
.project-sr { display: flex; column-gap: 40px; margin: 16px 0 0 0; }
.project-people h2 { color: #1E1E1E; font-size: 20px; line-height: 30px; font-weight: 500; margin: 0 0 16px 0; }
.project-peo-wrap { display: flex; align-items: flex-start; }
.project-peo-wrap p { margin: 0 0 0 18px; font-size: 16px; line-height: 26px; color: #1E1E1E; }
.project-left h3 { margin: 0 0 20px 0; font-size: 24px; line-height: 34px; color: #1E1E1E; font-weight: 600; }
.pdf-list { display: flex; flex-wrap: wrap; }
.pdf-list-data { width: auto; float: left; border: 1px solid #083D78; margin: 0 2% 18px 0; display: flex; align-items: center; column-gap: 15px; padding: 6px; }
.pdf-card { width: 42px; height: 42px; background: #083D78; display: flex; align-items: center; justify-content: center; }
.pdf-list-data span { color: #083D78; font-weight: 500; font-size: 20px; line-height: 30px; }
.sr-cstm-btn p { margin: 0; color: #000; font-size: 18px; }   
.modal-opportunity23 .modal-body { max-height: 600px; overflow-y: scroll; }
.logs-heading{ margin:50px 0 0 0; }
.add-checklist-member .form-group.selectDropdown { max-width: 100%; min-width: 100%; margin: 0 0 15px 0; border:none;}
.add-checklist-member  select#types { background: #fff;width: 100%;float: left;border: 1px solid #CECECE;}
.add-checklist-member .field input { appearance: none; padding: 12px 30px 12px 12px; font-size: 18px; width: 100%; outline: unset; height: 50px; border-radius: 0; border: 1px solid #CECECE; }
.add-checklist-member  .form-btn-rows { margin: 20px 0 30px 0; }
button.sr-cstm-orange.global-icon-btn.orange-btn{    padding: 5px 15px; font-size: 17px; background-color: #f48231; font-family: 'Work Sans'; margin: 0;}
button.sr-global-icon-btn {padding: 5px 10px; font-size: 17px; border: none; background-color: #1d3976; color: white; font-family: 'Work Sans';}
.sr-edit-delete { display: flex; gap: 20px; }   
.Mui-TableHeadCell-Content-Actions.MuiBox-root.css-epvm6 { display: none; }
table.MuiTable-root > thead > tr.MuiTableRow-root th { font-family: 'Work Sans' !important; color: #000; font-size: 18px; font-weight: 500; }
table.MuiTable-root > tbody > tr > td { font-family: 'Work Sans' !important; font-size: 16px; font-weight: 400; color: #000; }
.main-dashboard-admin .dicuss-data p { margin: 0; white-space: break-spaces; word-wrap: break-word; width: 100%; }
.client-info a { text-decoration: none; }
.password-outer-sec h6 { color: #1E1E1E; font-size: 24px; line-height: 34px; font-weight: 600; text-transform: capitalize; }
.password-card.det { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #7070701F; margin: 0 0 20px 0; padding: 30px; }
.psw-icon, .psw-data { width: 40%; }
.password-outer-sec { display: flex; }
.password-vault-left ul.sr-cstm-drag-drop-wrap li.accordion {
    position: relative;
}
.password-vault-left ul.sr-cstm-drag-drop-wrap li.accordion i.fas.fa-grip-lines{
    position: absolute;
    top: 28px;
    left: 30px;
}
.password-vault-left ul.sr-cstm-drag-drop-wrap li.accordion h2 {
    padding: 0 0 0 35px;
}
.password-vault-left, .password-vault-right { width: 50%; }
.psw-dett { display: flex; margin: 0 0 30px 0; }
.psw-icon svg {margin: 8px 0 0 0;}
.psw-dett:last-child{margin-bottom: 0;}
.psw-edit { width: 20%; display: flex; justify-content: flex-end; column-gap: 10px; }
.edit-ic { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(8 61 120 / 20%); }
.edit-ic  button{ background-color: transparent; border:none; }
.add-mem i { color: #000; }
.psw-icon { display: flex;  column-gap: 12px; }
.password-card.det p { margin: 0; }
.psw-icon span { text-transform: capitalize; font-size: 20px; line-height: 30px; color: #000000; font-weight: 500; }
.psw-field { display: flex; margin: 0 0 16px 0; }
.psw-field .psw-type { width: 60%; float: left; }
.psw-field .psw-type input { width: 100%; float: left; border: 1px solid rgb(112 112 112 / 20%); height: 38px; line-height: 38px; padding: 0 20px; }
div.filed-btns { justify-content: flex-start; }
.password-vault-right { padding: 0 0 0 30px; }
.password-card.check { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #7070701F; width:100%; float:left;}
.psw-team-btn button { background: #083D78; border: none; color: #FFFFFF; font-size: 21px; line-height: 55px; height: 55px; padding: 0 57px; margin: 0 0 45px 0; transition: all ease 0.3s; }
.psw-team-btn button:hover{ background-color: #000; }
.pass-check-in { padding: 0 20px 43px 20px; }
.pass-check { display: flex; column-gap: 15px; padding: 0 30px; align-items: center; margin: 0 0 18px 0; }
.pass-check input { margin: 0; position: relative; cursor: pointer; line-height: 0; outline: 0; padding: 0; vertical-align: text-top; height: 18px; width: 18px; -webkit-appearance: none; background: #fff; border: 1px solid #D8D8D8; }
.pass-check:last-child { margin: 0; }
.add-mem { width: 100%; float: left; margin: 24px 0 0 0; padding-bottom:30px;}
.pass-check-in .row {margin: 0;}
.add-mem span { margin: 0 0 0 10px; color: #1E1E1E; font-size: 20px; line-height: 30px; font-weight: 500; }
.pass-check input::after{ content: ''; position: absolute; right: 50%; top: 50%; width: 5px; height: 12px; border: solid #FFF; border-width: 0 2px 2px 0; margin: -2px 0px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; }
.pass-check input:checked{ background-color:#083D78; border: #083D78; opacity: 1; }
.pass-check p { margin: 0; font-size: 17px; line-height: 27px; color: #1E1E1E; white-space: break-spaces; }
.dicuss-data { display: flex; align-items: center; background: #fff; border: 1px solid #7070701F; margin: 0 0 15px 0; }
.dicuss-data .project-peo-wrap, .dicuss-data .dic-cont { width: 15%; }
.dicuss-data:last-child{margin-bottom: 0;}
.dicuss-data .project-peo-wrap, .dic-cont { padding: 15px 25px; }
.dic-cont:last-child { border-right: none; }
.dicuss-data .project-peo-wrap { display: flex; align-items: center; column-gap: 12px; border-right: 1px solid rgb(112 112 112 / 15%); }
.dic-cont { border-right: 1px solid rgb(112 112 112 / 15%); vertical-align: middle; display: flex; align-items: center; }
.dicuss-data p { margin: 0; font-size: 17px; line-height: 27px; color: #1E1E1E; }
.discussion-bar { display: flex; justify-content: space-between; }
.create-sec { display: flex; border: 1px solid rgb(112 112 112 / 20%); }
.create-box { width: 25%; float: left; padding: 15px 8px 15px 15px; border-right: 1px solid rgb(112 112 112 / 20%); }
.create-box:last-child { border: none; }
.content-boxes-single a { text-decoration: none; color: #000000; font-weight: 500; margin: 0 0 8px 0; }
.create-box span { font-size: 16px; line-height: 26px; color: #1E1E1E; }
.client-cmnt .client-box:nth-child(3), .client-cmnt .client-box:nth-child(4) { padding-bottom: 00; border-bottom: none; }
.client-cmnt .client-box:nth-child(2), .client-cmnt .client-box:nth-child(4) { border-right: none; }
.client-cmnt .client-box:nth-child(1), .client-cmnt .client-box:nth-child(2) { padding-top: 0; }
.project-task-list { display: flex; }
.project-task-card { width: 50%; float: left; background: #fff; border: 1px solid #7070701F; padding: 30px; }
.discussion-project-details{width:100%}
/* .project-task-card { width: 33%; float: left; background: #fff; border: 1px solid #7070701F; padding: 30px; } */
.project-task-heading svg { width: 14px; }
.view-btn svg { max-width: 24px; margin: -4px 0 0 9px; }
.view-btn svg path { stroke: #083D78; }
.project-btn a { background: #F5811E; color: #fff; height: 54px; line-height: 54px; text-decoration: none; padding: 0 20px; font-size: 20px; transition: all ease 0.3s; }
.project-btn a:hover{ background: #000; }
.project-task-heading { display: flex; justify-content: space-between; margin: 0 0 30px 0; }
.project-task-heading span { color: #1E1E1E; font-size: 24px; line-height: 34px; font-weight: 600; font-family: "Work Sans", sans-serif; }
.project-outer { display: flex; flex-wrap: wrap; }
.project-count { display: flex; width: 50%; float: left; align-items: center; column-gap: 12px; margin: 0 0 18px 0; }
.project-count-number span { background: #083D780F; width: 36px; height: 36px; float: left; display: flex; align-items: center; justify-content: center; font-size: 19px; line-height: 36px; color: #414141; }
.project-count p { margin: 0; color: #414141; text-transform: capitalize; letter-spacing: 0.38px; }
.view-btn { width: 100%; float: left; margin: 28px 0 0 0; }
.view-btn a { text-decoration: none; color: #083D78; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: capitalize; transition: all ease 0.3s; }
.view-btn a:hover{ text-decoration: none; color: #000; }
.project-file-list { display: flex; flex-wrap: wrap; margin: 32px 0 50px 0; }
.project-left, .project-right { width: 50%; float: left; }
.project-right { background: #fff; padding: 33px; margin-top: 54px; }
.project-people .project-peo-data:last-child { margin-top: 28px; }
.project-sr { display: flex; column-gap: 40px; margin: 16px 0 0 0; flex-wrap: wrap; }
.project-people h2 { color: #1E1E1E; font-size: 20px; line-height: 30px; font-weight: 500; margin: 0 0 16px 0; }
.project-peo-wrap { display: flex; align-items: center; }
.project-peo-wrap p { margin: 0 0 0 18px; font-size: 16px; line-height: 26px; color: #1E1E1E; width: 85%; word-wrap: break-word; }
.project-left h3 { margin: 0 0 20px 0; font-size: 24px; line-height: 34px; color: #1E1E1E; font-weight: 600; }
.pdf-list { display: flex; flex-wrap: wrap; }
.pdf-list-data { float: left; border: 1px solid #083D78; margin: 0 2% 18px 0; display: flex; align-items: center; column-gap: 15px; padding: 6px; }
.pdf-card { width: 42px; height: 42px; background: #083D78; display: flex; align-items: center; justify-content: center; }
.main-dashboard-admin.task-details-inner .back-to-previous { padding-left: 0; }
.pdf-list-data span a{ color: #083D78; font-weight: 500; font-size: 20px; line-height: 30px; text-decoration: none; }
.sr-cstm-btn p { margin: 0; color: #000; font-size: 18px; }   
.modal-opportunity23 .modal-body { max-height: 600px; overflow-y: scroll; }
.logs-heading{ margin:50px 0 0 0; }
.company-popup .modal-body .calender-box input {border: 1px solid #CECECE; color:#000;}
.company-popup .modal-body .calender-box {text-align: left;margin: 0 0 20px 0;}
.company-popup .modal-body .calender-box.upload-choose input {border: none;padding: 0;}
.add-checklist-member .form-group.selectDropdown { max-width: 100%; min-width: 100%; margin: 0 0 15px 0; float: left;}
.add-checklist-member  select#types { background: #fff; }
.add-checklist-member .field input { appearance: none; padding: 12px 30px 12px 12px; font-size: 18px; width: 100%; outline: unset; height: 50px; border-radius: 0; border: 1px solid #CECECE; }
.add-checklist-member  .form-btn-rows { margin: 20px 0 30px 0; }
.singel-main-standard-op { text-align: left; }
.singel-main-standard-op a img {max-height: 350px;object-fit: cover;}
.content-boxes-single a { text-decoration: none; }
.img-boxes-single { border: 1px solid #ddd; padding: 20px; border-radius: 10px 10px 0 0; }
.create-box p { font-size: 15px; line-height: 25px; color: #5B5B5B; font-weight: 400; }
.discussion-bar { display: flex; justify-content: space-between; align-items: center; margin: 0 0 24px 0; }
.dis-head h6 { margin: 0; font-size: 24px; line-height: 34px; color: #1E1E1E; font-weight: 600; }
.search-bar { display: flex; align-items: center; }
.search-bar .search-container { min-width: 200px; margin: 0 20px 0 0; }
.dis-btn a { background: #083D78; color: #fff; border: none; padding: 12px 22px; font-size: 20px; line-height: 20px; letter-spacing: 0.4px; text-decoration: none; transition: all ease 0.3s; }
.dic-cont a { color: #1e1e1e; text-decoration: none; }
.dis-btn a:hover{ background-color: #000; }
.sop-edit-delete { display: flex; column-gap: 12px; justify-content: center; }
.sop-edit-delete a { margin: 0; color:white; }
.sop-edit-delete button { margin: 0; }
.team-log-data { width: 29%; float: left;     margin: 0 0 24px 0;}
.confirm-remove { width: 100%; float: left; margin: 10px 0 0; display: flex; gap: 4px; }
.confirm-remove button { border: none; padding: 0; width: 25px; height: 25px; color: #fff; }
button.cancel-btn { background: #ff0000; }
button.confirm-btn { background: #153c76; }
.project-people .project-peo-data:last-child .project-peo-wrap { margin: 0; width: 100%; float: left; }
.project-peo-wrap p { color: #000; text-decoration: none; }
.project-peo-wrap a { color: #153c76; text-decoration: none; }
.psw-tems-btns { display: flex; align-items: center; column-gap: 28px; margin: 0 0 30px 0; }
.psw-tems-btns button { margin: 0; }
.psw-tems-btns p{margin:0;}
.psw-tems-btns p,.add-mem a i span { margin: 0; font-size: 17px; line-height: 27px; letter-spacing: 0.34px; color: #171717; font-weight:400; }
.discuss-edit.right .pass-check-in { padding: 0 20px 90px 40px; }
.discuss-edit.right .add-mem { margin: 20px 0 0 0; padding: 0 0 40px 0; }
.upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; }
.add-distext-btn h2 { margin: 0; font-size: 24px; line-height: 40px; letter-spacing: 0.34px; font-weight: 600; color: #1E1E1E; }
.attached-btn { background: #1d3976; border: none; color: #fff; font-weight: 500; font-size: 20px; line-height: 30px; border-radius: inherit; height: 59px; display: inline-block; padding: 0 20px; position: relative; z-index: 1; transition: all ease 0.3s; }
.attached-btn:hover{ background-color: #000000; }
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; height: 59px; width: 100%; z-index: 9; }
.discuss-edit-inner .upload-btn-wrapper { text-align: center; width: 100%; }
.discuss-edit-inner input[type="text"]::placeholder{ font-size: 16px; line-height: 26px; color: #1E1E1E; }
.discuss-edit-inner { background: #fff; border: 1px solid #7070701F; padding: 30px; margin: 0 0 20px 0; }
.discuss-edit-inner .upload-btn-wrapper button { float: none; display: inline-block; position: relative; cursor: pointer;}
.discuss-edit-inner input[type="text"] { width: 100%; border: 1px solid rgb(112 112 112 / 20%); height: 50px; padding: 0 40px; margin: 0 0 20px 0; position: relative; }
.discuss-input{ position: relative; }
.discuss-input::after { position: absolute; top: 18px; left: 16px; width: 15px; height: 15px; content: ''; background-image: url(../images/pen.png); }
.discuss-edit-inner input
.discuss-edit-inner { background: #FFFFFF; border: 1px solid #7070701F; padding: 30px; }
.add-discussion { display: flex; column-gap: 30px; }
.discuss-edit.left { width: 60%; float: left; }
button.attached-btn i { margin: 0 10px 0 0; }
.discuss-edit.right { width: 40%; float: left; }
.add-distext-btn { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0; }
.fileContainer, .filesContainer { width: 100%; margin: 30px 0 0 0; }
.add-distext-btn a { text-decoration: none; background: #083D78; border: none; color: #FFFFFF; font-size: 21px; line-height: 55px; height: 55px; padding: 0 30px; transition: all ease 0.3s; }
.add-distext-btn a:hover{ background-color: #000000; }
.teamInfoTable.teams-table { max-width: 100%; width:100%;}
.status-dropdown-psw { padding: 20px; }
.teamInfoTable.teams-table th.noOfProject { min-width: auto; text-align: left; }
.teamInfoTable.email-table { max-width: 100%; }
.psw-tems-btns.select-psw-btns { margin: 0; padding:  0; display: block; }
.psw-tems-btns.select-psw-btns .selectDropdown { max-width: inherit; min-width: auto; }
.email-table table thead tr th:nth-child(4) { text-align: left; min-width: auto; }
.details-discussion-outer { display: flex; column-gap: 30px;    align-items: flex-start; }
.detail-grid.left { width: 60%; float: left; }
.detail-grid.right { width: 40%; float: left; position: sticky;top: 94px;}
.detail-grid .password-card.check { float: none; display: inline-block; width: 100%; margin:0 0 30px 0; }
.pass-card-out { width: 100%; float: left; }
.teamInfoTable.det-table table td { border: none; }
.teamInfoTable.det-table table tbody tr { background: #f2f3f5; }
.teamInfoTable.det-table table tbody tr:nth-child(2n+1) { background: #f2f3f5; }
.teamInfoTable.det-table .pass-check-in.dt { padding: 0 30px; }
.teamInfoTable.det-table .pass-check { padding: 0; } 
.teamInfoTable.det-table .pass-check-in.dt .add-mem { margin: 0; padding: 20px 0 43px 0; }
.teamInfoTable.det-table table { border: 1px solid #E6E7E9; }
.detail-grid h2 { margin: 10px 0 24px 0; font-size: 24px; line-height: 40px; letter-spacing: 0.34px; font-weight: 600; color: #1E1E1E; word-wrap: break-word; }
.details-boxes { background: #FFFFFF; border: 1px solid #7070701F; padding: 30px; margin:0 0 20px 0; }
.details-edits-cal div { margin: 0; /* font-weight: 500; */ color: #1E1E1E; }
.details-boxes .project-sr { margin: 0; }
.edits-calender { display: flex; align-items: center; column-gap: 10px; justify-content: flex-end;}
.edit-delete { display: flex; align-items: center; }
.edit-delete span { margin: 0 6px; }
.details-edits-cal {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 0;
    width: 100%;
    flex-direction: column;
    row-gap: 20px;
}
/*.details-boxes .project-peo-wrap .project-peo-cont { width: 100%; }*/
.sr-cstm-div-img-date { display: flex; width: 100%; align-items: center; column-gap: 12px; justify-content: space-between;}
.project-peo-cont { display: flex; justify-content: space-between; }
.details-boxes .project-peo-wrap { width: 100%; flex-wrap: wrap; }
.fileContainer img, .filesContainer img { max-height: 100px; }
.details-boxes .project-peo-wrap .project-peo-img {
    width: 100%;
    max-width: 50%;
}
td.projectName.comnt p {
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 450px;
    line-height: 30px;
}
.react-post-out {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
button.global-icon-btn.blue-btn.set-date {
    padding: 10px;
    font-size: 14px;
    text-transform: capitalize;
}
div.sr-cstm-div-img-date .edits-calender p {
    width: auto;
}
.fileouter .fileContainer video {
    width: 100%;
    height: auto;
}
.commentBox {
    width: 100%;
}
.fileContainer-opportunity-details {
    display: flex;
    margin: 0 -10px;
}
.opportunity-details-filewraper {
    width: 33%;
    padding: 0 10px;
}
.opportunity-details-filewraper img {
    width: 100%;
    max-width: 100% !important;
    object-fit: cover;
    height:150px;
}
.opportunity-details-filewraper a {
    width: 100%;
    display: inline-block;
}
.main-dashboard-admin .postedNotesBlock .opportunity-details-filewraper p {
    text-align: center;
    word-wrap: break-word;
    white-space: break-spaces;
}
.postedNotesBlock .commentedNotes .sr-cs-wrap {
    width: auto;
    column-gap: 20px;
    justify-content: initial;
}
.teamInfoTable.email-table.checklist td {
    vertical-align: top;
}
figure.table {
    display: block;
    overflow-x: auto;
}
.edit-delete a, .edit-delete button { background: transparent; border: none; color: #1E1E1E; font-size: 19px; line-height: 29px; font-weight: 500; }
.details-boxes .project-peo-wrap h4 { font-size: 19px; line-height: 30px; font-weight: 500; margin: 0; }
.details-boxes .project-peo-wrap p { margin: 0; word-wrap: break-word; float: none; display: inline-block; width: 100%;     white-space: normal;}
.details-boxes .project-peo-wrap { align-items: flex-start; column-gap: 17px; }
.sr-announcement { display: flex; justify-content: space-between; margin: 30px 0 0 0; align-items: center; }
.sr-announces { width: 33%; float: left; align-items: center; }
.sr-announces.sr-annouce-1 { display: flex; column-gap: 10px; }
.sr-announces label { margin: 0; }
/* .sr-cstm-combo.arc-clients button.global-icon-btn { height: 55px; } */
.sr-announces button { width: auto; float: right; }
.sr-announces.sr-annouce-2 { display: flex; width: 50%; }
.sr-announces input { padding: 0 17px 0 20px; height: 60px; border: 1px solid #CECECE; }
.sr-announces input#agreement { width: 24px; height: 24px; position: relative; -webkit-appearance: none; flex-shrink: 0; cursor: pointer; padding: 0; }
.sr-announces input#agreement::after{ content: ""; position: absolute; left: 8px; top: 3px; width: 8px; height: 14px; border: 2px solid #fff; transform: rotate(45deg); border-top: hidden; border-left: hidden; opacity: 0; }
.sr-announces input#agreement::before{ content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; cursor: pointer; }
.sr-announces input#agreement:checked::after{ opacity: 1; }
.sr-announces input#agreement:checked::before{ background: #083D78; border-color: #083D78; }
.sr-announces.sr-annouce-3 { padding: 0; border: none; display: block; }
.cient-announcement { padding: 0px; }
.cient-announcement { padding: 0px; }
.announcement-bar { display: flex; justify-content: center; color: #000000; background: #FCDF21 0% 0% no-repeat padding-box; opacity: 1; padding: 10px 0; align-items: center; }
.announcement-bar svg { margin-right: 10px; }
.announcement-bar span { text-align: center; font: normal normal medium 15px/65px Work Sans; letter-spacing: 0.3px; color: #000000; opacity: 1; }
.sr-cstm-padding { padding: 40px; } 
.opportunityCards .cards .cardHeader h3{ min-width: auto; height: auto; max-width: initial; overflow: initial; font-size: 20px; padding-right: 15px; word-wrap: break-word;
    white-space: normal;}
.rotate-line-loader { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 555; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.checklist-header-wrap .fields svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.checklist-header-wrap .fields { position: relative; }
.projectCards a { color: black; text-decoration: none; }
.form-btn-rows a { text-decoration: none; color: white; }
.teamMemeberImage svg { position: absolute; right: 10px; top: 10px; }
:focus-visible { outline: none !important; }
button.sr-cstm-primary { background: #F5811E; border: none; color: #fff; height: 54px; font-size: 20px; padding: 0 10px; margin: 0 0 10px 0;}
.react-tooltip button { background: transparent !important; border: 1px solid #ccc; margin: 0 2px; }
.react-tooltip { background: #fff !important; }
.fa-star{ text-shadow: 0 0 1px #000; }
.sr-cstm-combo button.global-icon-btn.orange-btn span { width: 100%; font-size: 14px; position: relative; top: -5px; }
.standard-operating-procedures ul.nav.nav-tabs button.nav-link { border-right: 1px solid #DBDBDB; }
.client-wrap-ot a { text-decoration: none; white-space: break-spaces;overflow-wrap: anywhere;}
button.btn.btn-primary.mb-2 { background-color: #F5811E; border: none;}
button.global-icon-btn.orange-btn { margin-right: 10px; }
.sr-cstm-combo button.global-icon-btn.orange-btn { margin-right: 15px;display: flex;flex-wrap: wrap;justify-content: center; }
.sr-cstm-combo { display: flex; margin: 30px 0 0 0;     justify-content: space-between;column-gap: 15px;}
.sr-cstm-combo a { text-decoration: none;}
.client-det-btns { display: flex; row-gap: 10px;}
span.sr-cstm-activitybutton { padding-bottom: 25px; text-align: center; }
.add-announcement-modal .sr-announcement { flex-wrap: wrap; margin: 0; }
.add-announcement-modal .sr-announcement .sr-announces.sr-annouce-2 { width: 100%; flex-wrap: wrap; margin: 0; }
.add-announcement-modal .sr-announcement .sr-announces.sr-annouce-2 label { text-align: left; margin: 0 0 10px 0; }
.add-announcement-modal .sr-announcement .sr-announces.sr-annouce-2 input { width: 100%; }
.add-announcement-modal .sr-announcement .sr-announces { width: 100%; text-align: left; margin: 20px 0 0 0; }
.add-announcement-modal .sr-announcement .sr-announces button { float: left; }
.add-announcement-modal .modal-body { padding-top: 0; } 
.sr-cstm-padding button.back-to-previous { background-color: transparent !important; color: #083D78; font-size: 20px; font-weight: 600; }
.sr-cstm-padding button.back-to-previous i { font-size: 16px; }
.sr-cstm-padding button.back-to-previous i::before { position: relative; top: -2px; }
.progress-radio-out { display: flex; justify-content: space-between; width:100%;}
.radio-cst { display: flex; width: auto; align-items: center; }
.select-date-pro { width: 50%; display: flex; justify-content: end; align-items: center; column-gap: 22px; }
.progess-radio { display: flex; width: 50%; column-gap: 30px; }
.radio-cst label { margin: 0; width: auto; }
.select-date-pro h4 { font-size: 19px; line-height: 29px; margin:0; }
.select-date-pro .dateBlock p { margin: 0; }
.select-date-pro .dateBlock { height: 48px; border: 1px solid #083d78; padding: 15px; display: flex; align-items: center; width: auto; justify-content: start; }
.select-date-pro .dateBlock svg { fill: #083d78; margin-right: 15px; }
.progress-det-box { background: #fff; padding:30px; margin: 0 0 10px 0; }
.progress-grid-outer { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 30px; }
.progress-inner { margin: 0 0 60px 0; }
.progress-inner:last-child{ margin-bottom: 0; }
.progress-grid { /*width: calc(100% / 2 - 30px);*/ width: 100%; float: left; display: flex; flex-wrap: wrap; }
.progress-top { width: auto; background: #083D78; float: none; display: inline-flex; padding:12px 20px; }
.progress-top h2 { margin: 0; color: #fff; font-size: 19px; line-height: 29px; font-weight: 500; width: auto; float: left; } 
.progress-top span { color: #fff; font-size: 15px; line-height: 30px; width: auto; float: left; margin: 0 0 0 120px; }
.progress-det-box h4 { font-size: 27px; line-height: 37px; width: 100%; /* margin: 0 0 33px 0; */ }
.progress-grid-outer h4 a { color: black; letter-spacing: 0; }
.progress-client-details { display: flex; column-gap: 16px; width: 50%; }
.progress-client { max-width: 56px; width: 56px; }
.progress-date { width: 80%; float: left; display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 17px 0; flex-wrap: wrap; }
.progress-date p { margin: 0; color: #000; font-weight: bold; }
.progress-date p a{ color: #083D78; }
.text-pro p { font-weight: normal; font-size: 17px; line-height: 24px; word-wrap: break-word; }
.progress-date span { color: #787878; font-size: 15px; line-height: 25px; width:100%; }
.main-dashboard-admin.timeTracking .getDetails .dateBlock { gap: inherit; }
.radio-cst input { webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 17px; height: 17px; background: 0 0; border-radius: 50%; border: 1.5px solid #707070; top: 0; margin: 0 10px 0 0; cursor: pointer; }
.radio-cst input::after { position: absolute; content: ''; width: 9px; height: 9px; background: #fff; border-radius: 50%; top: 3px; left: 3px; }
.radio-cst input:checked::after{ opacity: 1; display: block; background: #083D78; }
.sr-cstm-permissiontable.teamInfoTable table thead tr th:nth-child(4) { min-width: auto; text-align: left; }
.roles-check .pass-check { padding: 0; }
.roles-check .pass-check input { top: 5px; border-radius: inherit; }
.roles-check .pass-check input:focus { box-shadow: none; }
.notifications-dropdown { position: absolute; top: 100%; right: -100px; width: 380px; background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid rgb(112 112 112 / 20%); }
.notifications-dropdown ul { list-style: none; padding: 0; margin: 0; }
.notifications-dropdown ul { display: block; }
.notifications-dropdown li { border-bottom: 1px solid #e6e6e6; }
.notifications-dropdown li:last-child { border-bottom: none; }
.notification-item { display: flex; align-items: center; padding: 10px; }
.notification-icon { width: 40px; height: 40px; background-color: #ddd; border-radius: 50%; margin-right: 10px; }
.notification-text { flex: 1; }
.notification-text strong { color: #333; }
.profile-text { display: flex; justify-content: space-between; align-items: center; margin: 0 0 50px 0; }
.profile-text a { align-items: center; gap: 9px; font-size: 21px; color: #fff; text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: hidden; border-radius: initial; }
.profile-left, .profile-right { width: 50%; }
.profile-grid { display: flex; column-gap: 100px; position: relative; }
.profile-grid::after { position: absolute; content: ''; top: 0; left: 50%; width: 1px; height: 100%; background: #dadada; transform: translateX(-50%); }
.profile-grid .button-global-submit { border: none; padding: 30px 0 0 0; }
.profile-grid .form-group { margin: 0 0 15px 0; }
.profile-grid .form-group input { border-radius: inherit; border: none; height: 50px; padding: 0 10px; }
.profile-grid .form-group input:focus{ box-shadow: none; }
.profile-grid h4 { margin: 0 0 20px 0; }
.icon-filed i { position: absolute; right: 20px; top: 15px; }
.icon-filed { position: relative; }
.profile-left .file.file--upload { width: auto; height: auto; }
.profile-left .file.file--upload span { width: 100%; float: left; }
.profile-left .file.file--upload { width: auto; height: auto; margin: 0 0 20px 0; }
.user-icon-up { width: 126px; height: 126px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; margin: 0 0 20px 0; }
.profile-text h2 { margin: 0; font-size: 35px; line-height: 45px; font-weight: 600; }
.search-data { background: #fff; padding: 30px; border-bottom: 1px solid #D4D7DE; }
.search-date span { color: #787878; }
.search-data:last-child{ border-bottom: none; }
.search-data-inner { display: flex; }
.search-date { width: 30%; float: left; }
.search-data-inner .progress-client-details .progress-client img { border-radius: 50px; }
.search-data-inner .progress-client-details { display: flex; width:70%; padding:0 0 0 10px;}
.search-data-inner .progress-client-details a { color: #1d3976; font-weight: 600; font-size: 20px; text-decoration: underline; text-decoration-thickness: 1px; }
.search-heading h2 { margin: 0 0 20px 0; font-size: 30px; line-height: 40px; font-weight: 500; color: #1E1E1E; }
.search-outer-sec { max-height: 600px; overflow-x: auto; }
.search-outer-sec::-webkit-scrollbar-track { background-color: #e6e6e6; border-radius: 10px; }
.search-outer-sec::-webkit-scrollbar { width: 10px; background-color: #e6e6e6; border-radius: 10px; }
.search-outer-sec::-webkit-scrollbar-thumb { background-color: #cecece; border-radius: 10px; }
.search-tooltip { position: absolute; top: 100%; right: 20px; width: 300px; background-color: #f9f9f9; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 20px; }
.search-tooltip input.search-input { width: 100%; border: 1px solid #ddd; height: 50px; line-height: 50px; padding: 0 20px; margin: 0 0 10px 0; }  
.search-tooltip input.search-input:focus{ outline: none; }
li.search svg#search { fill: #2e3b5c; width: 30px; }
.search-tooltip .sr-cstm-wrap-span button:hover { text-decoration: underline; }
span.sr-cstm-wrap-span { width: 100%; float: left; border-top: 1px solid #ccc; padding-top:10px; padding-bottom: 10px; }
span.sr-cstm-wrap-span svg#search { width: 18px; }
.pro-sr-cstm-combo { margin: 0; }
.discuss-edit-inner .edit-comment-description-files .project-people.edit-file-display-wrapper {width: 100%;}
.project-peo-img.sr-cstm-cls { column-gap: 0; }
.pass-head { display: flex; align-items: center; column-gap: 15px; }
.team-wrap-details .rmsc.multi-select { height: 50px; width: 250px; }
.team-wrap-details .rmsc.multi-select .dropdown-container { height: 50px; background: transparent; border-radius: inherit; }
.team-wrap-details .rmsc.multi-select .dropdown-container .dropdown-heading { height: 50px; }
.team-wrap-details .rmsc.multi-select .dropdown-container .dropdown-heading span.gray {font-size: 14px; color: #000; font-weight: 400; }
.team-wrap-details .rmsc.multi-select .dropdown-container .dropdown-heading svg { color: #000; }
.pass-head button.btn.btn-primary.back-to-previous { height: 60px; }
.team-wrap-details .selectValues { gap: 16px; } 
.team-wrap-details .rmsc .dropdown-container:focus-within{box-shadow: none; border:1px solid #ccc;}
.add-announcement-modal .input-group input { height: 50px !important; }
.detail-grid.left h2 { margin: 0; }
.teamInfoTable.email-table table th.message, .teamInfoTable.email-table table td.message { width: 50%; word-break: break-word; }
.discuss-edit-inner .upload-btn-wrapper input#fileupload { left: 0; cursor: pointer;}
.detail-grid.left .dis-head { margin: 0 0 24px 0; }
.dis-head { display: flex; align-items: center; column-gap: 20px; }
.back-list-wrapper{justify-content: flex-start;}
button.btn.btn-primary.back-to-previous {padding: 0; margin: 0 !important; background-color: #083D78 !important; color: #ffffff; font-size: 20px; font-weight: 600; border: none; width: 60px; border-radius: inherit; }
button.btn.btn-primary.back-to-previous i{ font-size: 18px; }
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.pagination button { background-color: #f1f1f1; border: 1px solid #ccc; padding: 10px 15px; margin: 0 5px; cursor: pointer; transition: background-color 0.3s ease; }
.pagination button:hover { background-color: #ddd; }
.pagination button.active { background-color: #083d78; color: white; border: 1px solid #083d78; }
.pagination span { padding: 10px 15px; }
.header-icons .sr-cstm-notofication a { width: 100% ; border: none; text-decoration: none; color: #083d78; font-weight: 500; }
.text-pro { width: 100%; float: left; }
.dis-head button.btn.btn-primary.back-to-previous { height: 50px; display: flex; align-items: center; justify-content: center; }
.search-heading h2 span { background-color: #153c761c; border-radius: 33px; color: #153c76; font-size: 24px; padding: 4px 12px; }
.teamInfoTable table tbody tr td.view a, .teamInfoTable.discussion-table tbody tr td a.sr-cstm-whole-link { color: #1d3976; font-weight: 500; text-decoration: none;}
div.teamInfoTable { display: block; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; }
.select-date-pro { margin-bottom: 20px; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.select-date-pro h4 { margin-bottom: 20px; font-size: 18px; color: #333; }
.dateBlock { display: flex; gap: 20px; }
.datePickerWrapper { display: flex; flex-direction: column; width: 100%; }
.datePickerWrapper label { margin-bottom: 8px; font-size: 14px; color: #555; }
.datePickerInput { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #333; background-color: #fff; }
.datePickerInput:focus { border-color: #007bff; box-shadow: 0 0 4px rgba(0, 123, 255, 0.25); outline: none; }
.date-progress-section .select-date-pro { /*width: 100%;*/ background: top; box-shadow: none; margin: 0; padding: 0; }
.updateData .project .noofprojects span { width: 100%; }
.progress-radio-out.date-progress-section .searchBar { justify-content: flex-start}
/* .select-heading { position: relative; top: 10px; } */
.date-progress-section .dateBlock { border: none; height: auto; padding: 0; }
.date-progress-section .dateBlock input { border: 1px solid #083d78; border-radius: inherit; color: #000; font-weight: 500; }
.date-progress-section .select-date-pro h4 { color: #000; margin: 0; }
.date-progress-section .select-date-pro label { color: #000; margin: 0; }
.search-tooltip ul { flex-wrap: wrap; gap: 6px; border-left: 1px solid #ccc; width: 75%;
    margin: 0 0 0 10px;}
li.suggestion-item { padding:6px; width: 100%; font-size: 14px; line-height: 20px; color: #000; transition:all ease 0.3s; }
li.suggestion-item:hover { background-color: rgb(21 60 118 / 10%); }
.sr-project-suggestion-wrap { display: flex; }
.sr-project-suggestion-wrap .sr-project-name { width: 20%; float: left; }
.sr-project-suggestion-wrap .sr-project-name h4 { font-size: 12px; color: #909090; font-weight: 500; margin: 6px 0 0 0; }
li.suggestion-item span { cursor: pointer; width: 100%; float: left; }   
.no-data-found.no-padding { padding: 0; }
.add-mem a { text-decoration: none; }
.add-team-modal .css-t3ipsp-control { box-shadow: none; border: 1px solid hsl(0, 0%, 80%); }
.add-team-modal .css-t3ipsp-control:hover { border-color: hsl(0, 0%, 80%); box-shadow: none; }
.set-followup-modal .button-wrapper button.primaryBtn { color: #fff; }
.button-wrapper button.primaryBtn { font-size: 20px; font-weight: 500; color: #083D78; }
.progress-grid a { text-decoration: none; color: #083D78; }
.project-file-list .project-task-heading { margin: 0 0 10px 0; }
.project-file-list .rmsc.multi-select { margin: 0 0 20px 0; }
.react-datepicker__input-container input { max-width: 100%; height: 50px; width: 100%; border: 1px solid #7070701F; padding: 10px; margin-top: 10px; font-weight: 500; }
.react-datepicker__input-container input::placeholder{ color:#000; } 
.calender-input .react-datepicker-wrapper { width: 100%; }
.sr-main-outer-wrap { display: flex; flex-wrap: wrap; }
.sr-main-column { width: 16%; padding: 0 6px; }
.sr-main-column h4 { background: #fff; text-align: center; padding: 10px; font-size: 18px; border: 1px solid #153c76; text-transform: capitalize; }
.sr-cstm-column-wrap { border-bottom: 1px solid #DDDEE0; background: #fff; border: 1px solid #70707029; padding: 20px 0; margin: 0 0 10px 0; width: 100%; float: left; }
.task-head span { font-size: 16px; line-height: 26px; font-weight: 500; color: #083D78; margin: 0 0 0 8px; }
.sr-task-description { width: 100%; float: left; margin: 10px 0 0 0; border-top: 1px solid #ddd; padding: 10px  15px 0 15px; }
.create-btn { width: 100%; float: left; text-align: center; }
.create-btn .plus { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #083D78; display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; }
.create-btn .plus img {max-width: 24px; }
.create-btn button { border: none; background: transparent; color: #083D78; font-size: 16px; line-height: 26px; font-weight: 500; transition: all ease 0.3s; }
.create-btn button:hover{ background-color: transparent; color: #083D78; }
.add-col-btn button { background: #083D78; border: none; color: #fff; font-size: 16px; line-height: 26px; padding: 10px 15px; border:2px solid #083D78; transition: all ease 0.3s; }
.add-col-btn button:hover{ background: transparent; color: #083D78;; }
.project-sr .project-peo-img img, .project-peo-img img { max-width: 60px; border-radius: 50%; max-height: 60px; height: 60px; object-fit: cover; width:60px;}
.add-col-btn { display: flex;justify-content: space-between; margin: 0 0 30px 0; }
.react-datepicker__input-container input { max-width: 100%; height: 50px; width: 100%; border: 1px solid #7070701F; padding: 10px; margin-top: 10px; }
.react-datepicker__input-container input::placeholder{ color:#000; } 
.calender-input .react-datepicker-wrapper { width: 100%; }
.date-progress-section .select-date-pro .react-datepicker__input-container { margin: 0; }
.status-and-search-wrap label { margin: 0; }
.status-and-search-wrap .selectValues { margin: 0; }
.team-header-info .status-and-search-wrap .selectDropdown { max-width: 250px; min-width: 250px; }
.team-header-info .status-and-search-wrap .searchBar input { height: 50px; }
.sr-main-outer-wrap { display: flex; flex-wrap: wrap; }
.sr-main-column { width: 16%; padding: 0 6px; }
.task-head-main { width: 100%; display: flex; justify-content: space-between; padding: 0 15px; align-items: center; }
.task-head span { font-size: 16px; line-height: 26px; font-weight: 500; color: #083D78; margin: 0 0 0 8px; }
.sr-task-description { width: 100%; float: left; margin: 10px 0 0 0; border-top: 1px solid #ddd; padding: 10px  15px 0 15px; }
.create-btn { width: 100%; float: left; text-align: center; }
.create-btn .plus { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #083D78; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.create-btn .plus img { max-width: 24px; }
.create-btn button { border: none; background: transparent; color: #083D78; font-size: 16px; line-height: 26px; font-weight: 500; }
.add-col-btn button { background: #083D78; border: none; color: #fff; font-size: 16px; line-height: 26px; padding: 10px 15px; border:2px solid #083D78; transition: all ease 0.3s; }
.add-col-btn button:hover{ background: transparent; color: #083D78;; }
td.noOfProject img { max-width: 20px; }
.sr-cstm-column-wrap .task-head a { text-decoration: none; }
.add-task-module input:focus, .add-task-module textarea:focus { box-shadow: none; }
button.sr-cstm-primary:hover { background: #000; }
.add-task-module input:focus, .add-task-module textarea:focus { box-shadow: none; }
.column-data { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 20px 0; }
.column-data .column-title { width: 32%; float: left; }
.column-title span { width: 100%; float: left; border: 1px solid #1d3976; padding: 5px 10px; margin: 0 6px 0 0; border-radius: 5px; text-align: center; font-size: 14px; color: #000; font-weight: 500; transition:all ease 0.3s; }
.add-task-module  input { padding: 0 17px 0 20px; height: 60px; border: 1px solid #CECECE; border-radius: inherit; }
.add-task-module  textarea{border-radius: inherit;}
.create-btn button.btn:active { background-color: transparent; color: #1d3976; }
.column-title span:hover{background-color: #083d78; color:#fff;}
.column-wraps button.btn-icon { margin: 0 5px 0 0; }
.column-wraps { display: flex; flex-direction: row-reverse; }
.column-title button { border-radius: 5px; border: 1px solid grey; background: none; }
.column-title { display: grid; }
.empty-board { width: 100%;}
div#projects .addProject .selectValues { width: auto; margin: 0; }
div#projects .addProject .searchBar { width: auto; justify-content: end; }
.button-wrapper.save { margin: 30px 0 0 0; }
.timeTracking-manual .checklist-header-wrap { background: transparent;padding: 0;margin: 0;}
.timeTracking-manual .checklist-header-wrap .dateBlock { border: none; background-color: #fff; gap: 0;height: 60px }
.timeTracking-manual .cmn-field { flex-wrap: wrap; gap: 0; width: 25%; flex: inherit; }
.timeTracking-manual .selectValues { gap: 20px; }
/*.addNewOppFields .fieldsBlock .field .selectDropdown .css-13cymwt-control .css-1fdsijx-ValueContainer .css-1dimb5e-singleValue { height: 50px; line-height: 50px; margin:5px 0 0 0; }*/
.main-dashboard-admin.timeTracking-manual div.cmn-field .selectDropdown { min-width: 100%; background: #fff;}
.main-dashboard-admin.timeTracking-manual div.cmn-field .selectDropdown select, .sr-cstm-billing-wrap .selectDropdown select, .timeTracking-manual .cmn-field .dateBlock  {
background: #fff;}
.postedNotesBlock .commentedNotes .commentBox p a {word-break: break-all;}
.sr-cstm-combo.arcvhes-btns { justify-content: flex-start; }
.sr-cstm-combo.clients-dem-btns { justify-content: initial; }
.addNewOppFields.oppount-data { margin: 20px 0 0 0; }
table.mail-logs { margin: 20px 0 0 0; }
.team-member-dets { display: flex; justify-content: space-between; }
.team-member-dets { display: flex; }
.form-add-member button.btn.btn-primary.back-to-previous { display: block; }
.opp-details-iner {margin: 20px 0 0 0;width: 100%;float: left;}
.sr-opportunity-Detail-wrap {display: flex;justify-content: space-between;margin: 0 0 20px 0;}
.sr-opportunity-Detail-wrap .row-client-data p, .sr-opportunity-Detail-wrap .row-client-data a {font-size: 16px;}
form.opp-form {margin: 20px 0 0 0;}
.main-dashboard-admin.timeTracking-manual div.cmn-field .selectDropdown { min-width: 100%; border:none;}
.timeTracking-manual .cmn-field input { border: 0; appearance: none; padding: 12px 30px 12px 12px; font-size: 18px; width: 100%; outline: unset; height: 60px; border-radius: 0; }
.timeTracking-manual .cmn-field label { font-size: 18px; font-weight: 600; margin-bottom: 5px; display: inline-block; width: 100%; }
.timeTracking-manual-inner { width: 100%; float: left; display: flex; margin: 20px 0 0 0; }
.timeTracking-manual-inner .selectValues { width: 80%; float: left; display: block;}
.slect-filed { width: 100%; float: left; display: flex; gap: 20px; align-items: baseline;}
.timetrack-btns { width: 20%; float: left; display: flex; flex-direction: column; padding: 0 0 0 30px;position: relative;top: 30px;}
.timetrack-btns a { width: 100%; float: left; text-align: center; text-decoration: none; background: #083D78; height: 60px; line-height: 60px; margin: 0 0 10px 0; color: #fff; font-size: 20px; }
.timetrack-btns a:last-child { margin-bottom: 0; }
.time-manual-textarea { width: 100%; float: left; margin: 30px 0 0 0; }
.label-text { display: flex;     justify-content: space-between; }
.label-text .field { display: flex; column-gap: 10px; }
.label-text .field input.custom-checkbox { background: #fff; }
.label-text label { width: auto; margin: 0; }
.time-manual-textarea textarea { border: none; border-radius: inherit; resize: none; min-height: 182px; margin: 15px 0 0 0; }
.label-text .field span { font-weight: 600; }
.time-manual-textarea .buttons-editor { justify-content: flex-start; gap:0;}
.dateBlock .react-datepicker__input-container { margin: 0; }
.dateBlock .react-datepicker__input-container input { margin: 0; background: none; }
.timeTracking-manual .cmn-field input:focus{box-shadow: none;}
.sr-cstm-billing-wrap { display: flex; align-items: center; column-gap: 20px; }
.error-message { color: red; }
.selectValues.sr-cstm-daterange .select-date-pro { box-shadow: none; background-color: transparent; }
.selectValues.sr-cstm-daterange .dateBlock { border: none; }
.selectValues.sr-cstm-daterange  .select-date-pro h4 { font-size: 16px; margin-bottom: 0; font-weight: 600; color:#212529;}
.time-manaul-textarea .buttons-editor { justify-content: flex-start; gap: 10px;}
.ck-editor p , .ck-editor h1 { color: black; }
.task-det-main-outer { display: flex; flex-wrap: wrap; width: 100%; float: left; }
.task-det-left-side, .task-det-right-side { width: 50%; float: left; }
.task-det-right-side { padding: 0 0 0 30px; }
.task-det-right-side .selectValues { flex-wrap: wrap; width: 100%; float: left; }
.task-det-right-side .selectValues .fields { display: flex; width: 100%; }
.task-det-right-side .selectValues .fields .selectDropdown { max-width: 100%; }
.task-det-right-side .field { display: flex; justify-content: end; margin: 0 0 30px 0; width: 100%; float: left; column-gap: 35px; }
.task-det-right-side .field input.custom-checkbox { background: #fff; }
.task-det-left-side { padding-right: 50px; border-right: 1px solid #ddd; }
.hours-spent { width: 100%; float: left; background: #fff; margin: 50px 0; padding: 20px; }
.hours-spent-inner { display: flex; margin: 0 0 30px 0; }
.hours-spent-inner .hours-format { width: 25%; float: left; display: flex; align-items: center; column-gap: 10px; }
.hours-spent-inner .hours-format svg { width: 16px; float: left; height: 16px; }
.hours-spent-inner .hours-format span { font-size: 16px; width: auto; float: none; display: inline-block; }
.total-spend { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; padding: 20px 0 0 0; }
.total-spend p { margin: 0; font-weight: 600; }
.total-spend span { color: var(--ocolor); font-weight: 500; }
.task-det-main-outer h2 { font-size: 26px; font-weight: 600; letter-spacing: 0.6px; color: #1E1E1E; margin: 0 0 20px 0; }
.billable-check { display: flex; }
.notification-5-header { max-height: 400px; overflow-x: auto; }
.comn-vk { display: flex; align-items: center; width: 100%; float: left; margin: 0 0 30px 0; }
.comn-vk label { width: 30%; font-size: 20px; font-weight: 600; margin:0; }
.comn-vk .react-datepicker__input-container input { margin: 0; }
.comn-vk .react-datepicker__input-container { margin: 0; }
.add-hours { width: 100%; float: left; }
.add-hours .button-global-submit { width: auto; float: left; border: none; padding: 0; }
.comn-vk textarea { border: none; resize: none;max-width: 100%;width: calc(100% - 210px); }
.billable-check.comn-vk .field { width: auto; margin:0; }
.slect-task.comn-vk input#quantity { max-width: 217px; min-width: 217px; height: 50px; border: 1px solid #CECECE; padding:0 10px;}
.task-det-right-side .selectValues label { margin: 0; font-weight: 600; }
.add-hour-heading { position: relative; width: 100%; float: left; margin:0 0 30px 0;}
.add-hour-heading h2 { background: #f2f3f5; width: auto; position: relative; float: left; margin: 0; z-index: 9; padding: 0 20px 0 0; }
.add-hour-heading .line { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; transform: translateY(-50%); }
.task-comment { background: #fff; width: 100%; float: left; padding: 020px; }
.task-client { display: flex; column-gap: 20px; border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 30px 0; }
.task-client .client-img { width: auto; }
.task-client:last-child { border-bottom: none; margin-bottom: 0; }
.task-client .task-client-data h4 { font-size: 20px; margin: 0; }
.task-client .task-client-data p{ font-size: 16px; margin:0; }
.task-client .task-client-data span { color: #a7a7a7; font-size: 14px; }
.task-design-heading { display: flex; margin: 0 0 30px 0; column-gap: 10px; width: 100%; float: left; flex-wrap:wrap; }
.task-design-heading svg { width: 16px; height: 16px; }
.task-design-cont { width: 100%; float: left; margin: 0 0 30px 0; }
.task-design-cont span { font-size: 20px; line-height: 30px; color: #000; font-weight: 600; }
.task-design-cont p { margin: 10px 0 0 0; font-size: 18px; line-height: 31px; }
.tsk-field { display: flex; column-gap: 15px;align-items: center;}
.tsk-field h6 { margin: 0; font-weight: 500; }
.all-acitivty-log p.logo-act p.date-det { font-size: 14px; color: #A7A7A7; }
.add-mem i span { font-family: 'Work Sans'; }
.client-avatar img { border-radius: 40px; width: 40px; height: 40px; }
.Client-Detail .checklist-header-wrap.team-wrap-details button.clear-selected-button { display: none; }
.all-acitivty-log { display: flex; flex-wrap: wrap; gap: 15px; margin:0 0 30px 0; }
.all-acitivty-log p.logo-act { width: 100%; padding: 0px; text-transform: capitalize; border-bottom: 1px solid #dbdbdb; border-radius: inherit; margin: 0 0 10px 0; padding: inherit;}
.all-acitivty-log p.logo-act:last-child { padding: 0; margin: 0; border: none; }
.sr-head-wrap-notes { display: flex; width: auto;column-gap: 20px; margin: 0 0 10px 0; align-items: center;}
.all-acitivty-log p.logo-act strong { font-size: 20px; }
.all-acitivty-log p.logo-act h4 { font-size: 19px; line-height: 29px; margin:0; }
.meeting-now h3.logs-heading { padding: 0 0 30px 0; }
.password-field {  position: relative; }
.password-field i { position: absolute; right: 20px; top: 17px;}
.task-det-right-side .selectValues .fields .selectDropdown input { max-width: 100%; min-width: 100%; height: 50px; border: 1px solid #CECECE; padding: 12px; }
.sr-cstm-combo button.global-icon-btn.blue-btn{ margin-right: 15px; }
.search-tooltip span.sr-cstm-wrap-span button { background: transparent; border: none; }
.image-preview { text-align: center; margin: 30px 0 0 0; }
.image-preview img { border: 1px solid #ddd; padding: 10px; height: 250px; width: 100%; object-fit: contain; }
.Project-details-outer span { margin: 0; color: #414141; text-transform: capitalize; letter-spacing: 0.38px; font-size: 19px; line-height: 30px; font-weight: 400; }
.Assigned-pro-type span.assign-text { font-weight: 500; }
.discuss-edit.right .add-mem .rmsc.multi-select { margin: 12px 0 0 0; }
.teamInfoTable.sr-cstm-permissiontable { max-width: 100%; }
.headingTotalHr svg { margin-right: 10px; }
.headingTotalHr .total-hours-export-wraper { display: flex; justify-content: space-between; }
.main-dashboard-admin.timeTracking .select-date-pro { padding: 0; margin: 0; }
.main-dashboard-admin.timeTracking .dateBlock { padding: 0; height:50px; }
.btnd-wrapps i { margin: 0 6px 0 0; }
.task-details-inner button.btn.btn-danger.mb-2 { background-color: #083D78; border: #083D78; float: right; }
.btnd-wrapps { display: flex; flex-direction: row-reverse; margin: 10px 0 20px 0; column-gap: 12px; }
.task-details-inner .btnd-wrapps button.btn.btn-danger { margin: 0 !important; }
.btnd-wrapps button.btn { background: #083D78; border: #083D78; }
.btns-tasks-det { display: flex; column-gap: 10px; }
.progress-grid-outer h4 { margin: 0; }
.task-design-cont span { width: 100%; float: left; }
.btns-tasks-det button.save-btn { background: var(--ocolor); }
.task-det-left-side .task-design { width: 100%; float: left; }
.add-task-module .form-btn-rows button { margin: 0; }
.task-det-left-side .task-design span { font-size: 20px; line-height: 30px; color: #000; font-weight: 600; width:100%; float:left; margin:0 0 4px 0; }
.task-det-left-side .task-design input, .task-det-left-side .task-design textarea { height: 50px; border: 1px solid #CECECE; padding: 0 10px; width: 100%; }
.task-det-left-side .task-design textarea{ min-height: 120px; resize: none; }
.task-det-right-side .selectValues .fields .selectDropdown input { max-width: 100%; min-width: 100%; height: 50px; border: none; padding: 12px; }
.sr-cstm-combo button.global-icon-btn.blue-btn{ margin-right: 15px; }
.search-tooltip span.sr-cstm-wrap-span button { background: transparent; border: none; }
.image-preview { text-align: center; margin: 30px 0 0 0; }
.image-preview img { border: 1px solid #ddd; padding: 10px; height: 250px; width: 100%; object-fit: contain; }
.Project-details-outer span { margin: 0; color: #414141; text-transform: capitalize; letter-spacing: 0.38px; font-size: 19px; line-height: 30px; font-weight: 400; }
.Assigned-pro-type span.assign-text { font-weight: 500; }
.discuss-edit.right .add-mem .rmsc.multi-select { margin: 12px 0 0 0; }
.teamInfoTable.sr-cstm-permissiontable { max-width: 100%; }
.headingTotalHr svg { margin-right: 10px; }
.headingTotalHr .total-hours-export-wraper { display: flex; align-items: center; }
.main-dashboard-admin.timeTracking .select-date-pro { padding: 0; margin: 0; } .main-dashboard-admin.timeTracking .dateBlock { padding: 0; height:50px; }
.meeting-now .calender-box .react-datepicker-wrapper { width: auto; }
.meeting-now .react-datepicker-popper{z-index: 11;}
.project-task-card .project-outer a {width: 100%;}
.add-col-btn button {margin: 0 0 0 10px;}
.sr-cstm-column-wrap.full-column-det .task-head-main {flex-wrap: wrap;}
.sr-cstm-column-wrap.full-column-det .task-head-main .task-head {width: 100%;display: flex;justify-content: space-between;}
button.sr-cstm-nav-btn:hover { background-color: #083d78;color: white;}
.opportunityCards .cards .cardHeader a {    width: 100%; text-decoration: none; }
.modal-opportunity23 .modal-body .sr-cstm-btn.all-acitivty-log { margin: 0; }
.add-task-module input#is-issue {     border: none;padding: 0;height: auto; }
.sr-main-outer-wrap .sr-task-description { position: relative;    padding-bottom: 20px; }
.sr-main-outer-wrap .sr-task-description a { color: #1d3976; text-decoration: none; position: absolute; font-size: 14px; line-height: 24px; font-weight: 600; }
.sr-main-outer-wrap .sr-task-description p { margin: 0; font-size: 16px; line-height: 26px; color: #000; padding: 10px 0 0 0; }
span.sr-issue-flag { padding: 10px 15px 10px 15px; font-size: 20px; width: 100%; float: none; display: inline-block; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; background: #1d3976; font-weight: 500; color: #fff; }
.sr-cstm-column-wrap.sr-issue-present { padding-top: 0; }
.sr-main-outer-wrap .sr-task-description a i { font-size: 12px; margin: 0 0 0 2px; }
.checkbox-task { display: flex; column-gap: 8px; }
.checkbox-task label.form-label { margin: -2px 0 0 0; }
.addNewOppFields .fieldsBlock .field .selectDropdown .css-13cymwt-control, .addNewOppFields .fieldsBlock .field .selectDropdown .css-t3ipsp-control { height: 50px; border-radius: inherit; border: none; box-shadow: none;}
.addNewOppFields .fieldsBlock .field .selectDropdown .css-t3ipsp-control:hover{border:none;}
.addNewOppFields .fieldsBlock .field .selectDropdown .css-13cymwt-control span.css-1u9des2-indicatorSeparator, .addNewOppFields .fieldsBlock .field .selectDropdown .css-t3ipsp-control span.css-1u9des2-indicatorSeparator { background: no-repeat; }
.addNewOppFields .fieldsBlock .field .selectDropdown .css-13cymwt-control .css-1fdsijx-ValueContainer, .addNewOppFields .fieldsBlock .field .selectDropdown .css-t3ipsp-control .css-1fdsijx-ValueContainer { height: 50px; display: block;     line-height: 50px;
    overflow: visible;}
.teamInfoTable.discussion-table th.data { min-width: auto; }
.teamInfoTable.discussion-table{width:100%; max-width: 100%; height:100vh;}
.project-file-list .preview-content button.close-preview { background-color: #F5811E; color: #fff; border: none; padding: 8px 20px; margin: 0 0 20px 0; transition: all ease 0.3s; }
.project-file-list .preview-content iframe { width: 100%; float: left; padding: 0 60px 0 0; height: 400px; }
.teamInfoTable.discussion-table td.name img { width: 40px; height: 40px; border-radius: 50px; }
.teamInfoTable.discussion-table th.message { min-width: auto; text-align: left; }
.teamInfoTable.discussion-table th { text-align: left; }
.teamInfoTable.discussion-table td.name p { width: auto; float: none; display: inline-block; margin: 0 0 0 5px; }
.teamInfoTable.discussion-table p { word-wrap: break-word; white-space: normal; margin:0; max-width: 300px; line-height: 26px;}
.teamInfoTable.discussion-table tbody tr td { padding: 10px 20px; position:relative;}
.breadcrumbs { width: 100%; float: left; padding: 5px 0 0 0px; text-align: center; }
.srcstm_comment { display: flex; justify-content: end; width: 100%; margin: 15px 0 0 0; color: #1d3976; font-weight: 600; font-size: 14px; cursor: pointer; gap:5px; }
.selected-comment { background: #f9f9f9; border-radius: 0 14px 14px 0; margin: 0 0 30px 0; padding: 20px; border-left: 5px solid #1d3976; }
.slected-icons span { cursor: pointer; }
.selected-comment p.selected-comment-text { font-size: 16px; margin: 0 0 5px 0; }
.slected-icons { display: flex; justify-content: space-between; margin:0 0 10px 0; }
.archive-task .question-icon { margin: 0; } 
.archive-task .modal-body button.btn.global-icon-btn.orange-btn { margin: 0; }
.archive-task .modal-body .form-btn-rows { margin: 0; }
.archive-task .modal-header { padding-bottom: 10px; }
.add-team-modal .modal-body, .set-followup-modal .modal-body { padding-top: 0; }
.Company-popup-content .team-member-input:first-child { padding-top: 0; }
.Company-popup-content .modal-body { padding-top: 0; }
.breadcrumbs a { color: #000; text-decoration: none; font-size: 16px; }
.center-header-part { display: flow-root; width:50%; }
.breadcrumbs  a.sr-active-bread { font-weight: 500; color: #153c76; }

i.fa.fa-chevron-right { font-size: 12px; }
.add-team-modal .error { position: absolute; left: 0; color: #ff0000; line-height: 20px; }
.fab-icon.custon-edit { margin: 0; }
.add-team-modal .form-btn-rows { margin: 30px 0 0 0; }
.teamInfoTable.email-table.checklist input.custom-checkbox::before { border: 1px solid #9d9d9d; width: 20px; height: 20px; }
.teamInfoTable.email-table.checklist input.custom-checkbox::after { top: 2px; left: 7px; height: 12px; width: 5px; }
.notifications-dropdown p { margin: 0; padding: 15px; }
.modal-opportunity23 .meeting-now .button-wrapper.save button.primaryBtn { color: #fff; }
.meeting-now .ck.ck-content.ck-editor__editable h2 { color: #ff0000; }
.cards .companyName a { color: black; text-decoration: none; }
.teamInfoTable.discussion-table tbody tr td button { font-size: 17px; font-weight: 600; color: #1d3976; }
.teamInfoTable.discussion-table tbody tr td span { font-weight: normal; word-wrap: break-word; white-space: normal; word-break: break-all; margin: 0; }
ul.all-items { width: 100%; float: left; margin:  0; display: flex; column-gap: 30px; border-bottom: 1px solid #E6E2E2; padding: 0; }
ul.all-items li { list-style: none; padding: 0 0 10px 0; }
.list-show .modal-body { padding: 0; }
.list-show .modal-content { padding: 0 30px 30px 30px; max-width: 495px; margin: 0 auto; }
ul.all-items li a { color: #1E1E1E; text-decoration: none; font-size: 18px; line-height: 24px; font-weight: 500; display: flex; column-gap: 6px; }
ul.all-items li.active a { color: #083D78; }
ul.all-items li.active { position: relative; }
ul.all-items li.active::after { position: absolute; content: ''; bottom: 0; left: 0; height: 3px; width: 100%; background: #083D78; }
.dislike { width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(38,95,158,1) 16%, rgba(8,61,120,1) 92%); }
.heart { background: linear-gradient(180deg, rgba(245, 129, 30, 1) 16%, rgba(223, 103, 1, 1) 92%); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; }
.dis-lists ul li{ list-style: none; }
.dis-lists ul { padding: 0; margin: 0; width: 100%; float: left; }
.dis-lists ul li .dislike, .dis-lists ul li .heart { position: absolute; bottom: -8px; right: -8px; width: 25px; height: 25px; }
.project-people .project-peo-img { position: relative; }
.project-people .project-peo-img button.remove-user-btn { position: absolute; right: 0; top: 0px; width: 20px; height: 20px; border: none; background: #153c76; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.project-people 
.project-peo-cont { flex-wrap: wrap; }
.project-people .project-peo-cont .confirm-remove { display: flex; margin: 5px 0 0 18px; }
.file-view {
    width: 100%;
    float: left;
    margin: 20px 0 00;
}
.file-view a {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 28px;
    color: #153c76;
    font-weight: 600;
}
.dis-list-img {
    position: relative;
}
.dis-lists ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}
.dis-lists ul li span {
    font-size: 17px;
    line-height: 27px;
    color: #1e1e1e;
    font-weight: 500;
}
.dis-lists ul li {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #E6E2E2;
}
.heart img {
    position: relative;
    top: 2px;
}
.dislike img {
    position: relative;
    top: -2px;
}
.sr-react-date {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    column-gap: 30px;
}
.sr-cstm-div-img-date .project-peo-img {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.sr-cstm-div-img-date .project-peo-cont {
    justify-content: flex-end;
}
.sr-react {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 6px;
}
.calender-box {position: relative;}
.calender-box i.fas.fa-calendar-check {position: absolute;right: 20px;top: 26px;cursor: pointer}
.sr-react-date .sr-react p {
    font-size: 13px;
}
.calender-box .react-datepicker-wrapper {
    width: 100%;
}
.details-boxes .project-peo-wrap .react-post {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    position: relative;
}
.details-boxes .project-peo-wrap .react-post p {
    width: auto;
    color: #A2A2A2;
    font-size: 13px;
}
.react-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
}
.approve-lists {
    position: absolute;
    background: #083D78;
    width: 530px;
    right: 0;
    top: -70px;
    z-index: 2;
}
.approve-lists ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.approve-lists ul li {
    list-style: none;
    width: 25%;
    text-align: center;
    border-right: 1px solid #ffffff36;
    display: flex;
    justify-content: center;
    padding: 10px;
}
.approve-lists ul li a {
    text-decoration: none;
    color: #fff;
    width: auto;
}

.approve-lists ul li a span {
    width: 100%;
    float: left;
    font-size: 12px;
}

.approve-lists::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid rgb(29 57 118);
    border-right: none;
}
.dis-btn {
    display: flex;
}
.dis-btn .dislike {
    margin: 0 -8px 0 0;
    position: relative;
    z-index: 1;
    border: 1px solid #dfff;
}
.log-time{
    margin-left: 1px;
}

.svg-bg {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(38, 95, 158, 1) 16%, rgba(8, 61, 120, 1) 92%);
}

.svg-bg-na{
    background: red;
}

.svg-bg-a {
    background: green;
}

.svg-bg-love {
background: linear-gradient(180deg, rgba(245, 129, 30, 1) 16%, rgba(223, 103, 1, 1) 92%);
}

.svg-bg-dislike{
    background: #000;
}

.dis-list-img img {
    max-width: 100%;
    border-radius: 50%;
    object-fit: contain;
}

.dis-list-img {
    display: flex;
    flex-direction: column;
    max-width: 75px;
    flex: 0 0 75px;
}

.dis-list-img svg {
    width: 13px;
    height: auto;
}

.dis-list-img .svg-bg {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 25px;
    height: 25px;
}
.password-vault-left .accordion {
    margin: 20px 0 0 0;
}
.password-vault-left .accordion .accordion-item {
    margin: 0 0 15px 0;
    border-radius: inherit;
    border: 1px solid #dee2e6;
}
.password-vault-left .accordion-button:not(.collapsed) {
    background: transparent;
}
.password-vault-left .accordion button.accordion-button {
    box-shadow: none;
}
.pass-link {
    display: flex;
    justify-content: space-between;
}
.pass-search {
    position: relative;
}
.pass-search svg {
    position: absolute;
    right: 16px;
    top: 16px;
}
.pass-search input {
    padding: 0 17px 0 20px;
    height: 45px;
    border: 1px solid #CECECE;
}
.password-vault-left .accordion button.accordion-button {
    font-weight: 500;
}
.password-vault-left .accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.singel-main-standard-op {
    display: flex;
    margin: 30px 0 0 0;
    flex-wrap: wrap;
}
.singel-main-standard-op .content-standard-op {
    text-align: left;
    width: 100%;
    padding: 30px 0 0 0;
}
.singel-main-standard-op .content-standard-op li {
    font-size: 20px;
    padding: 0 0 20px 0;
}
.singel-main-standard-op .content-standard-op li br {
    display: none;
}
.singel-main-standard-op .content-standard-op ol {
    padding-top: 20px;
}
/* .singel-main-standard-op .image-standard-op img {
    max-height: initial;
    width: 100%;
    height: 320px;
    object-fit: contain;
} */
.singel-main-standard-op .image-standard-op {
    margin: 0;
    width: 100%
}
.singel-main-standard-op .content-standard-op p {
    margin: 0;
}

.editingHoursinnderDiv {
    display: flex;
}

.sr-cstm-hours-div input {
    width: 60px;
}


.sr-cstm-hours-div label {
    font-size: 13px;
    font-weight: 500;
}

.sr-cstm-hours-div {
    text-align: center;
    margin: 6px 0 6px 0px;
}
button.cstm-fav-icon {
    background: transparent;
    border: none;
}
.sr-cstm-fa-icom-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #f3f3f3;
    border-left: none;
    padding: 0 6px;
}

.task-det-left-side .task-design form {
    width: 100%;
    float: left;
}

.left-sidebar-admin {
    transition: transform 0.3s ease;
}

.left-sidebar-admin.open {
    transform: translateX(0); /* Sidebar visible */
    transition: transform 0.3s ease;

}

.left-sidebar-admin.closed {
    transform: translateX(-110%); /* Sidebar hidden */
    transition: transform 0.3s ease;

}

.toggle-sidebar-btn {
    position: absolute;
    top: 10px;
}


.left-sidebar-admin.cstm-sidebar.open ~ .main-dashboard-admin {
    max-width: calc(100% - 64px);
    transition: max-width 0.3s ease;
}


.left-sidebar-admin.cstm-sidebar li:last-child {
    position: absolute;
    bottom: -15px;
    float: left;
    height: 50px;
    width: 60px;
    left: 1px;
}
.Assigned-pro-type {
    margin: 0 0 10px 0;
}
.psw-data.cstm_psw-data {
    display: flex;
    justify-content: space-between;
    width: 60%;
}
.agency_checkbox_content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    column-gap: 6px;
    margin: 0 0 15px 0;
}
.agency_checkbox_content  label {
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 0 0 0;
    font-size: 16px;
}
.partner-wrapper {
    display: flex;
    justify-content: space-between;
}
.partner-wrapper .team-wrap-details .selectValues .selectDropdown {
    min-width: 160px;
}
.partner-wrapper .team-wrap-details .fields.sr-cstm-dd-multi .rmsc.multi-select {
    width: 180px;
}
.wrap-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 0;
}
.checklist-header-wrap.team-wrap-details.arc-client {
    margin: 0 0 30px 0;
}
.quick-click-link a {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 28px;
    color: #153c76;
    font-weight: 600;
}
.checklist-header-wrap.team-wrap-details {
    padding: 0;
    margin: 0;
}
button.sr-cstm-primary.quick-btn {
    margin: 10px 0 20px 0;
}
button.assign-btn{
    background-color: #083D78;
    font-size: 18px;
}
.checklist-header-wrap.team-wrap-details .rmsc.multi-select {
    width: 300px;
}
button.copy-btn {
    border: none;
    background: transparent;
}
.checklist-header-wrap.team-wrap-details label {
    width: auto;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.sr-cstm-viewBTN {
    display: flex;
    justify-content: space-between;
}
.sr-cstm-viewBTN i.fa.fa-archive {
    cursor: pointer;
}
.teamInfoTable.email-table.checklist td.projectName button {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 0 15px;
    color: #fff;
    background: #1d3976;
    padding: 6px 10px;
    border-radius: 4px;
}
.teamInfoTable.email-table.checklist td.projectName input[type="text"] {
    border: 1px solid #ddd;
    padding: 6px 10px;
}
.teamInfoTable.discussion-table td.name {
    min-width: 200px;
}
.stepsWrapper ul .items {
    cursor: pointer;
}


section.stream div.day {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
section.stream div.day a {
    display: flex;
    align-items: center;
    width: 119px;
    height: 68px;
    background: #083D78;
    font-weight: bold;
    text-decoration: none;
    justify-content: center;
}
.row.latestDiscussions .project-peo-wrap {
    align-items: flex-start;
}
.file-preview {
    width: 100%;
    float: none;
    text-align: center; 
    display: inline-block;
}
.file-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    text-align: center; 
    margin-top: 1rem;
  }
  
  .file-item {
    /* border: 1px solid #ddd; */
    padding: 2px;
    text-align: center;
  }
.rect-icon {
    background: #1d3976;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
section.stream div.day a time {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
section.stream .project-left-data, section.stream article.event.left {
    border-right: 7px solid #dcd9d3;
}
.file-grid .file-image img {
    width: 100px;
    max-height: 200px;
    object-fit: cover;
}
section.stream div.project:not(.created):not(.bulk_access_granted) {
    color: black;
    font-weight: bold;
    border-bottom: 7px solid #dcd9d3;
    padding-top: 2px;
    padding-bottom: 2px;
}
section.stream.infinite_page {
    margin: 0 auto;
    width: 1420px;
}
.project.project-left-data, .event-left {border-right: 7px solid #dcd9d3;zoom: 1;font-size: 15px;width: 675px;word-wrap: break-word;}
.project.project-right-data, .event-right {
    border-left: 7px solid #dcd9d3;
    margin-left: 668px;
    padding: 0 0 0 15px;
}
.event_container p {
    margin: 0;
}
.event_container a {
    color: #000;
    font-size: 20px;
    text-decoration: none;
}
section.stream article.event>div.avatar {
    padding: 12px 0 0 0;
    width: 50px;
    float: left;
}
section.stream article.event>div.action {
    padding: 12px;
    color: black;
    font-size: 15px;
    line-height: 1.2em;
    width: 600px;
    margin-left: 0px;
    word-wrap: break-word;
    font-weight: bold;
    float: none;
    display: inline-block;

}
a.decorated {
    color: #083D78;
    text-decoration: underline;
    margin: 0 0 0 5px;
    font-size: 15px;
}
section.stream article.event>div.action .time {
    width: 100%;
    float: left;
    margin: 10px 0;
    color: #787878;
    font-weight: 400;
}
.event_container p {
    margin: 0;
    font-weight: 400;
    line-height: 27px;
    font-size: 17px;
    color: #000;
}
.not-title {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}
.not-title h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.clear-all svg {
    margin: 0 6px 0 0px;
}
ul.notification-bar {
    border-top: 1px solid rgb(112 112 112 / 20%);
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
}
ul.notification-bar li {
    width: 100%;
    float: left;
    border: none;
    padding: 20px 20px 20px 20px;
}
.clear-all {
    cursor: pointer;
}
ul.notification-bar li:nth-child(even) {
    background: #F9F9F9;
}
.left-sidebar-admin ul li a svg {
    max-width: 26px;
}
ul.notification-bar li .cmnt-img {
    width: auto;
    float: left;
    position: relative;
}
.add-team-modal .form-btn-rows button.btn.global-icon-btn.orange-btn {
    margin: 0;
}
ul.notification-bar .cmn-cont {
    width: 80%;
    float: left;
    padding: 0 0 0 10px;
    position: relative;
    text-align: left;
}
ul.notification-bar li .cmnt-img img {
    max-width: 60px;
    border-radius: 50px;
}
.cmn-icon {
    width: 27px;
    height: 27px;
    background: #F5811E;
    position: absolute;
    right: 0;
    bottom: -8px;
    border-radius: 50px;
    text-align: center;
    border: 2px solid #fff;
}
ul.notification-bar .cmn-cont .time-sent {
    text-align: right;
    position: absolute;
    right: 0;
}
ul.notification-bar .cmn-cont .time-sent span {
    color: #2727278f;
    font-size: 13px;
    font-weight: 400;
}
ul.notification-bar .cmn-cont span {
    color: #272727;
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
}
.details-boxes .project-peo-wrap input[type="text"] {
    height: 45px;
    width: 100%;
    margin: 25px 0;
    border: 1px solid #ddd;
    padding: 0 15px;
}
ul.notification-bar .cmn-cont p {
    padding: 0;
    font-size: 15px;
}
li.bell {
    position: relative;
}

li.bell span.sr-cstm-count-noti {
    position: absolute;
    right: 0;
    top: -5px;
    background: #F5811E;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
i.fas.fa-sign-out-alt {
    transform: rotate(180deg);
    font-size: 25px !important;
}
.main-dashboard-admin.checklists button.btn.btn-primary.back-to-previous, .achrc-inner button.btn.btn-primary.back-to-previous, .add-manaul-btn {
    height: 50px;
    margin: 0 0 15px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pass-check-in.dt .row .pass-check a {
    text-decoration: none;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #09f;
    animation: spin 1s ease infinite;
}
.pagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}
.pagination-controls button {
    border: none;
    width: 50px;
    height: 40px;
    background: #083D78;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 0.3s;
}
.teamInfoTable.teams-table td.noOfProject a.view-profile::after {
    background: transparent;
}
.pagination-controls button:hover{background: #F5811E;}
.pagination-controls button i {
    color: #fff;
}
.pagination-controls span {
    margin: 0 10px;
    font-weight: 500;
    font-size: 18px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sr-cs-wrap {
    display: flex;
    width: 280px;
    /* align-content: center; */
    justify-content: space-between;
}


p.sr-cstm-hours-cls {
    display: flex;
    flex-direction: column;
    padding: 0px 15px;
    /* justify-content: space-evenly; */
}

.left-sidebar-admin.cstm-sidebar ul li img {
    width: 40%;
}

.sr-edit-project {
    height: 50px;
    border: 0;
    padding: 17px 15px;
    outline: unset;
    width: 100%;
    background: #fff;
    color: #cecece;
    border: 1px solid;
}
.quick-link .calender-box .link-input-group {
    position: relative;
}
.quick-link .calender-box .link-input-group .remove-link-btn {
    padding: 0;
}
.quick-link .calender-box .link-input-group .remove-link-btn img {
    width: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
}
button.btn.add-link-btn {
    float: none;
    display: inline-block;
    padding: 10px 30px;
}
.add-link-quick {
    width: 100%;
    text-align: center;
}
/* 
.project-sr p a {
    width: 100%;
} */


/* Add this to your CSS file */
.view {
    position: relative;
}

.teamInfoTable.discussion-table tbody tr td .dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropdown li {
    padding: 8px 12px;
    cursor: pointer;
}

.dropdown li:hover {
    background-color: #f1f1f1;
}


/* Modal Styling */
.file-details-modal .modal-header {
    text-align: center;
    background-color: #212121;
    color: white;
    border-bottom: 1px solid #444;
  }
  
  .file-details-modal .modal-title {
    font-size: 18px;
    font-weight: bold;
  }
  
  .file-preview {
    margin: 20px 0;
  }
  
  .file-icon {
    display: block;
    margin: 0 auto 10px;
    width: 100px;
    height: auto;
  }
  
  .file-added-by,
  .file-size {
    font-size: 14px;
    color: #777;
    margin: 5px 0;
  }
  
  .file-action-buttons {
    margin-top: 20px;
  }
  
  .file-action-buttons .btn {
    font-size: 14px;
    padding: 10px;
    border-radius: 4px;
  }
  
  .btn-success {
    background-color: #28a745;
    color: white;
    border: none;
  }
  
  .btn-success:hover {
    background-color: #218838;
  }
  
  .btn-secondary {
    background-color: #6c757d;
    color: white;
    border: none;
  }
  
  .btn-secondary:hover {
    background-color: #5a6268;
  }
  
  .btn-danger {
    background-color: #dc3545;
    color: white;
    border: none;
  }
  
  .btn-danger:hover {
    background-color: #c82333;
  }
  .download-modal-in .modal-header {
    background: transparent;
    border-bottom: 1px solid #eee;
}
.download-modal-in .modal-dialog {
    max-width: 1200px;
}
.download-modal-in .modal-dialog .file-preview-container {
    display: flex;
}
.download-modal-in .modal-dialog .file-preview {
    margin: 0;
    width:  70%;
    padding: 0 40px 0 0;
}
.download-modal-in .modal-dialog .file-preview-container img.file-icon {
    width: 100%;
    max-width: 300px;
}
.download-modal-in .modal-dialog .sr-head-btn {
    width: 30%;
    float: left;
    border-left: 1px solid #ddd;
    padding: 0 0 0 30px;
}
.download-modal-in .modal-dialog button.btn-close {
    top: 18px;
}
.download-modal-in .modal-dialog .sr-head-btn h4.modal-title {
    display: block;
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.download-modal-in .modal-dialog .file-action-buttons button {
    background: #083D78;
}
span.completed-text {
    color: #1d3976;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.project-name-wrap span.sr-cldr {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.project-name-wrap span.sr-cldr p {
    font-size: 15px;
}
.fileouter {
    width: 100%;
    float: left;
    display: flex;
    margin: 30px 0 0 0;
    flex-wrap: wrap;
  }
  table.mail-logs tbody tr td:last-child {
    white-space: break-spaces;
    word-wrap: break-word;}

    
  .teamInfoTable table tbody tr td:last-child button.block-profile.btn-danger:hover {
    background-color: transparent;
}
  .fileouter .fileContainer {
    width: 32%;
    text-align: center;
  padding: 0 15px;
  margin: 0;
  }
  .fileouter .fileContainer .text {
    margin: 10px 0 0 0;
    white-space: normal;
    word-wrap: break-word;
  }
.details-discussion-outer .details-boxes .react-post-out .react-post {
    flex-flow: column;
    align-items: flex-end;
}

p.cstm-p-tag {
    color: black !important;
}

.client-cmnt a {
    text-decoration: none;
}

.accordion-body .psw-data a {
    color: #1d3e93 !important;
}

.ReactModal__Content.ReactModal__Content--after-open.modalFile {
    display: block;
    padding: 50px 30px;
  }

  /* Modal Overlay - background */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    z-index: 1000; /* Ensures the overlay is on top of other elements */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  
  /* Modal Window */
  .modalFile {
    background-color: #fff; /* White background */
    border-radius: 8px;
    padding: 20px;
    max-width: 90%; /* Adjusts the max width of the modal */
    max-height: 650px; /* Prevents modal from becoming too tall */
    overflow-y: auto; /* Adds scroll bar if content overflows */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001; /* Makes sure the modal is above the overlay */
    position: relative;
    transition: all 0.3s ease-in-out;
  }
  .closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    transition: color 0.2s ease;
  }
  
  .closeButton:hover {
    color: red;
  }
  .modalContent {
    text-align: center;
    max-height: 60vh;
    overflow: hidden;
  }
  
  .modalContent img,
  .modalContent video,
  .modalContent iframe {
    max-width: 100%;
    height: auto;
  }
.ReactModal__Content.ReactModal__Content--after-open.modalFile button.closeButton {
    top: 0;
    right: 0;
    background-color: #F5811E;
    width: 50px;
    height: 50px;
}
.ReactModal__Content.ReactModal__Content--after-open.modalFile button.closeButton i {
    color: #fff;
}
.not-inner {background: #fff;max-width: 600px;margin: 0 auto;padding: 40px;text-align: center;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius: 30px;}
.not-inner h2 {margin: 0 0 10px 0;}
.not-inner p {margin: 0;}
.not-inner p.p-text {font-weight: 600;font-size: 20px;line-height: 30px;margin: 0 0 10px 0;color: #ff0000;}
.back-btn-not { width: 100%; text-align: center; margin: 30px 0 0 0; }
.discuss-edit-inner .ck.ck-content.ck-editor__editable { height: auto; overflow: hidden; }
.file-action-text { width: 100%; float: left; }
.file-action-buttons.view { margin: 0; }
.file-action-text span { font-size: 16px; line-height: 26px; width: auto; float: none; display: inline-block; }
.file-action-text span:last-child { margin: 0 0 0 4px; }
.client-serch { display: flex; align-items: center; }
.client-serch .sr-cstm-combo.clients-dem-btns { margin: 0; }
.client-serch .sr-cstm-combo.clients-dem-btns button.global-icon-btn { margin: 0; padding: 10px 15px; }
.projectCards .cards .cardHeader .priority-status a.star-ic { width: auto; }
.projectCards .cards .cardHeader a.companyDetail img { max-width: 80px; height: auto; object-fit: contain; max-height: 50px; }
.searchBar .field button i.fa.fa-search { color: #000000; }
.team-member-input.add-checkboxx.checkbox { padding-top: 0; }
.team-member-input.upload-choose input.sr-edit-project { border: none; padding: 0; }
#projects .client-serch .field { max-width: 240px; margin: 0 15px 0 0; }
.projectCards .cards .cardHeader a.companyDetail { width: 87%; }
.discuss-edit-inner .upload-btn-wrapper button.global-icon-btn.orange-btn { position: relative; z-index: 77; margin: 0 0 0 15px; padding: 0 10px; font-size: 20px; line-height: 30px; border-radius: inherit; height: 59px;
}
.back-btn-not a { text-align: center; background-color: #083D78; text-decoration: none; color: #fff; padding: 15px 30px; text-transform: uppercase; font-size: 18px; font-weight: 500; transition: all ease 0.3s; }
span.toggle-mobile-wrap { display: none; }
.back-btn-not a:hover{ background-color: #F5811E; } 
.main-dashboard-admin.not-found-page { height: 90vh; }

.main-header-dashboard .tog-head-wrap { display: flex; justify-content: space-between; width:67%; align-items: center; }
.react-post p { cursor: pointer; }
.project-btn.client-btn { justify-content: end; }
span.toggle-mobile { display: none; }
.mobile-sidebar-wrap { display: none; }


.move-discussion-modal .form-btn-rows {
    margin: 0;
}
.move-discussion-modal  p {
    text-align: left;
    margin: 0 0 9px 0;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.holiday-pto-modal svg.svg-editleave-icon {
    position: absolute;
    top: 28px;
    right: 20px;
    margin: 0;
}
.holiday-pto-modal .dateBlock-editleave{flex-wrap: wrap;}
.holiday-pto-modal .dateBlock-editleave {
    flex-wrap: wrap;
}
.pto-leave-lable-statechanger {
    width: 100%;
    float: none;
    display: inline-block;
    margin: 0 0 20px 0;
}
.calender-box .dateBlock-editleave .pto-leave-lable-statechanger .text-danger.text-left {
    text-align: left;
}
.holiday-pto-modal .dateBlock-editleave .datePickerWrapper-editleave {
    width: 100%;
    position: relative;
}
.holiday-pto-modal label.comment-label {
    margin: 0;
}
.holiday-pto-modal .reject-input {
    margin: 0;
    width: 100%;
    padding: 0;
}
.holiday-pto-modal input.comment-input {
    width: 100%;
    margin: 0;
}
.filterByUserDropDown select{
    background: #F2F3F5;
    font-size: inherit;
}
.disp-img-cross-container {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 50px;
    margin: 0 auto;
}
.disp-img-cross-container button.remove-user-btn.add-dis-remove-file {
    right: -6px;
    top: -6px;
}
.file-cross-delete-restore p {
    white-space: break-spaces;
    word-wrap: break-word;
        font-size: 15px;
    line-height: 25px;
}
.file-preview.file-preview-grid.file-preview-remove .project-people .confirm-remove-file {
    justify-content: center;
    margin: 0 0 20px 0;
}
.search-main-outer .search-heading + .search-outer-sec + .search-heading {
    margin-top: 50px;
}
.details-edits-cal ul li a {

    width: auto;

    display: inline-block;

}

.details-edits-cal li a {
	float: none;
	width: auto;
}

.details-boxes .project-peo-wrap a {
    display: inline-block;
    word-wrap: break-word;
    width: auto;
    max-width: 100%;
}


 

  /* Responsive styling for smaller screens */
  @media (max-width: 768px) {
    .modalFile {
      max-width: 100%;
      padding: 10px;
    }
  
    .modalContent {
      max-height: 50vh;
    }
  }
@media(max-width:1439px){
    .main-dashboard-admin.oppounity .addOpportunities {
        padding-left: 35px;
        margin-right: -20px;
    }
    }
    
    @media(max-width:767px){
    
    .main-dashboard-admin.oppounity .addOpportunities {
        flex-flow: column;
    }
    
    .main-dashboard-admin.oppounity .selectValues {
        flex-flow: column;
        align-items: flex-start;
    }
    
    .main-dashboard-admin.oppounity .selectValues label {
        width: 100% !important;
        min-width: 148px;
    }

    .password-card.check .pass-check>a>.project-peo-cont {
        max-width: 100%;
    }
    }

        .view-assigned-checklist-modal .modal-dialog {
            max-width: 1140px;
        }
    
        .sr-rotate {
            transition: transform 0.3s ease-in-out;
        }
    
        .sr-rotate.rotate {
            transform: rotate(270deg) !important;
        }
    
        .main-dashboard-admin.timeTracking .button-wrapper.track-export button.exportBtn.tracking-hours-export {
            background: #FFFFFF;
            border: none;
            width: 50px;
            height: 50px;          
        }
    
        .main-dashboard-admin.timeTracking .button-wrapper.track-export button.exportBtn.tracking-hours-export i {
            color: #fff;
        }
    
        .main-dashboard-admin.timeTracking .button-wrapper.track-export {
            display: flex;
            width: auto;
        }

        .export-image-icon{
            display:flex;
            justify-content: space-between;
        }


        .main-bar-header-wraper {
            width: 50%;
            display: flex;
            gap: 20px;
        }
        .main-bar-header-wraper.period-manual-time-wrapper {
            justify-content: end;
            align-items: center;
            width: auto;
        }
        .main-bar-header-wraper.duration-user-container {
            width: auto;
        }
        .main-bar-header-wraper.period-manual-time-wrapper .select-date-pro {
            width: auto;
        }

.status-new-discussion-container .dis-btn a {
    padding: 0 20px;
    height: 50px;
    width: auto;
    float: left;
    line-height: 50px;
    margin: 0 0 0 15px;
}
.status-new-discussion-container .dis-btn {
    display: block;
}

.dis-chart-users-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dis-chart-users-cont .main-dis-chart-container {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
}

.dis-chart-users-cont .main-productive-user-wraper {
    max-width: 100%;
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px !important;
    align-content: flex-start;
}
.dis-chart-users-cont .main-dis-chart-container>.recharts-responsive-container {
    padding-right: 20px;
    min-width: 1600px !important;
    height: 480px !important;
}
.dis-chart-users-cont .main-dis-chart-container>.recharts-responsive-container .recharts-wrapper {
    height: 480px !important;
}
.dis-chart-users-cont .main-dis-chart-container>.recharts-responsive-container svg.recharts-surface {
    height: 480px !important;
}

.dis-chart-users-cont .main-dis-chart-container .responsive-main-container>.recharts-responsive-container svg.recharts-surface text.recharts-text.recharts-label {
    margin: 10px !important;
    display: block;
    padding: 10px !important;
    fill: #000;
}
.dis-chart-users-cont .main-productive-user-wraper .team-users-heading-container {
    grid-column: span 6;
    background: #fff;
    position: sticky;
    top: 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 0px;
}
.dis-chart-users-cont .main-productive-user-wraper .team-users-heading-container h4.team-users-heading {
    font-size: 25px;
    margin: 0;
}
.dis-chart-users-cont g.recharts-cartesian-axis-tick-labels.recharts-xAxis-tick-labels tspan {
    font-size: 12px;
}
.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown {
    min-width: 270px;
     max-width: 270px;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown .dropdown-container {
    border: 0;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown .dropdown-container .dropdown-heading {
    padding: 0 17px 0 20px;
    height: 60px;
    background: #efefef;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown .dropdown-container .dropdown-heading .dropdown-heading-value {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #000;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown .dropdown-container .dropdown-heading .dropdown-heading-value span.gray {
    color: #000;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown .dropdown-container .dropdown-heading svg {
    color: #000;
}
.productivity-charts-main-cont .checklist-header-wrap .fields>label {
    max-width: max-content;
}
.productivity-charts-main-cont .main-bar-header-wraper .fields.week button.reset-date-button {
    width: 110px;
    height: 60px;
    margin-top: 0;
}

.prod-username:hover {
  font-weight: bold;
  cursor: pointer; 
  text-decoration: underline;        /* hover effect */
}

.prod-username.active-team-member {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.prod-recharts-label {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    align-items: center;
}

.prod-recharts-label h4.prod-recharts-heading {
    margin-bottom: 0;
}

.prod-recharts-label button.prod-team-listing-toggle {
    padding: 1px 10px;
    min-width: 120px;
}
/* .prod-recharts-label .dis-head button.toggle-graph-button {
    background-color: #F5811E !important;
} */


/* search */
.search-date span {
    display: block;
}

.search-date span img {
    margin-bottom: 5px;
    object-fit: contain;
    height: 70px;
    width: auto;
    max-width: 200px;
}

.search-data span.project {
    font-weight: 600;
    color: #000;
    font-size: 18px;
}

.search-data span.discussion {
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 15px;
    color: #000000d1;
}

/* Card color changes */
.cards.on-prgress-orange, .cards.on-hold-orange {
    background: #efef16ab;
}

.cards.on-prgress-orange select#types, .cards.on-hold-orange select#types {
    background: transparent;
}

.cards.on-hold-red {
    background: #f70202bd;
}
.cards.on-hold-red select#types {
    background: transparent;
}

.cards.on-prgress-red {
    background: #f70202bd;
}
.cards.on-prgress-red select#types {
    background: transparent;
} 

.ck-content a {
    text-decoration: none !important;
  }
   
  .ck-content a:hover {
    text-decoration: none !important;
  }
   

  p.poc {
    color: #ff5600;
}

.pass-check.main-poc {
    border: 2px solid #ffca00;
}

.password-card.check .pass-check {
    padding: 2px 5px;
}

td.fix-job-title {
  display: table-cell;     
  vertical-align: middle;  
  max-width: 180px;
  padding: 8px 10px;
  line-height: 1.3;

  white-space: normal;    
  word-break: normal;     
  overflow-wrap: break-word; 
}
th.teamDiscussionsPosts {
  text-align: center;
  padding: 5px 3px !important
}

th.discussionPosts1Day,
td.discussionPosts1Day,
th.discussionPosts7Days,
td.discussionPosts7Days,
th.discussionPosts30Days,
td.discussionPosts30Days {
  width: 60px;          
  min-width: 60px;       
  text-align: center;    
  white-space: nowrap;    
  padding: 5px 3px !important;      
  font-weight: 600;
  box-sizing: border-box;
}

td.discussionPosts1Day,
td.discussionPosts7Days,
td.discussionPosts30Days {
  border-left: 1px solid #ddd;
}

td.noOfProject {
  width: auto;      
  max-width: 200px; 
  white-space: normal; 
}

.services-icons-wraper {
  display: flex;        
  flex-wrap: wrap;     
  gap: 10px;            
  justify-content: flex-start; 
  align-items: center;  
}

.services-icons-wraper span {
  display: flex;       
  align-items: center;  
  gap: 5px;             
}

.dot-icon-revision {
  font-size: 6px;
  margin: 0 6px;
  vertical-align: middle;
}
.revisions-reply-container{
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
    gap: 10px;
    white-space: nowrap;
    flex-wrap: wrap;
    /* border-top: 1px solid #80808040; */
    padding-top: 14px;
    margin-top: 14px;
    .srcstm_comment{
        margin: 0;
    }
    .last-updated-revision{
        display: flex;
        align-items: center;
        gap:5px;
        flex-wrap: wrap;
    }
    .view-revisions-button{
        color: #083D78;
        cursor: pointer;
        span{
            font-weight: 600;
            border-bottom: 1px solid #083D78;
            padding-bottom: 1px;
        }
    }
    .last-edited-wraper{
    font-style: italic;
    font-weight: 500;
    }
}

.view-revisions-list-modal{
    .modal-dialog{
        margin-right: 6px;
        margin-left: auto;
        max-width:600px;
    }
    .modal-title{
        font-size: 20px !important;
        color: #083D78 !important;
        justify-content: left !important;
        padding-left: 28px !important;
    }
    .revision-text{
            text-align: left;
    }
    .revision-content{
        background: #80808012;
        padding: 20px 25px;
        border-left: 2px solid #083D78;
        margin-bottom:20px;
    }
    .revision-time{
        text-align: left;
        font-style: italic;
        font-weight: 500;
    }
    .btn-close{
        top: 30px !important;
        right: 24px !important;
    }
}