/* 
    Copyright (c) CAD4DevOps Inc. (DevOps Shield). All rights reserved.
    Licensed under the DevOps Shield proprietary license. https://www.devopsshield.com/termsofuse
*/

:root {
    --cad4devops-blue: #067DCD;
    --cad4devops-blue-light: #99D9EA;
    --cad4devops-blue-logo-text: #2C7BE5;
    --cad4devops-blue-dark: #0443A2;
    --cad4devops-blue-bg: #4875b4;
    --cad4devops-blue-lighter: #d7e1f0;
    /* OVERRIDE */
    --cui-form-check-input-bg: #F08784;
    --cui-form-check-input-checked-bg-color: #2eb85c;
}

.sidebar-brand {
    background-color: #fff !important;
}

.sidebar-nav .nav-link {
    padding: 0.15rem 1em !important;
}
.sidebar-nav .nav-title {
    padding: 0.3rem 1em !important;
}

.sidebar-nav .nav-icon {
    height: 1.4rem;
 }

.sidebar-narrow-unfoldable .nav-icon {
    height: 1.8rem;
}

.sidebar-narrow-unfoldable .nav-link {
    padding: 0.3rem 1em !important;
}

.sidebar-narrow-unfoldable .nav-title {
    padding: 0.5rem 1em !important;
}

.cad4devops-badge-dot {
    margin-top: 0.2em;
    font-size: 0.4em;
}

.cad4devops-badge-severity {
    font-size: 0.6em;
}

/* COLORS */

.cad4devops-color-blue {
    color: var(--cad4devops-blue);
}

.cad4devops-color-blue-light {
    color: var(--cad4devops-blue-light);
}

.cad4devops-color-blue-logo-text {
    color: var(--cad4devops-blue-logo-text);
}

.cad4devops-color-blue-dark {
    color: var(--cad4devops-blue-dark);
}

.cad4devops-color-blue-lighter {
    color: var(--cad4devops-blue-lighter);
}


.cad4devops-bg-color-navbar-header {
    background-color: #303c54;
}

.cad4devops-bg-color-navbar-content {
    background-color: #3c4b64;
}

.cad4devops-bg-color-blue-lighter {
    background-color: var(--cad4devops-blue-lighter);
}

.cad4devops-bg-color-blue-logo-text {
    background-color: var(--cad4devops-blue-logo-text);
}

.cad4devops-bg-color-blue-dark {
    background-color: var(--cad4devops-blue-dark);
}

.cad4devops-bg-color-blue {
    background-color: var(--cad4devops-blue-bg);
}

.cad4devops-bg-color-rose {
    background-color: #F08784;
}

.cad4devops-bg-color-skyblue {
    background-color: #9FFCFD;
}

.cad4devops-bg-color-lightblue {
    background-color: var(--cad4devops-blue-light);
}

.cad4devops-bg-color-teal {
    background-color: #507F80;
}

.cad4devops-bg-color-pink {
    background-color: #EA3680;
}

.cad4devops-bg-color-lightgreen {
    background-color: #A1FB8E;
}

.cad4devops-bg-color-green {
    background-color: #3c9459;
}

.cad4devops-bg-color-red {
    background-color: #EB3324;
}

.cad4devops-bg-color-lavender {
    background-color: #7F82BB;
}

.cad4devops-bg-color-plum {
    background-color: #75163F;
}

.cad4devops-bg-color-darkyellow {
    background-color: #817F26;
}

.cad4devops-bg-color-orange {
    background-color: #F08650;
}

.cad4devops-bg-color-gray {
    background-color: #C0C0C0;
}

html:not([dir=rtl]) .border-start-blue {
    border-left-color: var(--cad4devops-blue-bg) !important;
}

*[dir=rtl] .border-start-blue {
    border-right-color: var(--cad4devops-blue-bg) !important;
}

.cad4devops-bg-color-row {
    background-color: #e1ffff;
}

.cad4devops-bg-color-severity-critical {
    background-color: #880015;
}

.cad4devops-bg-color-severity-high {
    background-color: #EB3324;
}

.cad4devops-bg-color-severity-medium {
    background-color: #FF7F27;
}

.cad4devops-bg-color-severity-low {
    background-color: #E8B70D;
}

.cad4devops-color-severity-critical {
    color: #880015;
}

.cad4devops-color-severity-high {
    color: #EB3324;
}

.cad4devops-color-severity-medium {
    color: #FF7F27;
}

.cad4devops-color-severity-low {
    color: #E8B70D;
}

.cad4devops-border-start-severity-critical {
    border-left: 10px solid #880015 !important;
}

.cad4devops-border-start-severity-high {
    border-left: 10px solid #EB3324 !important;
}

.cad4devops-border-start-severity-medium {
    border-left: 10px solid #FF7F27 !important;
}

