/*:root {*/
/*    --it-primary: #004955;*/
/*    --it-secondary: #be1522;*/
/*    --it-text-light: #eef3f8;*/
/*    --it-success: #51a351;*/
/*    --it-sidebar-bg-primary: #343a40;*/
/*    --it-sidebar-bg-secondary: white;*/
/*    --it-sidebar-primary: white;*/
/*    --it-sidebar-secondary: #343a40;*/
/*}*/


/*main > .container {*/
/*    padding: 70px 15px 20px;*/
/*}*/

/*main > .container-fluid {*/
/*    padding: 70px;*/
/*}*/

/*.footer {*/
/*    background-color: #f5f5f5;*/
/*    font-size: .9em;*/
/*    height: 60px;*/
/*}*/

/*.footer > .container {*/
/*    padding-right: 15px;*/
/*    padding-left: 15px;*/
/*}*/

/*.not-set {*/
/*    color: #c55;*/
/*    font-style: italic;*/
/*}*/

/*!* add sorting icons to gridview sort links *!*/
/*a.asc:after, a.desc:after {*/
/*    content: '';*/
/*    left: 3px;*/
/*    display: inline-block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: solid 5px transparent;*/
/*    margin: 4px 4px 2px 4px;*/
/*    background: transparent;*/
/*}*/

/*a.asc:after {*/
/*    border-bottom: solid 7px #212529;*/
/*    border-top-width: 0;*/
/*}*/

/*a.desc:after {*/
/*    border-top: solid 7px #212529;*/
/*    border-bottom-width: 0;*/
/*}*/

/*.grid-view th {*/
/*    white-space: nowrap;*/
/*}*/

/*.hint-block {*/
/*    display: block;*/
/*    margin-top: 5px;*/
/*    color: #999;*/
/*}*/

/*.error-summary {*/
/*    color: #a94442;*/
/*    background: #fdf7f7;*/
/*    border-left: 3px solid #eed3d7;*/
/*    padding: 10px 20px;*/
/*    margin: 0 0 15px 0;*/
/*}*/

/*!* align the logout "link" (button in form) of the navbar *!*/
/*.nav li > form > button.logout {*/
/*    padding-top: 7px;*/
/*    color: rgba(255, 255, 255, 0.5);*/
/*}*/

/*@media (max-width: 767px) {*/
/*    .nav li > form > button.logout {*/
/*        display: block;*/
/*        text-align: left;*/
/*        width: 100%;*/
/*        padding: 10px 0;*/
/*    }*/
/*}*/

/*.nav > li > form > button.logout:focus,*/
/*.nav > li > form > button.logout:hover {*/
/*    text-decoration: none;*/
/*    color: rgba(255, 255, 255, 0.75);*/
/*}*/

/*.nav > li > form > button.logout:focus {*/
/*    outline: none;*/
/*}*/

/*.toast-success {*/
/*    background-color: var(--it-success) !important;*/
/*}*/

/*.border-iteas {*/
/*    border-color: var(--it-primary) !important;*/
/*}*/

/*.border-iteas-light {*/
/*    border-color: var(--it-text-light) !important;*/
/*}*/

/*.border-iteas-secondary {*/
/*    border-color: var(--it-secondary) !important;*/
/*}*/

/*.bg-iteas {*/
/*    background-color: var(--it-primary) !important;*/
/*}*/

/*.bg-iteas-dev {*/
/*    background-color: #0a53be !important;*/
/*}*/

/*.bg-iteas-light {*/
/*    background-color: var(--it-text-light) !important;*/
/*}*/

/*.bg-iteas-secondary {*/
/*    background-color: var(--it-secondary) !important;*/
/*}*/

/*.text-iteas {*/
/*    color: var(--it-primary);*/
/*}*/

/*.text-iteas-light {*/
/*    color: var(--it-text-light);*/
/*}*/

/*.text-iteas-secondary {*/
/*    color: var(--it-secondary);*/
/*}*/

/*!* Hide for mobile, show later *!*/
/*.sidebar {*/
/*    display: none;*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .sidebar {*/
/*        position: fixed;*/
/*        top: 51px;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        z-index: 1000;*/
/*        display: block;*/
/*        padding: 20px;*/
/*        overflow-x: hidden;*/
/*        overflow-y: auto; !* Scrollable contents if viewport is shorter than content. *!*/
/*        background-color: #f5f5f5;*/
/*        border-right: 1px solid #eee;*/
/*    }*/
/*}*/

/*.icon {*/
/*    display: inline-block;*/
/*    height: 1em;*/
/*    vertical-align: -.125em;*/
/*}*/

/*.form-floating > label{*/
/*    padding-left: 1rem;*/
/*}*/
/*.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {*/
/*    transform: scale(0.85) translateY(-0.5rem) translateX(0.5rem);*/
/*}*/
/*.hide {*/
/*    display: none;*/
/*}*/

:root {
    --it-primary: #004955;
    --it-secondary: #be1522;
    --it-text-light: #eef3f8;
    --it-success: #51a351;
    --it-sidebar-bg-primary: #343a40;
    --it-sidebar-bg-secondary: white;
    --it-sidebar-primary: white;
    --it-sidebar-secondary: #343a40;
}

main > .container {
    padding: 70px 15px 20px;
}
main > .container-fluid-desktop {
    padding: 70px;
}

