/*manage_bid*/
.myjob ul.dashboard-task-info.bid-info{margin: 0px;padding: 5px;position: unset !important;transform: unset !important;transition: unset !important;align-self: start}.myjob ul.dashboard-task-info.bid-info .btn{font-size: 9px}.myjob ul.dashboard-task-info.bid-info form{margin: 0px}.freelancer-name h4, .freelancer-name h4 a{color:#04004d;font-size: 20px;margin-bottom: 0px}.bid-info li{width:auto}.myjob ul.dashboard-task-info.bid-info .btn{font-size: 16px;background-color: #0097b2;color: white;border:none}.freelancer-name span{color: #f29e23;font-size: 16px}.dashboard-task-info{background-color: transparent}.dashboard-box li:hover .dashboard-task-info{background-color: transparent}.bid-infoo{background-color: #f4f4f4;padding: 10px!important;list-style: none;margin: 0;text-align: center;border-radius: 4px}.dashboard-box li:hover .bid-infoo{background-color: #f3f3f3}.dashboard-headline h3{color: #f29e23}.btns-to-rht{float: right}.pro-user{align-items: start !important;justify-content: space-between !important;margin: 20px 0 0 !important}.btns-to-rht > div{margin: 0 10px}.btns-to-left{text-align: left}.btns-to-left p{margin-bottom: 0}.btns-to-left p span{display: block;width: 200px}.btns-to-left p span strong{float: right}.btns-to-left{display: flex;justify-content: space-between;width: 40%}footer#footer{padding: 0}.headline_titl{display: block}.freelancer-overview{padding: 0}.right_job button:hover{border: 1px solid #2b2b2b}.right_job button{border: 1px solid #ccc;padding: 12px;width: 55px;height: 55px;border-radius: 4px;margin-bottom: 10px}.right_job i{color: #04004d;font-size: 19px;transform: translateY(0px);transition: 0.5s all}.right_jobbutton:hover i{transform: translateY(-3px)}.freelancer-overview-inner h2{text-align: left;color: #04004e;font-size: 22px;font-weight: 600}.appnt_box{background: #f1f1f1}.dashboard-task-info li:last-child{width: 100% !important}.appnt_box .dashboard-task-info{background-color: #4a4a4a !important}.appnt_box .dashboard-task-info li strong{color: #fff}li.strt_dte{color: green}li.end_dte{color: red}li.strt_dte strong, li.end_dte strong{font-weight: 600}.freelancer_name h2 span{font-size: 18px;color: #f7c821}.freelancer_name{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;margin-bottom: 20px}ul.pai_direct{display: flex;justify-content: start}ul.pai_direct li{margin-right: 15px}.freelancer-overview-inner h2{border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 10px}.app_info ul li{text-align: left;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px}
/*end*/

/*mark_complete*/
fieldset, label {margin: 0;padding: 0;}h1 {font-size: 1.5em;margin: 10px;}.rating {border: none;float: left;}.rating > input {display: none;}.rating > label:before {margin: 3px;font-size: 1.25em;font-family: FontAwesome;display: inline-block;content: "\f005";}border-radius: 0.25rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;margin-bottom: 30px;}.rating > label {color: #ddd;float: right;}.big_heading {font-size: 26px;line-height: 35px;}.submit_rating {display: flex;align-items: center;width: 100% !important;justify-content: space-between;    margin-bottom: 5px;}.submit_rating h5 {margin-bottom: 0px;color: #fff;font-size: 16px;font-weight: 600;width: 50%;}.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {color: #FFD700;}.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {color: #FFED85;}.bg_rting > label:before {font-size: 1.55em !important;}.rating_dte {text-align: right; padding: 0px;}.rating_dte h5 { color: #353535;font-size: 16px;}.rating_col {background: linear-gradient(164deg, rgba(0,0,0,1) 32%, rgba(4,0,77,0.9248074229691877) 76%); padding: 20px; }.complt_job {
    margin: 40px 0;
    padding: 40px 50px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}.big_heading {
    line-height: 26px;
}
.button.big {
    color: #ffffff !important;
}
#average_rating i {
    margin: 3px;
    font-size: 24px;
}
.submit-field h5 {
    color: #252525 !important;
}

