/**** Specials, Misc ****/
@media all and (min-width: 50px) {
    body {
        font-size: .5em;
    }

    input[type=checkbox], input[type=radio] {
        width: 1em !important;
        height: 1em !important;
    }

    .position-left {
        width: 180px;
    }

}

@media all and (min-width: 350px) {
    body {
        font-size: .9em;
    }

    input[type=checkbox], input[type=radio] {
        width: 2em !important;
        height: 2em !important;
    }

    .position-left {
        width: 250px;
    }

}

.cadmusvideosizing {
    width: 300px;
    height: 200px;
}

label {
    color: #FEFCF2;
}

.header {
    min-height: inherit;
}


.hiddencontrol {
    visibility: hidden !important;
}

.hidden {
    display: none !important;
}

.datepicker-minutes {
    max-height: 300px;
    overflow-y: scroll;
}

.securityleveltag {
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 5px;
    mix-blend-mode: difference;
    color: black;
    font-size: 12px;
}

/* Blocks */
.blockTag {
    position: fixed;
    top: 100px;
    left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: aquamarine;
    text-align: center;
    width: 100px;
    text-transform: uppercase;
}

.buttonDefault {
    background-color: lightgray;
    border: none;
    border-radius: 12px;
    color: black;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

    .buttonDefault:hover {
        background-color: forestgreen;
        color: #FEFCF2;
    }

/**END*/


/*Snackbar*/
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #223145; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 100000; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    right: 50%;
    bottom: 30px; /* 30px from the bottom */
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show {
        visibility: visible; /* Show the snackbar */
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

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

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

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

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

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

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

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



/**** Inmate With Alerts *****/
.alertContainer {
}

.alertBlock {
    border: solid 1px red;
    border-radius: 5px;
    color: #FEFCF2;
    padding: 5px;
    font-size: 12px;
}

.alertType {
    color: darkgoldenrod;
    font-size: 9px;
}

.alertNone {
    color: dimgray;
    border: 0.5px solid mediumseagreen;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
}

.alertMugshot {
    display: block;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 5px;
    width: 90px;
    height: 70px;
    max-height: 300px;
    max-width: 95%;
    align-content: center;
}

.alertDate {
    color: aliceblue;
    opacity: 0.5;
    float: right;
    font-size: 9px;
}
/**Emd*/



/**** Menu Navigation ****/
#menuToggle {
    display: block;
    position: fixed;
    top: 50px;
    left: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }

    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: sticky;
        background: #a51818;
        font-size: 12px;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

        #menuToggle span:first-child {
            transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #a51818;
    }

        /*
 * hide the middle one.
 */
        #menuToggle input:checked ~ span:nth-last-child(3) {
            opacity: 0;
        }

        #menuToggle input:checked ~ span:nth-last-child(2) {
            transform: rotate(-45deg) translate(0, -1px);
        }

#menu {
    position: fixed;
    width: 300px;
    height: 100%;
    margin: -100px 0 0 -50px;
    padding: 50px;
    padding-top: 125px;
    background-color: black;
    overflow-y: scroll;
    font-size: 12px;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

    #menu li {
        padding: 10px 0;
        font-size: 22px;
    }

#menuToggle input:checked ~ ul {
    transform: none;
}
/**END**/



/**** Classified and Layout ****/
body {
    background: black;
    background-color: black;
    color: #FEFCF2;
    margin: 0px;
    padding: 0px;
}

.wholePage {
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

hr {
    border: 1px dashed red;
}

.classifiedTag {
    text-align: center;
    text-transform: uppercase;
    color: #6f9ddb;
    border: 2px dashed #223145;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: x-small;
    padding: 0px;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 50px;
    padding-right: 50px;
}

@media all and (max-width: 700px) {
    .printHeader .classifiedTag {
        /*text-indent: 48px;*/
        /*font-size: 5.75px;*/
    }
}

.classifiedAgency {
    text-align: center;
    border-left: 2px dashed #223145;
    border-right: 2px dashed #223145;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    text-shadow: 1px 2px 3px #666;
    font-weight: bold;
    color: #FEFCF2;
}

.classifiedSheriff {
    text-align: center;
    border-left: 2px dashed #223145;
    border-right: 2px dashed #223145;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: darkslategray;
    font-size: small;
}

.classifiedBoarderHeader {
    border-left: 2px dashed #223145;
    border-right: 2px dashed #223145;
    border-bottom: 1px dashed #223145;
    margin-left: 2px;
    margin-right: 2px;
}

.classifiedContent {
    border-left: 2px dashed #223145;
    border-right: 2px dashed #223145;
    margin-left: 2px;
    margin-right: 2px;
    height: calc( 100dvh - 78px );
    overflow-y: auto;
    overflow-x: hidden;
}


    .classifiedContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #223145;
    }

    .classifiedContent::-webkit-scrollbar {
        width: 7px;
        background-color: #390F00;
    }

    .classifiedContent::-webkit-scrollbar-thumb {
        background-color: #6f9ddb;
        border: 1px solid black;
    }

