/* ----- Override ----- */

.col-mr-auto, .col-ml-auto {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .col-auto{
        width: auto;
        float: right;
    }

    .col-mr-auto {
        float: left;
        display: inline-block;
    }

    .col-ml-auto {
        float: right;
        display: inline-block;
    }
}

a {
    color: #021d49;
}

.btn-group-xs>.btn, .btn-xs {
    font-size: 0.9em;
}

.navbar-login {
    padding: 1em 1.5em;
}

li.open {
    background:#232a32;
}

.bg-none {
    background: transparent;
}

label.required:after {
    color: #A94442;
    content: ' *';
    display: inline;
}

.flex {
    display: block;
  }

  .align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  @media (min-width: 768px) {
    .flex {
        list-style: none;
        
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    
        align-items: center;
        padding: 0 15px;
      }
  }

  .flex div {
      padding: 1em 0.8em 1em 0;
  }

.indent-left {
    padding-left: 4em;
}

.form-horizontal .form-group {
    margin-bottom: 1em;
}

.content .block {
    margin-bottom: 10px;
}

.pagination > .active > a {
    color: #021d49;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 2px #021d49;
    box-shadow: 0 2px #021d49;
}

.table-bordered > thead > tr > th {
    background: #2c343f;
    color: #fff;
    vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #fafafa;
}

.table.table-bordered.dataTable tbody td {
    font-size: 0.9em;
}

.table > tbody > tr > td {
    padding: 10px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    top: 40%;
}

.btn-table {
    cursor: pointer;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
      max-width: 800px;
      width: 100%;
    }
  }
  
  @media (min-width: 1200px) {
    .modal-xl {
      max-width: 1140px;
      width: 100%;
    }
  }

  .modal-body table td p {
      margin: 0;
  }

    /* ----- Tabs ---- */

    @media (min-width: 768px) {
        .block > .nav-tabs > li {
            border-bottom: none;
        }
    }


    /* ----- Header ---- */

    .nav-header .form-control {
        width: 8em;
    }


    /* ----- Side Header ---- */
    .side-content {
        margin: 0 auto;
        padding: 13px 20px;
    }

    .side-header.side-content {
        text-align:center;
    }

    .side-header img {
        max-width: 115px;
    }

    .sidebar-logo-hide {
        opacity: 0;
    }

    @media screen and (min-width: 992px) {
        .sidebar-o.sidebar-mini #sidebar .sidebar-logo-hide {
            opacity: 1 !important;
            -webkit-transition: opacity 0.28s ease-out;
            transition: opacity 0.28s ease-out;
            position: absolute;
            top: 4em;
            z-index: 1;
            left: 1em;
            width: 25px;
        }
    }

    /* ----- Margin Definitions ----- */

    .mb-1 {
        margin-bottom: 1em;
    }

    .mb-2 {
        margin-bottom: 2em;
    }

    .my-2 {
        margin: 2em 0;
    }

    /* ----- Padding Definitions ----- */

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-4 {
        padding-left: 4em;
        padding-right: 4em;
    }

    .pb-1 {
        padding-bottom: 1em;
    }

    .pb-2 {
        padding-bottom: 2em;
    }

    .pt-1 {
        padding-top: 1em;
    }

    .py-2 {
        padding-top: 2em;
        padding-bottom: 2em;
    }


    /* Forms */

    .css-checkbox-default input:checked + span {
        background-color: #2c343f;
        border-color: #2c343f;
    }

    .btn[disabled] {
        opacity: .25;
    }

    /*----- Modals ----- */

    .bg-primary-dark {
        background-color: #021d49;
    }


    /* ----- Page Headers -----*/
    .page-heading {
        color: #2c343f;
        font-size: 2.5em;
        font-weight: 400;
        line-height: 1.24;
    }

    .page-heading .si {
        font-size: 0.75em;
    }

    /* ----- Header Row -----*/

    .grey-row {
        background: #eee;
        border-bottom: solid 1px #ddd;
    }

    /* ----- Buttons -----*/

    .btn-default[disabled] {
        background-color: #999;
        opacity: .5;
    }

    .btn-print {
        border: solid 1px #e9e9e9;
        color: #545454;
        background-color: #f5f5f5;
    }

    .btn-gold {
        color: #fff;
        background-color: #8d7732;
        border-color: #c6ad71;
    }

    .btn-gold:hover {
        color: #fff;
        background-color: #333;
        border-color: #222;
    }

    .btn-gold:focus {
        color: #fff;
    }

    .btn-danger {
        color: #fff;
        background-color: #c33825;
        border-color: #c33825;
    }
    
    .btn-success {
        color: #fff;
        background-color: #01a185;
        border-color: #01a185;
    }

    /* ----- Members / Assign Members -----*/

    .table_members .css-checkbox {
        margin: 0;
    }

    table.table_members > tbody > tr > td {
        padding: 4px;
    }

    .assign_members .flex div {
        padding: 0.2em 0.35em;
    }

    .members--form, .opportunities--form label {
        font-weight: 300;
        font-size: 1.2em;
        display: block;
    }

    .members--form .pb-2 {
        padding-bottom: 0;
    }

    @media (min-width: 768px) {
        .form-inline .form-group {
            vertical-align: top;
        }

        .members--form .pb-2 {
            padding-bottom: 2em;
        }
    }


    @media (min-width: 768px) {

        .nav-tabs.nav-justified>li {
            width: auto;
        }

        .members-tabs .nav-tabs.nav-summary>li {
            display: table-cell;
            width: auto;
            border-right: solid 1px #bbb;
        }

        .members-tabs .nav-tabs.nav-summary>li:last-child {
            border-right: none;
        }

        .members-tabs .block > .nav-tabs.nav-tabs-alt {
            background-color: #ededed;
            border-top: solid 1px #bbb;
            border-bottom: solid 1px #bbb;
        }

        .members-tabs .nav-tabs.nav-justified>li {
            display: table-cell;
            width: auto;
            border-right: solid 1px #bbb;
        }

        .members-tabs .nav-tabs.nav-justified>li:last-child {
            border-right: none;
        }
    }


