body {
    font-size: 13px;
    color: #000;
}

h1 {
    /*margin-top: 20px;*/
    margin-bottom: 15px;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #ccc;*/
    /*font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Segoe UI', Arial;*/
    /*font-size: 28px;
    font-weight: normal;*/
    color: #666;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2em;
    /*font-family: 'Lucida Sans Unicode', Arial;
    font-weight: normal;*/
    color: #444;
}

h3 {
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #666;
    /*color: #7c8160;*/
}

h4.main-title {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}

a {
    color: #0069c7;
}

    a:hover {
        color: #0056a3;
    }

hr {
    border-color: #ccc;
}

label {
    /*font-size: .9rem;*/
}

.body-content {
    /*padding-top: 10px;*/
}

.tcr-logo {
    width: 50px;
    height: 50px;
    background: url(images/tcr-logo-white.png) no-repeat center center;
}

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 10px; /* for vertical scrollbars */
    height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.4);
    }

/* Side Menu Styles */
.side-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    /*padding: 5px;*/
    border-top: 3px solid #ddd;
    width: 219px;
    background-color: #eee;
}

    .side-menu .list-group-item:first-child, .side-menu .list-group-item:last-child {
        border-radius: 0;
    }

    .side-menu > .list-group-item {
        padding: 8px 12px;
        border-right-width: 0;
        border-left-width: 0;
        font-size: 13px;
        font-weight: bold;
        color: #333;
    }

        .side-menu > .list-group-item.active {
            font-weight: bold;
            color: #fff;
            background-color: #3b8f34;
            border-color: #3b8f34;
        }

    .side-menu > li > ul {
        display: none;
    }

#sideHeader {
    /*display: none;*/
    padding: 8px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: bold;
}

    #sideHeader a {
        color: #777;
    }

#sideOptions {
    overflow-y: auto;
    overflow-x: hidden;
}

.option-heading {
    /*margin: 6px 6px 4px 6px;
            background-color: #e6e6e6;*/
    padding: 6px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /*border-radius: 3px;*/
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
}

    .option-heading > .pull-right {
        margin-top: 3px;
    }

    .option-heading > .fa {
        color: #777;
    }

ul.option-group {
    list-style-type: none;
    margin: 0;
    padding: 0px 15px 5px 15px;
    /*border-bottom: 1px solid #ddd;*/
}

    ul.option-group > li {
        padding: 1px;
        font-size: 13px;
    }

        ul.option-group > li > label {
            font-weight: normal;
        }

ul.option-group-checkbox {
    margin-top: 6px;
}

    ul.option-group-checkbox > li {
        padding: 1px;
    }

ul.option-group-list {
    padding: 5px;
}

    ul.option-group-list > li {
        margin-bottom: 4px;
        padding: 0;
    }

        ul.option-group-list > li > a {
            display: block;
            margin-bottom: 4px;
            padding: 6px 10px;
            border-radius: 4px;
            text-decoration: none;
            color: inherit;
        }

            ul.option-group-list > li > a.active, ul.option-group-list > li > a:hover {
                background-color: #caedc2;
            }

.side-menu > a > span {
    display: inline-block;
    vertical-align: bottom;
}

.nav > li > a > span.fa-chevron-down {
    margin-top: 6px;
}

.side-menu > a > .menu-icon {
    margin-right: 8px;
}

.menu-icon {
    width: 24px;
    height: 24px;
}

.nc-icon.outline * {
    stroke: #5c7f87; /*65ac54, 77a36d*/
    stroke-width: 1.5px;
}

    .nc-icon.outline *[data-color="color-2"] {
        stroke: #269235; /*65ac54, 77a36d*/
        stroke-width: 1.5px;
    }

.side-menu > a.active .nc-icon.outline *, .side-menu > a.active:hover .nc-icon.outline *, .side-menu > a.active:focus .nc-

icon.outline * {
    stroke: #fff !important;
}

.fa {
    width: 14px;
    text-align: center;
}

.fa-lg {
    width: 18px;
}

/* End Side Menu Styles */

/* Mega Dropdown */
.mega-dropdown {
}