.departmentLogo {
    float: right;
    position: absolute;
    z-index: 5;
    right: 12px;
    height: 37px;
    top: 7px;
}

.cadmusLogo {
    float: right;
    position: absolute;
    z-index: 5;
    right: 50px;
    height: 45px;
    top: 25px;
    display: none;
}

.LogoImage { /* used in body content for logos*/
    width: 50px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

a.commandButton:link {
    color: #FEFCF2;
    background: #223145;
    border-radius: 10px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid black;
}


a.commandButton:visited {
    color: #FEFCF2;
    background: #223145;
    border-radius: 10px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid black;
}


.commandButton {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 1px 1px 3px black;
    font-family: Arial;
    color: black;
    font-size: 20px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    margin-top: 4px;
}



a.commandButtonMain:link {
    color: black;
    background-color: lightslategray;
    border: 1px dashed maroon;
}

a.commandButtonMain:visited {
    color: black;
    background-color: lightslategray;
}

.commandButtonMain {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #dedede;
    font-family: Arial;
    color: black;
    font-size: 20px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    margin-top: 4px;
}



/**END**/


/**** Buttons *****/

span.MarkActionButton {
    background-image: -webkit-linear-gradient(top, BLACK, goldenrod);
    background-image: -moz-linear-gradient(top, BLACK, goldenrod);
    background-image: -ms-linear-gradient(top, BLACK, goldenrod);
    background-image: -o-linear-gradient(top, BLACK, goldenrod);
    background-image: linear-gradient(to bottom, BLACK, goldenrod);
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    text-shadow: 1px 1px 1px black;
    font-family: Arial;
    color: #1e1c17;
    font-size: x-large;
    list-style: none;
    padding: 4px;
    text-decoration: none;
    white-space: inherit;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: inherit;
    xheight: 80px;
    width: 85%;
}

.MarkActionButtonText {
    font-size: 10px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: black;
    text-shadow: black 0.5px 0.5px;
}
/* Notice that both ActionButtons vary in size, 2 is set to fit report type icons */
.MarkActionButton {
    background-image: -webkit-linear-gradient(top, BLACK, goldenrod);
    background-image: -moz-linear-gradient(top, BLACK, goldenrod);
    background-image: -ms-linear-gradient(top, BLACK, goldenrod);
    background-image: -o-linear-gradient(top, BLACK, goldenrod);
    background-image: linear-gradient(to bottom, BLACK, goldenrod);
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    text-shadow: 1.5px 1.5px 1.5px lightgray;
    font-family: Arial;
    color: #1e1c17;
    font-size: x-large;
    list-style: none;
    padding: 4px;
    text-decoration: none;
    white-space: inherit;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: inherit;
    xheight: 80px;
    width: 85%;
}

.MarkActionButton2 {
    float: left;
    background: #212121;
    background-image: -webkit-linear-gradient(top, BLACK, goldenrod);
    background-image: -moz-linear-gradient(top, BLACK, goldenrod);
    background-image: -ms-linear-gradient(top, BLACK, goldenrod);
    background-image: -o-linear-gradient(top, BLACK, goldenrod);
    background-image: linear-gradient(to bottom, BLACK, goldenrod);
    text-decoration: none;
    border: solid 5px black;
    text-align: center;
    padding-bottom: 5px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    white-space: inherit;
    list-style: none;
    word-wrap: break-word;
    height: 95px;
    width: 90px;
    margin: 5px 10px;
}

.incarceratedList {
    float: left;
    background-color: black;
    color: #FEFCF2;
    text-decoration: none;
    border: solid 0.5px goldenrod;
    text-align: center;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    white-space: inherit;
    list-style: none;
    word-wrap: break-word;
    height: 165px;
    width: 115px;
}

.incarceratedMugShot {
    display: block;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 5px;
    width: 90px;
    max-height: 70px;
    max-width: 95%;
    align-content: center;
}


.MarkActionButtonGroup {
    width: 100%;
    font-size: medium;
}

@media screen and (min-width: 500px) {

    .MarkActionButtonGroup {
        width: 80%;
        font-size: small;
    }
}

/* Create three unequal columns that floats next to each other */
.column {
    /*float: left;
    position: relative;
    left: 5%;
    padding: 10px;
    height: 300px;*/ /* Should be removed. Only for demonstration */
}

.left, .right {
    width: 30%;
}

.middle {
    width: 30%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: #FEFCF2;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: lightgreen;
    color: black;
    border: 2px solid #4CAF50;
}

    .button1:hover {
        background-color: forestgreen;
        color: #FEFCF2;
    }

.button2 {
    background-color: lightsalmon;
    color: black;
    border: 2px solid #008CBA;
}

    .button2:hover {
        background-color: saddlebrown;
        color: #FEFCF2;
    }

.button3 {
    background-color: lightseagreen;
    color: black;
    border: 2px solid #f44336;
}

    .button3:hover {
        background-color: dodgerblue;
        color: #FEFCF2;
    }

.button4 {
    background-color: lightslategrey;
    color: black;
    border: 2px solid #e7e7e7;
}

    .button4:hover {
        background-color: dimgray;
    }

.button5 {
    background-color: lightgoldenrodyellow;
    color: black;
    border: 2px solid #555555;
}

    .button5:hover {
        background-color: yellow;
        color: #FEFCF2;
    }

.button6 {
    background-color: lightpink;
    color: black;
    border: 2px solid #555555;
}

    .button6:hover {
        background-color: palevioletred;
        color: #FEFCF2;
    }
/**END**/

/**** Scrollbar ****/
/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/**END**/

/****\ Cadmus Scribe Dashboard \*****/
#div_dashboard {
    line-height: 14px;
}
.cadmusDashboardNotifications{

}

