.btn:active {
    filter: invert(80%);
}

body {
    overflow: hidden;
    object-fit: contain;
    color: #333232;
}

.content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.main_content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.main_header_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 76.875vw;
    /* margin-top: 25px; */
    height: 10.09vh;
}

.main_page_header {
    color: #5a23b1;
    font-size: 32px;
    font-weight: 500;
    margin-top: 29px;
}

.main_view_cnt {
    background-color: white;
    margin-right: 5vw !important;
    width: 76.875vw;
    height: 89vh;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}


.main_bar_user_cnt {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#main_bar_user_profile {
    background-color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10%;
    border: none;
    width: 72px;
    height: 72px;
    color: #333232;
}

#main_bar_profile_name {
    font-size: 12px;
    margin-bottom: 11px;
}

#main_bar_profile_av {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    background-color: #ffefd0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: 14px;
}

.main_bar_profile_menu {
    border-radius: 10px;
    width: 123px;
}

.main_bar_profile_menu_item {
    color: #333232;
    font-size: 14px; 
    font-family: "Roboto-Medium, Roboto";
    font-weight: 500;
}

.main_bar_profile_menu_item:hover {
    background-color: #6f07cd;
    color: #fff;
}


.main_bar_user_cnt {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.main_view {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.main_statistic_cnt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.main_statistic {
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    font-size: 30px;
}

.main_statistic_stat-item {
    width: 329px;
    height: 269px;
}


.main_statistic_stat-value {
    font-size: 100px;
    font-weight: bold;
    color: #ffefd0;
}

.main_statistic_stat-label {
    font-size: 60px;
    color: #18022b;
    font-weight: bold;
}

.main_statistic_stat-subtext {
    font-size: 30px;
    color: #282828;
    font-style: italic;
}


::-webkit-scrollbar {
    width: 8px; 
    height: 24px; 
}

::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 6px;
    min-height: 20%;
    max-height: 40%;
}

::-webkit-scrollbar-thumb:hover {
    background: grey; 
}



.page_header {
    font-size: 24px;
    font-family: 'Roboto';
    font-weight: 500;
    color: black;
    padding-bottom: 2%;
    margin-left: 0;
}

.page_header_n {
    font-size: 24px;
    font-family: 'Roboto';
    font-weight: 500;
    color: black;
    margin-left: 0;
    line-height: 32px;
}

.page_header_small {
    font-size: 20px;
}

.page_path_header {
    font-size:  15px;
    color: #333232;
    font-weight: 400;
}

.s_table {
    width: 80%;
    border: none;
}

.s_table td:first-child {
    border-right: 2px solid #c9c9c9;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 700;
}

.s_table td {
    border-right: none;
    padding: 2%;
}

.s_table tr {
    border-right: none;
    border-left: none;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

.holder_row {
    display: flex;
    flex-direction: row;
}

.holder_column {
    display: flex;
    flex-direction: column;
}

input:disabled {
    background-color: #ececec;
}

.s_input_radio {
    border:2px solid white;
    box-shadow:0 0 0 1px #cecece;
    appearance:none;
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#fff;
}

.s_input_radio_status {
    width: 15px;
    height: 15px;
}


.s_input_radio:checked {
    background-color: #fcaf17;
}

.s_red,
.s_input_radio_red:checked {
    background-color: #D50000;
}

.s_yellow,
.s_input_radio_yellow:checked {
    background-color: #ffc107;
}

.s_input_radio_custom_apperance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.s_green,
.s_input_radio_green:checked {
    background-color: #0f3;
}

.s_input_radio:checked + label {
    color: #fcaf17;
}

.s_input_radio_status:checked + label {
    color: #454545;
}

.s_input_radio + label {
    padding-left: 5px;
    vertical-align: middle;
    /* margin-top: -12px; */
}

.s_input_radio_status + label {
    font-size: 14px;
    margin-top: -6px;
}


.s_input_radio_row label {
    margin-left: 5px;
}

.s_checkbox {
    text-align: center;
    vertical-align: middle;
    width: 25px; 
    height: 25px;
    appearance:none;
    border: 1px solid #c9c9c9;
    box-shadow: none;
    font-size: 1em;
    border-radius: 20%;
}

.s_checkbox:checked {
    background-color: #fcaf17;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='_17' data-name=' 17' transform='translate(-666 -1958)'%3E%3Cg id='Path_2146' data-name='Path 2146' transform='translate(666 1958)' fill='%23fcaf17'%3E%3Cpath d='M 14 19.5 L 6 19.5 C 2.967289924621582 19.5 0.5 17.0327091217041 0.5 14 L 0.5 6 C 0.5 2.967289924621582 2.967289924621582 0.5 6 0.5 L 14 0.5 C 17.0327091217041 0.5 19.5 2.967289924621582 19.5 6 L 19.5 14 C 19.5 17.0327091217041 17.0327091217041 19.5 14 19.5 Z' stroke='none'/%3E%3Cpath d='M 6 1 C 3.242990493774414 1 1 3.242990493774414 1 6 L 1 14 C 1 16.75700950622559 3.242990493774414 19 6 19 L 14 19 C 16.75700950622559 19 19 16.75700950622559 19 14 L 19 6 C 19 3.242990493774414 16.75700950622559 1 14 1 L 6 1 M 6 0 L 14 0 C 17.3137092590332 0 20 2.686290740966797 20 6 L 20 14 C 20 17.3137092590332 17.3137092590332 20 14 20 L 6 20 C 2.686290740966797 20 0 17.3137092590332 0 14 L 0 6 C 0 2.686290740966797 2.686290740966797 0 6 0 Z' stroke='none' fill='%23fcaf17'/%3E%3C/g%3E%3Cpath id='Path_54' data-name='Path 54' d='M7.1,41.7l-4-3.4L.9,40.9l6.2,5.6,10.2-9.4-2.4-2.6Z' transform='translate(667.1 1927.5)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");    
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20%;
    border: none;
}

.s_checkbox:disabled {
    background-position: center;
    background-color: #cecece;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='_17' data-name=' 17' transform='translate(-666 -1958)'%3E%3Cg id='Path_2146' data-name='Path 2146' transform='translate(666 1958)' fill='%23cecece'%3E%3Cpath d='M 14 19.5 L 6 19.5 C 2.967289924621582 19.5 0.5 17.0327091217041 0.5 14 L 0.5 6 C 0.5 2.967289924621582 2.967289924621582 0.5 6 0.5 L 14 0.5 C 17.0327091217041 0.5 19.5 2.967289924621582 19.5 6 L 19.5 14 C 19.5 17.0327091217041 17.0327091217041 19.5 14 19.5 Z' stroke='none'%3E%3C/path%3E%3Cpath d='M 6 1 C 3.242990493774414 1 1 3.242990493774414 1 6 L 1 14 C 1 16.75700950622559 3.242990493774414 19 6 19 L 14 19 C 16.75700950622559 19 19 16.75700950622559 19 14 L 19 6 C 19 3.242990493774414 16.75700950622559 1 14 1 L 6 1 M 6 0 L 14 0 C 17.3137092590332 0 20 2.686290740966797 20 6 L 20 14 C 20 17.3137092590332 17.3137092590332 20 14 20 L 6 20 C 2.686290740966797 20 0 17.3137092590332 0 14 L 0 6 C 0 2.686290740966797 2.686290740966797 0 6 0 Z' stroke='none'%3E%3C/path%3E%3C/g%3E%3Cpath id='Path_54' data-name='Path 54' d='M7.1,41.7l-4-3.4L.9,40.9l6.2,5.6,10.2-9.4-2.4-2.6Z' transform='translate(667.1 1927.5)' fill='%23fff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.s_checkbox_label {
    font-size: 15px;
    font-family: 'Roboto';
    margin-left: 5px;
}

.s_checkbox:checked ~ label {
    font-weight: 700;
}

.s_apply_btn {
    width: 96px;
    height: 32px;
    background-color: #fcaf17;
    color: black;
    border-radius: 5px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    box-shadow:0 0 0 1px #cecece;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
}

.s_red_btn {
    width: 96px;
    height: 32px;
    background-color: #D50000;
    color: white;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    box-shadow: 0px 3px 6px #00000029;
    font-weight: 500;
    font-size: 14px;
    border: none;
}

.s_red_btn:active {
    background-color: #2962FF;
}

.s_apply_btn_active,
.s_apply_btn_active:hover,
.s_apply_btn:active {
    color: #fff;
}

#add_user_change_password {
    margin-left: 10px;
}

.error_message {
    color: #D50000;
    font-size: 14px;
    font-style: italic;
    font-family: 'Roboto';
    display: none;
}

.message {
    color: green;
    font-size: 14px;
    font-style: italic;
    font-family: 'Roboto';
    display: none;
}

#web_session_tmt_hdr {
    margin-top: 50px;
}

