/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.head-nav {
    padding: 0 5px !important;
}

.head-change {
    background: #334865 !important;
    color: white !important;
}

.nav-logo {
    padding: 10px 0px !important;
}

.head-logo {
    width: 100%;
    text-align: center;
}

table#activeJobs.dataTable tbody tr:hover,
table#completeJobTable.dataTable tbody tr:hover,
table#incheckJobTable.dataTable tbody tr:hover,
table#draftJobTable.dataTable tbody tr:hover,
table#infieldJobTable.dataTable tbody tr:hover,
table#invoiceJobTable.dataTable tbody tr:hover,
table#fieldJob.dataTable tbody tr:hover,
table#setupJobTable.dataTable tbody tr:hover,
table#citySubmitJobTable.dataTable tbody tr:hover,
table#myTaskTable.dataTable tbody tr:hover,
table#readyJobTable.dataTable tbody tr:hover,
table#scheduleJobTable.dataTable tbody tr:hover {
    background-color: #ffa;
}

table#activeJobs.dataTable tbody tr:hover>.sorting_1,
table#completeJobTable.dataTable tbody tr:hover>.sorting_1,
table#incheckJobTable.dataTable tbody tr:hover>.sorting_1,
table#draftJobTable.dataTable tbody tr:hover>.sorting_1,
table#infieldJobTable.dataTable tbody tr:hover>.sorting_1,
table#invoiceJobTable.dataTable tbody tr:hover>.sorting_1,
table#fieldJob.dataTable tbody tr:hover>.sorting_1,
table#setupJobTable.dataTable tbody tr:hover>.sorting_1,
table#citySubmitJobTable.dataTable tbody tr:hover>.sorting_1,
table#myTaskTable.dataTable tbody tr:hover>.sorting_1,
table#readyJobTable.dataTable tbody tr:hover>.sorting_1,
table#scheduleJobTable.dataTable tbody tr:hover>.sorting_1 {
    background-color: #ffa;
}

.head-dropdown-menu {
    background: #334865 !important;
    color: white !important;
}

table#leadTable.dataTable tbody tr:hover,
table#leadTable.dataTable tbody tr.web-row:hover {
    background-color: #ffa !important;
}

table#leadTable.dataTable tbody tr:hover>.sorting_1,
table#leadTable.dataTable tbody tr.web-row:hover>.sorting_1 {
    background-color: #ffa !important;
}

.head-change ul li a {
    color: #fff !important;
}

.head-dropdown-menu a:hover {
    background: #263446 !important;
}

.text-blue {
    color: blue !important;
}

.head-dropdown-menu a.active .open {
    background: #263446 !important;
}

/* side nav custom css start*/
.main-menu.menu-dark ul.menu-popout {
    background-image: linear-gradient(to bottom, #334865, #334865) !important;
}

.main-menu.menu-dark ul.menu-popout li.hover>a,
.main-menu.menu-dark ul.menu-popout li:hover>a,
.main-menu.menu-dark ul.menu-popout li.open>a {
    background: #263446 !important;
}

.main-menu.menu-dark ul.menu-popout .active>a {
    color: #f6f6f6;
    background-color: #263446 !important;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content>span.menu-title,
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    background-color: #263446 !important;
}

/* side nav custom css end */
.brand-logo {
    width: 100%;
}

.show-messge {
    margin: 0px !important;
}

.brand-logo-collapse {
    width: 50px !important;
    height: 38px !important;
}

.active-job .table td.textCenter {
    text-align: center !important;
}

.display-hide {
    display: none;
}

.addfee-col-bg {
    background-color: lightgreen;
}

.setting-logo-view {
    width: 175px !important;
}

.site_logo,
.favicon {
    width: 32px !important;
    height: 32px !important;
}

.view_button_gs {
    margin-left: 10px !important;
}

.login_bg_img {
    width: 130px;
    height: 80px;
}

/* .compact{
    white-space: nowrap !important;
} */
.lead-status-align {
    position: absolute;
    margin-left: 10px;
}

.ma-left-10 {
    margin-left: 10px !important;
}

.kanban-ma-0 {
    margin: 0px !important;
}

.fbold {
    font-weight: 600 !important;
}

.bg-lead-status {
    color: white !important;
    padding: 0px 5px;
    margin-left: 10px;
}

.lead-status {
    color: white !important;
    padding: 0px 5px;
}

.job-status {
    color: #fff !important;
    padding: 2px 10px !important;
    margin-bottom: 0 !important;
}

.job-status-waiting {
    color: #000 !important;
    padding: 2px 10px !important;
    margin-bottom: 0 !important;
}

.send-timesheet {
    background-color: #00b5b8;
}

.btn-default {
    padding: 2px 10px !important;
    margin-bottom: 0 !important;
}

.lead-source {
    margin-left: 10px;
}

#imgDiv {
    border: 1px solid #ccd6e6;
    padding: 10px;
}

.employee-image {
    width: 150px;
    height: 150px;
}

.disabled {
    cursor: not-allowed !important;
}