.DashboardCustomCard {
    font-size: small;
    padding: 10px;
    border-radius: 10px;
    background-color: #111111;
    border: 2px solid black;
    color: #FEFCF2;
    -moz-box-shadow: inset 0 0 10px #626262;
    -webkit-box-shadow: inset 0 0 10px #626262;
    box-shadow: inset 0 0 10px #626262;
    height: 100%;
}

.DashboardCustomCardContainer {
    padding: 8px;
    text-align: left;
}

.DashboardAlert {
    font-size: small;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    background-color: #111;
    border: 2px solid black;
    color: #FEFCF2;
    -moz-box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px #2e2e2e;
    -webkit-box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px #2e2e2e;
    box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px #2e2e2e;
}

    .DashboardAlertRed .linkblack {
        color: black !important;
    }

    .DashboardAlert a:link {
        text-decoration: none;
        color: #FEFCF2;
    }

    .DashboardAlert a:hover {
        text-decoration: underline;
    }

    .DashboardAlert a:visited {
        text-decoration: underline;
        color: #FEFCF2;
    }


.DashboardAlertGreen {
    background-color: #aabca7;
    color: black;
}


.DashboardAlertYellow {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #FFEA00;
    color: black;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #8f8f2a;
    -webkit-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #8f8f2a;
    box-shadow: 1px 1px 1px 1px #2e2e2e, inset 0 0 10px #8f8f2a;
 }

    .DashboardAlertYellow a:link {
        text-decoration: none;
        color: black;
    }

    .DashboardAlertYellow a:hover {
        text-decoration: underline;
    }

    .DashboardAlertYellow a:visited {
        text-decoration: underline;
        color: black;
    }


.DashboardAlertRed {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: #EE4B2B;
    -moz-box-shadow: 1px 1px 1px 6px #2f0b0b, inset 0 0 10px #870000;
    -webkit-box-shadow: 1px 1px 1px 6px #2f0b0b, inset 0 0 10px #870000;
    box-shadow: 1px 1px 2px 2px #2f0b0b, inset 0 0 10px #870000;
}

    .DashboardAlertRed a:link {
        text-decoration: none;
        color: black;
    }

    .DashboardAlertRed a:hover {
        text-decoration: underline;
    }

    .DashboardAlertRed a:visited {
        text-decoration: underline;
        color: black;
    }


.DashboardExecutionCheckList {
    font-weight: bold;
    text-transform: uppercase;
    color: #f9f9f9;
    background-color: #001440;
}

    .DashboardExecutionCheckList a:link {
        text-decoration: none;
        color: #f9f9f9;
    }

    .DashboardExecutionCheckList a:hover {
        text-decoration: underline;
    }

    .DashboardExecutionCheckList a:visited {
        text-decoration: underline;
        color: #f9f9f9;
    }

.DashboardRefresh {
    text-align: -webkit-center;
    background-color: black;
}

   
    .DashboardRefresh .DashboardRefreshInfo {
        font-size: small;
        color:white;
    }

    .DashboardRefresh .DashboardRefreshCircle {
        width: 100%;
        height: 100%;
        border-radius: 0%;
        border: solid #152132 4px;
        background-color: #0C0E18;
        padding-top:10px;
        display:none;
    }
        .DashboardRefreshCircle .DashboardRefreshDescription {
            font-size: .75em;
            color: lightblue;
            line-height: 1em;
            /*display:inline-flex;*/
        }

.DashboardGroupApproveRequired {
        border: 30px solid transparent;
    }

.DashboardApprovalRequired {
    font-weight: bold;
    text-transform: uppercase;
    color: #f9f9f9;
    background-color: #070f07;
    font-size: small;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    border: 2px solid black;
    -moz-box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px black;
    -webkit-box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px black;
    box-shadow: 1px 1px 2px 2px #060705, inset 0 0 10px black;
}

    .DashboardApprovalRequired a:link {
        text-decoration: none;
        color: #A39C90;
    }

    .DashboardApprovalRequired a:hover {
        text-decoration: underline;
    }

    .DashboardApprovalRequired a:visited {
        text-decoration: underline;
        color: #A39C90;
    }

    .DashboardApprovalRequired .locatoin {
        color: #FEFCF2;
    }

    .DashboardApprovalRequired .user {
        color: yellow;
    }

    .DashboardApprovalRequired .workflow {
        color: goldenrod;
    }

    .DashboardApprovalRequired .datetime {
        color: gray;
        font-size: smaller;
    }

    .DashboardApprovalRequired .approval {
        color: #996666;
        font-size: xx-small;
        text-transform: capitalize;
    }




