/*View report form*/

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.numbering {
    background-color: #814213 !important;
    color: white;
    border-radius: 50%;
    width: 40px !important;
    height: 40px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.vertical-progress-line {
    position: relative;
}

.vertical-progress-line::after {
    content: '';
    position: absolute;
    top: 70px;
    left: 48px;
    height: 68%;
    width: 1px;
    background-color: #814213;
    transform: translateX(-50%);
    z-index: 1;
}

.progress-steps {
    background-color: #f3f0ee69 !important;
}

.far {
    font-weight: 100 !important;
}

.listing-file-icon {
    border: 1px solid black;
    border-radius: 50%;
    margin: 20px 20px 10px 20px;
    padding: 20px 22px 20px 22px;
}

.icon-card-display {
    border: 4px dashed rgb(137, 58, 21);
    width: 100%;
    border-spacing: 15px;
    border-radius: 20px;
    color: rgb(137, 58, 21) !important;
    font-size: 1.3em;
}

.right {
    border-left: 1px solid rgba(0, 0, 0, 0.13);
    /* padding: 0px 0px 0px 30px; */
}


.error_project_creation {
    background-color: #814213 !important;
}


/* Create project page modifications */
.publish_project_button {
    background-color: unset;
    background-color: #814213 !important;

    color: unset;
    color: white !important;
}

.add-sub-project-btn {
    border-color: unset;
    border-color: #f07c24 !important;

    color: unset;
    color: #f07c24 !important;
}

.add-sub-category-btn {
    min-height: 34px !important;
    border-radius: 6px !important;
    border-color: unset;
    border-color: #f07c24 !important;
    background-color: unset;
    background-color: #f07c24 !important;
    color: white !important;
    font-size: 14px !important;
}

.remove_sub_cat_btn,
.remove_cat_btn {
    background-color: unset;
    background-color: transparent !important;

    border: unset;
    border: 1px solid red !important;

    color: unset;
    color: red !important;

    font-weight: unset;
}

.top_category_container {
    background-color: rgba(243, 238, 233, 255);
}

.create_project_listing_background {
    background-color: #f3f0ee69 !important; 
}






.data_dropdown {
    cursor: pointer !important;
}

/* ADMIN PANEL STYLING */

.admin-dash-card {
    background-color: #fcf4f4e8 !important;
    border-radius: 5px !important;
}

.admin-dash-card-icon {
    background-color: white !important;
    padding: 7px;
}

.admin-table-head {
    background-color: #eaebec !important;
    color: black !important;
}

.admin-table-td {
    padding-left: 20px !important;
    font-size: 15px !important;
}

.admin_user_button {
    border-radius: 4px !important;
}

/* new added css  */

.navbar ul.navbar-nav li a.btn_contact {
    padding: 0 !important;
    min-height: 37px !important;
    min-width: 107px !important;
    border-radius: 6px;
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid #814213 !important;
    color: #814213 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 19px;
}
.card-header h3 ,
.card-header h4 {
    font-size: 34px;
    color: #222222 !important;
    line-height: 42px;
    margin: 0 !important;
    text-align: start !important;
    text-transform: capitalize !important;
}
.card-header p {
    font-size: 16px !important;
    color: #6B7278;
    font-weight: 400;
    text-align: start !important;
}
.card-body form label {
    color: #222222 !important;
    font-size: 14px !important;
    line-height: 20px;
}
.card-body form input.form-control {
    border: 1px solid #CED4DA !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    color: #222222 !important;
    line-height: 21px;
    font-weight: 600;
  
}

.card-body form button {
    background: #3F1B00 !important;
    border-radius: 6px !important;
    min-height: 48px !important;
    font-size: 16px !important;
    line-height: 19px !important;
    font-weight: 600 !important;
}

.card-body .form-switch .form-check-input:checked {
    border-color: rgb(63 27 0) !important;
    background-color: rgb(63 27 0) !important;
}
.card-body .text-gradient.text-primary {
    background-image: unset !important;
    color: #814213 !important;
    -webkit-text-fill-color: unset !important;
}

.card {
    border-radius: 15px !important;
    padding: 40px !important;
    gap:20px !important;
}
.card-footer p {
    color: #1E293B !important;
    font-size: 14px !important;
    font-weight: 600;
}
.card .card-header ,
.card .card-body  {
    padding: 0 !important;
}

.card-body form .form-check-input:checked[type=checkbox] {
    background-image: unset !important;
    background: #3f1b00;
}
.spacing_top{
    margin-top: 80px  !important;
}
/* admin dashborad */
.sidenav .navbar-brand {
    text-align: center;
}
.sidenav hr.horizontal.dark {
    background-image: unset !important;
    margin: 0 !important;
}

.navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active{
    background: linear-gradient(90deg, rgba(255, 231, 214, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
    color: #814213 !important;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
    font-size: 18px !important;
}
.sidenav .icon i {
    font-size: 18px !important;
}
.navbar-vertical .navbar-nav .nav-link .icon {
    padding: 0 !important;
}
.sidenav-header{
    height: UNSET  !important;
}
.sidenav .navbar-brand {
    padding: 41px 0px !important;
}
.navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active .icon img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(637%) hue-rotate(350deg) brightness(95%) contrast(92%);
}
.admin-dash-card{
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1px solid #FFFFFF !important;
    box-shadow: 0px 12px 16px -4px rgba(30, 41, 59, 0.04), 0px 4px 6px -2px rgba(30, 41, 59, 0.1) !important;
    backdrop-filter: blur(13.5914px) !important;
    border-radius: 6px !important;
}

.top-most-content h2 {
    color: #0B0B0B !important;
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 600;
}


ol.breadcrumb {
    margin-bottom: 7px !important;
}


li.breadcrumb-item a {
    color: #6C757D !important;
    font-size: 16px !important;
}
.breadcrumb-item.active{
    color: #343A40 !important; 
}
.card-body .numbers h5 {
    font-size: 32px !important;
    line-height: 38px !important;
    color: #0B0B0B !important;
}

.card-body .numbers p {
    color: #343A40 !important;
    font-size: 18px !important;
    font-weight: 600;
}
.main-content .card {
    background: #FFFFFF;
    border: 1px solid #DDDFE5;
    box-shadow: 0px 1px 2px rgba(51, 65, 86, 0.08);
    border-radius: 6px;
}
.dash_card_projects{
    padding: 0 !important;
    gap: 0 !important;
}

.dash_card_projects .card-header{
    padding: 20px !important;
}

.dash_card_projects table th{
    color:#6C757D  !important;
    font-size: 14px !important;
    line-height: 21px !important;
    padding: 15px !important;
    text-align: start !important;
    text-transform: capitalize !important;
}


.dash_card_projects table td{
    color:#1E293B !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    padding: 25px 15px !important;
    text-align: start !important;
}

.admin-dash-card.card{
    padding: 19px !important;
}
.dash_card_projects .status_open,
.dash_card_projects .status_open i{
color: #814213 !important;
} 

.dash_card_projects .status_close ,
.dash_card_projects .status_close i{
color: #5BAC3F !important;
}

.admin-dash-card-icon {
    background-color: white !important;
    padding: 10px;
    width: 44.67px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.398706);
    box-shadow: 0px 1px 2px rgba(30, 41, 59, 0.05);
    border-radius: 8px;
}
.small_folder.card-body{
    padding: 30px !important;
}

.background_img{
    background-image: url("../img/Subtract.png") !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover !important;
    border: unset !important;
    padding: 20px !important;
    box-shadow:none !important;
}

.background_img p.heading {
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.background_img p.subheading {
    color: #404952!important;
    font-size: 16px !important;
    font-weight: 500 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.background_img p.report {
    color: #CAA216 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.background_img p.report i{
    margin-left: 0 !important;
}

.background_img .card-body {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-direction: column;
}
.view_all{
    color: #F07C24 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.dash_card_projects .status_reporter{
    color: #F07C24 !important;
}

.top-most-content .admin_user_button {
    background: #3F1B00 !important;
    min-height: 42px !important;
    min-width: 156px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #fff !important;
}



.dataTable-wrapper .dataTable-container .table thead tr th{
    padding: 20px !important;
    opacity: unset !important;
}

.dataTable-wrapper .dataTable-top{
    padding: 20px !important;
}
.dataTable-wrapper .dataTable-top .dataTable-search input {
    font-size: 14px;
    color: #6D6D6D;
    border: 1px solid #e9ecef;
    min-height: 40px;
    border-radius: 6px !important;
}
.dataTable-wrapper .dataTable-top .dataTable-dropdown label {
    font-size: 14px !important;
}

.add_details .card-heading h4{
    color: #1F0F04 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    margin-bottom: 5px !important;
}

.add_details .card-heading p{
    color: #000 !important;
}
.form-group label {
    color: #212529 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
}


.form_group_box .form-group {
    width: 48% !important;
}


.form_group_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.add_details .card {
    padding: 40px !important;
}
.add_details .file_choose{
    display: flex;  
    flex-direction: column;
    gap: 5px !important;

}
.add_details .form-control {
    border: 1px solid #CED4DA !important;
    min-height: 43px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.add_details .form-control::placeholder{
    font-weight: 400 !important;
}
.add_details .form-group label {
    color: #565656 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
}
.add_details .form-check-input:checked[type=checkbox]{
    background-image: unset !important;
}
.add_details .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after {
    opacity: 1;
    background: #3F1B00 !important;
    border-radius: 5px;
    border: 1px solid #3f1b00 !important;
}

.button_box .btn_cancel{
    min-height: 44px;
    border:1px solid  #3F1B00 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    min-width: 105px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}

.button_box .btn_add{
    min-height: 44px;
    border:1px solid  #3F1B00 !important;
    padding: 0 !important;
    background-color: #3F1B00 !important;
    border-radius: 6px !important;
    min-width: 105px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center; 
    color: #fff !important;
}

.left-section .h3 .back-content{
    font-size: 30px !important;
    line-height: 36px !important;
    color: #222222 !important;
}

.left-section .h3 i{
    color: #222222 !important;  
}
.card.report_view_page {
    padding: 25px !important;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
border-radius: 6px 6px 0px 0px;
border: 0 !important;
}
.card.report_view_page .card-body h5{
color: #222222 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 24px !important;
}

.card.report_view_page .card-body p{
color: #CAA216 !important;
font-size: 19px !important;
font-weight: 600 !important;
line-height: 19px !important;
}


.card.report_view_page .card-body p i{
    color: #CAA216 !important;
    font-size: 16px !important;
}

.details_reortt a strong {
    color: #814213 !important;
    font-size: 18px !important;
}

.details_reortt {
    gap: 8px;
    align-items: center;
}

.submitt_report_folder.card{
background: #FFFFFF !important;
border: 1px solid #CED0D1 !important;
border-radius: 4px !important;
padding: 0 !important;

}

.submitt_report_folder.card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.submitt_report_folder .img_boxx{
padding: 25px !important;
}

.submitt_report_folder .img_name{
    padding: 10px !important;
    border-top: 1px solid #CED0D1 !important;
    width: 100%  !important;
 
}
.submitt_report_folder .img_name p{
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.submitt_report_folder .img_name a{
    color: #F07C24 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
div#sub-report h4 {
    font-size: 24px !important;
    color: #1F0F04 !important;
    line-height: 29px !important;
    font-weight: 700 !important;
}
.details_adress h4.card-title {
    padding: 15px 25px !important;
    margin-bottom: 0 !important;
    font-size: 24px !important;
    color: #1F0F04 !important;
    font-weight: 600 !important;
}
.combined_code{
    padding: 15px 25px !important;
    color: #1A2637 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
}

.combined_code h6,
.combined_code .h6{
    color: #0B0B0B !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
}
.combined_code p {
    color: #1A2637 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
}
.details_adress,
.submitt_report_top {
  border: 0 !important;
    background: #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
}

.submitt_report_top.card{
    padding: 20px 25px !important;
}

.delete_this_report{
    min-height: 44px !important;
    min-width: 202px !important;
    color: #E03A30 !important;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px !important;
    color: #fff !important;
}

#card_list_container .numbering {
    height: 36px !important;
    width:36px !important;
    /* background-color: #222222 !important; */
}
.details_subject .card{
   gap: 0 !important;
}
.details_subject .cat_select_sub .form-select {
    min-height: 46px !important;
    border-radius: 6px !important;
    border: 1px solid #CED4DA !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 600 !important;
}

.details_subject .cat_select_sub textarea{
    border: 1px solid #CED4DA !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 600 !important;
}
.bottom_btn_box .add-sub-project-btn{
color: #F07C24 !important;
text-decoration: underline !important;
border: 0 !important;
padding: 0  !important;
font-size: 16px !important;
box-shadow: unset  !important;
}

.bottom_btn_box .remove_sub_cat_btn {
    color: #F07C24 !important;
    border: 1px solid #F07C24 !important;
    padding: 0 12px  !important;
    font-size: 14px !important;
    box-shadow: unset  !important;
    border-radius: 6px !important;
}
.bottom_btn_box .remove_cat_btn {
    color: #000 !important;
    background-color:#ECECEC !important ;
    border: 1px solid #ECECEC !important;
    padding: 0 12px  !important;
    font-size: 14px !important;
    box-shadow: unset  !important;
    border-radius: 6px !important;
}
.bottom_btn_box .add-sub-category-btn {
    background-color: #F07C24 !important;
    border: 1px solid #F07C24 !important;
    padding: 0 12px  !important;
    font-size: 14px !important;
    box-shadow: unset  !important;
    border-radius: 6px !important;
    color: #fff !important;
}
.bottom_btn_box{
    width: 100% !important;
    text-align: end !important;
}
.bottom_btn_box .publish_project_button{
min-height: 50px !important;
border-radius: 6px !important;
min-width: 202px !important;
font-size: 16px !important;
}


.top_category_container label{
font-size: 15px !important;
color: #0B0B0B !important;
font-weight: 700 !important;
}

.details_subject .card-header.collapsed ,
.details_subject .card {
    border-radius: 6px !important;
}

.projects_all table thead.thead-light tr th:first-child {
    border-top-left-radius:15px !important;
  }
  .projects_all table thead.thead-light tr th:last-child {
    border-top-right-radius:15px !important;
  }


  .projects_all table thead.thead-light tr th,
  .projects_all table tr td{
    padding: 15px 30px !important;
  }
.projects_all .status-pending span,
.projects_all .status-pending i{
    color: #C2943A !important;
}

.projects_all i.fa.data_dropdown.fa-chevron-down.action-icon {
    color: #814213 !important;
}
.border-left-td{
    border-left: 5px solid #814213 !important;
}

.border-left-td p {
    word-break: break-all  !important;
    white-space: normal !important;
}

.reporter_name {
    font-size: 15px !important;
    color: #1A2637 !important;
}


/* contactor page */
.contactor_box h2{
color: #222222 !important;
}

.contactor_box h2 span{
    color: #F07C24 !important;
}

.dash_card_projects table a.name_link {
    color: #814213 !important;
    text-decoration: underline !important;
}
.dash_card_projects td.timeline_update{
color: #F07C24 !important;
}

.dash_card_projects table td.status_pending_new i,
.dash_card_projects table td.status_pending_new{
color: #C2943A !important;
}


.dash_card_projects table td.status_contacted i,
.dash_card_projects table td.status_contacted{
color: #814213 !important;
}

.dash_card_projects table td.status_estimate i,
.dash_card_projects table td.status_estimate{
color: #5BAC3F !important;
}
.invite_information {
    color: #814213 !important;
    font-size: 14px !important;
}
.accept_invitation {
    min-width: 136px !important;
    min-height: 36px !important;
    background: #12A72F !important;
    color: #fff !important;
    border-radius: 6px !important;
}

.reject_invitation {
    min-width: 136px !important;
    min-height: 36px !important;
    background: #E03A30 !important;
    color: #fff !important;
    border-radius: 6px !important;
}
.additional_note strong {
    color: #814213 !important;
    font-size: 15px !important;
}

.additional_note {
    font-size: 15px !important;
    color: #1A2637 !important;
    font-weight: 400;
}

.additional_note_new{
    color: #0B0B0B !important;
}

.navbar .contactor_tab ul li a{
font-size: 15px !important;
color: #222222 !important;
font-weight: 600 !important;
}
.navbar .contactor_tab ul li a.nav-link.active {
    color: #F07C24 !important;
    text-decoration: 3px underline;
    text-underline-offset: 32px;
}

.sub_contract_head{
    font-size: 14px  !important;
    color: #515151 !important;
}

select.form-select.project_status_update {
    border: 1px solid #C2943A !important;
    min-height: 36px !important;
    min-width: 136px !important;
}

.dash_card_projects table td select {
    color: #1E293B !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    text-align: start !important;
}
.card.p-0.dash_card_projects table th:first-child {
    border-top-left-radius: 16px !important;
}

.card.p-0.dash_card_projects table th:last-child {
    border-top-right-radius: 16px !important;
}
.dash_card_projects .text_center{
    text-align: center !important;
}
/* reorter css */
.top-most-content .btn_backk {
    background: transparent !important;
    min-height: 42px !important;
    min-width: 156px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #3F1B00 !important;
    border: 1px solid #3F1B00 !important;
    border-radius: 6px !important;
}
.setting_box {
    padding-top:100px !important ;
}
.setting_box1{
    padding-top: 50px !important;
}
.setting_box h6 ,
.setting_box1 h6{
color: #1E293B !important;
font-size: 18px  !important;
line-height: 24px  !important;
text-transform: capitalize !important;
}
.setting_box p ,
.setting_box1 p{
    color: #64748B !important;
    font-size: 16px  !important;
    line-height: 20px  !important;
}

.multisteps-form__progress-btn.js-active span{
color: #814213 !important;
font-weight: 600  !important;
}
.multisteps-form__progress-btn.js-active:before {
    transform: translateX(-50%) scale(1.2);
    background-color: #814213 !important;
    border: 1px solid #814213 !important;
}

.multisteps-form__progress-btn {
    text-align: center !important;
}
.multisteps-form__progress-btn:before {
    background: #CED0D1 !important;
    border: 1px solid #CED0D1 !important;
    /* height: 16px !important;
    width: 16px !important; */
}
.multisteps-form__progress-btn.js-active {
    color: #814213 !important;
}
p.multisteps-form__progress-btn span {
    color: #6B7278 !important;
}

h5.reporter_head{
color: #222222  !important;
}
.border_bottom{
  border-bottom: 1px solid #DDDFE5 !important;
}

.list-group.list-group-flush {
    padding: 5px 7px !important;
}
.status_pending_new ,
.status_pending_new i{
    color: #C2943A !important;
}

.left_side_report h6{
color: #222222 !important;
font-size: 16px !important;
}

.left_side_report small{
    color: #404952 !important;
    font-size: 16px !important;
    }

.last_box_folder .icons_boxx {
    color: #814213 !important;
    font-weight: 700 !important;
    border: 1px solid #814213 !important;
    border-radius: 6px !important;
    min-height: 40px !important;
    min-width: 144px !important;
    font-size: 15px !important;
}

.stepper_head{
    color: #222222 !important;
}

.btn_js_next{
    background: #3F1B00 !important;
    min-height: 42px !important;
    min-width: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #fff !important;
    border-radius: 6px !important;
}

.images_border{
    border-radius: 6px !important;
    border: 1px solid #11AF22 !important;
}
div#fileList {
    padding: 0 !important;
}
.btn_js_prev{
    color: #6B7278 !important;
    border: 1px solid #6B7278 !important;
    font-size: 15px !important;
    min-height: 44px !important;
    min-width: 120px !important;
    border-radius: 6px !important;
}
.multisteps-form__content label, .multisteps-form__content .form-label{
    color: #565656 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 5px !important;
}
.multisteps-form__content input.form-control,
.multisteps-form__content textarea.form-control{
    border: 1px solid #CED4DA !important;
    min-height: 43px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.multisteps-form__content input.form-control::placeholder{
    font-weight: 500 !important;
}

.edit-reportt{
    color: #814213  !important;
   border: 1px solid #814213  !important;
   min-height: 44px !important;
   min-width: 137px !important;
   background-color: transparent !important ;
   border-radius: 6px !important;
}

p.report_new_panel ,
.report_new_panel i{
    color: #814213 !important;
    font-weight: 600 !important;;
}
.details_adress .report_new_panel{
    padding: 15px 25px !important;
}

.avatar {
    border-radius: 6px !important;
}

.support_submit_report .form-control{
    min-height: 45px !important;
}

.contract_table_r .table_height{
    min-height: 500px !important;
}

h4.sub_project_number strong{
    color: #222222 !important;
}

.card-body .numbers p {
    white-space: nowrap;
}
.swal2-title {
    color: #0B0B0B !important;
}
.swal2-html-container {
    color: #6C757D !important;
    line-height: 26px !important;
}
button.swal2-confirm {
    background: #E03A30 !important;
    min-height: 48px !important;
    font-size: 17px !important;
}
.swal2-styled.swal2-cancel {
    border: 1px solid #A9A9A9 !important;
    min-width: 120px;
    color: #525252  !important;
    min-height: 48px !important;
    font-size: 17px !important;
}
.swal2-popup {
    padding: 30px !important;
}
.swal2-icon.swal2-warning{
    margin-top: 0 !important;
}
.row.gap_space {
    row-gap: 20px !important;
}
.error_msg{
    font-style: italic;
}
.card .card-header {
    border-radius: 20px;
}
footer.footer p,
footer.footer p a {
    font-size: 12px !important;
    color: #8392AB !important;
    line-height: 15px !important;
}
.report_last_boxx .add_new_btn_report{
 background: #3F1B00 !important;
    border: 1px solid #3F1B00 !important;
    min-height: 40px !important;
    min-width: 145px !important;
    text-align: center;
    border-radius: 6px !important;

}
.report_last_boxx .add_new_btn_report a.new_linkk{
    color: #fff !important;
    font-size: 15px !important;
    line-height: 18px !important;
}
.notific_main{
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1px solid #FFFFFF !important;
    box-shadow: 0px 12px 16px -4px rgba(30, 41, 59, 0.04) !important;
    backdrop-filter: blur(13.5914px) !important;
    border-radius: 6px !important;
width: 340px !important;
}
.notific_main h6 {
    white-space: normal;
}

.notific_main h6 span {
    color: #0B0B0B!important;
    font-size: 16px !important;
    line-height: 19px;
}

.notific_main p{
    color: #64748B !important;
    font-size: 14px !important;
}
.counting_box{
    position: relative;
}
.counting_numbers{
    color: #222222 !important;
    background-color: #fff !important;
    height: 28px !important;
    width: 28px !important;
    border-radius: 50% !important;
    position: absolute;
    top: 30px !important;
    left: -15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #814213 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

div#no-results {
    min-height: 335px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#no-results h5{
    margin-bottom: 0 !important;
    color: #000;
}
.swal2-title {
    font-size: 26px !important;
}
button.swal2-confirm ,
.swal2-styled.swal2-cancel {
    min-width: 156px;
}
.card.mb-4.report_view_page.me-md-4.projects_edit_p{
    padding: 0 !important;
    gap: unset !important;
}

.card.mb-4.report_view_page.me-md-4.projects_edit_p .card-header.card-body h5{
    margin: 0 !important;
}
.card.mb-4.report_view_page.me-md-4.projects_edit_p .card-header.card-body ,
.card.mb-4.report_view_page.me-md-4.projects_edit_p .card-body.create_project_listing_background {
    padding: 25px !important;
}
div#card_list_container .details_reortt:first-child {
    margin-top: 0 !important;
}

.left_side_report h6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

button#view-more-btn {
    background: unset !important;
    color: #814213 !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    margin: 0 !important;
    box-shadow: unset !important;
}











/* resposnive start */


@media (min-width:1200px) and (max-width:1450px){
    .setting_box p, .setting_box1 p {
        font-size: 14px  !important;
        line-height: 17px  !important;
    }
    .setting_box h6, .setting_box1 h6 {
        margin-bottom: 2px !important;
    }
    .setting_profile_new .setting_box ,
    .setting_profile_new .setting_box1 {
        padding-top: 0 !important;
    }
    .setting_profile_new .card{
        margin-top: 15px !important;
    }
    .setting_btns{
        margin-top: 15px  !important;
    }
    .setting_btns  .btn_backk {
        padding: 5px !important;
        font-size: 13px !important;
    }
    /*  */
    div#no-results {
        min-height: 295px;
    }
    .contract_table_r .table_height {
        min-height: 380px !important;
    }
    /*  */
    .bottom_btn_box .add-sub-category-btn,
    .bottom_btn_box .remove_sub_cat_btn,
    .bottom_btn_box .remove_cat_btn {
        font-size: 13px !important;
    }
    /*  */
    .details_subject .card{
        margin: 0 0 10px 0 !important;
    }
    .bottom_btn_box .add-sub-category-btn,
    .bottom_btn_box .remove_sub_cat_btn,
    .bottom_btn_box .remove_cat_btn {
        font-size: 12px !important;
        padding: 0px 8px !important;
    }
   .edit_projects_sec .card.projects_edit_p{
        margin-right: 20px  !important;
    }
    .bottom_btn_box .publish_project_button {
        min-height: 42px !important;
        min-width: 147px !important;
        font-size: 14px !important;
        padding: 0 !important;
    }
    /*  */
    .row.gap_space {
        row-gap: 10px;
    }
    /*  */
    .all_projects_reports .card.details_adress {
        margin-bottom: 0 !important;
    }
    /*  */
    .assign_contract img{
        height: 30px !important;
        margin-right: 7px !important;
    }
    p.report_new_panel, .report_new_panel i {
        font-size: 13px !important;
    }
    /*  */
    .submitt_report_folder.card{
        margin: 0 !important;
    }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }

    .multisteps-form__progress-btn {
        text-indent: unset !important;
    }
    p.multisteps-form__progress-btn span {
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
                line-clamp: 1; 
        -webkit-box-orient: vertical;
    }
    .stepper_head {
        font-size: 18px !important;
    }

    .btn_js_next,
    .btn_js_prev {
        min-height: 38px !important;
        min-width: 86px !important;
        font-size: 14px !important;
    }
    .btn_js_next{
        margin-left: 0 !important;
    }
    .card.images_border {
        margin: 0 0 10px 0 !important;
    }
    .images_border .card-body {
        font-size: 14px !important;
    }
   .button-row{
    justify-content: center !important;
   }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }
    .card.report_main_sub h5{
        font-size: 16px !important;
    }
    .report_main_sub .background_img.card{
        padding: 15px !important;
        min-height: 160px !important;
    }
    .card.report_main_sub{
        min-height: 160px !important;
    }
    /*  */
    .sub_contract_head {
        font-size: 14px  !important;
        margin-top: 8px !important;
        line-height: 21px;
    }
    h4.sub_project_number strong {
        font-size: 20px !important;
    }
    .invite_action_buttons {
        font-size: 14px !important;
    }
    .invites_contractor .combined_code p{
        margin-bottom: 0 !important;
    }
      /*  */
.card.report_view_page{
    margin: 0 !important;
    padding: 18px !important;
}
.details_reortt a strong {
    font-size: 14px !important;
}
div#sub-report h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.delete_this_report {
    min-height: 40px !important;
    min-width: 149px !important;
    font-size: 14px !important;
}
.submitt_report_top.card{
    margin:0px 0px 15px 0 !important;
}
.top-most-content .admin_user_button {
    min-height: 42px !important;
    min-width: 114px !important;
    font-size: 13px !important;
}
.vertical-progress-line::after {
    top: 48px;
    left: 38px;
    height: 68%;
}
.numbering {
    width: 30px !important;
    height: 30px;
}
.card.report_view_page .card-body p {
    font-size: 14px !important;
    line-height: 19px !important;
}
.card.report_view_page .card-body p i {
    font-size: 12px !important;
}
.top-most-content .admin_user_button {
    margin-left: 0 !important;
}
.left-section p, .left-section .h3 {
    margin-bottom: 0 !important;
    font-size: 14px;
}
.left-section .h3 .back-content,
.left-section .h3 i {
    font-size: 22px !important;
    line-height: 28px !important;
}
/*  */
    .full_width_row{
        width: 100% !important;
    }
    .button_box .btn_add ,
    .button_box .btn_cancel {
        min-height: 40px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    .padding_space{
        padding: 0px !important;
    }
    .add_details .card-heading h4 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .add_details .card-heading p {
        color: #000 !important;
        font-size: 14px !important;
        line-height: 20px;
    }
  
    .button_box .btn_cancel {
        min-height: 38px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    /* .top-most-content .report_flex_box{
        flex-direction: column;
        align-items: start !important;
        gap:10px !important;
    } */
    .add_details .card {
        padding: 30px !important;
        margin-top: 0px !important;
        margin-bottom: 0 !important;
    }
    .padding_none{
        padding: 0 !important;
    }
    
    ol.breadcrumb {
        margin-bottom: 7px !important;
        margin-right: 0 !important;
    }
    
    .view_project{
        padding: 20px 0 !important;
    }
    .combined_code p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code h6, .combined_code .h6 {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code {
        padding: 13px 15px !important;
    }
    .details_adress h4.card-title {
        padding: 13px 15px !important;
        font-size: 16px !important;
    }
    .top-content-section  .new_column_flex{
        /* flex-direction: column !important;
        align-items: start !important;
        width: 100% !important; */
    }
    .card.details_adress {
        margin-top: 0 !important;
    }
    /*  */
    .support_submit_report .form-control{
        min-height: 40px !important;
    }
    .submitted_report_admin.card{
        margin: 0px !important;
        padding: 15px !important;
    }
    .background_img.card{
        margin: 0px !important; 
    }
    ol.breadcrumb {
        margin-bottom: 0px !important;
    }
    .card {
        margin-top: 130px !important;
        margin-bottom: 80px !important;
    }
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
    font-size: 14px !important;
}

.admin-dash-card.card {
    margin: 0 0 15px 0 !important;
}
.space_box{
    padding:20px 15px !important;
    width: 98% !important;
}
ol.breadcrumb li, ol.breadcrumb li a {
    font-size: 13px !important;
}
.top-most-content h2 {
    font-size: 30px !important;
    line-height: 39px !important;
}

.card-body .numbers h5 {
    font-size: 22px !important;
    line-height: 25px !important;
}
.admin-dash-card-icon {
    width: 37px;
    height: 37px;

}
.card-body .numbers p {
    font-size: 14px !important;
    white-space: nowrap;
}

.card.dash_card_projects {
    margin: 0 !important;
    /* padding: 0 !important; */
    gap: 0 !important;
}
.dash_card_projects .card-header {
    padding: 15px !important;
}
.dash_card_projects .card-header h5 {
    font-size: 16px !important;
}
.dash_card_projects table td {
    font-size: 14px !important;
    padding: 15px 15px !important;
}

.small_folder.card-body {
    padding: 10px !important;
}
.small_folder.card-body .card{
    margin: 0 0 15px 0 !important;
}

.background_img p.subheading {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}
.full_container{
    width: 100% !important;
}
.sidenav .navbar-brand {
    padding: 21px 0px !important;
}
footer.footer p {
    font-size: 14px !important;
}
}

@media (min-width:992px) and (max-width:1199px){
    .setting_box p, .setting_box1 p {
        font-size: 14px  !important;
        line-height: 17px  !important;
    }

    .setting_box h6, .setting_box1 h6 {
        margin-bottom: 2px !important;
    }
    .setting_profile_new .setting_box ,
    .setting_profile_new .setting_box1 {
        padding-top: 0 !important;
    }
    .setting_profile_new .card{
        margin-top: 15px !important;
    }
    .setting_btns{
        margin-top: 15px  !important;
    }
    .setting_btns  .btn_backk {
        padding: 5px !important;
        font-size: 13px !important;
    }
    /*  */
    button.swal2-confirm, .swal2-styled.swal2-cancel {
        font-size: 14px !important;
        min-height: 38px !important;
        padding: 0 !important;
    }
    .swal2-icon {
        width: 3em !important;
        height: 3em !important;
        font-size: 10px !important;
        padding: 10px;
    }
    .swal2-title {
        font-size: 22px !important;
    }
    .swal2-html-container {
        line-height: 21px !important;
        font-size: 14px !important;
    }
    .swal2-title,
    .swal2-html-container{
        padding: 10px 0px 0px 0px !important;
    }
    .contract_table_r .table_height {
        min-height: 380px !important;
    }
    /*  */
    .create_another_sec{
        margin: 0 !important;
    }
    /*  */
    .details_subject .card{
        margin: 0 0 10px 0 !important;
    }
    .bottom_btn_box .add-sub-category-btn,
    .bottom_btn_box .remove_sub_cat_btn,
    .bottom_btn_box .remove_cat_btn {
        font-size: 13px !important;
    }
   .edit_projects_sec .card.projects_edit_p{
        margin-right: 20px  !important;
    }
    .bottom_btn_box .publish_project_button {
        min-height: 42px !important;
        min-width: 147px !important;
        font-size: 14px !important;
        padding: 0 !important;
    }
    /*  */
    .row.gap_space {
        row-gap: 10px;
    }
    /*  */
    .assign_contract img{
        height: 30px !important;
        margin-right: 7px !important;
    }
    p.report_new_panel, .report_new_panel i {
        font-size: 13px !important;
    }
    /*  */
    .submitt_report_folder.card{
        margin: 0 !important;
    }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }

    .multisteps-form__progress-btn {
        text-indent: unset !important;
    }
    p.multisteps-form__progress-btn span {
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
                line-clamp: 1; 
        -webkit-box-orient: vertical;
    }
    .stepper_head {
        font-size: 18px !important;
    }

    .btn_js_next,
    .btn_js_prev {
        min-height: 38px !important;
        min-width: 86px !important;
        font-size: 14px !important;
    }
    .btn_js_next{
        margin-left: 0 !important;
    }
    .card.images_border {
        margin: 0 0 10px 0 !important;
    }
    .images_border .card-body {
        font-size: 14px !important;
    }
   .button-row{
    justify-content: center !important;
   }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }
    .card.report_main_sub h5{
        font-size: 16px !important;
    }
    .report_main_sub .background_img.card{
        padding: 15px !important;
        min-height: 160px !important;
    }
    .card.report_main_sub{
        min-height: 160px !important;
    }
    /*  */
    
