* {
    outline: none !important;    
}

::placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

body {
    color: #323338 !important;
}

.list_styleOne li {
    position: relative;
    padding: 0px 10px;
    border-bottom: 1px solid transparent;
}

.list_styleOne li + li {
    /*margin-left: 20px;*/
}

.list_styleOne li + li:before {
    content: "";
    width: 1px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
    border-left: 1px solid #999999;
}

.list_styleOne li a {
    color: #323338;
    text-decoration: none;
    outline: none;
}

.btn:hover {
    transform: none !important;
    box-shadow: none !important;
    background-color: #dcdfec !important;
    color: #444444 !important;
}

.list-inline .show {
    display: inline-block !important;
}

.blue_txt {
    color: #579bfc !important;
}

.green_txt {
    color: #00c875 !important;
}

.purple_txt {
    color: #784bd1 !important;
}

.gray_txt {
    color: #808080 !important;
}

.yellow_txt {
    color: #ffcb00 !important;
}

.pink_txt {
    color: #ff5ac4 !important;
}


/**************** Single Use CSS ****************/

.main-content .pm_tool .card,
.project_table table {
    background-color: #ffffff !important;
}

.pm_tool {
    max-width: 100% !important;
}

.pm_header,
.pm_subHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pm_subHeader {
    border-bottom: 1px solid #aaa;
}

.pm_subHeader ul.list_styleOne li,
.pm_subHeader ul.list_styleOne li {
    border-radius: 2px;
    border-bottom: 1px solid transparent;
}

.pm_subHeader ul.list_styleOne li.active,
.pm_subHeader ul.list_styleOne li:focus {
    border-color: #6072e4;
}

.pm_subHeader ul.list_styleOne li:hover {
    background-color: #dcdfec;
}

.pm_subHeader ul.list_styleOne li.active,
.pm_subHeader ul.list_styleOne li.active:hover {
    border-radius: 2px 2px 0px 0px;
}

.pm_subHeader ul.list_styleOne li.dropdown:hover a.dropdown-toggle span {
    width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
}

.pm_subHeader ul.list_styleOne li.dropdown a.dropdown-toggle::after,
.pm_subHeader ul.list_styleOne li.dropdown a.dropdown-toggle i.fa-ellipsis-h {
    display: none;
    position: absolute;
    top: 5px;
    right: 7px;
}

.pm_subHeader ul.list_styleOne li.dropdown:hover a.dropdown-toggle i.fa-ellipsis-h {
    display: inline-block;
}

.pm_subHeader ul.list_styleOne li.dropdown .dropdown-menu {
    top: 5px !important;
}

.inner_menuBar .nav-tabs {
    border: 0px !important;    
}