.DashboardGroupTempLocation {
    border: 30px solid transparent;
}

.DashboardTempLocation {
    font-family: "Arial Narrow";
    text-transform: capitalize;
    color: #FEFCF2;
    background-color: #111;
    font-size: .8em;
    -moz-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    -webkit-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    box-shadow: 1px 1px 1px 1px #17180b, inset 0 0 10px #505148;
    padding-top: 10px;
    padding-bottom: 10px;
}

.DashboardTempLocationCheckOut {
    font-family: "Arial Narrow";
    font-size: 20px;
    text-transform: capitalize;
    color: #FEFCF2;
    background-color: #111 !important;
    -moz-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    -webkit-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    box-shadow: 1px 1px 1px 1px #17180b, inset 0 0 10px #505148;
    padding-top: 22px;
    padding-bottom: 22px;
}

    .DashboardTempLocation a:link {
        text-decoration: none;
        color: #999;
    }

    .DashboardTempLocation a:hover {
        text-decoration: underline;
    }

    .DashboardTempLocation a:visited {
        text-decoration: underline;
        color: #A39C90;
    }

    .DashboardTempLocation .location {
        text-transform: uppercase;
        font-weight: bold;
    }

    .DashboardTempLocation .participant {
        color: #999;
    }

    .DashboardTempLocation .datetime {
        color: gray;
        font-size: smaller;
    }


.DashboardWorkflowEmoji {
    font-size: x-large;
}

.DashboardWorkflowName {
    font-size: x-small;
    font-weight: bold;
    display: inline-block;
}

.DashboardLocationButton {
    line-height: 1;
    display: inline-grid;
    text-align: center;
    border-radius: 5px;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 8px;
    padding-left: 3px;
    min-height: 75px;
}

    .DashboardLocationButton a {
        padding: 20px 0;
    }


.DashboardWorkflowButton {
    line-height: 1;
    display: inline-grid;
    text-align: center;
    border-radius: 5px;
    padding: 8px;
    min-height: 75px;
}
    .DashboardWorkflowButton a {
        padding: 20px 0;
    }

.DashboardAOO {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: #333333;
    padding: 0px;
}

.DashboardGenderMale {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: MidnightBlue;
    padding: 0px;
}

.DashboardGenderFemale {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: #660036;
    padding: 0px;
}

.DashboardGenderOther {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: #330066;
    padding: 0px;
}

.DashboardGenderTotal {
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFCF2;
    background-color: #394639;
    padding: 0px;
}

.DashboardClassification {
    font-weight: bold;
    text-transform: uppercase;
    color: #aabca7;
    background-color: #333;
    padding: 0px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    -webkit-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    box-shadow: 1px 1px 1px 1px #17180b, inset 0 0 10px #505148;
    font-size: xx-small;
    line-height: 1.4em;
}

.DashboardStaff {
    text-transform: capitalize;
    color: #999999;
    background-color: #111111;
    padding: 0px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    -webkit-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    box-shadow: 1px 1px 1px 1px #17180b, inset 0 0 10px #505148;
    font-size: .8em;
    line-height: 1.4em;
    font-family: "Arial Narrow";
}

.DashboardVisitor {
    text-transform: capitalize;
    color: #999999;
    background-color: #111111;
    padding: 0px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    -webkit-box-shadow: 1px 1px 1px 6px #17180b, inset 0 0 10px #505148;
    box-shadow: 1px 1px 1px 1px #17180b, inset 0 0 10px #505148;
    font-size: .8em;
    line-height: 1.4em;
    font-family: "Arial Narrow";
}


/**END**/


.LogEntryReportIcon {
    max-height: 65px;
}

.menuBarImageIcon {
    height: 25px;
}

p {
    color: #FEFCF2;
    font-size: 10px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2;
}

ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

    ul li {
        position: relative;
        padding: 0;
        margin: 0;
        padding-bottom: 4px;
        padding-top: 18px;
    }

        ul li:nth-of-type(1) {
            animation-delay: 0.5s;
        }

        ul li:nth-of-type(2) {
            animation-delay: 0.75s;
        }

        ul li:nth-of-type(3) {
            animation-delay: 1s;
        }

        ul li:last-of-type {
            padding-bottom: 0;
        }

        ul li i {
            position: absolute;
            transform: translate(-6px, 0);
            margin-top: 16px;
            right: 0;
        }

            ul li i:before, ul li i:after {
                content: "";
                position: absolute;
                background-color: #ff6873;
                width: 3px;
                height: 9px;
            }

            ul li i:before {
                transform: translate(-2px, 0) rotate(45deg);
            }

            ul li i:after {
                transform: translate(2px, 0) rotate(-45deg);
            }

        ul li input[type=checkbox] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

            ul li input[type=checkbox]:checked ~ p {
                margin-top: 0;
                max-height: 0;
                opacity: 0;
                transform: translate(0, 50%);
            }

            ul li input[type=checkbox]:checked ~ i:before {
                transform: translate(2px, 0) rotate(45deg);
            }

            ul li input[type=checkbox]:checked ~ i:after {
                transform: translate(-2px, 0) rotate(-45deg);
            }

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }

    5% {
        opacity: 1;
    }

    80% {
        transform: rotateX(8deg);
    }

    83% {
        transform: rotateX(6deg);
    }

    92% {
        transform: rotateX(-3deg);
    }

    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}