.sub_contract_head {
    font-size: 14px  !important;
    margin-top: 8px !important;
    line-height: 21px;
}
h4.sub_project_number strong {
    font-size: 20px !important;
}
.invite_action_buttons {
    font-size: 14px !important;
}
.invites_contractor .combined_code p{
    margin-bottom: 0 !important;
}

    /*  */
.card.report_view_page{
    margin: 0 !important;
    padding: 18px !important;
}
.details_reortt a strong {
    font-size: 14px !important;
}
div#sub-report h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.delete_this_report {
    min-height: 40px !important;
    min-width: 149px !important;
    font-size: 14px !important;
}
.submitt_report_top.card{
    margin:0px 0px 15px 0 !important;
}
.top-most-content .admin_user_button {
    min-height: 42px !important;
    min-width: 114px !important;
    font-size: 13px !important;
}
.vertical-progress-line::after {
    top: 48px;
    left: 38px;
    height: 68%;
}
.numbering {
    width: 30px !important;
    height: 30px;
}
.card.report_view_page .card-body p {
    font-size: 14px !important;
    line-height: 19px !important;
}
.card.report_view_page .card-body p i {
    font-size: 12px !important;
}
.top-most-content .admin_user_button {
    margin-left: 0 !important;
}
.left-section p, .left-section .h3 {
    margin-bottom: 0 !important;
    font-size: 14px;
}
.left-section .h3 .back-content,
.left-section .h3 i {
    font-size: 22px !important;
    line-height: 28px !important;
}
/*  */
    .full_width_row{
        width: 100% !important;
    }
    .button_box .btn_add ,
    .button_box .btn_cancel {
        min-height: 40px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    .padding_space{
        padding: 0px !important;
    }
    .add_details .card-heading h4 {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .add_details .card-heading p {
        color: #000 !important;
        font-size: 14px !important;
        line-height: 20px;
    }
  
    .button_box .btn_cancel {
        min-height: 38px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    /* .top-most-content .report_flex_box{
        flex-direction: column;
        align-items: start !important;
        gap:10px !important;
    } */
    .add_details .card {
        padding: 30px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .padding_none{
        padding: 0 !important;
    }
    
    ol.breadcrumb {
        margin-bottom: 7px !important;
        margin-right: 0 !important;
    }
    
    .view_project{
        padding: 20px 0 !important;
    }
    .combined_code p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code h6, .combined_code .h6 {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code {
        padding: 13px 15px !important;
    }
    .details_adress h4.card-title {
        padding: 13px 15px !important;
        font-size: 16px !important;
    }
    .top-content-section  .new_column_flex{
        flex-direction: column !important;
        align-items: start !important;
        width: 100% !important;
    }
    .card.details_adress {
        margin-top: 0 !important;
    }
    /*  */
    .support_submit_report .form-control{
        min-height: 40px !important;
    }
    .submitted_report_admin.card{
        margin: 0px !important;
        padding: 15px !important;
    }
    .background_img.card{
        margin: 0px !important; 
    }
    ol.breadcrumb {
        margin-bottom: 0px !important;
    }
    .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
        font-size: 14px !important;
    }
    .navbar-expand-lg .navbar-toggler {
        /* display: block !important; */
    }
    .admin-dash-card.card {
        margin: 0 0 15px 0 !important;
    }
    .space_box{
        padding:20px 15px !important;
        width: 98% !important;
    }
    ol.breadcrumb li, ol.breadcrumb li a {
        font-size: 13px !important;
    }
    .top-most-content h2 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    
    .card-body .numbers h5 {
        font-size: 22px !important;
        line-height: 25px !important;
    }
    .admin-dash-card-icon {
        width: 37px;
        height: 37px;
    
    }
    .card-body .numbers p {
        font-size: 14px !important;
    }
    
    .card.dash_card_projects {
        margin: 0 !important;
        /* padding: 0 !important; */
        gap: 0 !important;
    }
    .dash_card_projects .card-header {
        padding: 15px !important;
    }
    .dash_card_projects .card-header h5 {
        font-size: 16px !important;
    }
    .dash_card_projects table td {
        font-size: 14px !important;
        padding: 15px 15px !important;
    }
    
    .small_folder.card-body {
        padding: 10px !important;
    }
    .small_folder.card-body .card{
        margin: 0 0 15px 0 !important;
    }
    
    .background_img p.subheading {
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }
    .full_container{
        width: 100% !important;
    }

    /*  */
    .card {
        padding: 30px !important;
        margin-top: 110px !important;
        gap: 10px  !important;
    }
    .navbar img.navbar-brand-img {
        max-height: 1rem !important;
    }
    a.navbar-brand {
        margin: 0 !important;
    }

    button.navbar-toggler {
        margin: 0 !important;
        padding-right: 0 !important;
    }

    .card-header h3, .card-header h4 {
        font-size: 32px;
        line-height: 40px;
    }
    .card-header p {
        font-size: 14px !important;
        line-height: 19px;
    }
    .card-body form label {
        font-size: 14px !important;
    }
    footer.footer p {
        font-size: 14px !important;
    }
}

@media (min-width:768px) and (max-width:991px){
    .last_notification_box {
        margin-top: -45px;
    }
    .dropdown-menu-end[data-bs-popper] {
        right: -63px !important;
        left: auto;
        position: absolute !important;
        margin-top: 39px !important;
    }
    /*  */
    .setting_box p, .setting_box1 p {
        font-size: 14px  !important;
        line-height: 17px  !important;
    }
    .setting_box h6, .setting_box1 h6 {
        margin-bottom: 2px !important;
    }
    .setting_profile_new .setting_box ,
    .setting_profile_new .setting_box1 {
        padding-top: 0 !important;
    }
    .setting_profile_new .card{
        margin-top: 15px !important;
    }
    .setting_btns{
        margin-top: 15px  !important;
    }
    .setting_btns  .btn_backk {
        padding: 5px !important;
        font-size: 13px !important;
    }
    /*  */
    button.swal2-confirm, .swal2-styled.swal2-cancel {
        font-size: 14px !important;
        min-height: 38px !important;
        padding: 0 !important;
    }
    .swal2-icon {
        width: 3em !important;
        height: 3em !important;
        font-size: 10px !important;
        padding: 10px;
    }
    .swal2-title {
        font-size: 22px !important;
    }
    .swal2-html-container {
        line-height: 21px !important;
        font-size: 14px !important;
    }
    .swal2-title,
    .swal2-html-container{
        padding: 10px 0px 0px 0px !important;
    }
    div#no-results h5 {
      font-size: 14px;
    }
    /*  */
    .row.gap_space {
        row-gap: 10px;
    }
    .sidebar_menus{
        padding-top: 65px !important;
    }
    /*  */
    .assign_contract img{
        height: 30px !important;
        margin-right: 7px !important;
    }
    p.report_new_panel, .report_new_panel i {
        font-size: 13px !important;
    }
    
    /*  */
    .submitt_report_folder.card{
        margin: 0 !important;
    }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }

    .multisteps-form__progress-btn {
        text-indent: unset !important;
    }
    p.multisteps-form__progress-btn span {
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
                line-clamp: 1; 
        -webkit-box-orient: vertical;
    }
    .stepper_head {
        font-size: 18px !important;
    }

    .btn_js_next,
    .btn_js_prev {
        min-height: 38px !important;
        min-width: 86px !important;
        font-size: 14px !important;
    }
    .btn_js_next{
        margin-left: 0 !important;
    }
    .card.images_border {
        margin: 0 0 10px 0 !important;
    }
    .images_border .card-body {
        font-size: 14px !important;
    }
   .button-row{
    justify-content: center !important;
   }

    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }
    .card.report_main_sub h5{
        font-size: 16px !important;
    }
    .report_main_sub .background_img.card{
        padding: 15px !important;
        min-height: 160px !important;
    }
    .card.report_main_sub{
        min-height: 160px !important;
    }
    /*  */
.left_side_report small {
    font-size: 14px !important;
}
.left_side_report h6 {
    font-size: 15px !important;
}
.reporter_table_r .left_side_report small {
    font-size: 13px !important;
}

.left_side_report h6 {
    font-size: 14px !important;
    line-height: 20px;
}
.list-group .reporter_table_r{
    flex-direction: column;
    gap: 10px !important;
    align-items: start !important;
}

    /*  */

.sub_contract_head {
    font-size: 14px  !important;
    margin-top: 8px !important;
    line-height: 21px;
}
h4.sub_project_number strong {
    font-size: 18px !important;
}
.invite_action_buttons {
    font-size: 14px !important;
}
.invites_contractor .combined_code p{
    margin-bottom: 0 !important;
}
.invites_contractor .border-start{
   border: unset !important;
}

    /*  */

.navbar .contactor_tab ul li a.nav-link.active {
    text-underline-offset: 12px;
}

.contract_table_r .table_height{
    min-height: 380px !important;
}

.contract_admin{
    padding: 20px 0 !important;
}
.contactor_box h2 {
    font-size: 28px;
    line-height: 34px;
    margin-top: 8px;
}

/*  */
    /*  */
    .details_reortt {
        gap: 0px !important;
    }
.details_subject .cat_select_sub .form-select {
    min-height: 40px !important;
    font-size: 13px !important;
}
.add-sub-category-btn {
    min-height: 34px !important;
    font-size: 14px !important;
    padding: 0 10px  !important;
    white-space: nowrap !important;
}
.details_subject .cat_select_sub textarea {
    font-size: 14px !important;
}
.details_subject .card {
    margin: 9px 0 !important;
}
.remove_sub_cat_btn, .remove_cat_btn{
    font-size: 14px !important;
    white-space: nowrap !important;
    padding: 0px 15px !important;
    min-height: 40px !important;
}
.bottom_btn_box .add-sub-project-btn {
    font-size: 14px !important;
    white-space: nowrap !important;
}
.btn_main_boxx .bottom_btn_box {
    gap: 5px !important;
}
.bottom_btn_box .publish_project_button {
    min-height: 40px !important;
    min-width: 143px !important;
    font-size: 14px !important;
    padding: 0 !important;
}

.top_category_container label {
margin-bottom: 0 !important;
}
    /*  */
.card.report_view_page{
    margin: 0 20px 0px 0px!important;
    padding: 18px !important;
}
.bottom_btn_box {
    flex-wrap: wrap !important;
    align-items: center;
}
.details_reortt a strong {
    font-size: 14px !important;
}
div#sub-report h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.delete_this_report {
    min-height: 40px !important;
    min-width: 149px !important;
    font-size: 14px !important;
}
.submitt_report_top.card{
    margin: 15px 0 !important;
}
.top-most-content .admin_user_button {
    min-height: 42px !important;
    min-width: 114px !important;
    font-size: 13px !important;
}
.vertical-progress-line::after {
    top: 48px;
    left: 38px;
    height: 68%;
}
.numbering {
    width: 30px !important;
    height: 30px;
}
.card.report_view_page .card-body p {
    font-size: 14px !important;
    line-height: 19px !important;
}
.card.report_view_page .card-body p i {
    font-size: 12px !important;
}
.top-most-content .admin_user_button {
    margin-left: 0 !important;
}
.left-section p, .left-section .h3 {
    margin-bottom: 0 !important;
    font-size: 14px;
}
.left-section .h3 .back-content,
.left-section .h3 i {
    font-size: 22px !important;
    line-height: 28px !important;
}
/*  */
    /*  */
    .full_width_row{
        width: 100% !important;
    }
    .button_box .btn_add ,
    .button_box .btn_cancel {
        min-height: 40px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    .padding_space{
        padding: 0px !important;
    }
    .add_details .card-heading h4 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .add_details .card-heading p {
        color: #000 !important;
        font-size: 14px !important;
        line-height: 20px;
    }
  
    .button_box .btn_cancel {
        min-height: 38px;
        min-width: 90px !important;
        font-size: 14px !important;
    }
    /* .top-most-content .report_flex_box{
        flex-direction: column;
        align-items: start !important;
        gap:10px !important;
    } */
    .add_details .card {
        padding: 30px !important;
        margin-top: 0px !important;
    }
    .padding_none{
        padding: 0 !important;
    }
    
    ol.breadcrumb {
        margin-bottom: 7px !important;
        margin-right: 0 !important;
    }
    
    .view_project{
        padding: 20px 0 !important;
    }
    .combined_code p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code h6, .combined_code .h6 {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .combined_code {
        padding: 13px 15px !important;
    }
    .details_adress h4.card-title {
        padding: 13px 15px !important;
        font-size: 16px !important;
    }
    .top-content-section  .new_column_flex{
        flex-direction: column !important;
        align-items: start !important;
        width: 100% !important;
    }
    .card.details_adress {
        margin-top: 0 !important;
    }
    .support_submit_report .form-control{
        min-height: 40px !important;
    }

    .submitted_report_admin.card{
        margin: 0px !important;
        padding: 15px !important;
    }
    .background_img.card{
        margin: 0px !important; 
    }
    ol.breadcrumb {
        margin-bottom: 0px !important;
    }
    .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
        font-size: 14px !important;
    }
.admin-dash-card.card {
    margin: 0 0 15px 0 !important;
}
.space_box{
    padding:20px 15px !important;
    width: 98% !important;
}
ol.breadcrumb li, ol.breadcrumb li a {
    font-size: 13px !important;
}
.top-most-content h2 {
    font-size: 26px !important;
    line-height: 34px !important;
}

.card-body .numbers h5 {
    font-size: 22px !important;
    line-height: 25px !important;
}
.admin-dash-card-icon {
    width: 37px;
    height: 37px;

}
.card-body .numbers p {
    font-size: 14px !important;
}

.card.dash_card_projects {
    margin: 0 !important;
    /* padding: 0 !important; */
    gap: 0 !important;
}
.dash_card_projects .card-header {
    padding: 15px !important;
}
.dash_card_projects .card-header h5 {
    font-size: 16px !important;
}
.dash_card_projects table td {
    font-size: 14px !important;
    padding: 15px 15px !important;
}

.small_folder.card-body {
    padding: 10px !important;
}
.small_folder.card-body .card{
    margin: 0 0 15px 0 !important;
}

.background_img p.subheading {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}
.full_container{
    width: 100% !important;
}

/*  */
    .card {
        padding: 30px !important;
        margin-top: 120px !important;
        gap: 10px  !important;
    }
    .navbar img.navbar-brand-img {
        max-height: 1rem !important;
    }
    a.navbar-brand {
        margin: 0 !important;
    }

    button.navbar-toggler {
        margin: 0 !important;
        padding-right: 0 !important;
    }

    .card-header h3, .card-header h4 {
        font-size: 28px;
        line-height: 37px;
    }
    .card-header p {
        font-size: 14px !important;
        line-height: 19px;
    }
    .card-body form label {
        font-size: 14px !important;
    }
    footer.footer p {
        font-size: 14px !important;
    }
}