.s_line {
    border-bottom: 1px solid;
    border-color: #c9c9c9;
    margin-top: 5px;
    width: 80%;
}

.s_type_select_cnt {
    height: 30px;
    width: 85%;
    font-size: 16px;
}

.s_type_select_cnt select {
    width: 120%;
    height: 30px;
}

.s_table_full {
    width: 100%;
    border: none;
    font-size: 14px;
    color: black;
}

.s_table_full tr {
    border-right: none;
    border-left: none;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

.s_table_full td:first-child {
    border: none;
}

.s_table_full td {
    border-left: 1px solid #c9c9c9;
    padding: 1%;
}

.error_field {
    border-color: #D50000 !important;
}

div[dis |= "true"] {
    color:#c9c9c9;
}

.down {
    transform: rotate(180deg);
}

.s_input_config_field{
    width: 200px;
    border-radius: 5px;
    border: 1px solid #cecece;
    box-shadow: 0px 3px 3px #cecece5c;
    padding-left: 5px;
    outline-color: #fcaf17;
} 


.add_row_btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_3652' data-name='Group 3652' transform='translate(-78 -78)'%3E%3Cpath id='Path_2314' data-name='Path 2314' d='M104.872,100.03h-3.765V96.265a.538.538,0,1,0-1.076,0v3.765H96.265a.538.538,0,1,0,0,1.076h3.765v3.765a.538.538,0,1,0,1.076,0v-3.765h3.765a.538.538,0,1,0,0-1.076Z' transform='translate(-10.568 -10.568)' fill='%236f07cd'/%3E%3C/g%3E%3C/svg%3E");    
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position-x: 50%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    border: 1px solid #aa00ff;
    border-radius: 50%;
    cursor: pointer;
}

.del_row_btn {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Group_3652' data-name='Group 3652' transform='translate(-78 -78)'%3E%3Cpath id='Path_2314' data-name='Path 2314' d='M 94.602 89.462 L 85.715 89.462 C 85.287 89.462 85.019 89.91 85.234 90.269 C 85.332 90.435 85.517 90.538 85.715 90.538 L 94.602 90.538 C 95.029 90.538 95.296 90.09 95.083 89.731 C 94.983 89.565 94.799 89.462 94.602 89.462 Z' fill='%236f07cd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: center;
    background-position-x: 60%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    border: 1px solid #aa00ff;
    border-radius: 50%;
    cursor: pointer;
}

.row_btn:hover {
    background-color: #fcaf17;
}

.row_btn:active {
    background-color: green;
    border: 1px solid #fcaf17;
}

.big_row_btn {
    width: 35px;
    height: 35px;
    margin: auto;
}

.internal_cnt {
    width: 90%;
}

.apply_btn_cnt {
    margin-top: 20px;
}

.custom_select_ench_menu{
    width: 175px;
}


.custom_select_ench{
    width: 175px;
    color: #333232;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #cecece;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.custom_select_ench .carret {
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.238' height='8.387' viewBox='0 0 13.238 8.387'%3E%3Cg id='Group_2297' data-name='Group 2297' transform='translate(-149.418 883.391) rotate(-90)'%3E%3Cline id='Line_23' data-name='Line 23' y2='6.86' transform='translate(876.772 156.037) rotate(-45)' fill='none' stroke='%23a0f' stroke-linecap='round' stroke-width='2.5'/%3E%3Cline id='Line_24' data-name='Line 24' x2='6.86' transform='translate(876.772 156.037) rotate(-45)' fill='none' stroke='%23a0f' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 15px;
    width: 15px;
    height: 15px;
    align-self: center;
    margin-top: 7.5px;
}

.custom_select_ench_menu .menu_cl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 18px;
    height: 30px;
    font-size: 14px;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none;
            user-select: none;
}

.dropdown_with_search_list > li.selected,
.custom_select_ench_menu .menu_cl:hover {
    background-color: #6f07cd;
    color: #fff;
}


.popover {
    width: 350px;
    max-width: 600px;
}

.popover-body {
    font-family: 'Roboto';
    font-weight: 500;
    color: #333232;
}