.cadmussettings {
    color: #e23131;
}

.cadmussettingtitle {
    padding-left: 20px;
    font-size: x-small;
    color: darkgrey;
}

.cadmussettingtextbox {
    padding: 3px 10px 3px 10px;
    color: whitesmoke;
    font-size: large;
    font-weight: bold;
    background-color: #111;
}

    .cadmussettingtextbox:hover {
        background-color: darkgray;
        /*color:black;*/
    }

    .cadmussettingtextbox:focus {
        background-color: darkgray;
        color: black;
    }

.cadmussettingclientlogo {
    max-width: 85px;
    max-height: 85px;
}

.cadmussettingsbutton {
    background-color: goldenrod;
    color: black;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
}


/*#offCanvasLeft > * {
    padding: 0px;
}*/


.cadmusmenu, ul li {
    padding: 1px 0px 1px 0px;
}

.cadmusmenulink {
    padding-top: 3px;
}

.cadmusmenulink a {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #FEFCF2;
/*    border: solid;
    border-width: 0px 0px 1px 0px;*/
/*    border-color: saddlebrown;*/
    padding: 9px 9px 9px 9px;
    font-size: 1.5em;
}

    .cadmusmenulink a:hover {
        color: #FEFCF2;
        background-color: #6f9ddb;
    }

    .cadmusmenulink a:current {
        color: #FEFCF2;
        background-color: #6f9ddb;
    }

.cadmusformbuttonred {
    left: 12px;
    background-color: darkred;
    /*padding: 3px 10px 3px 10px !important;*/
    border-radius: 4px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #DC143C;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #DC143C;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 15px #DC143C;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
}

.cadmusformbuttongreen {
    left: 12px;
    background-color: green;
    /*padding: 3px 10px 3px 10px !important;*/
    border-radius: 4px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #50C878;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #50C878;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 15px #50C878;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
}

.cadmusformbutton {
    left: 12px;
    background-color: #223145;
    /*padding: 3px 10px 3px 10px !important;*/
    border-radius: 4px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 15px #4069b3;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
}

    .cadmusformbutton:hover {
        background-color: #6F9DDB;
        color: black;
    }

.cadmusformbuttonnowrap {
    white-space: nowrap;
    overflow:hidden;
}

.cadmusformbuttoncenter {
    display: flex;
}

.cadmusformbuttontall {
    height: 100%
}

.cadmusformbuttonCategory {
    background-color: #314D74;
}

.cadmusenbutton {
    position: absolute;
    right: 6px;
    bottom: 2px;
    /*background-color: #48658B;*/
/*    padding-top: 3px;*/
    border-radius: 20px;
    font-size: 25px;
    /*    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;*/
    color: #48658B;
    /*    width: 20px;
    height: 20px;*/
}

.cadmussyncbutton {
    position: absolute;
    right: 12px;
    top: 6px;
    background-color: forestgreen;
    padding-top: 7px;
    border-radius: 20px;
    font-size: 25px;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
    width: 38px;
    height: 38px;
}

.cadmuslogginghomebutton {
    position: absolute;
    left: 12px;
    top: 6px;
    background-color: #48658b;
    padding-top: 7px;
    border-radius: 20px;
    font-size: 25px;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
    width: 38px;
    height: 38px;
}

.cadmusmenubutton {
    position: absolute;
    left: 12px;
    top: 6px;
    background-color: #48658b;
    padding: 6px 10px 5px 10px;
    border-radius: 20px;
    font-size: 25px;
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
}


.tasksbtn {
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    height: 20px;
    width: 28%;
    border: 1px solid transparent;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 12px;
    background-color: #48658b;
    opacity: .95;
}

.homebtn {
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    height: 30px;
    width: 70%;
    border: 1px solid transparent;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    font-size: 15px;
    padding-top: 3px;
    background-color: #48658b;
    opacity: .95;
}


.signoffsbtn {
    -moz-box-shadow: 1px 1px 1px 6px #2e2e2e, inset 0 0 10px #4069b3;
    -webkit-box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    box-shadow: 1px 1px 2px 2px #2e2e2e, inset 0 0 10px #4069b3;
    color: #FEFCF2;
    position: fixed;
    left: 80%;
    bottom: 18px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    height: 20px;
    width: 28%;
    border: 1px solid transparent;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-size: 12px;
    background-color: #48658b;
    opacity: .95;
}