@media (min-width:320px) and (max-width:767px){
    .dropdown-menu-end[data-bs-popper] {
        right: -63px !important;
        left: auto;
        position: absolute !important;
        margin-top: 39px !important;
    }
    .multisteps-form__content .progress_three{
        align-items: unset !important;
    }
    
    .progress_spacing{
        padding: 0px 17px !important;
    }
    ul.navbar-nav.justify-content-end.last_notification_box.report_last_boxx.align-items-center {
        margin-top: 20px!important;
        justify-content: space-between !important;
    }
    .report_last_boxx .add_new_btn_report a.new_linkk {
     font-size: 14px !important;
    }
    /*  */
    .setting_box p, .setting_box1 p {
        font-size: 14px  !important;
        line-height: 17px  !important;
    }
    .top-most-content .setting_btns{
        justify-content: start !important;
    }
    .setting_box h6, .setting_box1 h6 {
        margin-bottom: 2px !important;
    }
    .setting_profile_new .setting_box ,
    .setting_profile_new .setting_box1 {
        padding-top: 0 !important;
    }
    .setting_profile_new .card{
        margin-top: 10px !important;
    }
    .setting_btns{
        margin-top: 15px  !important;
    }
    .setting_btns  .btn_backk {
        padding: 5px !important;
        font-size: 13px !important;
    }
    /*  */
    button.swal2-confirm, .swal2-styled.swal2-cancel {
        min-width: 100%;
        font-size: 14px !important;
        min-height: 38px !important;
        padding: 0 !important;
    }
    .swal2-icon {
        width: 3em !important;
        height: 3em !important;
        font-size: 10px !important;
        padding: 10px;
    }
    .swal2-title {
        font-size: 22px !important;
    }
    .swal2-html-container {
        line-height: 21px !important;
        font-size: 14px !important;
    }
    .swal2-title,
    .swal2-html-container{
        padding: 0 !important;
    }
    .counting_numbers {
        height: 22px !important;
        width: 22px !important;
        font-size: 9px !important;
    }
   
    /*  */
    div#no-results {
        min-height: 130px;
    }
    div#no-results h5 {
      font-size: 14px;
    }
    /*  */
    .admins_project{
        flex-direction: column !important;
        gap: 10px !important;
    }
