/* #region Screen Size Adjustments */

/*Ultra HD Mode - Larger than 2500px, constrained*/
@media only screen and (min-width: 2500px) {
    .ivrc_mainregion {
        max-width: 2500px !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: static;
        top: 0;
        min-width: 40em;
        /*min-width: 15em;*/
    }

    .ivrc_showwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showwhendesktop {
        display: initial;
        visibility: initial;
    }

    .ivrc_showcolumnwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhennonmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenDesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }
}

/*Full HD Mode - 1900px to 2499px, constrained*/
@media only screen and (min-width: 1900px) and (max-width: 2499px) {
    .ivrc_mainregion {
        max-width: 1900px !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: static;
        top: 0;
        min-width: 30em;
    }

    .ivrc_showwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showwhendesktop {
        display: initial;
        visibility: initial;
    }

    .ivrc_showcolumnwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhennonmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenDesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }
}

/*HD Mode - 1600px to 1899px, constrained*/
@media only screen and (min-width: 1600px) and (max-width: 1899px) {
    .ivrc_mainregion {
        max-width: 1600px !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: static;
        top: 0;
        min-width: 30em;
    }

    .ivrc_showwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showwhendesktop {
        display: initial;
        visibility: initial;
    }

    .ivrc_showcolumnwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhennonmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenDesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }
}

/*Desktop Mode - 1024px to 1599px, constrained*/
@media only screen and (max-width: 1599px) and (min-width: 1024px) {
    .ivrc_mainregion {
        max-width: 1024px !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: static;
        top: 0;
        min-width: 15em;
    }

    .ivrc_showwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showwhendesktop {
        display: initial;
        visibility: initial;
    }

    .ivrc_showcolumnwhenmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhennonmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenDesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }
}

/*Mobile Mode - less than 1024px, wrappy*/
/*Tablet Mode - 601px - 1024px, wrappy*/
@media only screen and (min-width: 601px) and (max-width: 1023px) {
    .ivrc_mainregion {
        width: 100% !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: absolute;
        top: 3em;
        min-width: 0;
    }

    .ivrc_showwhenmobile {
        display: initial;
        visibility: initial;
    }

    .ivrc_showwhendesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhenmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showcolumnwhennonmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenDesktop {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }
}