.valid_technician {
    width: 28px;
    height: 28px;
    margin-right: 5.2px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 28 29" xmlns="http://www.w3.org/2000/svg"><defs></defs><path d="M 9.579 28.69 L 7.132 24.569 L 2.496 23.539 L 2.947 18.774 L -0.209 15.167 L 2.946 11.561 L 2.495 6.796 L 7.131 5.766 L 9.579 1.644 L 13.958 3.512 L 18.337 1.644 L 20.784 5.765 L 25.42 6.795 L 24.969 11.56 L 28.124 15.166 L 24.969 18.772 L 25.42 23.537 L 20.784 24.567 L 18.337 28.688 L 13.958 26.821 L 9.579 28.69 Z M 10.674 25.406 L 13.958 23.989 L 17.307 25.406 L 19.107 22.315 L 22.649 21.478 L 22.327 17.872 L 24.71 15.172 L 22.327 12.403 L 22.649 8.797 L 19.107 8.024 L 17.24 4.933 L 13.958 6.344 L 10.609 4.927 L 8.809 8.018 L 5.267 8.791 L 5.589 12.397 L 3.206 15.166 L 5.589 17.866 L 5.267 21.536 L 8.809 22.309 L 10.674 25.406 Z M 13.958 15.167 Z M 12.606 19.744 L 19.883 12.467 L 18.083 10.6 L 12.609 16.074 L 9.84 13.374 L 8.04 15.174 L 12.606 19.744 Z" style="fill:%2353c38b"></path></svg>');
}

.technician_valid_cnt {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 5px;
}


.technician_qualification_level {
    color: #282828;
    line-height: 1.11;
    font-size: 18px;
    font-weight: 500;
}

.technician_last_training {
    color: #282828;
    line-height: 1.43;
    font-size: 14px;
    font-weight: normal;
}

.technician_vendor_name {
    line-height: 1.11;
    font-size: 18px;
    font-weight: 500;
}


.technician-table,
.project-table,
.vendor-table {
    border-collapse: collapse;
    height: 90%;
    margin-left: 24px;
    margin-right: 24px;
}

.technician-table th, .technician-table td,
.project-table th, .project-table td,
.vendor-table th, .vendor-table td {
    text-align: left;
    padding: 8px;
    /* width: 16.6%; */
}

.technician-table tr,
.project-table tr,
.vendor-table tr {
    border-bottom: 1px solid #707070;
    width: 100%;
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    transition: background-color .1s ease-in-out; */
}



.table_edit_btn {
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    border: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cg data-name='Group 7905'%3E%3Cpath data-name='Path 2329' d='m105.868 103.854.975-.976.867-.867a1.534 1.534 0 0 1 2.167 0l1.733 1.733a1.532 1.532 0 0 1 0 2.167l-.867.867-.975.975-11.7 11.7-3.9-3.9zm4.767 1.083a.153.153 0 0 0 0-.216l-1.733-1.733a.153.153 0 0 0-.217 0l-.867.867 1.951 1.95zm-1.841 1.841-1.951-1.95-10.725 10.725 1.95 1.95z' transform='translate(-92.058 -101.563)' style='fill:%23282828'/%3E%3Cpath data-name='Path 2330' d='m108.728 119.872 1.317-3.786 3.028 3.028-3.785 1.317a.617.617 0 0 1-.2.037c-.297 0-.477-.26-.36-.596zm2.381-1.208-.614-.614-.328.942z' transform='translate(-108.692 -100.467)' style='fill:%23282828'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.table_edit_btn:hover {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cg data-name='Group 7905'%3E%3Cpath data-name='Path 2329' d='m105.868 103.854.975-.976.867-.867a1.534 1.534 0 0 1 2.167 0l1.733 1.733a1.532 1.532 0 0 1 0 2.167l-.867.867-.975.975-11.7 11.7-3.9-3.9zm4.767 1.083a.153.153 0 0 0 0-.216l-1.733-1.733a.153.153 0 0 0-.217 0l-.867.867 1.951 1.95zm-1.841 1.841-1.951-1.95-10.725 10.725 1.95 1.95z' transform='translate(-92.058 -101.563)' style='fill:%23a0f'/%3E%3Cpath data-name='Path 2330' d='m108.728 119.872 1.317-3.786 3.028 3.028-3.785 1.317a.617.617 0 0 1-.2.037c-.297 0-.477-.26-.36-.596zm2.381-1.208-.614-.614-.328.942z' transform='translate(-108.692 -100.467)' style='fill:%23a0f'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.table_edit_btn:focus,
.table_edit_btn:active {
    outline: none;
}



.technician-table tbody tr:hover,
.project-table tbody tr:hover,
.vendor-table tbody tr:hover {
    background-color: #F1F1F1;
    cursor: pointer;
}


.technician-table tbody tr:first-child,
.project-table tbody tr:first-child,
.vendor-table tbody tr:first-child {
    border-top: none;
}

.technician-table tbody td:first-child,
.technician-table thead th:first-child,
.project-table tbody td:first-child,
.project-table thead th:first-child,
.vendor-table tbody td:first-child,
.vendor-table thead th:first-child {
   padding-left: 36px;
}

.technician-table thead,
.project-table thead,
.vendor-table thead {
    width: 100%;
    background-color: #FFEED2;
    border-top: 1px solid #707070;

}

.technician-table thead th,
.project-table thead th,
.vendor-table thead th {
    font-weight: normal;
    color: #333232;
    font-size: 16px;
}


.technician-table tbody,
.project-table tbody,
.vendor-table tbody {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: 93%;
    width: 100%;
}

.technician-table thead, .technician-table tbody tr,
.project-table thead, .project-table tbody tr,
.vendor-table thead, .vendor-table tbody tr {
    display: table;
    table-layout: fixed; 
}


.technician-table th:nth-child(1),
.technician-table td:nth-child(1) {
    width: 250px;
}

.technician-table th:nth-child(2),
.technician-table td:nth-child(2) {
    width: 185px;
}

.technician-table th:nth-child(3),
.technician-table td:nth-child(3) {
    width: 210px;
}

.technician-table th:nth-child(4),
.technician-table td:nth-child(4) {
    width: 258px;
}

.technician-table th:nth-child(5),
.technician-table td:nth-child(5) {
    width: 188px;
}


.technician-table th:nth-child(6),
.technician-table td:nth-child(6) {
     width: 135px;
}


.project-table th:last-child,
.project-table td:last-child,
.vendor-table th:last-child,
.vendor-table td:last-child,
.technician-table th:last-child,
.technician-table td:last-child {
    width: 83px; 
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: #333232;
}

.table_edit_btn_cnt {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
}

.project-table tr:hover > td:last-child > .table_edit_btn_cnt,
.vendor-table tr:hover > td:last-child > .table_edit_btn_cnt,
.technician-table tr:hover > td:last-child > .table_edit_btn_cnt {
    display: flex;
}


.technician_header_block,
.project_header_block,
.vendor_header_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 100;
    margin: 24px;
}

.technician_sort_buttons,
.projects_sort_buttons,
.vendors_sort_buttons {
    display: flex;
    flex-direction: row;
}

#technician_search,
#project_search,
#vendors_search {
    border-radius: 5px;
    background-color: #ECECEC;
    font-size: 12px;
    border: 1px solid #CECECE;
    height: 30px;
    width: 204px;
    outline:none;
    padding-left: 9.5px;

}