.add_rem_sub{
    flex-direction: column !important;
}

    /*  */
    .sidebar_menus{
        padding-top: 60px !important;
    }
    /*  */
    .border-left-td p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    /*  */
   .details_adress .repot_page_collect{
        flex-direction: column !important;
        align-items: start !important;
    }

    .details_adress .report_new_panel{
        padding: 0 0 20px 10px !important;
        
    }
   .all_projects_reports .details_adress .repot_page_collect h4{
        padding-bottom: 5px !important;
    }

    .assign_contract img{
        height: 30px !important;
        margin-right: 7px !important;
    }

    /*  */
    .submitt_report_folder.card{
        margin: 0 !important;
    }
    /*  */
    .card.report_main_sub{
        margin: 0 !important;
        gap: 0 !important;
    }

    .multisteps-form__progress-btn {
        text-indent: unset !important;
    }
    p.multisteps-form__progress-btn span {
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
                line-clamp: 1; 
        -webkit-box-orient: vertical;
    }
    .stepper_head {
        font-size: 18px !important;
    }

    .btn_js_next,
    .btn_js_prev {
        min-height: 38px !important;
        min-width: 86px !important;
        font-size: 14px !important;
    }
    .btn_js_next{
        margin-left: 0 !important;
    }
    .card.images_border {
        margin: 0 0 10px 0 !important;
    }
    .images_border .card-body {
        font-size: 14px !important;
    }
   .button-row{
    justify-content: center !important;
   }



    /*  */
    .dash_card_projects table td select {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .additional_note strong {
        font-size: 14px !important;
    }
    .additional_note {
        font-size: 14px !important;
    }
.list-group .reporter_table_r{
    flex-direction: column;
    gap: 10px !important;
    align-items: start !important;
}
.left_side_report small {
    font-size: 14px !important;
}
.left_side_report h6 {
    font-size: 14px !important;
    line-height: 20px;
}

/*  */

.sub_contract_head {
    font-size: 12px  !important;
    margin-top: 8px !important;
    line-height: 18px;
}
h4.sub_project_number strong {
    font-size: 18px !important;
}
.invite_action_buttons {
    font-size: 14px !important;
}
.invites_contractor .combined_code p{
    margin-bottom: 0 !important;
}
.invites_contractor .border-start{
   border: unset !important;
}





/*  */
.contactor_tab{
    padding: 0 !important;
    flex-wrap: wrap;
    gap: 20px !important;
}
.navbar .contactor_tab ul li a.nav-link.active {
    text-underline-offset: 12px;
}
.contactor_tab .last_notification_box{
    justify-content: left  !important;
    margin-top: 20px;
}

.contract_table_r .table_height{
    min-height: 300px !important;
}

.contract_admin{
    padding: 20px 0 !important;
}
.contactor_box h2 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 8px;
}