/*Also Mobile Mode - less than 1024px, wrappy*/
/*Phone Mode - 601px - 1024px, wrappy*/
@media only screen and (max-width: 600px) {
    .ivrc_mainregion {
        width: 100% !important;
        background-color: grey;
    }

    .ivrc_navpanel {
        position: absolute;
        top: 3em;
        min-width: 0;
    }

    .ivrc_showwhenmobile {
        display: initial;
        visibility: initial;
    }

    .ivrc_showwhendesktop {
        display: none;
        visibility: hidden;
    }

    .ivrc_showcolumnwhenmobile {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_showcolumnwhennonmobile {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenTabletOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenDesktopOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenFullHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_showColumnWhenUltraHDOrLarger {
        display: none;
        visibility: hidden;
    }

    .ivrc_hideColumnWhenTabletOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenDesktop {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenFullHDOrLarger {
        display: table-cell;
        visibility: initial;
    }

    .ivrc_hideColumnWhenUltraHDOrLarger {
        display: table-cell;
        visibility: initial;
    }
}

/*Center Box for Phone Mode*/
@media only screen and (max-width: 600px) {
    .ivrc_centerboxphone {
        max-width: 550px !important;
    }
}

/*Center Box for Big Phone Mode*/
@media only screen and (min-width: 601px) {
    .ivrc_centerboxphone {
        max-width: 550px !important;
        border: 2px solid grey;
        /*background-color: #f0faff;*/
        border-radius: 10px 10px;
        padding: 10px 10px 10px 10px;
        box-shadow: inset 0 0 7px #000000;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Center Box for Tablet Mode*/
@media only screen and (max-width: 1024px) {
    .ivrc_centerboxtablet {
        max-width: 974px !important;
    }
}

/*Center Box for Big Tablet Mode*/
@media only screen and (min-width: 1025px) {
    .ivrc_centerboxtablet {
        max-width: 724px !important;
        border: 2px solid grey;
        /*background-color: #f0faff;*/
        border-radius: 10px 10px;
        padding: 10px 10px 10px 10px;
        box-shadow: inset 0 0 7px #000000;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Center Box for Desktop Mode*/
@media only screen and (max-width: 1600px) {
    .ivrc_centerboxdesktop {
        max-width: 974px !important;
    }
}

/*Center Box for Big Desktop Mode*/
@media only screen and (min-width: 1601px) {
    .ivrc_centerboxdesktop {
        max-width: 724px !important;
        border: 2px solid grey;
        /*background-color: #f0faff;*/
        border-radius: 10px 10px;
        padding: 10px 10px 10px 10px;
        box-shadow: inset 0 0 7px #000000;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Center Box for HD Mode*/
@media only screen and (max-width: 1900px) {
    .ivrc_centerboxhd {
        max-width: 1550px !important;
    }
}

/*Center Box for Big HD Mode*/
@media only screen and (min-width: 1901px) {
    .ivrc_centerboxhd {
        max-width: 1300px !important;
        border: 2px solid grey;
        /*background-color: #f0faff;*/
        border-radius: 10px 10px;
        padding: 10px 10px 10px 10px;
        box-shadow: inset 0 0 7px #000000;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Center Box for Full HD Mode*/
@media only screen and (max-width: 2500px) {
    .ivrc_centerboxfullhd {
        max-width: 1850px !important;
    }
}

/*Center Box for Big Full HD Mode*/
@media only screen and (min-width: 2501px) {
    .ivrc_centerboxfullhd {
        max-width: 1600px !important;
        border: 2px solid grey;
        /*background-color: #f0faff;*/
        border-radius: 10px 10px;
        padding: 10px 10px 10px 10px;
        box-shadow: inset 0 0 7px #000000;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #endregion */

/*Adjustments for Print Mode*/
@media only print {

    h1 {
        font-size: 1.3em !important;
    }

    h2 {
        font-size: 1.1em !important;
    }

    body {
        line-height: 1.2;
        font-family: sans-serif;
        background-color: grey;
        margin: 0 auto !important;
        font-size: 0.7em;
        /*height: 100vh;*/
        /*background: url(../Images/background-gradiant.png) repeat-x;*/
    }

    .ivrc_stickyfooter {
        display: none;
    }

    .ivrc_content {
        width: auto;
        border-width: 0;
        overflow: visible;
        overflow-x: hidden;
        padding: 0 !important;
        box-shadow: none;
    }

    .ivrc_contentouter {
        width: 100%;
        overflow: visible;
        overflow-x: hidden;
        border-width: 0;
        float: left;
        box-shadow: none !important;
    }

    input[type=submit].ivrc_menubutton {
        display: none !important;
    }

    .ivrc_showwhenmobile {
        display: none !important;
    }

    .ivrc_mainregion {
        background-color: #fff;
        border: 0;
        border-color: #bbb;
        color: #333;
        height: 100%;
        left: 0;
        margin: 0 auto;
        outline: 0;
        overflow: visible;
        overflow-x: hidden;
        padding: 0;
        top: 0;
        width: 100%;
    }

    .ivrc_printonly {
    }

    .ivrc_screenonly {
        display: none !important;
    }

    .ivrc_headerbar {
        display: none;
    }

    .divTable.blueTable .divTableBody .divTableCell {
        font-size: 10px !important;
    }

    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 12px !important;
    }


    .blueTable .tableFootStyle {
        font-size: 11px !important;
    }
}

/*Adjustments for All Screen Modes*/
@media only screen {
    body {
        font-size: 1em;
        line-height: 1.3;
        font-family: sans-serif;
        background-color: grey;
        margin: 0 auto !important;
        height: 100vh;
        background: url(../Images/background-gradiant.png) repeat-x;
    }

    .ivrc_stickyfooter {
        font-size: x-small;
        font-weight: 700;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fefcfc;
        z-index: 90000;
        display: table;
    }

    .ivrc_mainregion {
        background-color: #f9f9f9;
        border: 0;
        border-color: #bbb;
        color: #333;
        height: 100%;
        left: 0;
        margin: 0 auto;
        outline: 0;
        overflow: visible;
        overflow-x: hidden;
        padding: 0;
        top: 0;
        width: 100%;
    }

    .ivrc_printonly {
        display: none !important;
    }

    .ivrc_screenonly {
    }

}

/*Force something to 100% width (mainly for text boxes)*/
.ivrc_widetextbox {
    width: 100% !important;
    /*min-width: 100% !important;
    max-width: initial !important;*/
}

/*#region Wire Frame Styles*/

/*Interior Frame*/
.ivrc_interiorframe {
    display: flex;
}

/*Make anything scrollable*/
.ivrc_scrollable {
    overflow: auto;
    max-height: calc(100vh - 6em);
}

/*Header Bar*/
.ivrc_headerbar {
    background-color: #ffffff;
    border-color: #ddd;
    border-width: 1px 0;
    border-style: solid;
    position: relative;
}

h1.ivrc_headerbar {
    font-size: 1.25em;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 10%;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
}

/*Header Logo*/
.ivrc_headerlogo {
    height: 32px;
    position: absolute;
    right: 5px;
    top: 5px;
}

/*Contract/Expand Menu Button*/
input[type=submit].ivrc_menubutton {
    /*background-color: #ddd;*/
    border-color: #ddd;
    margin: 0;
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
    border-width: 2px;
    border-style: solid;
    border-radius: 11px;
    top: 50%;
    margin-top: -11px;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 5px;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}

/*Outer Halo of Main Content Area*/
.ivrc_contentouter {
    width: 100%;
    overflow: visible;
    overflow-x: hidden;
    border-width: 0;
    float: left;
    box-shadow: inset 0 0 10px #000000;
}

/*Main Conent Area*/
.ivrc_content {
    width: auto;
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 1em;
}

.ivrc_waitpanel {
    background-image: url(../css/gear-animation.gif);
    background-repeat: no-repeat;
    width: 97%;
    height: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-color: transparent;
    /*background-blend-mode: difference;*/
    opacity: 0.7;
    position: absolute;
    z-index: 1000000;
    visibility: hidden; 
}

.ivrc_extendsessionouter {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.95;
    position: absolute;
    z-index: 1100000;
    visibility: hidden;
    display: inline-flex;
    top: 0;
    left: 0;
}

.ivrc_extendsessioninner {
    margin: auto;
    /*vertical-align: auto;*/
    border: red;
    border-style: solid;
    border-width: 8px;
    padding: 6em;
    border-radius: 1em;
    font-weight: 800;
    background-color: pink;
    opacity: 1.0 !important;
}


/*#endregion*/

/* #region Standard Controls Formatting*/

/*Default edit box styles*/
input[type=text],
input[type=password],
input[type=email],
input[type=file],
select {
    background-color: #e8f1f7;
    border-radius: 0.25em;
    border: 1px solid #060c10;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #14171a;
    display: block;
    font-size: 1em;
    height: 2em;
    line-height: 1em;
    padding: 0.25em 0.5em;
    transition: all .2s ease-in-out;
    width: auto;
    min-width: 20em;
}

.ivrc_forceeditbox {
    background-color: #e8f1f7;
    border-radius: 0.25em;
    border: 1px solid #060c10;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #14171a;
    display: block;
    font-size: 1em;
    height: 2em;
    line-height: 1em;
    padding: 0.25em 0.5em;
    transition: all .2s ease-in-out;
    width: auto;
    min-width: 20em;
}



/* Big Check Box*/
input[type=checkbox] {
    height: 25px;
    width: 25px;
    margin: 0;
}

/* Super Compact Button, (unused) */
input[type=submit].ivrc_minibutton {
    /*background-color: #f6f6f6;*/
    border-color: #ddd;
    margin: 0.25em;
    font-size: 11px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
    border-width: 2px;
    border-style: solid;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}

/* Begin Compact Button */
input[type=button].ivrc_smallbutton, input[type=submit].ivrc_smallbutton, input[type=reset].ivrc_smallbutton {
    cursor: pointer;
    width: 100%;
    height: 1.5em;
    border: 0;
    outline: 0;
    background-color: #ddd;
    -webkit-border-radius: inherit;
    box-shadow: 3px 3px 6px #444;
    border-radius: 0.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1em;
    font-weight: 300;
    margin: .25em 0;
    padding: .3em 0.5em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
}

input[type=button]:focus.ivrc_smallbutton, input[type=submit]:focus.ivrc_smallbutton, input[type=reset]:focus.ivrc_smallbutton,
input[type=button]:hover.ivrc_smallbutton, input[type=submit]:hover.ivrc_smallbutton, input[type=reset]:hover.ivrc_smallbutton {
    color: blue;
    text-underline-position: below;
    background-color: #e5e5e5;
    box-shadow: 3px 3px 6px blue;
}

input[type=button].active.ivrc_smallbutton, input[type=submit].active.ivrc_smallbutton, input[type=reset].active.ivrc_smallbutton {
    /*Active must come after hover to work as expected (otherwise hover will override active)*/
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0px blue;
}

input[type=button]:disabled.ivrc_smallbutton, input[type=submit]:disabled.ivrc_smallbutton, input[type=reset]:disabled.ivrc_smallbutton {
    color: darkgrey;
    background-color: #fff;
    box-shadow: 3px 3px 6px silver;
}

/* End Compact Button */

/* Begin Full Size Button*/
input[type=button], input[type=submit], input[type=reset] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background-color: #ddd;
    -webkit-border-radius: inherit;
    box-shadow: 3px 3px 6px #444;
    border-radius: 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1em;
    font-weight: 700;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
}


input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus {
    color: blue;
    text-underline-position: below;
    background-color: #e5e5e5;
    box-shadow: 3px 3px 6px blue;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    color: darkblue;
    text-underline-position: below;
    background-color: #e5e5e5;
    box-shadow: 3px 3px 6px steelblue;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
    /*Active must come after hover to work as expected (otherwise hover will override active)*/
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0px blue;
}

input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled {
    color: darkgrey;
    background-color: #fff;
    box-shadow: 3px 3px 6px silver;
}
/* End Full Size Button */

/* #endregion */

/* #region Nav Panel */
.ivrc_backicon {
    cursor: pointer;
}

    .ivrc_backicon:after {
        content: "";
        pointer-events: none;
        top: -1.85em;
        margin-top: -11px;
        position: relative;
        display: block;
        width: 22px;
        height: 22px;
        left: .5625em;
        background-color: rgba(0,0,0,.3);
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 1em;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E");
    }

div.ivrc_navpanel {
    -webkit-transition: -webkit-transform 300ms ease;
    -webkit-transition-duration: 300ms;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 3000ms ease-in-out;
    min-height: calc(100vh - 4em);
    border-width: 0;
    display: block;
    background-color: #2a2a2a;
    border-color: #1d1d1d;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    z-index: 10000;
    overflow: hidden;
    float: left;
}

    div.ivrc_navpanel a {
        color: #fff;
        display: block;
        overflow: hidden;
        cursor: pointer;
    }

div.ivrc_navpanelmargins {
    padding: 0 0.5em;
    margin: 0 0.25em;
}

div.ivrc_navtheme {
    padding: 0 0.5em;
    margin: 0.25em;
    margin-top: 1em;
}

    div.ivrc_navtheme ul {
        list-style: none;
        padding: 0;
        margin-top: 0;
    }

    div.ivrc_navtheme a:after {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
    }

    div.ivrc_navtheme h1, div.ivrc_navtheme h2 {
        overflow: hidden;
        margin: 0;
    }

        div.ivrc_navtheme h2:after {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
        }

    div.ivrc_navtheme a {
        background-color: #777 !important;
        border-radius: 1em;
    }

    div.ivrc_navtheme a, div.ivrc_navtheme h1, div.ivrc_navtheme h2 {
        background-color: #333;
        border-color: #1f1f1f;
        border-style: solid;
        border-width: 1px 0 0;
        font-size: 16px;
        font-weight: 700;
        padding-right: 2.5em;
        padding: .4em 1em;
        position: relative;
        text-align: left;
        text-decoration: none !important;
        text-overflow: ellipsis;
        text-shadow: 0 1px 0 #111;
        user-select: none;
        white-space: nowrap;
        margin-top: 0.2em;
    }

    div.ivrc_navtheme h1 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }

    div.ivrc_navtheme a:after, div.ivrc_navtheme h2:after {
        background-color: rgba(0,0,0,.3);
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 1em;
        content: "";
        height: 22px;
        margin-top: -11px;
        position: absolute;
        right: .5625em;
        top: 50%;
        width: 22px;
    }

div.ivrc_menuhint {
    font-size: xx-small;
    font-weight: normal;
    padding: 0em 2em 0em 1em;
    user-select: none;
    white-space: pre-wrap;
}

/* #endregion */

/* Responsive Helpers for HTML Tables (AVOID) */
td.ivrc_table, th.ivrc_table {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1em;
}

/* #region CSS Table Handlers */
div.blueTable {
    border: 1px solid #1C6EA4;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
}

.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

.divTable.blueTable .divTableBody .divTableCell {
    font-size: 13px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
    background: #D0E4F5;
}

.divTable.blueTable .divTableHeading {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
}

    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        border-left: 2px solid #D0E4F5;
    }

        .divTable.blueTable .divTableHeading .divTableHead:first-child {
            border-left: none;
        }

.blueTable .tableFootStyle {
    font-size: 14px;
}

    .blueTable .tableFootStyle .links {
        text-align: right;
    }

        .blueTable .tableFootStyle .links a {
            display: inline-block;
            background: #1C6EA4;
            color: #FFFFFF;
            padding: 2px 8px;
            border-radius: 5px;
        }

.blueTable.outerTableFooter {
    border-top: none;
}

    .blueTable.outerTableFooter .tableFootStyle {
        padding: 3px 5px;
    }
/* DivTable.com */
.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

/* #endregion */

/* Standard Confirmation Box */
.ivrc_confirmation {
    background-color: lightyellow;
    max-width: 22em;
    padding: 0.5em;
    border: darkred;
    border-style: solid;
    border-width: 3px;
    border-radius: 6px;
    display: block;
}