#technician_search::placeholder,
#project_search::placeholder,
#vendors_search::placeholder {
    color: #b9b9b9;
}


.technician_state_filter_select_menu,
.project_state_filter_select_menu,
.vendor_state_filter_select_menu {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 129px;
    height: 300px;
}


.technician_state_filter_select,
.project_state_filter_select,
.vendor_state_filter_select,
#vendor_sort_select {
    width: 129px;
    min-width: 129px !important;
}


#technician_state_filter_select_menu > li,
.technician_state_filter_select_menu_item,
#project_state_filter_select_menu > li,
.project_state_filter_select_menu_item,
#vendor_sort_select_menu > li
.vendor_sort_select_menu_item,
#vendor_state_filter_select_menu > li,
.vendor_state_filter_select_menu_item
{
    width: auto;
}

.project_vendor_select,
#project_vendor_select_menu,
#project_vendor_select_menu > li,
.project_vendor_select_menu_item,
.project_sort_select,
#project_sort_select_menu,
#project_sort_select_menu > li,
.project_sort_select_menu_item {
    width: 110px;
    min-width: 110px !important;
}

.technicia_vendor,
.project_state_filter,
.project_vendor,
.project_sort,
.vendor_state_filter,
.vendor_sort {
    margin-left: 10px;
}

.new_technician_button,
.new_project_button,
.new_vendor_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 135px;
    margin-left: 10px;
    height: 30px;
    background-color: #fcaf17;
    color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: 500;
}

.new_technician_button:hover,
.new_project_button:hover,
.new_vendor_button:hover {
    background-color: #eea926;
}

.new_technician_button:active,
.new_project_button:active,
.new_vendor_button:active
{
    filter: grayscale(80%);
}


.new_technician_button_lbl_before,
.new_project_button_lbl_before,
.new_vendor_button_lbl_before {
    height: 20px;
    width: 20px;
    margin-right: 9.5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs></defs><g id="Group_3487" data-name="Group 3487" transform="matrix(1, 0, 0, 1, 3.416582, 3.286298)"><path id="Path_2314" data-name="Path 2314" class="cls-3" d="M109.3,102.115h-5.589V96.526a.8.8,0,1,0-1.6,0v5.589H96.526a.8.8,0,1,0,0,1.6h5.589V109.3a.8.8,0,1,0,1.6,0v-5.589H109.3a.8.8,0,1,0,0-1.6Z" transform="translate(-95.727 -95.727)" style="fill: rgb(255, 255, 255);"></path></g></svg>');
}

.new_technician_button {
    width: 168px;
    font-size: 16px;
    font-weight: 500;
    color: white;
}

.new_technician_lbl,
.new_vendor_lbl {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #fff;
}

.new_technician_content,
.new_project_content,
.new_vendor_content {
    height: 100%;
    width: 100%;
}

.new_technician_columns,
.new_project_columns,
.new_vendor_columns {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.new_technician_general_information,
.new_project_general_information,
.new_vendor_general_information {
    width: 40%;
    border-right: 1px solid #707070;
    display: flex;
    flex-direction: column;
    margin-bottom: 20.5px;
}

.new_technician_experience,
.new_project_team,
.new_vendor_team {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5%;
    width: 60%;
    height: 100%;
}

.new_technician_experience_content,
.new_project_team_content,
.new_vendor_team_content {
    display: flex;
    flex-direction: column;
    margin-top: 59.5px;
}


#new_technician_save_btn,
#new_project_save_btn,
#new_vendor_save_btn {
    width: 76px;
}

.new_technician_header,
.new_project_header,
.new_vendor_header {
    font-size: 24px;
    font-weight: 500px;
    color: #333232;

}

.new_technician_subheader,
.new_project_subheader,
.new_vendor_subheader {
    font-size: 18px;
    font-weight: 500;
    color: #929191;
}

#new_project_technician_number,
#new_vendor_technician_number_statistic,
#new_vendor_projects_number_statistic,
#new_vendor_technician_number {
    color: #a0f;
    font-size: 18px;
    font-weight: 500;
}


#new_vendor_projects_number_label_statistic,
#new_vendor_technician_number_label_statistic {
    color: #929191;
    font-style: italic;
    font-size: 14px;
    font-weight: 300;
}

.new_vendor_statictic_subcnt {
    margin-top: 5px;
}

.new_project_technician_number_label,
#new_project_technician_number_label,
#new_vendor_technician_number_label {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: #7B7A7A;
}


.new_technician_input_label,
.new_project_input_label,
.new_vendor_input_label {
    font-style: italic;
    color: #333232;
    font-size: 14px;
    line-height: 2.29;
    font-weight: 300;
}

.new_vendor_statictic_header {
    color: #929191;
    font-size: 18px;
    font-weight: 500;
}

#new_project_state_select_menu,
#new_vendor_state_select_menu {
    width: 281px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 300px;
}

.new_project_state_select_menu_item,
.new_project_state_select_menu_item > li,
.new_project_state_select_menu,
.new_vendor_state_select_menu_item,
.new_vendor_state_select_menu > li,
.new_vendor_state_select_menu {
    width: 282px;
}

.dropdown_menu_item,
#new_project_vendor_menu,
.new_project_vendor_menu,
.new_project_vendor_menu_item,
.new_technician_input,
.new_project_input,
.new_vendor_input {
    width: 281px;
    padding-left: 10px;
    border: solid 0.5px #cecece;
    border-radius: 5px;
    height: 30px;
}


.dropdown_with_search_searchBox_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    border-radius: 3px;
    box-shadow: 0 3px 3px 0 rgba(206, 206, 206, 0.36);
    border: solid 0.5px #cecece;
    background-color: #fff;
}

.btn:focus,
.dropdown_with_search_searchBox_container_active,
.custom_select_ench:active,
.custom_select_ench:focus,
#project_search:focus,
#project_search:active,
#vendors_search:focus,
#vendors_search:active,
.new_technician_input:focus,
.new_project_input:focus,
.new_vendor_input:focus,
.new_project_input:active,
.new_vendor_input:active {
    outline: none;
    border: solid 0.5px #a0f;
}