/*  */
.bottom_btn_box {
    flex-direction: column;
}
.details_reortt {
    gap: 0px !important;
}
.bottom_btn_box .remove_cat_btn {
    min-height: 40px !important;
    font-size: 14px !important;
}
.bottom_btn_box .add-sub-category-btn {
  margin-bottom: 0 !important;
  min-height: 40px !important;

}
.btn_new_boxxx{
    flex-direction: column;
}

.details_subject .cat_select_sub .form-select {
    min-height: 40px !important;
    font-size: 13px !important;
}
.add-sub-category-btn {
    min-height: 34px !important;
    font-size: 14px !important;
    padding: 0 10px  !important;
    white-space: nowrap !important;
}
.details_subject .cat_select_sub textarea {
    font-size: 14px !important;
}
.details_subject .card {
    margin: 9px 0 !important;
}
.remove_sub_cat_btn, .remove_cat_btn{
    font-size: 14px !important;
    white-space: nowrap !important;
    padding: 0px 15px !important;
    min-height: 35px !important;
}
.bottom_btn_box .add-sub-project-btn {
    font-size: 14px !important;
    white-space: nowrap !important;
}
.btn_main_boxx .bottom_btn_box {
    gap: 5px !important;
}
.bottom_btn_box .publish_project_button {
    min-height: 40px !important;
    min-width: 143px !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.right{
    border: 0 !important;
    width: 100% !important;
}
.left.col-2 {
    display: none !important;
}
.top_category_container label {
margin-bottom: 0 !important;
}
.category_align_box .top_category_container {
    flex-direction: column !important;
    align-items: unset !important;
    padding: 7px !important;
}


/*  */
.card.report_view_page{
    margin: 0 !important;
    padding: 18px !important;
}
.details_reortt a strong {
    font-size: 14px !important;
}
div#sub-report h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.delete_this_report {
    min-height: 40px !important;
    min-width: 149px !important;
    font-size: 14px !important;
}
.submitt_report_top.card{
    margin: 15px 0 !important;
}
.top-most-content .admin_user_button {
    min-height: 42px !important;
    min-width: 114px !important;
    font-size: 13px !important;
}
.vertical-progress-line::after {
    top: 48px;
    left: 38px;
    height: 68%;
}
.numbering {
    width: 30px !important;
    height: 30px;
}
.card.report_view_page .card-body p {
    font-size: 14px !important;
    line-height: 19px !important;
}
.card.report_view_page .card-body p i {
    font-size: 12px !important;
}
.top-most-content .admin_user_button {
    margin-left: 0 !important;
}
.left-section p, .left-section .h3 {
    margin-bottom: 0 !important;
    font-size: 14px;
}
.left-section .h3 .back-content,
.left-section .h3 i {
    font-size: 22px !important;
    line-height: 28px !important;
}
/*  */
.full_width_row{
    width: 100% !important;
}
.button_box .btn_add ,
.button_box .btn_cancel {
    min-height: 40px;
    min-width: 90px !important;
    font-size: 14px !important;
}
.main_buttons .button_box {
    justify-content: center !important;
}
.padding_space{
    padding: 0px !important;
}
.add_details .card-heading h4 {
    font-size: 20px !important;
    line-height: 24px !important;
}
.add_details .form-group label {
    font-size: 13px !important;
    line-height: 17px !important;
}
.add_details .form-control{
    font-size: 14px !important;
}
.add_details .card-heading p {
    color: #000 !important;
    font-size: 13px !important;
    line-height: 17px;
}
.form_group_box .form-group {
    width: 100% !important;
}
.button_box .btn_cancel {
    min-height: 38px;
    min-width: 90px !important;
    font-size: 14px !important;
}
.top-most-content .report_flex_box{
    flex-direction: column;
    align-items: start !important;
    gap:10px !important;
}
.add_details .card {
    padding: 15px !important;
    margin-top: 20px !important;
}
.padding_none{
    padding: 0 !important;
}

