
/* -------------------------------------- */

.form_main input[type="text"],
.form_main input[type="email"],
.form_main input[type="number"],
.form_main input[type="password"],
.my-custom-input {
    text-align: left;
    font-size: 16px;
    padding: 10px;
    outline: none;
    border: 1px #0aa6f1 solid;
    border-radius: 0;
    height: auto;
}
.form_main input[type="text"]:hover,
.form_main input[type="text"]:focus,
.form_main input[type="number"]:focus,
.form_main input[type="email"]:focus,
.form_main input[type="password"]:hover,
.form_main input[type="password"]:hover,
.form_main input[type="number"]:hover,
.form_main input[type="email"]:focus,
.my-custom-input:hover,
.my-custom-input:focus {
    border: 1px #acd331 solid;
}

.paginations_main li.active a,
.paginations_main li a.active {
    color: #fff;
    text-decoration: none;
    background-color: #98c800;
}
.paginations_main li.active a span,
.paginations_main li a.active span {
    text-decoration: none;
}

.select_main .jq-selectbox__select-text {
    padding: 10px;
}

.more_overide_link span::after {
    content: "more";
}
.more_overide_link.active span::after {
    content: "hide";
}
.more_overide_link.active {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.work_history_item:last-child {
    border-bottom: none;
}

.help_wrap {
    z-index: inherit;
}

.help_wrap .help_hint_wrapper {
    padding-top: 38px;
    margin-top: -28px;
    position: absolute;
    display: none;
    z-index: -100;
    right: -5px;
}
.help_wrap .help_hint_wrapper .hint_block {
    position: relative;
    top: 0;
    z-index: auto;
}
.help_wrap:hover .help_hint_wrapper {
    display: block;
    z-index: 1000;
}
.help_wrap:hover .help_hint_wrapper .hint_block {

}

.popup_wrap_500 {
    width: 500px;
    padding: 0 55px;
    background-color: #fff;
}

.popup_wrap_700 {
    width: 700px;
    padding: 0 55px;
    background-color: #fff;
}

.checkbox:checked + label::before,
.checkbox:not(checked) + label::before {
    top: 0;
}

.table_contracts tbody tr td:first-child p a {
    font-size: 14px;
}

/* --------- select 2 -------------- */

.select2.select2-container.select2-container--krajee .selection {
    width: 100%;
}
.select2.select2-container.select2-container--krajee .selection
.select2-selection.select2-selection--multiple {
    width: 100%;
    border: 1px solid #0aa6f1;
    border-radius: 0;
    padding: 5px;
}
.select2.select2-container.select2-container--krajee .selection
.select2-selection.select2-selection--multiple .select2-selection__rendered {
    width: 100%;
}
.select2.select2-container.select2-container--krajee .selection
.select2-selection.select2-selection--multiple .select2-selection__rendered
li {
    margin-left: 0;
    margin-right: 5px;
}
.select2.select2-container.select2-container--krajee .selection
.select2-selection.select2-selection--multiple .select2-selection__rendered
li input {
    padding: 0;
}

/* -------------------------------------- */

body.loading::before {
    bottom: 0;
    color: #fff;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
body.loading::after {
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    background: rgba(0,0,0, 0.5);
    border-radius: 70px;
    box-shadow: 1px 1px 10px rgba(255,255,255, 0.7);
    color: #fff;
    content: '\f021';
    font: normal normal normal 40px/1 FontAwesome;
    height: 70px;
    left: 50%;
    line-height: 70px;
    margin: -35px 0 0 -35px;
    -moz-osx-font-smoothing: grayscale;
    position: fixed;
    text-align: center;
    text-rendering: auto;
    top: 50%;
    width: 70px;
    -webkit-font-smoothing: antialiased;
    z-index: 4000;
}

/* -------------------------------------- */

.inactiv_client {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #ccc url(../img/clien_arrow.png) no-repeat center;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
}

.inactiv_client.right_column, .activ_client.right_column {
	top: 0;
	margin-left: 0;
	margin-right: 8px;
}


/* ================================================================================================================== */

.m-0 {
    margin: 0;
}
.mt-0 {
    margin-top: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.ml-0 {
    margin-left: 0;
}
.mr-0 {
    margin-right: 0;
}

.m-5 {
    margin: 5px;
}
.mt-5 {
    margin-top: 5px;
}
.mb-5 {
    margin-bottom: 5px;
}
.ml-5 {
    margin-left: 5px;
}
.mr-5 {
    margin-right: 5px;
}

.m-10 {
    margin: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.ml-10 {
    margin-left: 10px;
}

.m-15 {
    margin: 15px;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mr-15 {
    margin-right: 15px;
}
.ml-15 {
    margin-left: 15px;
}

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

.mb-30 {
    margin-bottom: 30px;
}
.mb-30-i {
	margin-bottom: 30px !important;
}
.mr-30 {
    margin-right: 30px;
}

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

/* -------------------------------------- */

.p-0 {
    padding: 0;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 0;
}

.p-3 {
    padding: 3px;
}
.pt-3 {
    padding-top: 3px;
}
.pb-3 {
    padding-bottom: 3px;
}
.pl-3 {
    padding-left: 3px;
}
.pr-3 {
    padding-right: 3px;
}

.p-5 {
    padding: 5px;
}
.pt-5 {
    padding-top: 5px;
}
.pb-5 {
    padding-bottom: 5px;
}
.pl-5 {
    padding-left: 5px;
}
.pr-5 {
    padding-right: 5px;
}

.p-10 {
    padding: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}

.p-15 {
    padding: 15px;
}
.pt-15 {
    padding-top: 15px;
}
.pb-15 {
    padding-bottom: 15px;
}

.p-25 {
    padding: 25px;
}
.pt-25 {
    padding-top: 25px;
}
.pb-25 {
    padding-bottom: 25px;
}
.pl-25 {
    padding-left: 25px;
}
.pr-25 {
    padding-right: 25px;
}

.p-35 {
    padding: 35px;
}
.pt-35 {
    padding-top: 35px;
}
.pb-35 {
    padding-bottom: 35px;
}
.pl-35 {
    padding-left: 35px;
}
.pr-35 {
    padding-right: 35px;
}

.b-0 {
    border-width: 0;
}

/* -------------------------------------- */

.full-width {
    width: 100%;
}
.half-width {
    width: 50%;
}

.full-height {
    height: 100%;
}

/* -------------------------------------- */

.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}
.display-inline {
    display: inline;
}

/* -------------------------------------- */

.color-grey {
    color: #333;
}
.color-grey-hover:hover {
    color: #333;
}
.bg-color-grey {
    background: #333;
}
.bg-color-grey-hover:hover {
    background: #333;
}

.color-white {
    color: white;
}
.color-white-hover:hover {
    color: white;
}
.bg-color-white {
    background: white;
}
.bg-color-white-hover:hover {
    background: white;
}

.color-blue {
    color: #0aa6f1;
}
.color-blue-hover:hover {
    color: #0aa6f1;
}
.bg-color-blue {
    background: #0aa6f1;
}
.bg-color-blue-hover:hover {
    background: #0aa6f1;
}

.color-green {
    color: #acd331;
}
.color-green-hover:hover {
    color: #acd331;
}
.bg-color-green {
    background: #acd331;
}
.bg-color-green-hover:hover {
    background: #acd331;
}

.color-grey-light {
    color: #88a4b8;
}
.color-grey-light-hover:hover {
    color: #88a4b8;
}
.bg-color-grey-light {
    background: #88a4b8;
}
.bg-color-grey-light-hover:hover {
    background: #88a4b8;
}
.bg-none {
    background: none;
}

/* -------------------------------------- */

.transform-uppercase {
    text-transform: uppercase;
}
.transform-none {
    text-transform: none;
}

.decoration-none {
    text-decoration: none;
}

/* -------------------------------------- */

.font-weight-bold {
    font-weight: bold;
}
.font-weight-normal {
    font-weight: normal;
}

/* -------------------------------------- */

.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-30 {
    font-size: 30px;
}

/* ------------------------------------- */

.border-width-0 {
    border-width: 0;
}

.border-radius-0 {
    border-radius: 0;
}

/* ------------------------------------- */

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/* ------------------------------------- */

.error {
    color: #e4323a;
}

/* ------------------------------------- */

.my-btn-1,
.my-btn-1:hover {
    color: white;
    background: #acd331;
    border-radius: 0;
    padding: 10px 25px;
    text-decoration: none;
}

/* ------------------------------------- */

.skill-item {
    padding: 2px 5px;
    line-height: 1;
    background: #ddd;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* ================================================================================================================== */

.contract_time_row {}
.contract_time_row .contract_time_row_item {}
.contract_time_row .contract_time_row_item .time {
    position: static;
    float: none;
    color: #acd331;
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 26px;
    font-weight: bold;
}
.contract_time_row .contract_time_row_item .cost {
}

.contract_fixed_price_head_stat {}
.contract_fixed_price_head_stat .contract_fixed_price_head_stat_item {}
.contract_fixed_price_head_stat .contract_fixed_price_head_stat_item .item_label {
    font-size: 85%;
}
.contract_fixed_price_head_stat .contract_fixed_price_head_stat_item .item_value {
    color: #acd331;
    font-size: 19px;
    font-weight: bold;
}
/* ------------------------------------------------- payment fixed -------------------------------------------------- */

.contract_view_page_content .block_profile_right.section_payments_fixed {
    padding-top: 10px;
    padding-bottom: 10px;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_title {
    margin-bottom: 10px;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .main_btn {
    width: 100%;
    background: none;
    border-radius: 0;
    margin-bottom: 10px;
}
/* ---- */
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item {
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item table {
    width: 100%;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item table td {
    padding: 5px;
    width: 50%;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item table td:last-child {
    color: #acd331;
    text-align: right;
}
/* ---- */
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item_new {
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background-color: #f5f5f5;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item_new table {
    width: 100%;
}
.contract_view_page_content .block_profile_right.section_payments_fixed .section_payments_fixed_items .payment_fixed_item_new table td {
    padding: 5px;
    width: 50%;
}
/* ---- */

/* ------------------------------------------------------------------------------------------------------------------ */

.top_search_line {
    position: relative;
}

.my-progress-wrapper {
    clear: both;
    position: relative;
    height: 20px;
}
.my-progress-wrapper .progress {
    float: left;
    /*width: 90%;*/
    margin-right: 10px;
}
.my-progress-wrapper .percent {
    float: none;
    line-height: 1.3;
}

.add_profile,
.progress_my_prof .add_profile,
.my-progress-wrapper .add_profile {
    margin-top: 10px;
}

/* ================================================================================================================== */
