label.error {
    color: red !important;
    font-weight: 500 !important;
}

span.error {
    color: red !important;
    font-weight: 500 !important;
}

#password_eye_button{
	cursor: pointer;
}

.select_isd_code{
	font-size: 18px !important;
}

#cust-profile-phone-error{
	margin-left: 130px;
}

.profile_area .profile_image {
    margin-top: -214px;
}

.profile_banne_area::before {
    content: "";
    background: rgba(0,127,252,0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.profile_banne_area {
	position: relative;
}

.profile_banne_area{
    text-align: center;
}

.profile_image img{
	width: 100%;
	height: 332px;
	object-fit:cover;
}

.profile_banne_area img {
	width: 100%;
	height: 332px;
	object-fit: contain;
}

.profile_image img {
	border-radius: 10px;
	width: 308px;
	height: 308px;
}

.logout_div{
	cursor: pointer;
}

.progress_div {
	display: none;
	margin-bottom: 1rem;
}

.line_below{
    overflow: hidden;
    width: 100%;
}

.post-job-select-height{
	min-height: 118px;
}

.all_bid_main_box {
	width: 100%;
	max-width: 540px;
	position: fixed;
	top: 0px;
	right: 0px;
	margin: 0px;
	background: #fff;
	height: 100%;
	z-index: 99;
	/*/ display: none; /*/
	overflow-y: scroll;
}

.upcoming_box.latest_job_inbox {
    min-height: 118px;
}

.main_box_upcoming .header img {
	border-radius: 15px 15px 0px 0px;
	width: 100%;
	height: 249px;
	object-fit: cover;
}

.upcoming_box .title h1 {
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	min-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*.main_box_upcoming .latest_job_inbox .star_rating p {*/
.main_box_upcoming .latest_job_inbox .star_rating p, .main_box_upcoming .upcoming_box .star_rating p{
	font-size: 16px;
	color: #333333;
	margin-top: 6px;
	min-height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.current-quotes-div{
	max-height: 95px;
	overflow-y: auto;
}

/* loader */
/* Center the loader */

#loader-inner {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1;

	margin: -75px 0 0 -75px;
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid #3498db;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	transform: translate(-50%, -50%);
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.right-conent-other {
	padding: 15px 0px 15px 104px;
}

.pagination .page-link {
	padding: 6px 12px !important;
	margin: 0px;
	font-size: 14px;
}


.timepicker-box input {
border-radius: 6px !important;
}
.timepicker-box .btn.btn-outline-secondary.border-left-0 {
padding: 0px;
width: 30px;
height: 30px;
border-radius: inherit;
position: absolute;
right: 10px;
top: 11px;
z-index: 99;
}
.timepicker-box .btn:hover {
color: #fff;
border: 2px solid #ff9326;
background: #ff9326;
}

.timepicker-box .gj-timepicker-bootstrap [role="right-icon"] button .gj-icon, .gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
position: absolute;
font-size: 21px;
top: 3px;
left: 3px;
}

.timepicker-box .gj-timepicker.gj-timepicker-bootstrap.gj-unselectable.input-group {
width: 100%;
}
.timepicker-box .form-control {
padding-right: 50px;
}

.gj-picker [role="body"] [role="dial"] {
width: 256px;
color: rgba(0,0,0,.87);
height: 256px;
position: relative;
background: #eee;
border-radius: 50%;
margin: 10px auto !important;
}


#small-modal .modal-title a img {
width: 22px !important;
}
#small-modal .modal-header.submint_header h4 {
font-size: 20px !important;

}
#small-modal .modal-body .input-form {
margin-top: 10px !important;
}
#small-modal .form-group {
margin-bottom: 10px !important;
}
#small-modal .modal-body {
padding: 0px 15px 15px 15px !important;
}

#small-modal .modal-body .para {
font-size: 17px !important;
color: #333333 !important;
margin: 15px 0px 20px 0px !important;
}

#small-modal .modal-body .input-form textarea {
height: 108px !important;
}


#small-modal {
	max-width: 450px !important;
}

#small-modal .modal-header.submint_header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

#small-modal .modal-body .para {
	font-size: 17px !important;
	color: #333333 !important;
	margin: 10px 0px 10px 0px !important;
}

#small-modal .modal-body .submit_butto_box .btn {
	display: block;
	margin: auto;
}

#small-modal .modal-body .submit_butto_box .btn {
	display: block !important;
	margin: 0px !important;
	width: 100% !important;
}

#small-modal .modal-body .submit_butto_box {
	padding: 0px 0px;
}

#small-modal .bid_button {
    padding: 0px;
}

#small-modal .bid_button .btn {
	display: block;
	margin: 0px;
	width: 100%;
}

.gj-picker {
    position: absolute;
    z-index: 1203;
    background-color: #fff;
    element { position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 450px;
    padding: 10px;
}

.gj-picker .btn {
    display: inline-block;
    background: #ff9326;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding: 5px 0px;
    border-radius: 60px;
    text-align: center;
    border: 2px solid transparent;
    text-align: center;
    width: 100%;
    margin: 3px;
}

select { outline:none; }

.slider_img .carousel-inner .item img{
	height: 421px !important;
	object-fit: cover !important;
	width: 100% !important;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #ff9326;    
}


.edit-bank-details2 label {    
    color: #aab1c9;
    position: absolute;
    left: 50px;
    top: 0px;
}

.edit-bank-details2 p {
    font-size: 22px;
    color: #000;
    display: block;
    padding: 0px 20px 20px 250px;
    position: relative;
    word-wrap: break-word;
}