ol.breadcrumb {
    margin-bottom: 7px !important;
    margin-right: 0 !important;
}

.view_project{
    padding: 20px 0 !important;
}
.combined_code p {
    font-size: 14px !important;
    line-height: 18px !important;
}
.combined_code h6, .combined_code .h6 {
    font-size: 14px !important;
    line-height: 18px !important;
}
.combined_code {
    padding: 13px 15px !important;
}
.details_adress h4.card-title {
    padding: 13px 15px !important;
    font-size: 16px !important;
}
.top-content-section  .new_column_flex{
    flex-direction: column !important;
    align-items: start !important;
    width: 100% !important;
}
.card.details_adress {
    margin-top: 0 !important;
}
.support_submit_report .form-control{
    min-height: 40px !important;
}
.submitted_report_admin.card{
    margin: 0px !important;
    padding: 15px !important;
}
.background_img.card{
    margin: 0px !important; 
}
/* ol.breadcrumb {
    margin-bottom: 0px !important;
} */
.space_box .flex_column_box{
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
    font-size: 14px !important;
}
.admin-dash-card.card {
    margin: 0 0 15px 0 !important;
}
.space_box{
    padding:20px 15px !important;
}
ol.breadcrumb li, ol.breadcrumb li a {
    font-size: 13px !important;
}
.top-most-content h2 {
    font-size: 22px !important;
    line-height: 25px !important;
}

