:root {
    --ZeroTekBlue: #0075C0;
    --ZeroTekLightBlue: #0087e0;
    --ZeroTekDarkBlue: #0F3D6E;
    --ZeroTekDarkGrey: #3E3F3F;
    --ZeroTekGreen: #0D9E66;
    --ZeroTekRed: #DA3221;
    --ZeroTekYellow: #DAA821;
}

a {
    color: var(--ZeroTekBlue);
}

a:hover {
    color: var(--ZeroTekLightBlue);
}

.btn-primary {
    background-color: var(--ZeroTekBlue);
    border-color: var(--ZeroTekBlue);
}

.btn-primary:hover {
    background-color: var(--ZeroTekLightBlue);
    border-color: var(--ZeroTekLightBlue);
}

.btn-secondary {
    background-color: var(--ZeroTekDarkGrey);
    border-color: var(--ZeroTekDarkGrey);
}

.btn-success {
    background-color: var(--ZeroTekGreen);
    border-color: var(--ZeroTekGreen) !important;
}

.btn-warning {
    background-color: var(--ZeroTekYellow);
    border-color: var(--ZeroTekYellow);
}

.btn-danger {
    background-color: var(--ZeroTekRed);
    border-color: var(--ZeroTekRed);
}

.step-toggle-on {
    color: var(--ZeroTekGreen) !important;
}

.page-link {
    color: var(--ZeroTekBlue);
}

.page-item.active .page-link {
    background-color: var(--ZeroTekBlue);
    border-color: var(--ZeroTekBlue);
}

.dropdown-item.active {
    background-color: var(--ZeroTekBlue);
}

.text-success {
    color: var(--ZeroTekGreen) !important;
}

.text-danger {
    color: var(--ZeroTekRed) !important;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--ZeroTekBlue);
}

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

span .fa-info-circle {
    color: var(--ZeroTekDarkGrey);
}

/* Overriding the default width (width = 100%) of datatable's buttons for screen size 767px or lower */
@media screen and (max-width: 767px) {
    div.dt-buttons {
        width: auto !important;
    }
}

/*#region Overridng the default behaviour of disabled areas*/

input[type=checkbox][disabled] {
    cursor: not-allowed;
}

input[type=radio][disabled] {
    cursor: not-allowed;
}

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

a.btn.disabled {
    pointer-events: all;
}

/*#endregion*/

.icon.text-success {
    margin-left: 5px;
}

.dropdown .dropdown-menu.dropdown {
    right: 0px;
}

/* Overriding the default text left alignment behavior in bootstrap 4 horizontal forms*/
@media (min-width: 768px) {
    .form-group.row > .col-form-label {
        text-align: right;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.content {
    padding: 15px !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 300px;
}

.navbar-brand > img {
    height: 40px;
    margin-top: 5px;
}

.user-menu .dropdown-toggle {
    padding-right: 10px;
}

@media (max-width: 767px) {
    .main-header {
        position: relative;
    }

        .main-header .sidebar-toggle {
            width: 100%;
            float: none;
        }

    .main-sidebar,
    .left-side {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
}

dd {
    margin-bottom: 15px;
}

.report-info-block {
    display: inline-block;
    margin: 15px;
    margin-left: 0px;
    text-align: center;
    border: 1px solid #B7C2D1;
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 150px;
    max-width: 300px;
}

    .report-info-block > .report-info-header {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }

.data-table-limit-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* #region START - CSS for Datatable grouping */
tr.group,
tr.group:hover {
    background-color: #ddd !important;
}

/* #endregion */

/* #region main-header */

.main-header > div:first-of-type {
    background-color: #1e282c;
    font-size: 1.5em;
    padding-left: 5px;
}

.main-header .sidebar-toggle {
    padding-bottom: 0;
}

.main-header .navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: none;
}

.dropdown-menu .user-footer div:first-child {
    padding-left: 0px;
}

.dropdown-menu .user-footer div:last-child {
    padding-right: 0px;
}
/* #endregion */

/* #region Navbar */

.navbar-menu-item {
    vertical-align: middle;
    font-size: 1.25em;
}

.navbar-nav .messages-menu .fa-question-circle-o {
    font-size: 1.4em;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #333;
}

/* #endregion */

/* #region Content Header */

.content-header {
    padding-top: 0px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #b7c3d0;
}

    .content-header span {
        vertical-align: middle;
    }

    .content-header h1 {
        padding-top: 10px;
        font-size: 24px;
    }

/* #endregion */

/* #region Modals */

.modal-header .close {
    color: #F2F2F2;
}

.modal-header {
    background-color: black;
    color: #F2F2F2;
    padding: 10px;
    border: 1px solid #B7C2D1;
}

.modal-container {
    border: 1px solid #B7C2D1;
}

.modal-footer .btn:first-of-type {
    margin-right: 8px;
}

/* #endregion */

/* #region Main-Footer */

.main-footer {
    background-color: white;
    border-top: 1px solid #B7C2D1;
}

/* #endregion */

/* #region Sidebar */

.sidebar-menu > li > hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top-color: #B8C7CE;
}

.sidebar-menu .fa-fw {
    font-size: 1.25em;
}

.sidebar-menu span {
    padding-left: 5px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--ZeroTekBlue);
}