/*end*/
/*payment_details*/
section.payment_sucess{margin-top: 40px}p.remrk_p{margin-bottom: 20px;line-height: normal}h4.big-totl{font-size: 20px !important;border-bottom: 1px dashed #ccc;padding-bottom: 6px;margin-bottom: 10px}h4.big-totl span{font-size: 22px !important}.auto_details *{font-family: sans-serif}.remrk_p b{color: #353535}.address_invoice h4 {
    font-size: 18px !important;
    font-weight: 600;
    color: #0e0b40 !important;
}.invoice-table{width: 100%;border-collapse: collapse}.invoice-table th, .invoice-table td{border: 1px solid #828282;padding: 8px;text-align: left}.invoice-table .total{font-weight: bold}.customer_info, .profess_info{padding: 0}.customer_info li, .profess_info li{list-style: none;font-family: Arial}.btn_flex{display: flex;justify-content: center}.auto_details li b{color: #3a3a39}.auto_details h2{font-size: 20px;color: #100d45;font-weight: 600;border-bottom: 1px dashed #ffce1e;padding-bottom: 7px;margin-bottom: 15px;text-align: center}.invoice-table th{background-color: #ffcd1f;color: #2c2b2b}

/*end*/


/*create-- job_edit*/
 .card-body .big_heading {font-size: 24px;line-height: 34px;font-weight: 700;margin-bottom: 25px;color: #ffffff;position: relative;z-index: 1;}.mb30 {margin-bottom: 30px;}.timeline {list-style: none;padding: 0;position: relative;margin-bottom: 0px;}.timeline:before {content: '';position: absolute;top: 0;bottom: 0;width: 2px;background-color: #0a731e42;left: 20px;margin-left: -1px;}.milestone {position: relative;padding: 20px 0;}.milestone:before {content: '';position: absolute;width: 24px;height: 24px;border-radius: 50%;background-color: #fff;border: 2px solid #0a731e;left: 16px;margin-left: -8px;top: 0px;}.milestone-cont-iner {width: 100%;margin-left: 60px;margin-top: -20px;}.user_profile_submit_col button#submit {padding: 14px;}.miles-progress h3 {margin-bottom: 10px;font-weight: 600;font-size: 22px;color: #04004d;}.add_tsk {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid #cccccc8c;border-radius: 100%;background: #04004d;color: #fccc25;margin-left: 8px;margin-top: 10px;position: absolute;bottom: -30px;left: 13px;}.add_tsk i {font-size: 12px;}.mode_pymnt {display: flex;}.mode_one label {border: 1px solid #c5c5c5;padding: 10px 10px 15px;border-radius: 6px;width: 180px;margin-right: 10px;position: relative;}.mode_one label span {display: block;font-size: 18px;font-weight: 600;color: #ffcd1f;}.mode_one img {padding-top: 10px !important;width: 50px;margin-bottom: 6px;}.miles-progress p{margin-bottom: 0px;}.user_profile_submit_col .btn {background: transparent;color: #252525;border-radius: 20px;border: 1px solid #b6b6b6;font-weight: 600;font-size: 16px;width: 120px;padding: 7px 12px!important;}.btn-green:hover{background-color: green !important;color: #fff !important;border: 1px solid #ccc !important;}.btn-orange:hover{background-color: #ffcd1f !important;color: #fff !important;border: 1px solid #ccc !important;}.dec_mission label span {color: #04004d;font-weight: 600;font-size: 16px;text-transform: capitalize;}.dec_mission label input {margin-bottom: 0px;margin-right: 10px;margin-left: 0;}.miles-progress label {font-size: 16px;color: #04004d;font-weight: 600;}.dec_mission label {border: 1px solid #ccc;padding: 5px;border-radius: 6px;width: 100%;background: linear-gradient(90deg, rgb(226 177 0) 25%, rgb(255 209 46) 100%);}.dec_mission label span{color: #fff !important }


 /*end*/

 /*reschedule_appointment*/
     form.form_secdul {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 30px 0;
    padding: 40px;
    border-radius: 30px;
    background: #f1f1f1;
}
.form_secdul label.form-label {
    color: #04004d;
    font-weight: 600;
}

.resch_form {
    margin: 0 0 30px;
}
.append_container .remove-btn {
    text-align: right;
    font-size: 28px;
    color: #f00;
    position: absolute;
    right: -7px;
    top: 26px;
    width: 20px;
}
.row.clone_row {
    position: relative;
}
.set_abilty .btn {
    width: 120px;
}
.set_abilty .btn a{
    color: #fff;
}
.set_abilty .btn_frwd {
    background: #04004d;
}
/*end*/


/*invoice--- index*/
.footer-1{padding: 0}.invoic_headline{display: flex;justify-content: space-between}.invoic_headline h3{font-size: 18px;font-weight: 500;color: #04004d}.invoic_table{padding: 30px 20px !important;border: 1px solid #fefefe !important;border-radius: 0.25rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important}.invoic_table table thead th{color: #04004d}.invoic_table table>thead>tr>th{vertical-align: bottom;border-bottom: 1px solid #ffce1e !important;box-shadow: unset !important;font-size: 16px}.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 5px 4px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;font-size: 15px}.invoic_table tbody tr:hover{background: #f5f5f5}.invoic_table tbody tr:nth-child(odd){background: #f5f5f59c}.invoic_table tbody td a{background-color: transparent;border: 1px solid #ccc !important;padding: 5px;border-radius: 2px;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;margin: auto}.invoic_table tbody td a i{color: #04004d;font-size: 14px}
/*end*/

/*view*/
  .quotes_nm{color: #04004d;font-size: 22px;font-weight: 600;margin: 10px 0 15px;border-bottom: 1px dashed #ffce1e;padding-bottom: 3px;max-width: fit-content}.name_invoice p, .name_invoice span{font-weight: 600;color: #ffce1e;font-size: 21px}.date_invoice{border: 1px solid #ccc;padding:20px;background: linear-gradient(164deg, rgba(0,0,0,1) 32%, rgba(4,0,77,0.9248074229691877) 76%)}.invoice-table{width: 100%;border-collapse: collapse;margin-top: 35px}.invoice-table thead th{background: #04004d;color: #fff;padding: 7px}.invoice-table tbody tr td{border: 1px solid #ccc;padding: 7px}.invoice-table tfoot tr td{background: #f1f1f1;border: 1px solid #9d9d9d;padding: 7px}.invoice-table tfoot tr td b{color: #3c3c3c}.top_bar_invoice .d_flexes{margin-bottom: 10px !important}.nme_of_cmpny{margin-top: 35px}.nme_of_cmpny p{text-align: center;color: #a81212;font-weight: 600;font-size: 18px;border-bottom: 2px dashed #ccc;padding-bottom: 8px;margin-bottom: 10px !important}.nme_of_cmpny ul{padding: 0;display: flex;justify-content: center;list-style: none}.nme_of_cmpny ul li{margin: 0 10px;font-weight: 500;color: #a81212}.nme_of_cmpny ul li span{color: #3c3c3c}.quotes_date{margin-top: 100px}.nm_ofcmpny{display: flex;align-items: center}.cmpny_lg img{border-radius: 10%;margin-left: 10px;border: 1px solid #ccc;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;width: 50px !important;height: 50px !important}.top_bar_invoice .d_flexes .btn-warning i{font-size: 18px}
  .date_invoice li {
    color: #fff;
}
/*end

/*appointment--- appointment_listing*/

.myworks_ul li a{background-color: #ccc;color: #585858}.myworks_ul .active.btn-orange a, .myworks_ul .btn-orange a:hover{background-color: #fcb041 !important}.myworks_ul .active.btn-green a, .myworks_ul .btn-green a:hover{background-color: green !important}.myworks_ul .active.btn-blue a, .myworks_ul .btn-blue a:hover{background-color: #0599b4 !important}.myworks_ul .active.btn-red a, .myworks_ul .btn-red a:hover{background-color: #dd2e2e !important}/*.disable_btn-red{background-color: #dd2e2e !important}*/.sidebar{position: fixed;left: 0;z-index: 100;padding: 48px 0 0;box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1)}.sidebar-sticky{position: relative;top: 0;height: calc(100vh - 48px);padding-top: .5rem;overflow-x: hidden;overflow-y: auto}.sidebar .nav-link{font-weight: 500;color: #333}.sidebar .nav-link.active{color: #007bff}.sidebar .nav-link i{margin-right: 10px}footer#footer{padding: 0}.status a:hover{background: #ffce1e}.status a i{color: #04004d !important;font-size: 20px !important}.status a{margin-left: 5px;border: 1px solid #717171;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;padding: 10px !important;border-radius: 3px}.rowsec {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    background: #f1f1f1;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.row_inner {
    padding: 20px 10px 10px;
}
.appntment1 {
    padding: 0px !important;
}
.status {
    display: flex;
    justify-content: right;
}

.rowsec h2 {
    font-size: 18px;
    font-weight: 600;
    color: #04004f;
}
.rowsec h5 {
    margin-left: 10px;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}
.name h3 {
    color: #04004e;
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    max-width: max-content;
}
/*end*/

/*show_task*/
fieldset, label {margin: 0;padding: 0;}h1 {font-size: 1.5em;margin: 10px;}.rating {border: none;float: left;}.rating > input {display: none;}.rating > label:before {margin: 5px;font-size: 1.25em;font-family: FontAwesome;display: inline-block;content: "\f005";}.rating > label {color: #ddd;float: right;}.dashboard-headline h3 {display: block;font-size: 25px;color: #e68902;padding: 15px;}.dashboard-headline {display: block;position: relative;margin-bottom: 0px;}.headline2 h3{font-size: 30px;color: #0599b4;position: relative;line-height: 2;font-family: 'Futura Now Stencil';margin: 0px 0 30px 0;}.headline h4{font-size: 22px;color: #0599b4;}.submit-field h5{font-size: 18px;}.new_hedas h3 {font-weight: 600 !important;color: #0599b4;font-size: 26px;}.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {color: #FFD700;}.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {color: #FFED85;}.btn-ppp-main {background-color: #e68902 !important;border: 0 !important;}ul.dashboard-box-list>li {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;margin-bottom: 15px;}.action i.fa.fa-cog{font-size: 22px !important;color: #04004d}.on-hover-action{display: none}.action:hover .on-hover-action{display: block;position: absolute;left: -170px !important;background-color: #292e29;color: #fff;border-radius: 4px;opacity: 1 !important;min-width: 180px;list-style-type: none;padding: 0;margin: 0;margin-top: -34px;z-index: 9;width: auto}.action div::before{position: absolute;content: "";right: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #292e29;border-right: none;top: 10px}.shw_task tbody tr:nth-child(odd){background: #f5f5f59c}.shw_task tbody tr:hover{background: #f5f5f5}.on-hover-action a{display: block;background: transparent;border: unset;font-size: 15px !important}td.action{position: relative;padding-left: 25px !important}.footer-1{padding: 0}.show_task_area{box-shadow: rgb(99 99 99 / 28%) 0px 2px 8px 0px;margin-bottom: 15px;border: unset !important;padding: 40px}.big_heading{font-size: 26px;line-height: 38px}.shw_task>thead>tr>th{vertical-align: bottom;border-bottom: 1px solid #ffce1e !important}.shw_task thead th{color: #04004f;font-size: 15px}.shw_task tbody td{font-size: 15px}.action i.fa.fa-cog{font-size: 22px !important;color: #04004d}.on-hover-action{display: none}.action:hover .on-hover-action{display: block;position: absolute;left: -170px !important;background-color: #292e29;color: #fff;border-radius: 4px;opacity: 1 !important;min-width: 180px;list-style-type: none;padding: 0;margin: 0;margin-top: -34px;z-index: 9;width: auto}.action div::before{position: absolute;content: "";right: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #292e29;border-right: none;top: 10px}.shw_task tbody tr:nth-child(odd){background: #f5f5f59c}.shw_task tbody tr:hover{background: #f5f5f5}.on-hover-action a{display: block;background: transparent;border: unset;font-size: 15px !important}td.action{position: relative;padding-left: 25px !important}.footer-1{padding: 0}.show_task_area{box-shadow: rgb(99 99 99 / 28%) 0px 2px 8px 0px;margin-bottom: 15px;border: unset !important;padding: 40px}.big_heading{font-size: 26px;line-height: 38px}.shw_task>thead>tr>th{vertical-align: bottom;border-bottom: 1px solid #ffce1e !important}.shw_task thead th{color: #04004f;font-size: 15px}.shw_task tbody td{font-size: 15px}
.btn_flex .btn {
    padding: 0px !important;
}
/*end*/

@media (max-width: 767px) {
.first_card, .create_mission {
    margin: 130px 0px 60px !important;
}
.mode_one {
    margin-bottom: 10px !important;
}
.dec_mission label {
    margin-bottom: 10px !important;
}
.col-md-12.text-right.dflx {
    text-align: center !important;
}
button.skip_btn {
    font-size: 16px !important;
}
.nxt_btn {
    font-size: 16px !important;
}
}