.card-body .numbers h5 {
    font-size: 22px !important;
    line-height: 25px !important;
}
.admin-dash-card-icon {
    width: 37px;
    height: 37px;

}
.card-body .numbers p {
    font-size: 14px !important;
}

.card.dash_card_projects {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}
.dash_card_projects .card-header {
    padding: 15px !important;
}
.dash_card_projects .card-header h5 {
    font-size: 16px !important;
}
.dash_card_projects table td {
    font-size: 14px !important;
    padding: 15px 15px !important;
}

.small_folder.card-body {
    padding: 10px !important;
}
.small_folder.card-body .card{
    margin: 0 0 15px 0 !important;
}

.background_img p.subheading {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}
.gap_space{
    gap: 10px !important;
}
.full_container{
    width: 100% !important;
}







    /*  */
    .card {
        padding: 20px !important;
        margin-top: 110px !important;
        gap: 10px  !important;
    }
    .navbar img.navbar-brand-img {
        max-height: 1rem !important;
    }
    a.navbar-brand {
        margin: 0 !important;
    }

    button.navbar-toggler {
        margin: 0 !important;
        padding-right: 0 !important;
    }

    .card-header h3, .card-header h4 {
        font-size: 25px;
        line-height: 36px;
    }
    .card-header p {
        font-size: 14px !important;
        line-height: 19px;
    }
    .card-body form label {
        font-size: 14px !important;
    }
    footer.footer p {
        font-size: 12px !important;
    }












}