.inner_menuBar .nav-tabs li.nav-item {
    display: flex !important;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link {
    font-size: 14px;
    color: inherit;
    text-transform: capitalize;
    padding: 6px 12px;
    background-color: transparent !important;
    border-radius: 0.375rem !important;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link.active,
.inner_menuBar .nav-tabs li.nav-item .nav-link:focus,
.inner_menuBar .nav-tabs li.nav-item .nav-link:hover,
.inner_menuBar .nav-tabs li.nav-item:focus .nav-link,
.inner_menuBar .nav-tabs li.nav-item:hover .nav-link {
    background-color: #5e72e4 !important;
    color: #fff;
    border-color: #dee2e6 #dee2e6 #dee2e6;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown {
    border-right: 0px !important;
    border-radius: 0.375rem 0px 0px 0.375rem !important;
    margin-right: 0px !important;
    border-top-right-radius: 0px;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown + button.dropdown-toggle::after {
    vertical-align: 0.1em;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown + button.btn {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 6px;
    border-radius: 0px 0.375rem 0.375rem 0px !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown.active + button.btn,
.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown:focus + button.btn,
.inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown:hover + button.btn,
.inner_menuBar .nav-tabs li.nav-item:focus .nav-link.with_dropDown + button.btn,
.inner_menuBar .nav-tabs li.nav-item:hover .nav-link.with_dropDown + button.btn {
    background-color: #5e72e4 !important;
    color: #fff !important;
    border-color: #dee2e6 #dee2e6 #dee2e6 !important;
}

.inner_menuBar .nav-tabs li.nav-item .dropdown-menu {
    left: auto !important;
    right: 0% !important;
}

.project_table {
    padding-left: 6px;
}

.leads_table,
.activeDeals_table,
.preApproved_table,
.waitingClose_table,
.noApp_noDocs_table,
.notYetContacted_table,
.noResponse_table {
    position: static;
    margin-top: 60px;
}

.project_table h4 {
    display: flex;
    font-size: 18px;
    align-items: center;
    position: absolute;
    margin-top: -35px;
    width: auto;
}

.project_table,
.project_table table th,
.project_table table td,
.project_table .form-control {
    font-size: 14px !important;   
    color: #555555 !important;
    letter-spacing: 0px !important;
    text-transform: capitalize !important;
}

.project_table table th,
.project_table table td {
    white-space: nowrap;    
    border-bottom-width: 1px !important;
    font-weight: 300 !important;
    text-align: center;
    padding: 5px 8px !important;
    min-width: 100px !important;
    cursor: pointer;
}

.project_table .table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #dfd7ca;
}

.project_table table th:first-child,
.project_table table td:first-child,
.project_table table thead tr th:first-child,
.project_table table tbody tr td:first-child {
    padding-left: 14px;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
}

.project_table table thead tr th:first-child,
.project_table table thead tr th:nth-child(2),
.project_table table tbody tr td:first-child,
.project_table table tbody tr td:nth-child(2) {
    position: sticky;
    left: -1px;
    background-color: #ffffff;
    z-index: 1;
}

.project_table table thead tr th:nth-child(2),
.project_table table tbody tr td:nth-child(2) {
    left: 37px;
}

.project_table table tbody tr:last-child td:nth-child(2) {
    border-right-width: 0px !important;
}

.project_table table tbody tr:last-child td:nth-child(3) {
    border-left-width: 0px !important;
}

.project_table table thead tr th:first-child:before,
.project_table table tbody tr td:first-child:before,
.project_table table thead tr th:first-child:after,
.project_table table tbody tr td:first-child:after,
.project_table table thead tr th:nth-child(2):after,
.project_table table tbody tr td:nth-child(2):after {
    content: "";
    width: 1px;
    height: calc(100% + 2px);
    display: block;
    background-color: #dfd7ca;
    position: absolute;
    top: -1px;
    right: -1px;
}

.project_table table tbody tr:last-child td:nth-child(2):after {
    width: 0px;
}

.project_table table thead tr th:first-child:before,
.project_table table tbody tr td:first-child:before {
    width: 6px;
    height: calc(100% + 2px);
    background-color: #579bfc;
    top: -1px;
    left: -6px;
    right: auto;
}

.project_table .activeDeals_table table thead tr th:first-child:before,
.project_table .activeDeals_table table tbody tr td:first-child:before,
.project_table .noResponse_table table thead tr th:first-child:before,
.project_table .noResponse_table table tbody tr td:first-child:before {
    background-color: #00c875;
}

.project_table .preApproved_table table thead tr th:first-child:before,
.project_table .preApproved_table table tbody tr td:first-child:before {
    background-color: #784bd1;
}

.project_table .waitingClose_table table thead tr th:first-child:before,
.project_table .waitingClose_table table tbody tr td:first-child:before {
    background-color: #808080;
}

.project_table .noApp_noDocs_table table thead tr th:first-child:before,
.project_table .noApp_noDocs_table table tbody tr td:first-child:before {
    background-color: #ffcb00;
}

.project_table .notYetContacted_table table thead tr th:first-child:before,
.project_table .notYetContacted_table table tbody tr td:first-child:before {
    background-color: #ff5ac4;
}

.project_table table thead tr:first-child th:first-child:before {
    border-radius: 50px 0px 0px 0px;
}

.project_table table tbody tr:last-child td:first-child:before {
    border-radius: 0px 0px 0px 50px;
}

.project_table table tbody tr:last-child td:first-child:before {
    opacity: 0.65;
}

.project_table table tbody tr:last-child:hover td:first-child:before {
    opacity: 1;
}

.project_table table,
.project_table table tfoot tr td:first-child,
.project_table table tfoot tr td:nth-child(2) {
    border: 0px !important;
}

.project_table table tfoot tr td>span {
    width: calc(100% + 0px);
    padding: 0px 25px;
    height: 100%;
    display: block;
    background-color: #ccc;
}

.project_table table tfoot tr td:nth-child(13)>span,
.project_table table tfoot tr td:nth-child(14)>span {
    border-radius: 30px;
    padding: 0px 60px;
}

.project_table .table tr td input.form-control {
    color: #555555 !important;
    border-color: transparent;
    background-color: transparent;
    min-width: 280px;
    max-width: 280px;
    padding: 1px 10px;
    height: auto !important;
}

.project_table .table tr td input.form-control:hover {
    border-color: #dfd7ca;
}

.project_table .table tr td input.form-control:focus {
    border-color: #0073ea;
    background-color: #ffffff;
}

.project_table .table tr td .status_print_color {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 14px);
    height: 33px;
    margin: -5px -7px;
}

.project_table .table tr td .status_print_color .add-status-note {
    transition: border-width .3s .2s ease;
    position: absolute;
    top: 0px;
    right: 0px;
    border-style: solid;
    border-color: rgba(0,0,0,.2) #ffffff;
    border-width:0px;
}

.project_table .table tr td .status_print_color:hover .add-status-note {
    border-width: 0 10px 10px 0;
}

.project_table .table tr td .status_txt {
    color: #ffffff;
    display: block;
    padding: 6px 10px;
}

.project_table .table tr td .dropdown-menu {
    padding: 15px;
}

.project_table .table tr td .dropdown-menu ul.statusPicker_list {
    padding: 0px 0px 5px;
    margin: -5px -5px 5px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #afafaf;
}

.project_table .table tr td .dropdown-menu ul.statusPicker_list li {
    flex: 0 0 100%;
    max-width: 50%;
    padding: 5px;
}

.project_table .table tr td .dropdown-menu ul.statusPicker_list li .popUp_statusColor {
    padding: 5px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

.project_table .table tr td .dropdown-menu button {
    background-color: transparent;
    width: 100%;
}

.project_table .table tr td .dropdown-menu button svg {
    margin-right: 5px;
}

.project_table table tbody tr td:nth-child(13) .status_print_color,
.project_table table tbody tr td:nth-child(14) .status_print_color {
    margin: 0px;
    width: calc(100% + 0px);
    height: 23px;
    border-radius: 50px;
}

.project_table table tr td .numeric_column_value {
    line-height: 1;
    margin: -5px 0px;
}

.project_table table tr td .numeric_column_value strong,
.project_table table tr td .numeric_column_value span{
    display: block;
    line-height: 1;
}

.project_table table tr td .numeric_column_value span {
    font-size: 12px;
}


.pm_header ul.list-inline li>a.dropdown-toggle::after,
.pm_subHeader ul.list_styleOne li + li:hover + li:before,
.pm_subHeader ul.list_styleOne li + li:hover:before,
.project_table .table tr td .dropdown-toggle::after {
    display: none !important;
}

.pm_subHeader ul.list_styleOne li.show_dropdownIcon:hover a.dropdown-toggle span {
    width: auto;
    overflow: auto;
    text-overflow: unset;
}

.pm_subHeader ul.list_styleOne li.show_dropdownIcon a.dropdown-toggle::after {
    display: inline-block !important;
    position: relative;
    top: 1px;
    right: auto;
}

@media (max-width: 1199.98px) {
    
    .pm_tool .card-header, .pm_tool .card-body {
        padding: 1rem !important;
    }
    
    .list_styleOne li {
        padding: 0px 5px;
    }
    
    .inner_menuBar .nav-tabs li.nav-item .nav-link {
        padding: 4px 8px !important;
    }
    
    .inner_menuBar .nav-tabs li.nav-item .nav-link.with_dropDown + button.btn {
        padding: 3px 6px !important;
    }
    
    
}

@media (max-width: 991.98px) {
    
    body,
    .inner_menuBar .nav-tabs li.nav-item .nav-link {
        font-size: 12px !important;
    }
    
    .project_table h4 {
        font-size: 16px;
    }
    
    .project_table table th,
    .project_table table td {
        padding: 5px 5px !important;
        min-width: 80px !important;
    }
    
    .project_table table th:first-child,
    .project_table table td:first-child,
    .project_table table thead tr th:first-child,
    .project_table table tbody tr td:first-child {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
    }
    
    .project_table table thead tr th:nth-child(2),
    .project_table table tbody tr td:nth-child(2) {
        left: 28px;
    }
    
    .project_table .table tr td input.form-control {
        min-width: 180px !important;
        max-width: 180px !important;
        padding: 1px 5px !important;
    }
        
    .project_table .table tr td .status_print_color {
        width: calc(100% + 10px);
        height: 31px;
        margin: -5px -5px;
    }
    
}

@media (max-width: 767.98px) {
    
    .container-fluid,
    .container-fluid .row [class*='col-']{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    
    .container-fluid .row {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }
    
    .project_table table th:first-child,
    .project_table table td:first-child,
    .project_table table thead tr th:first-child,
    .project_table table tbody tr td:first-child {
        width: 0px !important;
        min-width: 0px !important;
        max-width: 0px !important;
        padding: 0px !important;
    }
    
    .project_table table thead tr th:first-child:after,
    .project_table table tbody tr td:first-child:after,
    .project_table table th:first-child input[type='checkbox'],
    .project_table table td:first-child input[type='checkbox'],
    .project_table table tfoot {
        display: none !important;
    }
    
    .project_table table thead tr th:nth-child(2),
    .project_table table tbody tr td:nth-child(2) {
        left: -1px;
    }
    
    .project_table .table tr td input.form-control {
        min-width: 140px !important;
        max-width: 140px !important;
        padding: 1px 5px !important;
    }
    
}

@media (max-width: 575px) {
    
    .project_table,
    .project_table table th,
    .project_table table td,
    .project_table .form-control {
        font-size: 12px !important;
    }
    
    .project_table h4 {
        font-size: 15px;
    }
    
    .pm_tool .card-header,
    .pm_tool .card-body {
        padding: 0.5rem !important;
    }

    .pm_tool .card-header ul.list-inline>li {
        display: inline-block;
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .pm_tool .card-header ul.list-inline>li h4.card-title {
        width: 180px;
        font-size: 14px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
    }
    

}