.mega-dropdown-menu {
    margin-left: -100px;
    padding: 8px 10px 20px 10px;
    width: 800px;
    /*border: 1px solid #ccc!important;
            border-top-width: 0!important;
            border-bottom-color: #bbb!important;
            box-shadow: 0 1px 20px 0 #aaa!important;
            -webkit-box-shadow: 0 1px 20px 0 #aaa!important;*/
}

    .mega-dropdown-menu:before {
        content: "";
        border-bottom: 15px solid #fff;
        border-right: 17px solid transparent;
        border-left: 17px solid transparent;
        position: absolute;
        top: -8px;
        left: 106px;
        z-index: 10;
    }

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                padding: 5px 10px;
                clear: both;
                color: #333;
                font-size: 13px;
                white-space: normal;
                border-radius: 3px;
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        background-color: #53a140;
        text-decoration: none;
        color: #fff;
    }

    .mega-dropdown-menu .dropdown-header {
        margin-bottom: 5px;
        padding: 5px;
        font-size: 15px;
        font-weight: bold;
        color: #666;
        border-bottom: 1px solid #ddd;
    }

/* Grid Styles */
.grid-toolbar {
    padding: 3px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
}

    .grid-toolbar > .btn-toolbar > .btn-group > .btn {
        border-width: 0;
    }

.btn.disabled,
.btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=25);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .25;
}

.grid-toolbar > .btn-toolbar > .btn-group > .btn-default {
    background-color: transparent;
}

.grid-toolbar > .btn-toolbar > .btn-group > .dropdown-toggle {
    background-color: white;
    border-width: 1px;
}

.grid-toolbar > .btn-toolbar > .btn-group > .btn-default:hover {
    background-color: white;
}

.grid-toolbar > .btn-toolbar > .btn-group > .btn > .nc-icon-glyph {
    font-size: 18px;
    color: #777;
    /*font-weight: 600;*/
}

.grid-toolbar .btn > i.nc-icon-outline {
    line-height: 18px;
    color: #777;
    font-weight: bold;
}

.grid-toolbar > .btn-toolbar > .btn-group > .btn:hover > .nc-icon-outline {
    color: inherit;
}

.grid-toolbar-wb {
    padding-top: 4px;
    padding-bottom: 4px;
    border-top-width: 0;
    border-bottom-width: 0;
}

    .grid-toolbar-wb > .btn-toolbar > .btn-group > .btn {
        background-color: white;
        border-width: 1px;
        font-size: 13px;
        line-height: 22px;
        height: 34px;
    }

        .grid-toolbar-wb > .btn-toolbar > .btn-group > .btn > span {
            margin-left: 3px;
            vertical-align: top;
        }

        .grid-toolbar-wb > .btn-toolbar > .btn-group > .btn > .nc-icon-glyph, .grid-toolbar-wb > .btn-toolbar > .btn-group > .btn > .nc-icon-mini {
            font-size: 16px;
            color: #777;
            line-height: 18px;
            /*font-weight: 600;*/
        }

.btn-toolbar .dropdown-menu > li:not(.divider) {
    padding: 3px;
}

.btn-toolbar .dropdown-menu > li > a {
    border-radius: 3px;
}

    .btn-toolbar .dropdown-menu > li > a:hover {
        background-color: #caedc2;
    }

.btn-toolbar .dropdown-menu > li.selected > a {
    background-color: #b2e2a7;
}

.grid-hdr {
    overflow: hidden;
    background-color: #f4f4f4;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    background-color: #fff;
    border-collapse: collapse;
    border-color: #ddd;
}

.table-scroll {
    /*position: relative;*/
    overflow-x: auto;
    overflow-y: scroll;
}

.tcr-grid table {
    border-collapse: collapse;
}
/*.tcr-grid th, .tcr-grid td {
        margin: 0;
    }*/