/* STYLING FOR CUSTOM POPUP SECTION */
/* General dropdown container styling */
.status-dropdown {
    position: relative;
    display: inline-block;
}
.status-dropdown .status-btn{
    min-width: 250px;
}

.status-btn {
    background-color: white;
    border: 1px solid #dcdcdc;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.status-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

/* Colors */
.green {
    background-color: #58d68d;
}

.brown {
    background-color: #5d4037;
}

.orange {
    background-color: #f39c12;
}

.blue {
    background-color: #3498db;
}

.dropdown-arrow {
    margin-left: auto;
    font-size: 12px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 1;
    top: 40px;
    right: 0;
    border: 1px solid #C9C9C9;
    width: 100%;
}

.status-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.status-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.status-item {
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: white;
}

.status-item:hover {
    opacity: 0.9;
}

.status-item.green {
    background-color: #5BAC3F;
}

.status-item.brown {
    background-color: #3F1B00;
}

.status-item.orange {
    background-color: #F07C24;
}

.status-item.blue {
    background-color: #2FAEF5;
}
ul.status-list li {
    font-size: 14px !important;
    font-weight: 400;
}


.brown_selected{
    border: 1px solid #814213;
    color: #814213;
    font-size: 14px;
    font-weight: 600;
}
.orange_selected{
    border: 1px solid #F07C24;
    color: #F07C24;
    font-size: 14px;
    font-weight: 600;
}
.green_selected{
    border: 1px solid #5BAC3F;
    color: #5BAC3F;
    font-size: 14px;
    font-weight: 600;
}

.blue_selected{
    border: 1px solid #2FAEF5;
    color: #2FAEF5;
    font-size: 14px;
    font-weight: 600;
}
.yellow_selected{
    border: 1px solid #C2943A;
    color: #C2943A;
    font-size: 14px;
    font-weight: 600;
}


.green_circle{
    height: 12px !important;
    width: 12px !important;
    background-color: #5BAC3F !important;
}
.brown_circle{
    height: 12px !important;
    width: 12px !important;
    background-color: #814213 !important;
}
.orange_circle{
    height: 12px !important;
    width: 12px !important;
    background-color: #F07C24 !important;
}
.blue_circle{
    height: 12px !important;
    width: 12px !important;
    background-color: #2FAEF5 !important;
}
.yellow_circle{
    height: 12px !important;
    width: 12px !important;
    background-color: #C2943A !important;
}