[class*=sidebar-dark-] {
    background-color: black;
}

/* #endregion */

.banner-logo {
    height: 40px;
}

/* #region tabs */

.tab-content {
    min-height: 400px;
}

.card-primary.card-outline-tabs a.active {
    border-top: 3px solid var(--ZeroTekBlue) !important;
}

a.ui-tabs-anchor {
    padding: 10px 15px !important;
}

.nav-tabs .nav-link {
    margin-left: -1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin: 0px;
    margin-bottom: -1px;
}

/* #endregion */

/* #region nav-tabs-custom */

.nav-tabs-custom {
    padding: 0;
}

    .nav-tabs-custom > .nav-tabs > li {
        margin-bottom: -1px;
    }

    .nav-tabs-custom .nav-tabs {
        padding: 0;
    }

/* #endregion */

input.input-extended {
    max-width: 400px;
}

.column-filter-label {
    margin-left: 25px;
}

.column-filter-options {
    margin-left: 6px;
}

.content-wrapper {
    background-color: #F2F2F2;
}

.ui-datepicker-next span:before {
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
}

.ui-datepicker-next span.ui-icon {
    width: 6px;
    display: block;
    text-indent: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* #region Applications Area*/

.applications-table-logo-cell {
    padding-left: 0;
    padding-right: 8px;
}

.applications-table-logo-img {
    max-height: 34px;
    max-width: 150px;
}

.applications-table-logo-column-header {
    width: 150px;
}

.applications-table-appname {
    padding-left: 0;
}

.applications-details-logo {
    max-width: 82px;
    max-height: 27px;
}

.applications-details-feature-list {
    padding-left: 15px;
}

/* #endregion */

/* #region Cards */

.card.card-default .card-header .card-tools {
    margin: 0px;
}

    .card.card-default .card-header .card-tools a {
        border: 1px;
        margin-left: 5px;
    }

.card.card-default .card-header .float-left a {
    border: 1px;
}

.card-details {
    max-width: 800px;
}

.card-details-section {
    margin: 10px;
    border-top: 0;
}

.card-details-section-header {
    background-color: #F2F2F2;
    border: 1px solid #AEAAAA;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-details-section-title {
    padding-top: 6px;
}

.card-details-section-body {
    border: 1px solid #AEAAAA;
    border-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.card-footer .btn {
    margin-right: 8px;
}

/* #endregion */

.content .table {
    border-collapse: collapse !important;
}

/* #endregion */

/* #region data table */

td.datatables_detailcontrol:before {
    cursor: pointer;
    content: "\f054";
    font-family: "Font Awesome 6 pro";
    line-height: 1;
    margin: 10px;
    display: inline-block;
    font-weight: 900;
}

tr.shown td.datatables_detailcontrol:before {
    content: "\f077";
    font-family: "Font Awesome 6 pro";
    line-height: 1;
    margin: 10px;
    display: inline-block;
}

td.datatables_detailcontrol_nested:before {
    cursor: pointer;
    content: "\f054";
    font-family: "Font Awesome 6 pro";
    line-height: 1;
    margin: 10px;
    display: inline-block;
    font-weight: 900;
}

tr.shown td.datatables_detailcontrol_nested:before {
    content: "\f077";
    font-family: "Font Awesome 6 pro";
    line-height: 1;
    margin: 10px;
    display: inline-block;
}

.data-table-actions-body {
    margin-bottom: 20px;
}

.dt-buttons {
    padding-bottom: 10px;
}

.data-table-container {
    min-height: 200px;
}

.data-table-actions-container {
    margin-bottom: 20px;
}

/* #endregion */

/* #region Datatable Button Vertical fix */

.table tbody > tr > td {
    vertical-align: middle !important;
}

.card-details-section-body .aerial-section:not(:last-child) {
    padding-bottom: 1.5rem;
}

.aerial-narrow-row {
    margin-bottom: 0;
}

.aerial-section-header {
    font-size: 1rem;
    padding-bottom: 1rem;
}

.aerial-flex-form-row {
    display: flex;
    align-items: center;
}

.aerial-tooltip {
    font-size: 1.2em;
    width: 10px;
    margin-left: 10px;
    margin-top: 11px;
}

/* #endregion */