.hidden1 {
    visibility: collapse;
}

.hidden2 {
    visibility: visible;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 80px;
    height: 50px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4f4f4f;
}

.buttons-print {
    background-color: #15d99e !important;
    border: #15d99e !important;
}

.buttons-print:hover {
    background-color: #10a175 !important;
    border: #10a175 !important;
}

.access-table table th,
td {
    text-align: left !important;
}

.title-mb-5 {
    margin-bottom: 5px !important;
}

.jobs-nav {
    border-bottom: none !important;
    background: none !important;
}

.jobs-nav-a {
    padding: 2px !important;
}

.pt-half {
    padding-top: .5rem !important;
}

.contact-thead {
    background-color: #bfd4e7 !important;
    white-space: nowrap;
}

.jobType-thead {
    background-color: #eec3ca !important;
    white-space: nowrap;
}

.jobFee-thead {
    background-color: #ccf29d !important;
}

.btn-add-more {
    background-color: #fff !important;
    color: #00b5b8 !important;
}

thead input {
    width: 100% !important;
}

.bg-lead-converte {
    background-color: #4472C4;
}

/* thead th{
    cursor: move !important;
} */

form .form-actions {
    margin-bottom: 5px !important;
    padding: 0 0 5px 0;
}

.access-table table tr td {
    text-align: left !important;
}

.table-responsive {
    min-height: 700px !important;
}

.custom-height {
    min-height: 400px !important;
}

.crewlist {
    background-color: #eec3ca;
    padding: 10px;
}

.table-responsive-custom {
    min-height: auto !important;
}

table th,
td {
    text-align: left !important;
    vertical-align: middle !important;
}

.active-job .table td {
    text-align: left !important;
}

.web-row {
    background-color: rgb(221, 225, 233) !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.setup {
    background: #009DA0;
    color: #fff;
    padding: 2px 5px;
}

.schedule {
    background: #076b6d;
    color: #fff;
    padding: 2px 5px;
}

.field {
    background: #1CBCD8;
    color: #fff;
    padding: 2px 5px;
}

.drafting {
    background: #0f7d90;
    color: #fff;
    padding: 2px 5px;
}

.check {
    background: #84df0e;
    color: #fff;
    padding: 2px 5px;
}

.complete {
    background: #0CC27E;
    color: #fff;
    padding: 2px 5px;
}

.ml-20 {
    margin-left: 20px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mbm-18 {
    margin-bottom: -18px !important;
}

.mt-26 {
    margin-top: 26px !important;
}

a.nav-link {
    border: 1px solid #334865 !important;
    background: #334865 !important;
    color: #fff !important;
}

.table {
    font-size: 11px !important;
}

a.nav-link .active {
    border: 1px solid #334865 !important;
    background: #b7bec0 !important;
    color: #fff !important;
}

div.dt-button-collection a.dt-button.active {
    background: #084b5f !important;
    color: #fff !important;
}

.job-form-table td {
    padding: 5px !important;
}

.table-100 {
    width: 100% !important;
}

.create-job-form {
    font-size: 11px !important;
}

.create-job-form-action {
    margin-top: -20px !important;
    padding-bottom: 0px !important;
}

.job-search-table {
    visibility: collapse;
}

.truncate {
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* This is the important CSS */
table.dataTable {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

table.dataTable th {
    white-space: nowrap;
    overflow: hidden;
}

table.dataTable td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS below is for appearance only */

table.dataTable thead th {
    text-align: left;
    padding-top: 0.85rem;
    /* Centering the text */
    padding-bottom: 0.5rem;
    /* Centering the text */
    white-space: nowrap !important;
}

/* table.bordered th {
    border-right: 1px solid whitesmoke;
} */

table.bordered th:last-child {
    border-right-width: 0;
}

/* 
table.bordered td {
    border-top-width: 0;
    border-left-width: 0;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
} */

table.bordered td:last-child {
    border-right-width: 0;
}

/* 
.dataTables_scrollHead {

    background: steelblue;
    border: solid 1px steelblue !important;
    border-right: solid 1px steelblue !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} */

.dataTables_scrollHead table {
    border: none;
    margin-top: 0px !important;
}

.dataTables_scrollHead thead th {
    border-bottom: none;
}


/* 
.dataTables_scrollBody {

    border-left: solid 1px #676a6c;
    border-right: solid 1px #676a6c;
    border-bottom: solid 1px #676a6c;

} */

table.dataTable thead .sorting_asc {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center left;
}

table.dataTable thead .sorting_desc {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center left;
}

table.dataTable thead .sorting {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center left;
}


@media (max-width: 544px) {
    .head-logo {
        width: 80% !important;
    }
}

.dt-bootstrap4.dt-buttons.btn {
    padding: 0px 10px !important;
}

.select2-selection__rendered {
    line-height: 20px !important;
}

.select2-results__option,
.select2-results__group {
    padding: 0% 0% 0% 1% !important;
}

.select2-selection__arrow {
    height: 20px !important;
}

/* custom */
.ui-resizable-e {
    width: 22px;
}