.cad4devops-border-start-severity-low {
    border-left: 10px solid #E8B70D !important;
}

.cad4devops-border-bottom-severity-critical {
    border-bottom: 2px solid #880015 !important;
}

.cad4devops-border-bottom-severity-high {
    border-bottom: 2px solid #EB3324 !important;
}

.cad4devops-border-bottom-severity-medium {
    border-bottom: 2px solid #FF7F27 !important;
}

.cad4devops-border-bottom-severity-low {
    border-bottom: 2px solid #E8B70D !important;
}

@media print and (color) {

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    .page-break {
        page-break-before: always;
    }

    body {
        zoom: 58%;
        background: #fff;
    }
}

/* WIDGETS */

.cad4devops-widget-body {
    max-height: 114px;
}

.cad4devops-progress-bar-height {
    height: 0.8em !important;
}

.cad4devops-chart-wrapper {
}

.cad4devops-chart-count-label {
    left: 260px;
    top: 87px;
    font-size: 0.9rem !important;
    width: 55px;
    height: 25px;
    text-align: center;
}

.fs-7 {
    font-size: 0.85rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

.done {
    background-color: #2eb85c !important;
    color: #fff !important;
}

    a.done span {
        color: #fff !important;
    }

#home-carousel .carousel-item img {
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    height: 420px;
}

/*CHOICES*/

.choices {
    margin-bottom: 0.375rem; !important;
}

.choices__list--multiple .choices__item {
    background-color: var(--cad4devops-blue-bg) !important;
    border: 1px solid #303c54 !important;
}

/*LIST - PAGINATION*/
.pagination .active button {
    background-color: #39f !important;
    color: #fff !important;
}

.pagination li.disabled button {
    pointer-events: none;
}

/* SORT */
.sort[data-sort] {
    white-space: nowrap;
    cursor: pointer;
}

.sort.asc::after {
    content: "\002B06";
    padding-left: 5px;
}

.sort.desc::after {
    content: "\002B07";
    padding-left: 5px
}

/* RESOURCES */
.cad4devops-table-col-xs {
    min-width: 6em;
    max-width: 12em;
}

.cad4devops-table-col-sm {
    min-width: 12em;
}

.cad4devops-table-col-lg {
    min-width: 25em;
}

.cad4devops-table-col-xxl {
    min-width: 35em;
}

.social-icons-simple {
    margin-top: -3px;
}

ul.social-icons li {
    display: inline-block;
    padding: 0.4em;
}

ul.social-icons li a
{
    height: 50px;
    line-height: 50px;
    width: 50px;
    font-size: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 1px;
    text-align: center;
    display: block;
    color: #26313c;
    position: relative;
    z-index: 1;
    border: 1px solid #7c7c7c;
}

ul.no-border li a {
    border: none !important;
}

ul.social-icons.whitebg li a {
    background: #fff;
}

ul.social-icons li:last-child a {
    margin-right: 0;
}

ul.social-icons li:first-child a {
    margin-left: 0;
}

ul.social-icons li a::before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    opacity: 0;
    visibility: hidden;
    background: #24cdd5;
    border-radius: inherit;
    z-index: -1;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

ul.social-icons li a:hover::before,
ul.social-icons li a:focus::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

ul.social-icons.white li a,
ul.social-icons li a:hover,
ul.social-icons li a:focus,
ul.social-icons.white li a:hover,
ul.social-icons.white li a:focus {
    color: #fff;
}

.twitter:before {
    background-color: #1DA1F2 !important;
}

.linkedin:before {
    background-color: #0077B5 !important;
}

.youtube:before {
    background-color: #FF0000 !important;
}

.github:before {
    background-color: #000000 !important;
}

.page-header {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}

.main-header {
    background-repeat: no-repeat;
    background-image: url(../img/bg-main-header.jpeg);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.overlay {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-image: -webkit-linear-gradient(to right, #23ced5aa 0%, #5192e1aa 100%);
    background-image: -moz-linear-gradient(to right, #23ced5aa 0%, #5192e1aa 100%);
    background-image: -ms-linear-gradient(to right, #23ced5aa 0%, #5192e1aa 100%);
    background-image: -o-linear-gradient(to right, #23ced5aa 0%, #5192e1aa 100%);
    background-image: linear-gradient(to right, #23ced5aa 0%, #5192e1aa 100%);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.overlay-dark {
    background-image: none;
    background-color: #000;
    z-index: 1;
    visibility: visible;
}

.padding_top {
    padding-top: 7.5rem;
}

.padding_bottom {
    padding-bottom: 7.5rem;
}

.line-height-17 {
    line-height: 1.7;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.page-header .page-titles {
    position: relative;
    z-index: 5;
}