#new_project_vendor_menu {
    padding-right: 0;
}

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

.new_technician_input_placeholder,
.new_technician_input::placeholder,
.new_project_input_placeholder,
.new_project_input::placeholder,
.new_vendor_input_placeholder,
.new_vendor_input::placeholder {
    color: #333232;
    font-size: 14px;
    opacity: 0.5;
}

#new_project_full_address,
#new_project_note,
#new_vendor_note {
    height: 8rem;
}

.new_vendor_statictic_cnt {
    margin-top: 10px;
}

#new_vendor_projects_number_label_statistic,
#new_vendor_technician_number_label_statistic {
    font-style: italic;
    font-size: 14px;
}

#new_vendor_last_order_date {
    font-style: italic;
    font-size: 14px;
    font-weight: 300;
    color: #7C7B7B;
}

.new_project_team_technician_list,
.new_vendor_team_technician_list {
    display: flex;
    flex-wrap: wrap;
}

.new_project_technician_block,
.new_vendor_technician_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 256px;
    height: 30px;
    background-color: white;
    border: solid 0.5px #cecece;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.new_project_technician_level,
.new_vendor_technician_level {
    display: flex;
    flex-direction: row;
    height: 14px;
    font-size: 12px;
    color: #333232;
    align-items: center;
}


.send_email_icon_cnt,
.send_email_icon {
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><defs></defs><g id="Group_8787" data-name="Group 8787" transform="matrix(1, 0, 0, 1, -22866.3874, 289.934762)"><path id="send-email-2" d="M 22879.59 -250.02 C 22879.143 -250.019 22878.713 -250.196 22878.397 -250.513 C 22878.079 -250.831 22877.899 -251.263 22877.897 -251.713 L 22877.897 -259.913 L 22867.446 -266.369 C 22865.785 -267.385 22865.846 -269.819 22867.556 -270.75 C 22867.581 -270.763 22867.606 -270.776 22867.631 -270.789 L 22905.023 -289.933 C 22905.045 -289.944 22905.067 -289.953 22905.09 -289.96 L 22905.127 -289.973 C 22905.294 -290.034 22905.476 -290.038 22905.645 -289.985 C 22905.662 -289.982 22905.677 -289.978 22905.692 -289.972 C 22905.774 -289.942 22905.851 -289.899 22905.919 -289.845 L 22905.971 -289.802 C 22905.994 -289.782 22906.014 -289.759 22906.031 -289.734 C 22906.07 -289.687 22906.104 -289.636 22906.131 -289.581 L 22906.168 -289.504 C 22906.207 -289.418 22906.229 -289.326 22906.233 -289.232 L 22906.233 -289.179 C 22906.234 -289.117 22906.226 -289.055 22906.211 -288.994 L 22897.168 -251.968 C 22896.883 -250.818 22895.847 -250.013 22894.662 -250.02 C 22894.18 -250.02 22893.706 -250.153 22893.294 -250.405 L 22885.492 -255.22 L 22880.783 -250.52 C 22880.469 -250.2 22880.039 -250.02 22879.59 -250.02 Z M 22894.171 -251.825 C 22894.424 -251.67 22894.734 -251.644 22895.009 -251.753 C 22895.278 -251.857 22895.478 -252.086 22895.547 -252.365 L 22903.829 -286.265 L 22880.029 -260.557 L 22894.165 -251.828 L 22894.171 -251.825 Z M 22879.571 -251.708 L 22884.038 -256.125 L 22879.571 -258.882 L 22879.571 -251.71 L 22879.571 -251.708 Z M 22878.591 -261.445 L 22901.598 -286.306 L 22868.382 -269.306 C 22867.786 -269.01 22867.734 -268.179 22868.288 -267.811 C 22868.299 -267.804 22868.309 -267.797 22868.319 -267.791 L 22878.588 -261.452 L 22878.591 -261.445 Z"></path></g></svg>')
}

.send_email_icon_cnt {
    background-image: none;
}


.new_project_send_link_cnt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 186.2px;
    height: 88.8px;
}

.new_project_send_to_vendor {
   height: 30px;
   letter-spacing: 0.7px;
   font-size: 14px;
   font-weight: 500;
   border-radius: 5px;
   color: #282828;
   border: 1px solid #282828;
   background-color: white;
}

.new_project_send_link_btn_full {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.new_project_send_link_btn_full:active > div.send_email_icon_cnt {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><defs></defs><g id="Group_8787" data-name="Group 8787" transform="matrix(1, 0, 0, 1, -22866.3874, 289.934762)"><path id="send-email-2" d="M 22879.59 -250.02 C 22879.143 -250.019 22878.713 -250.196 22878.397 -250.513 C 22878.079 -250.831 22877.899 -251.263 22877.897 -251.713 L 22877.897 -259.913 L 22867.446 -266.369 C 22865.785 -267.385 22865.846 -269.819 22867.556 -270.75 C 22867.581 -270.763 22867.606 -270.776 22867.631 -270.789 L 22905.023 -289.933 C 22905.045 -289.944 22905.067 -289.953 22905.09 -289.96 L 22905.127 -289.973 C 22905.294 -290.034 22905.476 -290.038 22905.645 -289.985 C 22905.662 -289.982 22905.677 -289.978 22905.692 -289.972 C 22905.774 -289.942 22905.851 -289.899 22905.919 -289.845 L 22905.971 -289.802 C 22905.994 -289.782 22906.014 -289.759 22906.031 -289.734 C 22906.07 -289.687 22906.104 -289.636 22906.131 -289.581 L 22906.168 -289.504 C 22906.207 -289.418 22906.229 -289.326 22906.233 -289.232 L 22906.233 -289.179 C 22906.234 -289.117 22906.226 -289.055 22906.211 -288.994 L 22897.168 -251.968 C 22896.883 -250.818 22895.847 -250.013 22894.662 -250.02 C 22894.18 -250.02 22893.706 -250.153 22893.294 -250.405 L 22885.492 -255.22 L 22880.783 -250.52 C 22880.469 -250.2 22880.039 -250.02 22879.59 -250.02 Z M 22894.171 -251.825 C 22894.424 -251.67 22894.734 -251.644 22895.009 -251.753 C 22895.278 -251.857 22895.478 -252.086 22895.547 -252.365 L 22903.829 -286.265 L 22880.029 -260.557 L 22894.165 -251.828 L 22894.171 -251.825 Z M 22879.571 -251.708 L 22884.038 -256.125 L 22879.571 -258.882 L 22879.571 -251.71 L 22879.571 -251.708 Z M 22878.591 -261.445 L 22901.598 -286.306 L 22868.382 -269.306 C 22867.786 -269.01 22867.734 -268.179 22868.288 -267.811 C 22868.299 -267.804 22868.309 -267.797 22868.319 -267.791 L 22878.588 -261.452 L 22878.591 -261.445 Z"></path></g></svg>')
}

.new_project_send_link_btn_full:hover > button.new_project_send_to_vendor {
    background-color: #282828;
    color: white;
    border: none;
}

.new_project_team_comment {
    font-size: 14px;
    letter-spacing: 0.7px;
    font-style: italic;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
}

#new_project_full_address {
    height: 90px;
}