.cadmusmenubutton:hover {
    cursor:pointer;
}


.modalheader {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cadmusmenubuttonclose {
    font-size: 2em;
}


.cadmusmenubuttonclose {
    color: gray;
    padding: 6px 6px 6px 6px;
    right: .4em;
    top: .5em;
    font-size: 30px;
}

.cadmusmenubuttonclosemenu {
    background-color: #223145;
    opacity: .85;
    color: #FEFCF2;
    padding: 4px 6px 4px 6px;
    border-radius: 20px;
    border: #FEFCF2 1px solid;
    right: .4em;
    top: .5em;
    font-size: 18px;
}

    .modalheader {
        text-align: left;
        margin-bottom: 30px;
        background-color: transparent;
        border-bottom: 1px solid;
        color: lightgray;
        padding-left: 10px;
        overflow: hidden;
        white-space: nowrap;
    }

.modalReportView .modalheader {
    text-align: left;
    margin-bottom: 30px;
    background-color: transparent;
    border-bottom: 1px solid;
    color: white;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
}

    .modalbreak {
        border: 2px solid black;
    }

    .modalhelp {
        font-size: 2vh;
        font-family: monospace;
        color: darkblue;
    }

    .strikethrough {
        text-decoration: line-through;
    }

    .cadmusmenubuttonclosemenu:hover {
        background-color: #6f9ddb;
    }

.cadmusoffcanvasleft {
    background-color: #223145;
    opacity: .85;
    /*        border-radius: 0px 20px 20px 0px;
        border-style: groove;
        border-width: 5px 5px 5px 0px;
        border-color: saddlebrown;*/
    border-radius: 0px 20px 0px 0px;
    border-right: 1px solid #fefcf2;
    border-top: 1px solid #fefcf2;
}

    .cadmusoffcanvasleft::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #223145;
    }

    .cadmusoffcanvasleft::-webkit-scrollbar {
        width: 7px;
        background-color: #390F00;
    }

    .cadmusoffcanvasleft::-webkit-scrollbar-thumb {
        background-color: #6f9ddb;
        border: 1px solid black;
    }

    .cadmusdropdownpane {
        background-color: darkgoldenrod;
        opacity: .95;
        border-radius: 5px;
        border-style: groove;
        border-width: 5px 5px 5px 5px;
        border-color: saddlebrown;
    }

    .cadmusAppTitleSection {
        padding-top: 6px;
        text-align: center;
    }

.CadmusToolBar .cadmuspagetitle {
    color: #FEFCF2;
    font-size: 20px;
    text-align: center;
    margin-bottom: .5em;
    display: block;
    padding-top: 5px;
    font-weight: bold;
    border-bottom: 1px solid #666666;
    padding-bottom: 10px;
}

.cadmuspagetitle {
    color: #FEFCF2;
    font-size: 20px;
    text-align: center;
    margin-bottom: .5em;
    display: block;
    padding-top: 5px;
    font-weight: bold;
}

    .cadmuspagedescription {
        font-size: 1em;
        display: block;
    }