.breadcrumb {
    padding: 10px 10px 10px 10px;
    margin-bottom: 0;
    text-transform: initial;

    font-size: 14px;

    font-weight: initial;

    color: #999999;

    background-color: white;
}

    .breadcrumb > li + li:before {
        display: inline-block;
       

        /*font-family: "FontAwesome";*/
        /*color: rgba(0, 0, 0, 0.5);*/
        content: "\f105";
        width: 20px;
        text-align: center;
    }

.table {
    width: 100% !important;

}

thead {display: table-header-group;}
tfoot {display: table-header-group;}

.modal-content .table {
    font-size:85%
}

.dataTables_processing {
    background-color: #d51108;
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
}

.bg-gray-lighter {
    /*background-color: #f9f9f9;*/
}
.content {
    /*background-color: #f9f9f9;*/
}
.form-material > .form-control {
    padding-left: 10px;
}

/*@media screen and (min-width: 768px) {
    .content p, .content .push, .content .block, .content .items-push > div {
       
    }
}*/
#main-container, #page-footer {
    padding-top: 40px;
}
footer {


}
.validation-summary-errors {
    /*padding-bottom: 10px;
    border-radius: 2px;
    border: none;


    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
    box-shadow: 0 2px rgba(0, 0, 0, 0.01);


    background-color: #f9eae8;
    color: #c54736;
    -webkit-box-shadow: 0 2px #f4d8d4;
    box-shadow: 0 2px #f4d8d4;*/
}
    .validation-summary-errors h4 {
        padding-bottom: 20px;
    }

.validation-summary-valid {
    display: none;
}

.field-validation-error {
    line-height: 30px;
}

.alert h2 {
    margin-bottom: 10px;
}
.alert div  {
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.alert .vertical-align {
    display: flex;
}
.alert p { padding-bottom: 10px;}


h4 {
    margin-bottom: 10px;
}

/* Login */

.login--box {
    border: solid 1px #eee;
}

.login--logo {
    max-width:18em;
    margin: 0 auto;
}

.logo--text {
    /* max-width: 15em; */
    /* width: 100%; */
    height: 1.3em;
    /* padding: 5px 0; */
    margin: 10px 10px;
}

.logo--print {
    height: 3.3em;
    margin: 10px 10px;
}

.logo--print.round {
    height: 6em;
}


/* Modal */

.block-title {
    color: #fff;
}

.modal-dialog address {
    font-size: 0.9em;
}

/* Avatar */

@media screen and (max-width: 1200px) {
    .img-avatar.img-avatar128 {
        padding-top:2em
    }
}

/* Work orders */

.work--orders .col-sm-12 {
    border-bottom: solid 1px #eee;
    padding: 0.5em 0;
    border-left: solid 1px #eee;
}

.special--instructions label {
    font-size: 1em;
    color: #2c343f;
}

.special--instructions {
    padding: 2em 1em;
    border: solid 1px #2c343f;
    border-bottom: solid 2px #2c343f;
    margin: 2em 0;
}

/* Work List */

ol.selected--fields {
    padding: 0;
    list-style: disc;
}

    ol.selected--fields li {
        display: inline-block;
        background: #2c343f;
        padding: 0.5em 1em;
        margin: 0.2em;
        color: #fff;
        font-size: 0.8em;
    }

        ol.selected--fields li:before {
        }


/* Reporting */

.reporting h3 {
    border-bottom: solid 5px #8d7732;
    padding-bottom: 0.8em;
    background: #121f48;
    color: #fff;
    padding: 0.5em 1em;
}

.reporting ul {
    margin: 0;
    padding-inline-start: 0px;
    list-style: none;
}

.reporting ul li:before {
    padding: 0 1em 0 0;
    background-size: 0.625rem 0.625rem;
    content: "\e05f";
    font-family: Simple-Line-Icons;
}

.reporting ul li {
    padding: 1em;
    border-bottom: solid 1px #eee;
}

.reporting ul li:last-child {
    border-bottom: none;
}

/* Section */

.section--lightgrey {
    background: #fafafa;
    border: solid 1px #ddd;
    padding: 2em;
    overflow: hidden;
}

/* Warning Banner */
.header--warning-banner {
    color: #fff;
    line-height: 33px;
    font-weight: bold;
    font-size: 1.5em;
}
.header--warningbg {
    background-color: #f00 !important;
}
.layout--warning-banner {
    height: 75px;
    background: red;
    color: white;
    text-align: center;
    line-height: 75px;
    font-size: 24px;
    font-weight: bold;
}

.badge {
    text-align: left;
    white-space: normal;
}


.table > thead > tr > td.--highlight,
.table > tbody > tr > td.--highlight,
.table > tfoot > tr > td.--highlight,
.table > thead > tr > th.--highlight,
.table > tbody > tr > th.--highlight,
.table > tfoot > tr > th.--highlight,
.table > thead > tr.--highlight > td,
.table > tbody > tr.--highlight > td,
.table > tfoot > tr.--highlight > td,
.table > thead > tr.--highlight > th,
.table > tbody > tr.--highlight > th,
.table > tfoot > tr.--highlight > th {
    background-color: #FFFF7B;
}

.ajax_load {
    background-color: black;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0.5;
}

.--fullwidth{
    display: block;
    padding: 1em;
    text-align: left;
    font-size: 14px;
}