#new_project_note {
    height: 101.5px;
}

.valid_technician_small {
    width: 14.8px;
    height: 14.1px;
}

.s_link,
.s_phone {
    color: #0d5cfb;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    line-height: 1.78;
}

.new_project_technician_name,
.new_vendor_technician_name {
    color: #282828;
    font-size: 12px;
    font-weight: 500;
}

.project_team_technicians_info,
.project_address_information {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.29;
    text-align: left;
    color: #262626;
}

.project_team_technicians_info {
    line-height: 2.43;
    font-weight: normal;
}

.project_team_lead_name,
.project_name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: left;
}

.project_team_lead_name {
    line-height: 1.44;
}

.project_date {
    font-size: 16px;
}

.project_link_to_project {
    line-height: 1.78;
    font-size: 18px;
    font-weight: 300;
    text-decoration: underline;
}

.project_vendor_link {
    font-size: 14px;
    font-weight: 300;
    line-height: 2.29;
}

.state_name {
    color: #333232;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.78;
}

.project_vendor_name {
    line-height: 1.11;
    font-size: 18px;
    font-weight: 500;
}

.technician_name {
    line-height: 1.78;
    font-size: 18px;
    font-weight: 500;
}

.dropdown_with_search_menu {
    display: none;
}

.search_icon {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Group_6713" data-name="Group 6713" width="13.009" height="13.769" viewBox="0 0 13.009 13.769"><defs><style> .cls-1, .cls-2, .cls-4 { fill: none; } .cls-1, .cls-2 { stroke: %23333232; } .cls-2 { stroke-linecap: round; } .cls-3 { stroke: none; } </style></defs><g id="Ellipse_105" data-name="Ellipse 105" class="cls-1"><circle class="cls-3" cx="4.516" cy="4.516" r="4.516"/><circle class="cls-4" cx="4.516" cy="4.516" r="4.016"/></g><path id="Path_2556" data-name="Path 2556" class="cls-2" d="M-9581.189-4063.1l-3.8-3.8" transform="translate(9593.491 4076.166)"/></svg>');
}

.technician_s_link {
    line-height: 2.29;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}


.technician_state {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11;
    color: #282828;
}

.technician_valid_technician {
    width: 28.3px;
    height: 27px;
}

.technician-table thead {
    font-size: 16px;
    line-height: 1.88;
    font-weight: normal;
}

.technician_vendor_button,
.technician_sort,
.technician_sort_select,
.technician_custom_select_ench_cnt,
.technician_state_filter_select,
.technician_state_filter,
.technician_sort_select {
    width: 129px;
    height: 30px;
    margin-right: 8px;
}

.new_technician_button {
    margin-left: 0;
}

.technician_vendor_button {
    width: 100%;
}

.new_technician_photo_cnt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-right: 92px;
    height: 168px;
    border: none;
    margin-bottom: 10px;
}

.new_technician_photo {
    border-radius: 50%;
    height: 168px;
    width: 168px;
    background-color: white;
    display: flex;
    align-items: baseline;
    justify-content: center;    
    border: 1px solid #E6E6E6;
}

.edit_icon {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs><filter id="Rectangle_3418" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"></feOffset><feGaussianBlur stdDeviation="1.5" result="blur"></feGaussianBlur><feFlood flood-color="%23333232" flood-opacity="0.18"></feFlood><feComposite operator="in" in2="blur"></feComposite><feComposite in="SourceGraphic"></feComposite></filter></defs><g id="Group_8869" data-name="Group 8869" transform="matrix(1, 0, 0, 1, -1349.957173, -2698.663126)"><path id="Path_7888" data-name="Path 7888" class="cls-2" d="M105.868,103.854l.975-.976.867-.867a1.534,1.534,0,0,1,2.167,0l1.733,1.733a1.532,1.532,0,0,1,0,2.167l-.867.867-.975.975-11.7,11.7-3.9-3.9Zm4.767,1.083a.153.153,0,0,0,0-.216l-1.733-1.733a.153.153,0,0,0-.217,0l-.867.867,1.951,1.95Zm-1.841,1.841-1.951-1.95L96.118,115.553l1.95,1.95Z" transform="translate(1271.941 2609.437)" style="fill: rgb(40, 40, 40);"></path><path id="Path_7889" data-name="Path 7889" class="cls-2" d="M108.728,119.872l1.317-3.786,3.028,3.028-3.785,1.317a.617.617,0,0,1-.2.037C108.791,120.468,108.611,120.208,108.728,119.872Zm2.381-1.208-.614-.614-.328.942Z" transform="translate(1255.309 2610.533)" style="fill: rgb(40, 40, 40);"></path></g></svg>');
}