#ddlnames {
    background-color: #222;
    color: #FEFCF2;
    border: none;
    font-size: 16px;
    outline: 0;
    padding: 16px 25px 0px 25px;
    margin-bottom: 0px;
    box-shadow: none;
    border-radius: 8px;
}

    /** float container */
    .cadmus_float-container {
        box-sizing: border-box;
        margin-bottom: 8px;
        padding: 0 8px;
        position: relative;
        display: inline-block;
    }

        .cadmus_float-container input[type=text] {
            background-color: #222;
            color: #FEFCF2;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 25px 0px 25px;
            margin-bottom: 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container input[type=datetime-local] {
            background-color: #222;
            color: #FEFCF2;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 25px 0px 25px;
            margin-bottom: 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container input[type=date] {
            background-color: #222;
            color: #FEFCF2;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 25px 0px 25px;
            margin-bottom: 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container input[type="date"]::-webkit-calendar-picker-indicator {
            filter: invert(1);
        }

        .cadmus_float-container input[type=number] {
            background-color: #222;
            color: #FEFCF2;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 25px 0px 25px;
            margin-bottom: 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container input[type=color] {
            background-color: #222;
            color: #FEFCF2;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 25px 0px 25px;
            margin-bottom: 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container textarea {
            background-color: #111;
            color: salmon;
            border: none;
            font-size: 16px;
            outline: 0;
            padding: 16px 6px 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container select {
            background-color: #222;
            border-radius: 9px;
            border-color: black;
        }

            .cadmus_float-container select:not([multiple]) {
                background-color: #222;
                color: white;
                border: none;
                font-size: 16px;
                outline: 0;
                padding: 16px 6px 0px;
                box-shadow: none;
                /*border-radius: 8px;*/
            }

        .cadmus_float-container option {
            background-color: #222;
            color: white;
            border: none;
            font-size: 14px;
            outline: 0;
            padding: 3px 6px 0px;
            box-shadow: none;
            border-radius: 8px;
        }

        .cadmus_float-container select option:checked {
            background-color: white !important;
            color: black;
        }

        .cadmus_float-container label {
            color: darkgray;
            font-size: 18px;
            position: absolute;
            line-height: 1;
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-transform: translate(0, 16px) scale(1);
            transform: translate(0, 16px) scale(1);
            -webkit-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            padding-left: 8px;
            padding-top: 1px;
        }

            .cadmus_float-container label::before {
                /*content: "\00a0\00a0";*/
            }

        .cadmus_float-container.active label {
            -webkit-transform: translate(0, 3px) scale(0.6);
            transform: translate(0, 3px) scale(0.6);
            white-space: nowrap;
        }


    .cadmusmenuleveldark {
        color: black;
    }


    .cadmus_addmessage {
        color: black;
        font-size: small;
    }


    .cadmus_textboxeditortoolbox {
        position: absolute;
        right: 15px;
        top: 0px;
        border: none;
        color: darkgoldenrod;
        font-size: x-small;
    }

        .cadmus_textboxeditortoolbox span {
            padding: 0px 4px 0px 0px
        }

    .cadmus_loadingBox {
        font-family: monospace;
        text-transform: uppercase;
        border-radius: 4px;
        background: #333333;
        color: gray;
        font-size: xx-large;
        padding: 6px;
        z-index: 3;
    }

    .cadmus_loading:after {
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        -webkit-animation: ellipsis steps(4,end) 900ms infinite;
        animation: ellipsis steps(4,end) 900ms infinite;
        content: "\2026"; /* ascii code for the ellipsis character */
        width: 0px;
    }

    @keyframes ellipsis {
        to {
            width: 20px;
        }
    }

    @-webkit-keyframes ellipsis {
        to {
            width: 20px;
        }
    }


    @keyframes spin {
        to {
            transform: rotate(1turn);
        }
    }

    .cadmus_progress {
        position: relative;
        display: inline-block;
        width: 5em;
        margin: 0 .5em;
        font-size: 6px;
        text-indent: 999em;
        overflow: hidden;
        animation: spin 1s infinite steps(8);
    }

    .cadmus_spinsmall.progress {
        font-size: 6px;
    }

    .cadmus_spinlarge.progress {
        font-size: 24px;
    }

    .cadmus_progress:before,
    .cadmus_progress:after,
    .cadmus_progress > div:before,
    .cadmus_progress > div:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2.25em; /* (container width - part width)/2  */
        width: .5em;
        height: 1.5em;
        border-radius: .2em;
        background: #eee;
        box-shadow: 0 3.5em #eee; /* container height - part height */
        transform-origin: 50% 2.5em; /* container height / 2 */
    }

    .cadmus_progress:before {
        background: #555;
    }

    .cadmus_progress:after {
        transform: rotate(-45deg);
        background: #777;
    }

    .cadmus_progress > div:before {
        transform: rotate(-90deg);
        background: #999;
    }

    .cadmus_progress > div:after {
        transform: rotate(-135deg);
        background: #bbb;
    }

    .invisible {
        visibility: hidden;
    }

    .cadmusInactive {
        text-decoration: line-through;
    }

    #ui-datepicker-div {
        z-index: 9999999 !important;
        background-color: #111;
    }

    @media print {

        .cadmusCompStatChart {
            page-break-before: always;
            filter: none !important;
        }
    }

    .cadmusCompStatChart {
        width: 100% !important;
        margin: 5px;
        filter: invert(90%);
    }

@media print {

    .cadmusCompStatCard {
        height: auto !important;
    }
}
.cadmusCompStatCard {
    height: 300px;
}
@media print {

    .cadmusCompStatCardChart {
        max-height: 100% !important;
        overflow-y: visible;
        overflow-x: visible;
        display: flex;
    }
}

.cadmusCompStatCardChart {
    max-height: 240px;
    overflow-y: auto;
    display: flex;
}
.cadmusCompStatCardTitle {
}

        .CadmusToolBar {
            background-color: #333333;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-top: 25px;
            border-top: 1px solid #666666;
        }



    .CadmusToolBarsticky {
        position: fixed;
        top: 25px;
        width: 100%;
        z-index: 5;
        height: 55px;
        overflow: hidden;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .CadmusToolBar + .content {
        padding-top: 102px;
    }

    .CadmusBlankNoShow :empty {
        display: none;
    }

.cadmus_attachbuttonBottom {
    position: absolute;
    bottom: -5px;
    left: 8px;
    background-color: transparent;
    border: none;
    padding: 4px;
    border-radius: 4px;
    font-size: 33px !important;
}


.cadmus_sendbuttonBottom {
    position: absolute;
    bottom: 14px;
    right: 8px;
    background-color: transparent;
    border: none;
    padding: 4px;
    border-radius: 4px;
    font-size: 33px !important;
}

.cadmus_alertbar {
    position: absolute;
    top: 25px;
    left: 5%;
    width: 90%;
    border-radius: 40px;
    z-index: 20000;
    -moz-box-shadow: 3px 3px 5px 6px #000000, inset 0 0 10px #000000;
    -webkit-box-shadow: 3px 3px 5px 6px #000000, inset 0 0 10px #000000;
    box-shadow: 3px 3px 5px 6px #000000, inset 0 0 10px #000000;
}

.cadmus_ClearBox {
    /*background-color: red;*/
    color: red;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    position: relative;
    top: 36px;
    left: 8px;

}


.cadmusWorkflowBuilderCard {
    font-size: small;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    background-color: #2e2e2e;
    border: 5px solid black;
    color: #FEFCF2;
    -moz-box-shadow: inset 0 0 10px #626262;
    -webkit-box-shadow: inset 0 0 10px #626262;
    box-shadow: inset 0 0 10px #626262;
    position: relative;
}

    .cadmusWorkflowBuilderCard a:link {
        text-decoration: none;
        color: #FEFCF2;
        width: auto;
    }

    .cadmusWorkflowBuilderCard a:hover {
        text-decoration: underline;
    }

    .cadmusWorkflowBuilderCard a:visited {
        text-decoration: underline;
        color: #FEFCF2;
    }

.cadmusWorkflowBuilderCardTools {
    display: none;

}


.cadmusWorkflowBuilderCardToolsShow {
    display: block;
}

.cadmusWorkflowBuilderCardToolsButton {
    color: darkgoldenrod;
    background-color: transparent;
    border: none;
    padding: 4px;
    border-radius: 4px;
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 2em;
}
    .cadmusWorkflowBuilderCardToolsIcon {
        color:darkgoldenrod
    }

.cadmusWorkflowBuilderCardType {
    font-size: 1em;
    color: black;
    font-family: Courier New, Courier, monospace;
    border: 1px solid black;
    background-color: darkgoldenrod;
    border-radius: 3px;
    padding: 1px;
    font-weight: bold;
    position: relative;
    top: -10px;
}

.cadmusWorkflowBuilderCardWorkflowName {
    font-size: 1.5em;
}

.cadmusWorkflowBuilderCardWorkflowDescription {
    font-size: 0.8em;
    white-space: pre-line;
}

    .cadmusWorkflowBuilderCardWorkflowDescription::before {
        content: "\A";
    }



.cadmusWorkflowBuilderCardActive1 {
    text-decoration-line: line-through;
    background: #590101;
    box-shadow: inset 0 0 10px black;
}

.cadmusWorkflowBuilderCardSMALL {
    font-size:smaller;
    padding: 5px;
    overflow:hidden;
    line-height: 1.2em;
}

.smaller{
    font-size:smaller;
}

.bold {
    font-weight:bold;
}

.#FEFCF2 {
    color:#FEFCF2;
}

.paddingleft5 {
    padding-left:5px;
}


.cadmusAddNewButton {
    border: 1px solid #000000;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    bottom: 23px;
    right: 15px;
    margin: 4px;
    display: inline-block;
    vertical-align: middle;
    background-color: #5A6F8E;
}

    .cadmusAddNewButton.plus:before,
    .cadmusAddNewButton.plus:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: navajowhite;
    }

    .cadmusAddNewButton.plus:before {
        width: 4px;
        margin: 4px auto;
    }

    .cadmusAddNewButton.plus:after {
        margin: auto 4px;
        height: 4px;
    }

    /* and a bonus!!! minus :-) */
    .cadmusAddNewButton.minus:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: red;
        margin: auto 2px;
        height: 4px;
    }


.cadmusOptionsboxCheckbox {
    font-size: xx-large !important;
    color: black !important;
    left: 59px;
}

.visitorImage {
    max-height: 150px;
    max-width: 150px;
    border-radius: 10px;
}

.cadmusListBox {
    background-color: black;
}

    .cadmusListBox form select, form textarea {
        background-color: black;
    }

        .cadmusListBox form select:focus, form textarea:focus {
            background-color: black;
        }


/*Cadmus Custom Reporting Cards*/
.chartbtn {
    font-size: 20px;
    padding: 7px;
    padding-top: 15px;
    color: white !important;
}

.dimensionalbar tbody td {
    margin-inline-start: 10px;
    margin-inline-end: 20px;
    padding-right: 3px;
    box-shadow: 1px -1px 1px #666666, 2px -2px 1px #666666, 3px -3px 1px #666666, 4px -4px 1px #666666
}

.dimensionalpie tbody td {
    box-shadow: 3px 5px 2px #666666;
}


.dimensionalbar tbody td {
    animation: moving-bars 2s linear;
}


.dimensionalpie tbody td {
    animation: moving-bars 2s linear;
}

@keyframes moving-bars {
    0% {
        transform: translateY( 100% );
    }

    30% {
        transform: translateY( 0 );
    }
}

.orderctrlnum {
    width: 100px;
}

.togglebuttons {
    padding-bottom: 10px;
}

.barchartpadding {
    padding-right: 20px;
    width: 100%;
}

.customreportspinner {
    width: 50px;
    height: 50px;
}

.customreportspinnerdiv {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}