.tcr-table {
    border-color: white;
    border-width: 0;
}

    .tcr-table:focus {
        outline: 0;
    }


    .tcr-table th.sort-asc, .tcr-table th.sort-desc {
        background: #caedc2;
        border-left: 1px solid #b2d4aa;
        border-right: 1px solid #b2d4aa;
        color: #000;
    }

        .tcr-table th.sort-asc a, .tcr-table th.sort-desc a {
            padding-right: 20px;
            background: #caedc2 url(images/sort-asc.png) no-repeat right 2px center;
        }

        .tcr-table th.sort-desc a {
            background-image: url(images/sort-desc.png);
        }

            .tcr-table th.sort-asc a:hover, .tcr-table th.sort-desc a:hover {
                border-color: #caedc2;
            }

    .tcr-table > thead > tr > th:first-child, .tcr-table > tbody > tr > th:first-child {
        border-left-width: 0;
        /*padding-left: 15px;*/
    }

    .tcr-table > thead > tr > th:last-child, .tcr-table > tbody > tr > th:last-child {
        border-right-width: 0;
        /*padding-right: 15px;*/
    }

    .tcr-table > thead > tr > th, .tcr-table > tbody > tr > th {
        padding: 0px;
        border-right-width: 0;
        border-left-width: 0;
        background-color: #f0f0f0;
        /*border-bottom: 2px solid #ccc;*/
        border-top-width: 0;
        border-bottom-width: 0;
        font-size: 12px;
        color: #333;
        font-weight: 600;
        /*text-transform: uppercase;*/
    }

        .tcr-table > thead > tr > th > a, .tcr-table > tbody > tr > th > a,
        .tcr-table > thead > tr > th > span, .tcr-table > tbody > tr > th > span {
            display: block;
            padding: 10px;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            /*border-radius: 3px;*/
            color: inherit;
        }

            .tcr-table > thead > tr > th > a:hover {
                background-color: #caedc2;
                border-left: 1px solid #b2d4aa;
                border-right: 1px solid #b2d4aa;
            }

            .tcr-table > thead > tr > th > a:hover, .tcr-table > tbody > tr > th > a:hover {
                color: #000;
                text-decoration: none;
            }

        .tcr-table > thead > tr > th.col-spacer {
            min-width: 20px;
        }

    .tcr-table > tbody > tr:hover {
        background-color: #eee; /*e4f5e1*/
    }

    .tcr-table > tbody > tr.no-records:hover {
        background-color: transparent; /*e4f5e1*/
    }

    .tcr-table > tbody > tr.selected {
        background-color: #b3deff; /*cce6c7*/
    }

    .tcr-table > tbody > tr.checkbox-selected {
        background-color: #d5efce; /*cce6c7*/
    }

    .tcr-table > tbody > tr.selected.no-focus {
        background-color: #ddd; /*cce6c7*/
    }

    .tcr-table > tbody > tr > td:first-child {
        /*padding-left: 15px;*/
    }

    .tcr-table > tbody > tr > td:last-child {
        /*padding-right: 15px;*/
    }

    .tcr-table > tbody > tr > td {
        padding-left: 10px;
        border-top-width: 0;
        border-bottom: 1px solid #ddd;
        border-left-width: 0;
        border-right-width: 0;
        vertical-align: middle;
        font-size: 12px;
    }

        .tcr-table > tbody > tr > td > div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tcr-table > tbody > tr > td a {
            /*color: #188000;*/
            /*text-decoration: underline;*/
        }

            .tcr-table > tbody > tr > td a:hover {
                /*color: #000;*/
                text-decoration: underline;
            }

    .tcr-table > tbody > tr.no-records > td {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

.inline-search > td {
    background-color: #fff !important;
    padding: 0 !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
    /*border-color: #ffeec9;*/
}

.inline-search .form-control {
    border-width: 0;
    font-weight: normal;
}

.grid-rec-count {
    padding-right: 10px;
    font-size: 24px;
    color: #666;
}

.grid-no-records {
    padding: 20px 10px;
    text-align: center;
}

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

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

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

.sub-grid-toolbar {
    padding: 5px;
    background-color: #eee;
}

    .sub-grid-toolbar > .btn-toolbar > .btn-group > .btn {
        border-width: 0;
        background-color: transparent;
        line-height: 16px;
    }

        .sub-grid-toolbar > .btn-toolbar > .btn-group > .btn > .nc-icon-glyph {
            font-size: 18px;
            color: #777;
            font-weight: 600;
        }

    .sub-grid-toolbar .btn > i.nc-icon-outline {
        line-height: 16px;
        color: #777;
        font-weight: bold;
    }
/* End Grid Styles */

/* Folder Styles */
.folder-header {
    background-color: #eee;
}

.folder-nav-pill-container {
    padding: 5px;
    background-color: #fff;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #ccc;
}

.summary-panel {
    margin-bottom: 20px;
    padding: 8px 15px 30px 15px;
    min-height: 80px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
    border: 0px solid #ccc;
    box-shadow: 0px 1px 3px 0px #b5b7b1;
}

.navbar-inverse {
    background-color: #3b8f34;
    border-color: #3b8f34;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #2d7527;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #3b8f34;
}

.navbar-icon {
    padding-left: 40px !important;
    background-repeat: no-repeat;
    background-position: 10px;
}

/* Navigation */
.sub-nav {
    padding: 8px 8px 8px 25px;
    background-color: #fff;
    /*border-bottom: 1px solid #bbb;*/
}

    .sub-nav > .nav-pills > li {
        margin-right: 10px;
    }

    .sub-nav > .nav-pills > .sub-nav-item > a {
        background-color: #e8eddb;
        color: #666;
    }

    .sub-nav > .nav-pills > li > a:hover {
        background-color: #82a917;
        color: #fff;
    }

footer {
    padding-top: 10px;
}


.dropdown-toggle:hover .dropdown-menu {
    display: block;
    /*box-shadow: 0px 3px 4px 0px #ddd;*/
}

.btn-wide {
    display: block;
    /*font-size: 16px;
  height: 40px;
  max-width: 100%;
  padding: 8px 15px;*/
    width: 100%;
}

/* Notifications */
.alert-notification {
    margin-left: -300px;
    padding: 10px 36px;
    position: absolute;
    top: 70px;
    width: 600px;
    border-width: 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 #ccc;
    z-index: 9999;
}

.alert-notification-embed {
    border-width: 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 #ccc;
    margin-bottom: 10px;
    padding: 10px 36px;
    position: static;
    width: 100%;
}

/* Methods */
.method .header, .method .cell {
    padding: 8px 6px 8px 10px;
}

.method .list-header .header {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    background-color: #eee; /*@deep-red-lightest;*/
}

.method [class^="row"],
.method [class*=" row"] {
    border-bottom: 1px solid #ddd;
}

.method .list-header {
    /*border-bottom-width: 0;*/
}

.method [class^="row"]:hover,
.method [class*=" row"]:hover {
    background-color: lighten(@white-hover, 7%);
}

.method .cell {
    font-size: 13px;
}

    .method .cell .mobile-isrequired {
        display: none;
        font-weight: normal;
        text-transform: uppercase;
        color: #aaa;
        font-size: 0.8em;
    }

    .method .cell .parent {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .method .cell .child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .method .cell code {
        color: #428bca;
    }

    .method .cell a, .method .cell a:hover {
        text-decoration: none;
    }

    .method .cell code.custom {
        color: #8a6d3b;
        text-decoration: none;
    }

    .method .cell .text-muted {
        color: #ddd;
    }

@media (max-width: 991px) {
    .method [class^="row"],
    .method [class*=" row"] {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .method .cell {
        padding: 0 10px;
    }

        .method .cell .parent {
            font-weight: bold;
            font-size: 1.2em;
        }

            .method .cell .parent .lookuplink {
                font-weight: normal;
                font-size: 1.5em;
                position: absolute;
                top: 0;
                right: 10px;
            }

        .method .cell .child {
            padding-left: 10px;
            font-size: 1.1em;
        }

        .method .cell .isrequired {
            padding-left: 10px;
            display: none;
        }

        .method .cell .description {
            padding-left: 10px;
        }

        .method .cell .mobile-isrequired {
            display: inline;
        }
}


/* Row Utilities */
[class^='row'].margin-0,
[class*=' row'].margin-0,
[class^='form-group'].margin-0,
[class*=' form-group'].margin-0 {
    margin-left: -14px;
    margin-right: -14px;
}

    [class^='row'].margin-0 > [class^='col-'],
    [class^='row'].margin-0 > [class*=' col-'],
    [class*=' row'].margin-0 > [class^='col-'],
    [class*=' row'].margin-0 > [class*=' col-'],
    [class^='form-group'].margin-0 > [class^='col-'],
    [class^='form-group'].margin-0 > [class*=' col-'],
    [class*=' form-group'].margin-0 > [class^='col-'],
    [class*=' form-group'].margin-0 > [class*=' col-'] {
        padding-right: 0;
        padding-left: 0;
    }

    [class^='row'].margin-0 [class^='row'],
    [class^='row'].margin-0 [class*=' row'],
    [class^='row'].margin-0 [class^='form-group'],
    [class^='row'].margin-0 [class*=' form-group'],
    [class*=' row'].margin-0 [class^='row'],
    [class*=' row'].margin-0 [class*=' row'],
    [class*=' row'].margin-0 [class^='form-group'],
    [class*=' row'].margin-0 [class*=' form-group'],
    [class^='form-group'].margin-0 [class^='row'],
    [class^='form-group'].margin-0 [class*=' row'],
    [class^='form-group'].margin-0 [class^='form-group'],
    [class^='form-group'].margin-0 [class*=' form-group'],
    [class*=' form-group'].margin-0 [class^='row'],
    [class*=' form-group'].margin-0 [class*=' row'],
    [class*=' form-group'].margin-0 [class^='form-group'],
    [class*=' form-group'].margin-0 [class*=' form-group'] {
        margin-left: 0;
        margin-right: 0;
    }

.flatten-bottom-radius > li > a {
    border-radius: 6px 6px 0 0;
}

.progress-bar-flatten-left-top {
    border-top-left-radius: 0;
}

.wizard-title {
    color: @gray-lighter;
    font-size: 16px;
}


.loading {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -100px;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 42px;
    text-align: center;
    line-height: 75px;
    color: @brand-primary;
    /*background: url(images/loading.gif) no-repeat center center;*/
}

.site-map-path {
    padding: 16px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

/* Shopping Cart */
.bs-wizard {
    margin-top: 10px;
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #2eb70d;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #ffffff;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #2eb70d;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

/* Form Controls */
.form-group > label {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 1px;
}

.required label, .required > span {
    color: #ff0000;
}

.checkbox-slider--b-flat input:checked + span:before {
    background-color: #73c24e;
}

.checkbox-slider--b-flat {
    margin-top: 0;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

    .vertical-alignment-helper > .modal-dialog {
        display: table-cell;
        vertical-align: middle;
    }

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /*Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it*/
    width: inherit;
    height: inherit;
    /*To center horizontally*/
    margin: 0 auto;
    pointer-events: all;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);
    border-radius: 0.8rem;
}

.modal-header {
}

.modal-body {
    height: 100%;
}


.btn-primary {
    background-color: #206fc2;
    border-color: #206fc2;
}

    .btn-primary:hover {
        background-color: #1564b9;
        border-color: #1564b9;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #0068d8;
        border-color: #0068d8;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #0e6aa0;
        border-color: #0e6aa0;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #0e6aa0;
            border-color: #0e6aa0;
        }

.btn-wide {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-xlarge {
    margin-right: 5px;
    margin-bottom: 5px;
    width: 120px;
    padding: 5px 30px;
    border-color: #e0e0e0;
    /*border-width: 0;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 30px;
    font-weight: bold;
    /*box-shadow: 0 1px 1px 0 #bbb;*/
}

    .btn-xlarge span {
        display: block;
        font-size: 14px;
        font-weight: normal;
    }

a.btn:hover {
    text-decoration: none !important;
}

.ticket-summary .btn-default {
    color: #666;
}

.ticket-summary .selected {
    background-color: #fba733;
    border-color: #fba733;
    /*box-shadow: 0 1px 1px 0 #ca801a;*/
    color: #fff;
}

.panel-body input.form-control {
    /*font-weight: bold;*/
    height: 32px;
}

.form-control {
    /*font-weight: bold;*/
    /*height: 32px;*/
    border-color: #cccfcc;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
    font-size: 13px;
    border-radius: 3px;
}

    .form-control:focus {
        border-color: #6eb85c;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.edit-form .form-control:not(textarea) {
    height: 32px;
}

.edit-form label {
    font-size: 13px;
    font-weight: normal;
}

.msg-success, .msg-info, .msg-warning, .msg-error {
    padding: 10px 10px 10px 40px;
    background: #fdfad7 url(images/msg-success.png) 10px 5px no-repeat;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.msg-info {
    background-image: url(images/msg-info.png)
}

.msg-warning {
    background-image: url(images/msg-warning.png)
}

.msg-error {
    background-image: url(images/msg-error.png);
    color: red;
}


ul.navbar-nav > li > a {
    /*font-family: 'Segoe UI', Arial;
    font-size:13px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;*/
}

.search {
    border-color: #ccc;
}

.nav-folder > li > a {
    padding: 8px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    border-radius: 21px;
}

    .nav-folder > li > a:hover {
        background-color: #009826;
        color: #fff;
    }

.nav > li.disabled > a {
    color: #bbb;
}

.btn-danger {
    background-color: #ff4e2e;
    border-color: #ff4e2e;
}

    .btn-danger:hover {
        background-color: #ff340f;
        border-color: #ff340f;
    }

.btn-default .fa {
    color: #777;
}

.btn-default:hover .fa {
    color: inherit;
}

.btn-add {
    margin-left: 15px;
    padding: 4px 8px;
    /*background-color: #2ea1db;
    border-color: #2ea1db;*/
    letter-spacing: .7px;
    word-spacing: 3px;
}

/* Edit Screen */
edit-body {
    background-color: #eee;
}

    edit-body h3 {
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding: 10px 15px;
        background-color: #fff;
        color: #000;
        font-weight: normal;
    }


.form-tools {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    padding: 15px;
    width: 100%;
    background-color: #eee;
    border-top: 1px solid #ccc;
}

/* End Edit screen */


.progress-container {
    position: absolute;
    left: 45%;
    top: 45%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    padding-left: 6px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 20px 0 #47779a;
}

.spin-progress {
    background-color: #fff;
    border: 5px solid #fff;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    border-bottom: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

h2 > span.badge {
    margin-bottom: 1px;
    padding: 4px 10px;
    font-size: 15px;
}

.nav-tab-content {
    display: none;
}

.record-type {
    margin-top: 8px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
}

/* Boostrap Styles */
.panel {
    border-width: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}

.panel-group .panel-heading {
    padding: 15px;
    border-bottom: 1px solid #ddd !important;
}

.panel-default > .panel-heading {
    font-size: 16px !important;
    font-weight: bold !important;
}

.panel-default > .panel-heading {
    color: black;
    font-size: 1.7em;
    background-color: white;
    background: url(images/arrow-up.png) no-repeat right 20px center;
}

.panel-heading.no-collapse {
    background: none;
}

.panel-closed {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

    .panel-closed > .panel-heading {
        border-radius: 3px;
        background-image: url(images/arrow-down.png);
        border-bottom-width: 0;
    }

    .panel-closed > .panel-body {
        display: none;
    }

.panel-body {
    padding: 15px 25px;
}

.no-collapse {
}

/* Calendar Styles */
.event {
    width: 22px;
    height: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 18px;
}

/* Icons */
.btn-icon {
    padding-left: 32px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

    .btn-icon .nc-icon-mini {
        margin-right: 5px;
    }

    .btn-icon.proof-invoice {
        background-image: url(images/proof-invoice.png);
    }

    .btn-icon.label-flag {
        background-image: url(images/label-flag.png);
    }

    .btn-icon.print-ticket {
        background-image: url(images/print-ticket.png);
    }

    .btn-icon.check-circle {
        background-image: url(images/check-circle.png);
    }

    .btn-icon.global-search {
        background-image: url(images/global-search.png);
        padding: 20px;
    }

/* Ticket Items */
a.partialassigned, a.fullyassigned {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url(images/partial-assigned.png) no-repeat center center;
}

a.fullyassigned {
    vertical-align: middle;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url(images/fully-assigned.png) no-repeat center center;
}

/* Quick add ticket items */
#tblQuickAddItems th {
    padding: 10px;
    position: sticky;
    top: 0;
    border-bottom: solid 1px #ccc;
}

/* Quick add labors */
#tblQuickAddLabors th {
    padding: 10px;
    position: sticky;
    top: 0;
    border-bottom: solid 1px #ccc;
}

@media print {
    .no-print {
        display: none;
    }
}

.bootstrap-datetimepicker-widget {
    z-index: 9999;
}

.loader {
    z-index: 1;
    width: 150px;
    height: 150px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.inline-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -25px 0 0 -25px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.grid-inline-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -25px 0 0 -25px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#myDiv {
    display: none;
    text-align: center;
}

.input-group-btn {
    white-space: nowrap;
}

@media (prefers-color-scheme: dark) {

/*    .navbar-inverse {
        background-color: #666;
        border-color: #666;
    }*/
/*
    .side-menu > .list-group-item.active {
        background-color: #666;
        border-color: #666;
    }*/

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        background-color: #666;
    }

    .sub-nav > .nav-pills > li > a:hover {
        background-color: #666;
    }
}

.input-group-addon {
    border-left: 0;
    height: 32px;
    width: 35px;
    padding-top: 8px;
}

.awesomplete {
    width: 100%
}

    .awesomplete > ul {
        margin: -1px 0 0 0;
        background: #FFF;
        max-height: 50vh;
        overflow: auto;
        z-index: 99;
    }

        .awesomplete > ul > li:hover {
            background: #1967d2;
            color: #FFF;
        }

        .awesomplete > ul > li[aria-selected=true] {
            background: #1967d2;
        }

            .awesomplete > ul > li[aria-selected=true] div {
                border-right: #4881cf solid 1px;
            }

        .awesomplete > ul:before {
            display: none;
        }

    .awesomplete .header {
        position: sticky;
        top: 0;
        display: flex;
        font-weight: bold;
        padding: 5px 10px;
        background: #f0f0f0;
        width: 100%;
    }

    .awesomplete .grid-item {
        display: flex;
        padding: 0 0px;
        cursor: pointer;
        width: 100%;
    }

    .awesomplete ul li mark {
        padding: 0;
        margin: 0;
    }

    .awesomplete ul li[aria-selected="true"] {
        background: #1967d2;
        color: #FFF;
    }

        .awesomplete ul li[aria-selected="true"] mark {
            background-color: #e9ff00;
            color: #000;
        }

    .awesomplete .grid-item div {
        flex: 1;
        border-bottom: 1px solid #f2f2f2;
        border-right: #f2f2f2 solid 1px;
        padding: 5px 8px 5px 6px;
        min-width: 33.33%
    }

        .awesomplete .grid-item div:last-child {
            border-right: none;
        }

    .awesomplete > ul > li:hover div {
        border-right: #2b5c9f solid 1px;
    }

.header.grid-item div {
    border-right: #cdcdcd solid 1px;
    min-width: 33.33%
}

.awesompleteSelectGroup {
    position: absolute;
    z-index: 99;
    background: #FFF;
    max-height: 56vh;
    overflow: auto;
    top: 32px;
    width: 100%;
    border: #ededed solid 1px;
    box-shadow: #00000042 -2px 4px 5px 0px;
    border-radius: 8px;
}

    .awesompleteSelectGroup ul {
        padding: 0;
        margin: 0;
    }

li.grid-item:hover {
    background: #1967d2;
    color: #FFF;
}

.input-group-addon {
    position: relative;
}

    .input-group-addon i {
        display: inline-block;
    }

    .input-group-addon.loadingIcon i {
        display: none;
    }

    .input-group-addon.loadingIcon::after {
        content: '';
        position: absolute;
        right: 6px;
        top: 16%;
        transform: translateY(-50%);
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-left: 4px solid #3a67cd;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-4 {
    margin-left: 2rem !important;
}

.ml-2 {
    margin-left: 1.5rem !important;
}