.edit_icon:hover {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs><filter id="Rectangle_3418" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"></feOffset><feGaussianBlur stdDeviation="1.5" result="blur"></feGaussianBlur><feFlood flood-color="%23333232" flood-opacity="0.18"></feFlood><feComposite operator="in" in2="blur"></feComposite><feComposite in="SourceGraphic"></feComposite></filter></defs><g id="" data-name="Group 8868" transform="matrix(1, 0, 0, 1, -1412.351461, -2688.942911)"><rect id="Rectangle_3775" data-name="Rectangle 3775" class="cls-2" width="40" height="40" rx="20" style="fill: rgba(170, 0, 255, 0.2);" x="1416.652" y="2693.167"></rect><path id="Path_7890" data-name="Path 7890" class="cls-3" d="M 1440.67 2705.248 L 1441.645 2704.272 L 1442.512 2703.405 C 1443.11 2702.808 1444.08 2702.808 1444.679 2703.405 L 1446.412 2705.138 C 1447.01 2705.736 1447.01 2706.707 1446.412 2707.305 L 1445.545 2708.172 L 1444.57 2709.147 L 1432.87 2720.847 L 1428.97 2716.947 L 1440.67 2705.248 Z M 1445.437 2706.331 C 1445.496 2706.271 1445.496 2706.175 1445.437 2706.115 L 1443.704 2704.382 C 1443.644 2704.322 1443.546 2704.322 1443.487 2704.382 L 1442.62 2705.249 L 1444.571 2707.199 L 1445.437 2706.331 Z M 1443.596 2708.172 L 1441.645 2706.222 L 1430.92 2716.947 L 1432.87 2718.897 L 1443.596 2708.172 Z" style="fill: rgb(40, 40, 40);"></path><path id="Path_7891" data-name="Path 7891" class="cls-3" d="M 1426.897 2722.362 L 1428.214 2718.576 L 1431.242 2721.604 L 1427.457 2722.921 C 1427.393 2722.944 1427.326 2722.957 1427.257 2722.958 C 1426.96 2722.958 1426.78 2722.698 1426.897 2722.362 Z M 1429.278 2721.154 L 1428.664 2720.54 L 1428.336 2721.482 L 1429.278 2721.154 Z" style="fill: rgb(40, 40, 40);"></path></g></svg>');
}

.edit_icon:active {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs><filter id="Rectangle_3418" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"></feOffset><feGaussianBlur stdDeviation="1.5" result="blur"></feGaussianBlur><feFlood flood-color="%23333232" flood-opacity="0.18"></feFlood><feComposite operator="in" in2="blur"></feComposite><feComposite in="SourceGraphic"></feComposite></filter></defs><g id="Group_8867" data-name="Group 8867" transform="matrix(1, 0, 0, 1, -1482.975486, -2697.647501)"><rect id="Rectangle_6745" data-name="Rectangle 6745" class="cls-2" width="40" height="40" rx="20" transform="translate(1487 2701.001)" style="fill: rgba(170, 0, 255, 0.2);"></rect><path id="Path_7892" data-name="Path 7892" class="cls-3" d="M105.868,103.854l.975-.976.867-.867a1.534,1.534,0,0,1,2.167,0l1.733,1.733a1.532,1.532,0,0,1,0,2.167l-.867.867-.975.975-11.7,11.7-3.9-3.9Zm4.767,1.083a.153.153,0,0,0,0-.216l-1.733-1.733a.153.153,0,0,0-.217,0l-.867.867,1.951,1.95Zm-1.841,1.841-1.951-1.95L96.118,115.553l1.95,1.95Z" transform="translate(1404.941 2609.437)" style="fill: rgb(170, 0, 251);"></path><path id="Path_7893" data-name="Path 7893" class="cls-3" d="M108.728,119.872l1.317-3.786,3.028,3.028-3.785,1.317a.617.617,0,0,1-.2.037C108.791,120.468,108.611,120.208,108.728,119.872Zm2.381-1.208-.614-.614-.328.942Z" transform="translate(1388.309 2610.533)" style="fill: rgb(170, 0, 251);"></path></g></svg>');
}

#new_technician_photo_edit {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 5px;
    background-color: #F1F1F1;
    margin-top: 131px;
    box-shadow: -0.5px 1.5px #00000029;
}

.new_technician_vendor_block {
    margin-top: 48px;
}

.new_technician_vendor_block_input_label {
    font-size: 18px;
    font-weight: 500;
    color: #929191;
}

.new_technician_header {
    color: #333232;
    font-size: 24px;
    font-weight: 500;
}

.new_technician_subheader {
    color: #929191;
    font-size: 18px;
    font-weight: 500;
}

#new_technician_level_select {
    height: 30px;
}

#new_technician_level_select_menu > li,
#new_technician_level_select_menu,
#new_technician_level_select,
.new_technician_level_select_menu_item,
.new_technician_level_select_menu {
    width: 124px;
    min-width: 124px;
}

.new_technician_level_cnt {
    margin-top: 35px;
}

.technician_level_experience {
    display:  flex;
    flex-direction: row;
    align-items: center;
}

.technician_level_experience_icon {
    width: 14.8px;
    height: 14.1px;
}

.technician_level_experience_text {
    line-height: 2.83;
    font-size: 12px;
}

.new_technician_table_header_btn_cnt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 54px;
}

#new_technician_add_training_btn {
    width: 119px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #282828;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #333232;
    margin-right: 52px;
}

.new_technician_training_table_counter {
    font-size: 18px;
    font-weight: 500;
    line-height: 0.83;
    color: #a0f;
}

.new_technician_training_tablesubheader {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 2.29;
    color: #888787
}
.new_technician_training_table_cnt {
    margin-top: 10px;
    height: 352px;
    background-color: white;
    margin-right: 52px;
    border: none;
    border-radius: 5px;
}

.new_technician_training_table {
    background-color: white;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    vertical-align: middle;
}

.new_technician_training_table td{
    padding-top: 27px;
}

.new_technician_training_table td:first-child {
    padding-left: 27px;
} 

.new_technician_training_trainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
}

.new_technician_trainer_name {
    color: #333232;
    font-size: 12px;
    line-height: 2.83;
}

.new_technician_training_date {
    color: #282828;
    line-height: 1.07;
    font-size: 14px;
    width: 25%;
}

.new_technician_training_level {
    line-height: 1.07;
    color: #282828;
    font-size: 14px;
    width: 25%;
}

#new_technician_delete_btn {
    width: 155px;
    height: 30px;
    border-radius: 5px;
    background-color: #fc1717;
    color: white;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-align: center;
    display: none;
}
.project_delete_btn {
    width: 155px;
    height: 30px;
    border-radius: 5px;
    background-color: #fc1717;
    color: white;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-align: center;
}

#new_technician_save_btn {
    height: 30px;
}

.new_technician_save_btn_cnt {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.new_project_save_btn_cnt {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.new_technician_q_lbl {
    display: flex;
    flex-direction:  row;
    justify-content: center;

}

.new_technician_technician_level_experience_icon {
    margin-top: 5%;
}

#new_technician_vendor_menu {
    width: 280px;
}

#new_technician_state_select_menu {
    width: 280px;
    height: 280px;
    overflow-y: scroll;
}


.dropdown_with_search_searchBox {
    border: none;
    width: 100%;
    outline: none;
    color: #262626;
    font-size: 14px;
}



.dropdown_with_search_list {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}


.dropdown_two_columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.dropdown_menu_item {
    width: 100%;
    padding-left: 10px;
    border: none;
}


.new_technician_dropdown_vendor:hover {
    color: #333232;
    background-color: transparent;
}

