.input-with-icon-left input{
    margin-bottom: 0px !important;
}

.input-with-icon-left{
    margin-bottom: 22px !important;
}

.error.invalid-feedback{
    display: block !important;
    color: #dc3545 !important;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

.custom-text-danger {
    color: red !important;
}

.jq-icon-success {
    color: #fff !important;
    background-color: #28a745 !important;
}

.jq-icon-error {
    color: #fff !important;
    background-color: #dc3545 !important;
}
.task-listing,.single-page-section{
word-break: break-all;
}
.ui-datepicker-title{
display: flex;
  gap: 10px;
  justify-content: center;
}
.ui-datepicker-title select{
padding: 5px 10px;
  line-height: normal;
  height: 30px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
width: calc(50% - 10px);
}
.header-notifications .user-avatar img{
width:40px;
height: 40px;
border-radius: 100%;
}

.header-image.header-rounded-img a img{
   width:140px;
height: 140px;
border-radius: 100%; 
}
.submit-field select{
padding-top: 10px;
padding-bottom: 10px;
}

input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select{
color: #333;
}

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus, select:focus{
color: #333;
}

.avatar-wrapper .upload-button {
  position: absolute;
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.avatar-wrapper:hover{
    cursor: default;
}
.attachment-box{
padding:10px;
}
.attachment-box .uploaded-img{
width: 60px;
  height: 50px;
border-radius: 5px;
}
.attachment-box .remove-attachment{
opacity: 1;
top:22px
}
.uload-doc-bx{
border-radius: 4px;
  background: #e1e1e1;
  padding: 10px;
  width: 60px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.attachment-box:hover .remove-attachment {
  opacity: 1;
  transform: translateY(3px);
}
.uload-doc-bx i {
font-size: 24px;
}
.attachment-box .uload-doc-bx i{
    position: relative;
    bottom: inherit;
    margin: 0;
}
.header-details{
    word-break: break-all;
}

.keyword-remove{
  color: red;
}

.iti {
  width: 100% !important;
}

.iti__selected-country-primary{
  width: 48px;
  height: 48px;
  font-size: 19px;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
}

.error-message {
  color: #dc3545 !important;
  font-size: 0.875em;
  width: 100%;
}

input.iti__search-input{padding-left: 30px !important;}
.buttons-to-right.always-visible{display: flex !important; flex-wrap: wrap; align-items: center;}
.buttons-to-right.always-visible .status-tag{margin-right: 5px;}
.freelancer-overview .freelancer-avatar img{min-height: 110px; max-height: 110px;}
.single-page-header .header-image img{height: 100%;}
.profile-pic-register{  max-width: 95px;    margin: 0 auto 30px;  }
.profile-pic-register .upload-button{        position: absolute;    right: 4px;    bottom: 6px;    width: 24px;    height: 24px;    border-radius: 50%;    cursor: pointer;  }
.profile-pic-register .upload-button img{          border-radius: 50%;    }
.bid .freelancer-avatar{height: 80px; min-height: 80px;}
.bid .freelancer-avatar img{height: 100%;}
.keyword-input-container .keyword-input-button{display: flex;    align-items: center;    justify-content: center;}
.keyword-input-container .keyword-input-button i{      top: -1px;    }
.dashboard-box .freelancer-overview .freelancer-avatar{width: 110px; min-width: 110px;}

@media (max-width: 991px) {
.bid .freelancer-avatar{height: 70px; min-height: 70px;}
}

.dashboard-status-button.gray {
  background: #f0f0f0 !important;
  color: #333 !important;
}

.countdown.red {
  background: #ffe5e5;
  color: #b54d4d;
}

.messages-container-inner .messages-inbox ul li.text-muted {
  padding: 20px;
}


.freelancer-name .dashboard-status-button {
  margin-bottom: 0px;
  top: 0;
}

header .header-notifications {
  padding-right: 0px;
}

.locationBox .input-with-icon i {
    top: 15px;
    transform: none;
}

.pending-box {
  margin: 0 auto;
}


.pagination-container .pagination {
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 5px;
}


.pagination-container .pagination li a, .pagination-container .pagination li span {
	border-radius: 4px;
	width: 35px;
  display: inline-block;
	height: 35px;
	padding: 0;
	line-height: 35px;
}

.pagination-container .pagination li:first-child, .pagination-container .pagination li:last-child {
	line-height: 35px;
	font-size: 25px;
  border-radius: 5px;
}

.pagination-container .pagination li a:hover{
	background-color: #333;
	color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}

.pagination-container .pagination li.active span {
	background-color: #2a41e8;
	color: #fff;
	box-shadow: 0 2px 8px rgba(102, 103, 107, 0.25)
}

.pagination-container .pagination li:first-child, .pagination-container .pagination li:last-child {
	background-color: #f0f0f0;
}

.message-reply{
  padding: 20px 30px;
}

#newsletter-email, #newsletter-email:focus{
  color: #ccc;
}

.header-notifications-headline{
  padding: 10px 25px;
  padding-top: 12px;
  line-height: 18px;
}
.header-notifications-content ul li a{
  padding: 8px 24px !important;
}
.header-notifications-dropdown.notification-icon, .header-notifications-content .notification-icon{
  font-size: 18px;
  height: 30px;
  width: 30px;
  max-width: 30px;
  line-height: 34px;
}
.header-notifications-dropdown.notification-text, .header-notifications-content .notification-text{
  line-height: 20px;
  font-size: 13px;
}

.toggle-password {
    position: absolute;
    right: 48px;
    top: -3%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

.toggle-password:hover {
    color: #333;
}

#register-form .input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select{
  margin: 0 !important
}

#home-pages .single-page-section {
  word-break: break-word !important;
}

#register-form select{
    padding: 10px 18px;
}