main > .container-fluid-mobile {
    padding-top: 70px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
/*a.asc:after, a.desc:after {*/
/*    content: '';*/
/*    left: 3px;*/
/*    display: inline-block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: solid 5px transparent;*/
/*    margin: 4px 4px 2px 4px;*/
/*    background: transparent;*/
/*}*/

/*a.asc:after {*/
/*    border-bottom: solid 7px #212529;*/
/*    border-top-width: 0;*/
/*}*/

/*a.desc:after {*/
/*    border-top: solid 7px #212529;*/
/*    border-bottom-width: 0;*/
/*}*/

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.toast-success {
    background-color: var(--it-success) !important;
}

.border-iteas {
    border-color: var(--it-primary) !important;
}
.border-iteas-light {
    border-color: var(--it-text-light) !important;
}
.border-iteas-secondary {
    border-color: var(--it-secondary) !important;
}

.bg-iteas {
    background-color: var(--it-primary) !important;
}

.bg-iteas-dev {
    background-color: #0a53be !important;
}
.bg-iteas-light {
    background-color: var(--it-text-light) !important;
}
.bg-iteas-secondary {
    background-color: var(--it-secondary) !important;
}

.text-iteas {
    color: var(--it-primary);
}
.text-iteas-light {
    color: var(--it-text-light);
}
.text-iteas-secondary {
    color: var(--it-secondary);
}

@media (min-width: 768px) {
    .sidebar {
        /*position: fixed;*/
        /*top: 51px;*/
        /*bottom: 0;*/
        /*left: 0;*/
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        /*background-color: var(--it-sidebar-bg-primary);*/
        /*border-right: 1px solid #eee;*/
    }
}
.icon {
    display: inline-block;
    height: 1em;
    vertical-align: -.125em;
}

.required .col-form-label:after { content:" *"; color:red;}

.sidebar-bg-iteas-secondary {
    background-color: var(--it-sidebar-bg-primary) !important;
}
.sidebar-bg-primary {
    background-color: var(--it-sidebar-bg-primary) !important;
}

.sidebar-user-btn-primary {
    background-color: var(--it-sidebar-bg-primary) !important;
    color: var(--it-sidebar-primary) !important;
}

.sidebar-user-btn-secondary {
    background-color: var(--it-sidebar-bg-secondary) !important;
    color: var(--it-sidebar-secondary) !important;
}



.active.active-link{
    background-color: var(--it-sidebar-bg-secondary) !important;
    color: var(--it-sidebar-secondary) !important;
}
/*.kv-grid-bs4 a.desc:after{*/
/*    content: "" !important;*/
/*}*/
/*.kv-grid-bs4 a.asc:after{*/
/*    content: "" !important;*/
/*}*/
thead.kv-table-header {
    background: #fff;
}

.codeContainer {
    padding-left: 8rem;
    padding-right: 8rem;
}

.existing-code{
    opacity: 30%;
}

.jamf::before {
    content: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1500' width='20' height='20'%3E%3Ctitle%3Ejamf-svg%3C/title%3E%3Cstyle%3E .s0 %7B fill: %23c2c7d0 %7D %3C/style%3E%3Cpath id='Layer' class='s0' d='m1438.6 247.5c42.4 0 74.1 31.8 74.1 74.1v1082.8c0 42.3-35.3 77.6-77.6 77.6h-1361.1c-42.3 0-74-31.7-74-70.5v-215.2c0-42.3 35.3-77.6 77.6-77.6h335c144.5 0 225.6-56.4 275-194l134-419.7c52.9-176.3 169.2-257.5 363.2-257.5zm-1357.6-246.8h648.8c52.9 0 91.7 45.8 81.1 98.7-28.2 137.6-77.6 373.9-77.6 373.9-49.3 232.8-232.7 261-363.1 261h-289.2c-45.8 0-81.1-35.3-81.1-81.1v-571.4c0-42.3 38.8-81.1 81.1-81.1z'/%3E%3C/svg%3E");
    /*margin-right: 10px;*/
}

.bi-jamf::before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.bi-jamf::before {
    -webkit-mask-image: url("icons/jamf.svg");
    mask-image: url("icons/jamf.svg");
}


.active-link>.jamf::before {
    content: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1500' width='20' height='20'%3E%3Ctitle%3Ejamf-svg%3C/title%3E%3Cstyle%3E .s0 %7B fill: %23343a40 %7D %3C/style%3E%3Cpath id='Layer' class='s0' d='m1438.6 247.5c42.4 0 74.1 31.8 74.1 74.1v1082.8c0 42.3-35.3 77.6-77.6 77.6h-1361.1c-42.3 0-74-31.7-74-70.5v-215.2c0-42.3 35.3-77.6 77.6-77.6h335c144.5 0 225.6-56.4 275-194l134-419.7c52.9-176.3 169.2-257.5 363.2-257.5zm-1357.6-246.8h648.8c52.9 0 91.7 45.8 81.1 98.7-28.2 137.6-77.6 373.9-77.6 373.9-49.3 232.8-232.7 261-363.1 261h-289.2c-45.8 0-81.1-35.3-81.1-81.1v-571.4c0-42.3 38.8-81.1 81.1-81.1z'/%3E%3C/svg%3E");
    /*margin-right: 10px;*/
}

.version-badge{
    transition: all 0.1s ease;
    border-radius: 5px;
    color: white;
    position: relative;
    display: inline-flex;
    cursor: pointer;
    border-bottom: 1px dotted black;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    justify-content: center;
}

.version-badge:hover{
    box-shadow: 3px 4px rgba(189, 189, 189, 0.15);
    scale: 1.1;
}


.version-tooltip{
    position: absolute;
    visibility: hidden;
    color: white;
    cursor: text;
    text-align: center;
    font-weight: normal;
    border-radius: 5px;
    z-index: 1000;
    bottom: calc(100% + 5px);
    white-space: nowrap;
    padding: 0 6px 0 6px;

    max-width: 500%;
    overflow: hidden;
}

.version-badge:hover .version-tooltip{
    visibility: visible;
}