@-webkit-keyframes modal_animatetop_assign_t {
    from {top:-300px; opacity:0} 
    to {top:20vh; opacity:1}
  }
  
  @keyframes modal_animatetop_assign_t {
    from {top:-300px; opacity:0}
    to {top:20vh; opacity:1}
  }

.modal_technician_assign_training_content {
    height: 300px;
    top: 20vh;
    -webkit-animation-name: modal_animatetop_assign_t;
    animation-name: modal_animatetop_assign_t;
}

#new_project_vendor_menu {
    max-height: 300px;
    height: auto;
}

.vendor_sort_select,
.vendor_state_filter_select,
.project_sort_select,
.project_state_filter_select{
    width: 129px;
    height: 30px;
}

.change-password-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.change-password-form h2 {
    text-align: center;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-control {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.form-submit {
    text-align: center;
}

.error {
    color: #d9534f;
    font-size: 0.875em;
    margin-top: 5px;
}

.form-messages .alert {
    text-align: center;
    margin-bottom: 15px;
}

.custom-select {
    position: relative;
    width: 129px;
    height: 30px; 
    margin-left: 8px;
    font-size: 14px; 
}

.select-selected {
    position: relative;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    background-color: white;
    text-align: start;
    align-items: center;
}

.caret_select {
    position: absolute;
    right: 10px;
    top: 65%;
    transform: translateY(-50%);
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.238' height='8.387' viewBox='0 0 13.238 8.387'%3E%3Cg id='Group_2297' data-name='Group 2297' transform='translate(-149.418 883.391) rotate(-90)'%3E%3Cline id='Line_23' data-name='Line 23' y2='6.86' transform='translate(876.772 156.037) rotate(-45)' fill='none' stroke='%23a0f' stroke-linecap='round' stroke-width='2.5'/%3E%3Cline id='Line_24' data-name='Line 24' x2='6.86' transform='translate(876.772 156.037) rotate(-45)' fill='none' stroke='%23a0f' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 15px;
    width: 15px;
    height: 15px;
    align-self: center;
    margin-left: auto; /* This might not be necessary because of absolute positioning */
    vertical-align: middle; /* Useful if caret_select is used inline */
    cursor: pointer;
}

.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #ccc;
    max-height: 288px; /* Adjust max-height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}

.select-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.select-item:last-child {
    border-bottom: none; 
}
.select-item:hover {
    background-color: #5a23b1;
    color: white;
}

.select-hide {
    display: none;
}




.devices-cell{
display:inline-flex;
align-items:center;
gap:8px;
}
.devices-info-btn{
width:18px;
height:18px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.22);
background: rgba(255,255,255,.06);
color: rgba(255,255,255,.85);
cursor:pointer;
user-select:none;
padding:0;
line-height:1;
box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.devices-info-btn:hover{
background: rgba(255,255,255,.10);
border-color: rgba(255,255,255,.32);
}
.devices-info-btn:focus{
outline:none;
box-shadow: 0 0 0 3px rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.18);
}

.devices-popover-overlay{
position:fixed;
inset:0;
background: rgba(0,0,0,.45);
z-index: 9999;
display:none;
}
.devices-popover-overlay.is-open{ display:block; }

.devices-popover{
position:fixed;
z-index: 10000;

top:0; bottom:0; left:0; right:0;
margin:auto;

width: min(1100px, calc(100vw - 40px));
max-height: calc(100vh - 80px);

background: rgba(20,22,28,.94);
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
box-shadow: 0 30px 90px rgba(0,0,0,.6);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);

padding:18px 20px 16px;
display:none;
transform: translateY(6px);
}
.devices-popover.is-open{ display:flex; flex-direction:column; }

.devices-popover-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
padding-bottom:12px;
border-bottom:1px solid rgba(255,255,255,.10);
}
.devices-popover-title{
font-size: 14px;
letter-spacing:.1em;
text-transform: uppercase;
color: rgba(255,255,255,.85);
}
.devices-popover-subtitle{
margin-top:6px;
font-size: 13px;
color: rgba(255,255,255,.76);
line-height: 1.35;
}
.devices-popover-close{
width:34px;
height:34px;
border-radius:12px;
border:1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.06);
color: rgba(255,255,255,.90);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.devices-popover-close:hover{
background: rgba(255,255,255,.10);
border-color: rgba(255,255,255,.22);
}

.devices-popover-body{
display:flex;
flex-direction:column;
gap:14px;
overflow:hidden;
flex:1;
margin-top:14px;
}

.devices-popover-card{
display:flex;
gap:28px;
align-items:center;
flex-wrap:wrap;

border:1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.05);
border-radius:14px;
padding:12px 16px;
font-size:13px;
color: rgba(255,255,255,.86);
}
.devices-popover-card .k{
color: rgba(255,255,255,.62);
margin-right:8px;
}

.devices-popover-actions{
display:flex;
gap:10px;
justify-content:flex-end;
margin-top:2px;
}
.devices-popover-link{
font-size: 13px;
color: rgba(217,180,90,.92);
text-decoration:none;
border-bottom: 1px dashed rgba(217,180,90,.45);
padding-bottom: 1px;
}
.devices-popover-link:hover{
color: rgba(243,213,139,.95);
border-bottom-color: rgba(243,213,139,.55);
}

.devices-table-wrapper{
overflow:auto;
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
background: rgba(0,0,0,.18);
flex:1;
}

.devices-table{
width:100%;
border-collapse:collapse;
font-size:13px;
}

.devices-table thead th{
position: sticky;
top: 0;
z-index: 1;
}

.devices-table th{
text-align:left;
padding:12px 10px;
color: rgba(255,255,255,.62);
font-weight:500;
text-transform:uppercase;
letter-spacing:.06em;
border-bottom:1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.04);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}

.devices-table td{
padding:10px;
border-bottom:1px solid rgba(255,255,255,.08);
color: rgba(255,255,255,.88);
white-space:nowrap;
}

.devices-table tr:hover td{
background: rgba(255,255,255,.04);
}

.device-status{
display:inline-flex;
align-items:center;
padding:4px 8px;
border-radius:999px;
font-size:11px;
letter-spacing:.04em;
border:1px solid rgba(255,255,255,.10);
}
.device-status.online{
background: rgba(60,180,90,.18);
color: #7df2a1;
border-color: rgba(60,180,90,.30);
}
.device-status.offline{
background: rgba(255,80,80,.18);
color: #ff9a9a;
border-color: rgba(255,80,80,.30);
}
.device-status.unknown{
background: rgba(255,255,255,.08);
color: rgba(255,255,255,.78);
border-color: rgba(255,255,255,.14);
}