/*DMS.css*/

.content {
    min-height: 1024px;
}

.sidebar-user-material {
    background: url('../../../Content/images/System-Pallet-Photo.jpg') center center no-repeat;
}


/*
 * Disabled fields for customer contact selector.  */
.form-control.disabled {
    border-bottom-style: dashed;
    color: #999999;
    background-color: #fafafa;
}

.form-control.disabled {
    cursor: not-allowed;
}

/*
    Make btn-group within input-group full width to fix multiselects with help icon */
.input-group .btn-group {
    display: table-cell;
}

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

/*
    Trim the whitespace around the header */
.page-header .page-title {
    padding-top: 24px;
    padding-bottom: 24px;
}

.page-header.page-header-default {
    margin-bottom: 20px;
}
/*-----------------------*/


/* This is a rip of .dataTables_filter but avoiding the search icon */
.dataTables_filterWrapper {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 20px 20px;
}

    .dataTables_filterWrapper > label {
        margin-bottom: 0;
        position: relative;
    }

        .dataTables_filterWrapper > label > span {
            float: left;
            margin: 9px 20px;
            margin-left: 0;
        }

/*
    Add padding for datatables that are not children of .card-body */
.card > .table-responsive .top {
    margin-top: 12px;
    margin-bottom: 12px;
}

    .card > .table-responsive .top .dataTables_filter {
        margin-bottom: 8px;
    }

.card > .table-responsive .bottom {
    margin: 0 20px;
}
/*-----------------------*/

/*
    This change makes the spans in menu items display block so we can click them.*/
/*ul.navigation li a span {
  display: block;
}*/
/*-----------------------*/

/*.m-2 {
  margin: 2px;
}

.btn-xs,
.btn-group-xs .btn {
  font-weight: 500;
  font-size: 11px;
}

.list-feed {
  max-height: 280px;
}

.modal-xl {
  max-width: 1140px;
}

@media (min-width: 1025px) {
  .modal-xl {
    width: 1000px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    width: 1140px;
  }
}

th {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-centered {
  text-align: center;
}*/

.address-map {
  width: 100%;
  height: 260px;
}

/*.dms-customer-equipment-list-mini table {
  width: 100%;
}*/

/* Adjustments */
.input-group {
  width: 100%;
}

.tooltip {
  min-width: 200px;
}
/* 
.form-horizontal .multiselect-container .checkbox .checker {

     * This is to fix the position of the checkboxes in the 
     * Products & Services multi-select on the Create Customer screen.
     */
/*top: 50%;
}

.content-detached .card-body {
  min-height: 200px;
}

.bootstrap-tagsinput .tag {
  border-radius: 15px;
  padding: 4px 10px;
  padding-right: 30px;
  line-height: 1.6666667;
}

.bootstrap-tagsinput .tag [data-role='remove'] {
  right: 12px;
  line-height: 1;
}

.card-heading {
  padding-top: 10px;
  padding-bottom: 10px;
}

.card-body + .card-heading {
  padding-top: 0;
}*/

/* HACK: This style is present in the demo 
         but not in the currently installed 
         version. :(
    http://demo.interface.club/limitless/demo/bs4/Template/layout_1/LTR/default/full/form_multiselect.html
*/
/*.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 0 !important;
  left: 0;
  top: 0;
}*/

/* This fixes the layout of radios in a single-select menu */
/*.form-horizontal .multiselect-container .radio .choice,
.form-horizontal .multiselect-container .radio-inline .choice {
  display: none;
}

.force-iconsize {
  font-size: 16px;
}*/

/* This overrides the top padding on legends in multi-column forms*/
/*[class^='col-'] legend:first-child,
[class*='col-'] legend:first-child {
  padding-top: 0;
}

.heading-elements .heading-element {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-left: 20px;
}*/

/* PRINT STYLES */
/**/ @media print {

    table.table a[href]:after {
        content: none;
    }

    .sidebar,
    .dataTables_wrapper .top,
    .dataTables_wrapper .bottom,
    .footer,
    .breadcrumb-line,
    .heading-elements,
    .page-title i,
    .dataTable thead .sorting::before,
    .dataTable thead .sorting::after {
        display: none;
    }

    .page-header.page-header-default {
        margin: 0;
    }

    .page-header-content,
    .page-header-content .page-title,
    .content {
        padding: 0;
    }

    .dataTables_wrapper .top {
        padding: 0 0 20px 5px;
    }

        .dataTables_wrapper .top::after {
            content: '';
            display: table;
            clear: both;
        }

    .page-title h4 {
        padding-left: 5px;
        color: transparent !important;
    }

        .page-title h4 span {
            color: #000 !important;
        }

    .dataTables_filter {
        margin-left: 0;
    }

    .dataTables_filter {
        margin-right: 20px;
    }

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

    .table > thead > tr > th,
    .table > tbody > tr > td {
        padding: 5px;
    }

    /* hide the actions column */
    .table thead th:last-child,
    .table tbody td:last-child {
        display: none;
    }
}

.os-nav-tabs-white {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

form label {
    margin-bottom: 0;
    margin-top: 0.5rem;
}

label.validation-error-label {
    margin: 0;
}

form-group {
}