/* Vita Standard Look 'n Feel */
#outer {
    width: 100%;
    clear: both;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

#outer .navbar-dark {
    background-color: #01234f !important;
}

.row {
    width:100%;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffffa3 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

#moduleDropdown:hover {
    color: #333333;
}

#inner {
    clear: both;
}

.ui-widget-overlay, .ui-iggrid-blockarea {
    z-index: 4;
}

.ui-widget-overlay, .ui-iggrid-blockarea {
    z-index: 4;
}

#modalOverlay .message, .please-wait .message
{
    z-index: 9999;
    font-size: 18pt;
    font-weight: 900;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    border: 2px solid #000000;
    margin: 20px;
    padding: 20px;
    text-align: center;
    position: relative;
    top: 300px;
    background-color: #ffffff;
    width: 300px;
    height: auto;
    margin: auto;
}
#modalOverlay img
{
    padding: 10px 0 0 0;
}
#modalOverlay 
{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
    margin: auto;
    background-color: #555566;
    opacity: 0.75;
    top: 0;
}
.ui-dialog {
    z-index: 9000 !important;
}
.modal-content ul {
    margin-left: 16pt;
    margin-top: 8pt;
}
.modal-content li {
    padding-left: 8pt;
}
p
{
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 11pt;
}

ul.standard-list {
    list-style: square;
}
ul.standard-list li {
    margin-left: 15pt;
}

/***********  HEADER AND NAVIGATION AREAS *************/
/* Header section */
#header {
    height: 80px;
    width: 100%;
    clear: both;
}
.vita-userroleinfo {

}
.vita-userlogoutsection {

}
/* Language */
select.language-selector, span.language-selector {
    font-size: 8pt;
    font-weight: 400;
    padding: 0;
    margin: 0;
    border: none;
    color: #505050;
    height: 11pt;
}
div.language-container {
    padding: 0;
    margin: 0 0 0 5pt;
    float: right;
}

/** VITA User Information / Role Selection section */
.vita-navbar-currentuser {
    padding: 1pt 5pt 2pt 10pt;
    font-size: 9pt;
    color: rgb(100,100,100);
    min-height: 10pt;
    display: block !important;
}

button.vita-userroleselector {
    border: 1pt solid #bebebe;
    border-radius: 5px;
    background-color: #f9f6f6;
    color: black;
    white-space: normal;
}

.vita-navbar-currentuser button.vita-userroleselector:hover {
    border: 1pt solid rgb(10,84,162);
    background-color: rgb(216,227,240);
}

button.vita-userroleselector .at {
    font-weight: 100;
}

.vita-usernameinfo {
    display:inline-block;
    font-weight: 700;
}

.vita-navbar-currentuser .vita-usersettings {
    color: rgb(150,150,178);
    padding: 1pt 1pt 0 1pt;
}
.vita-navbar-currentuser .vita-usersettings:hover {
    color: rgb(10,84,162);
}

.vita-navbar-currentuser .vita-userlogout {
    color: #ffffff;
    padding: 1pt 1pt 0 1pt;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
}

.vita-navbar-currentuser .vita-userlogout:hover {
    color: rgb(162,10,10);
}

.vita-userlogin {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 2.5vh;
    color: #666666;
    text-transform: none;
    letter-spacing: -1px;
}

/* Left side title and information. */
#header .header-left {
    float: left;
    max-width: 20vw;
    padding: 12px 0 0 15px; /* shift the padding from title to here */
}
#header .header-title {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 2.5vh;
    color: #666666;
    text-transform: none;
    letter-spacing: -1px;
    /* no padding, we moved it to the .header-left */
}
#header .header-title em {
    font-weight: 700;
    color: #0e5ba7;
}
#header .subheading {
    font-size: 1.5vh;
    color: white;
    margin-top: 5px;
    display: inline-block;
    clear: both;
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #db8d3c;
    text-align: center;
}

/* User, Assignment, etc. */
#header .header-pageheader {
    padding: 3pt 0 0 32px;
    width: 745px;
    height: 27px;
    border-top: 1px solid #b2b2b2;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    font-weight: 100;
    color: #777777;
    background: white;
    position: relative;
    top: 12px;
    clear: both;
}
#header .header-pageheader .role-changer img {
    float: left;
    padding: 0 4px 0 0;
    position: relative;
    top: -6px;
}
.logout-link {
    margin: 1pt 0 5pt 4pt;
    font-weight: 700;
    color: #8888AA;
    text-transform: uppercase;
}

#header .header-pageheader span.sep {
    padding: 0 6px 0 6px;
}

/* Right side header - logo. */
#header .header-right {
    float: left;
    height: 80px;
}
#header .header-right img {
    max-width: 310px;
    max-height: 75px;
    border: 0;
    padding: 5px 0 0 20px;
}

/* The module navigation bar. */
#module-bar {
    clear: both;
    width: 100%;
    background: url("../images/template/modulebar-bg.png") top repeat-x;
    border-top: solid 1px #0a54a2;
    border-bottom: solid 1px #0a54a2;
}
#module-bar .nav-item {
    float: left;
    height: 40px;
    border-bottom: 9px solid rgba(0,0,0,0);
    background-clip: border-box;
    padding: 10px 3px 0 3px;
    margin: 0 0 0 20px;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #ffffff;
}
#module-bar .selected {
    border-bottom: 9px solid #0a54a2 !important;
}
#module-bar .nav-item a {
    color: #ffffff;
    text-decoration: none;
}
#module-bar .nav-item a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#moduleNavbar .navbar-nav .nav-link {
    color: #666666;
    font-weight: 500;
}

#moduleNavbar .navbar-nav .nav-link:hover {
    color: #000;
}

/* The module selector thingy. */
#vita-module {
    width: 176px;
    height: 40px;
    background-color: #404040;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    margin-left: 30px;
}
#vita-module .module-name {
    background: url("../images/template/module-overlay.png") top repeat-y;
    color: #ffffff;
    font-size: 12pt;
    font-weight: 700;
    height: 40px;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
    #vita-module .name {
        float: left;
        padding: 12px 6px 0 20px;
        max-width: 148px;
        width: 148px;
    }
#vita-module .chooser {
    float: left;
    width: 35px;
    border-left: solid 2px rgb(147, 147, 147);
    margin: 8px 0 0 0;
    height: 21px;
}
#vita-module .chooser img {
    margin: 9px 0 0 11px;
    border: none;
}
#vita-module .module-list {
    display: none;
    z-index: 999;
    border-top: solid 1px #808080;
    width: 176px;
}
#vita-module .module-list-items {
    z-index: 999;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#vita-module .module-list-items li {
}
#vita-module .module-list-items li a {
    background-color: #666666;
    border-bottom: solid 1px #808080;
    width: 176px;
    height: 44px;
    max-width: 176px;
    max-height: 44px;
    color: #ffffff;
    font-size: 12pt;
    font-weight: 700;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    padding: 12px 10px 0 20px;
    text-decoration: none;
    color: #ffffff;
    display: block;
}
#vita-module .module-list-items li a:hover {
    text-decoration: underline;
}

.module-fetaldeaths {
    background: url("../images/template/module-fetaldeaths.png") bottom right no-repeat;
}
.module-deaths {
    background: url("../images/template/module-deaths.png") bottom right no-repeat;
}
.module-births {
    background: url("../images/template/module-births.png") bottom right no-repeat;
}
.module-marriages {
    background: url("../images/template/module-marriages.png") bottom right no-repeat;
}
.module-issuance {
    background: url("../images/template/module-issuance.png") bottom right no-repeat;
}
.module-general {
    background: url("../images/template/module-general.png") bottom right no-repeat;
}
.module-utility {
    background: url("../images/template/module-utility.png") bottom right no-repeat;
}
.module-myaccount {
    background: url("../images/template/module-myaccount.png") bottom right no-repeat;
}
.module-configuration {
    background: url("../images/template/module-configuration.png") bottom right no-repeat;
}
.module-cofneed {
    background: url("../images/template/module-cofneed.png") bottom right no-repeat;
}


/* Module Navigation */
#vita-modulenavbar {
    clear: both;
    width: 100%;
    height: 38px;
    background: url("../images/template/band-bg.png") #f2f2f2 top repeat-x;
    margin-bottom: 15px;
}
#vita-modulenavbar ul {
    padding: 0;
    margin: 0 0 0 60px;
    list-style: none;
}
#vita-modulenavbar ul li {
    float: left;
}
#vita-modulenavbar .nav-item {
    float: left;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    font-weight: 500;
    color: #666666;
    padding: 0 37px 0 0;
}
#vita-modulenavbar .nav-item a {
    color: #666666;
    text-decoration: none;
    padding: 11px 0 27px 0;
    height: 27px;
    display: block;
}
#vita-modulenavbar .nav-item a:hover {
    color: #231F20;
    text-decoration: none;
}
#vita-modulenavbar .selected a {
    color: #231F20 !important;
}
#vita-modulenavbar .modulenavbar {
    width: 100%;
    height: 38px;
    clear: both;
}

#vita-modulenavbar .modulenavbar-fetaldeaths .selected a {
    background: url("../images/template/module-navlinesel-fetaldeaths.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-fetaldeaths {
    background: url("../images/template/module-navline-fetaldeaths.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-births .selected a {
    background: url("../images/template/module-navlinesel-births.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-births {
    background: url("../images/template/module-navline-births.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-deaths .selected a {
    background: url("../images/template/module-navlinesel-deaths.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-deaths {
    background: url("../images/template/module-navline-deaths.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-marriages .selected a {
    background: url("../images/template/module-navlinesel-marriages.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-marriages {
    background: url("../images/template/module-navline-marriages.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-issuance .selected a {
    background: url("../images/template/module-navlinesel-issuance.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-issuance {
    background: url("../images/template/module-navline-issuance.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-general .selected a {
    background: url("../images/template/module-navlinesel-general.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-general {
    background: url("../images/template/module-navline-general.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-myaccount .selected a {
    background: url("../images/template/module-navlinesel-myaccount.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-myaccount {
    background: url("../images/template/module-navline-myaccount.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-utility .selected a {
    background: url("../images/template/module-navlinesel-utility.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-utility {
    background: url("../images/template/module-navline-utility.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-configuration .selected a {
    background: url("../images/template/module-navlinesel-configuration.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-configuration {
    background: url("../images/template/module-navline-configuration.png") bottom repeat-x;
}
#vita-modulenavbar .modulenavbar-cofneed .selected a {
    background: url("../images/template/module-navlinesel-cofneed.png") bottom center no-repeat !important;
}
#vita-modulenavbar .modulenavbar-cofneed {
    background: url("../images/template/module-navline-cofneed.png") bottom repeat-x;
}

#vita-qmaticnavbar {
    clear: both;
    width: 100%;
    height: 27px;
    position: relative;
    top: -15px;
    color: rgb(220,220,220);
    font-weight: 500;
    font-size: 9pt;
    padding: 5px 4px 2px 5px;
    background: url("../images/template/module-navline-issuance.png") bottom repeat-x #507233;
    border-left: #87c13f 3px solid;
    border-right: #87c13f 3px solid;
}

#vita-qmaticnavbar div.outer {
    text-align: center;
}

#vita-qmaticnavbar .outer .info {
    float: left;
}

.qmatic-not-valid-user {
    background-color: darkorange !important;
}

#vita-qmaticnavbar .outer .actions {
    float: right;
}

#vita-qmaticnavbar .outer .main-data {
    margin: 0 auto;
    display: inline-block;
}

#vita-qmaticnavbar .sub-actions {
    float: right;
}

#vita-qmaticnavbar .no-user {
    font-style: italic;
    color: #87c13f;
}

#vita-qmaticnavbar .sub-actions a, #vita-qmaticnavbar .sub-actions a:link, #vita-qmaticnavbar .sub-actions a:visited  {
    color: rgb(220,220,220);
    text-decoration: underline;
}

#vita-qmaticnavbar .sub-actions a:active, #vita-qmaticnavbar .sub-actions a:hover  {
    color: white;
    text-decoration: underline;
}

#vita-qmaticnavbar .main-data {
    font-weight: 700;
    font-size: 11pt;
    font-style: normal;
}

#vita-qmaticnavbar .primary-action a, #vita-qmaticnavbar .primary-action a:link, #vita-qmaticnavbar .primary-action a:visited  {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

#vita-qmaticnavbar .primary-action a:active, #vita-qmaticnavbar .primary-action a:hover  {
    color: white;
    text-decoration: underline;
}

#vita-qmaticnavbar .primary-action a:disabled {
    color: #d0d0d0 !important;
    text-decoration: none !important;
}

#vita-qmaticnavbar .logo img {
    height: 15px;
    position: relative;
    top: -1px;
    float: left;
    padding-right: 8px;
}

.qmatic-administration .qmatic-actions {
    max-width: 280px;
    float: right;
}

.qmatic-administration .qmatic-visit {
    float: left;
    width: 480px;
}

.qmatic-administration .qmatic-visit-info {
    border: #e0e0e0 2px dotted;
    padding: 6px;
    margin: 0;
}

.qmatic-administration .qmatic-section {
    border: #90b090 1px dotted;
    padding: 5px;
    margin: 0;
}

.qmatic-ticket-number {
    font-size: 18pt;
    font-weight: 700;
    color: #505050;
}

.qmatic-ticket-number-small {
    display: block;
    clear: both;
    font-weight: 700;
    margin-top: 4px;
}

.qmatic-administration ul {
    list-style-type: disc;
    margin-left: 12px;
    padding-left: 12px;
    font-weight: 700;
    margin-bottom: 5px;
}

/***********  CONTENT AREAS *************/
/* Record Info Section */
#record-info {
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
}
#recordnavbar {
}
#recordnavbar .inner {
    width: 100%;
    clear: both;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
#recordnavbar .name-section {
    float: left;
    min-width: 250px;
}
#recordnavbar .info-section {
    float: left;
    min-width: 130px;
    padding: 0 10px 0 20px;
}
#recordnavbar .type-section {
    float: left;
    min-width: 100px;
    padding: 0 10px 0 20px;
}
#recordnavbar .task-name, #recordnavbar .info-name, #recordnavbar .type-name {
    color: #808080;
    font-size: 7pt;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#recordnavbar .name-value, #recordnavbar .info-value, #recordnavbar .type-value {
    color: #231F20;
    font-size: 13pt;
    font-weight: 700;
}
#recordnavbar .type-name {
    font-weight: 700;
    color: #404040;
    border-radius: 3px;
    border: dotted 1px rgb(10,84,162);
    padding: 2px 4px 3px 4px;
    background-color: #f7f7f7;
    margin: 0;
}
#recordnavbar .voided {
    color: #FF3333;
    font-weight: 900;
}
#recordnavbar .amending {
    color: #4298e1;
    font-weight: 900;
}

#recordnavbar .permit {
    color: red;
    font-weight: 900;
}

#recordnavsupplementbar {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin-left: -14px;
}
#recordnavsupplementbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: solid 1px #CCCCCC;
    height: 26px;
}
#recordnavsupplementbar ul li {
    float: left;
    border-right: solid 1px #CCCCCC;
    text-transform: uppercase;
    height: 19px;
    padding: 7px 8px 0 8px;
}
#recordnavsupplementbar ul li a {
    color: #808080;
    text-decoration: none;
}
#recordnavsupplementbar ul li a:hover {
    color: #333333;
    text-decoration: underline;
}
#recordnavsupplementbar ul li.selected a {
    color: #606060;
    font-weight: 700;
}
#recordnavsupplementbar li.report-record-issue a:link, #recordnavsupplementbar li.report-record-issue a:visited {
    color: orange;
}
#recordnavsupplementbar li.report-record-issue a:active, #recordnavsupplementbar li.report-record-issue a:hover {
    color: darkorange;
}

/** Specific Navigation Bar Types **/
.certificate-recordnavbar, .request-recordnavbar {
    /* nothing special */
}
.permit-recordnavbar {
    border: dotted 2px #bccdaa !important;
    padding: 4px !important;
    background-color: #fafafa !important;
}
.amendment-recordnavbar {
    border: dotted 2px #e1e0b8 !important;
    padding: 4px !important;
    background-color: #fafafa !important;
}
.registrant-recordnavbar {
    border: dotted 2px #f0f0f0 !important;
    background-color: #fafafa !important;
}
.statistical-recordnavbar {
    border: dotted 2px #e1cdb8 !important;
    padding: 4px !important;
    background-color: #fafafa !important;
}

/* The page title area for a record-based page. */
#record-pagetitle-bar {
    width: 100%;
    clear: both;
    margin-bottom: 6px;
    border-radius: 3px;
}

/* PAge button navigation 
#page-buttons {
    float: left;
    height: 28px;
    min-width: 126px;
    max-width: 170px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #999999;
}
#page-buttons .outer-wrapper .inner-wrapper
{
    
}
#page-buttons .outer-wrapper
{
    text-align: center;
    float: left;
    background: url("../images/template/page-buttons-bg.png") top repeat-x;
    height: 28px;
}
#page-buttons .outer-wrapper.disabled
{
    background: url("../images/template/page-buttons-bg-disabled.png") top repeat-x;
    cursor: default;
}
#page-buttons .inner-wrapper
{
    margin: 8px 0 0 0;
}
#page-buttons #page-buttons-prev
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #999999;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    width: 57px;
}
#page-buttons #page-buttons-prev .page-buttons-arrow 
{
    margin-right: 5px;
}
#page-buttons #page-buttons-save
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #999999;
    width: 50px;
}
#page-buttons #page-buttons-next
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    width: 57px;
}
#page-buttons #page-buttons-next .page-buttons-arrow 
{
    margin-left: 5px;
}
#page-buttons div p {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    color: #666666;
    text-align: center;
    cursor: pointer;
}
#page-buttons div p.disabled, .disabled
{
    color: #b2b2b2;
}*/

/*
#record-pagetitle-bar .page-title {
    float: left;
    margin-right: 10px;
    min-width: 690px;
    background-color: #42abe1;
    border-radius: 3px;
    height: 30px;
    padding: 7px 0 1px 20px;
} */


/* Page Actions Menu Thing
#record-pagetitle-bar #page-actions {
    float: left;
    height: 28px;
    min-width: 79px;
    cursor: pointer;
    background:  url("../images/template/action-button-bg.png") top repeat-x;
    border: 1px solid #808080;
    border-radius: 3px;
    -moz-box-shadow:    1px 2px 5px -1px #A5A5A5;
    -webkit-box-shadow: 1px 2px 5px -1px #A5A5A5;
    box-shadow:         1px 2px 5px -1px #A5A5A5;
}
#record-pagetitle-bar #page-actions.disabled
{
    background:  url("../images/template/action-button-bg-disabled.png") top repeat-x;
    cursor: default;
}
#page-actions .actions-button
{
    margin: 8px 0 0 0;
}

#page-actions .actions-button p {
    color: #e6e6e6;
    margin: 0;
    padding: 0;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    text-align: center;
}

#page-actions .actions-button p img
{   
    margin:0 0 0 5px;
}
.buttons .reason {
    font-size: 8pt;
    text-transform: uppercase;
    color: #555555;
}

#actions-list, .actions-menu {
    display: none;
    position: relative;
    top: 35px;
    left: 858px;
    z-index: 999;
    border-radius: 3px;
    width: 136px;
    -moz-box-shadow:    3px 3px 5px -1px #A5A5A5;
    -webkit-box-shadow: 3px 3px 5px -1px #A5A5A5;
    box-shadow:         3px 3px 5px -1px #A5A5A5;
}
#actions-list .action-list-items {
    z-index: 999;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: 27px;
}
#actions-list .action-list-items li a {
    color: #000000;
    display: block;
    margin: 26px 0 -13px 10px;
    font-size: 10pt;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    cursor: pointer;
}
#actions-list .action-list-items li a:hover {
    text-decoration: underline;
}
*/

#page-actions {
    float: right;
}


#record-pagefooter-bar {
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*
#record-pagefooter-bar #page-buttons {
    float: left;
    height: 28px;
    min-width: 126px;
    max-width: 170px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #999999;
    
    
}
#record-pagefooter-bar #page-buttons .outer-wrapper .inner-wrapper
{
    
}
#record-pagefooter-bar #page-buttons .outer-wrapper
{
    text-align: center;
    float: left;
    background: url("../images/template/page-buttons-bg.png") top repeat-x;
    height: 28px;
}
#record-pagefooter-bar #page-buttons .outer-wrapper.disabled
{
    background: url("../images/template/page-buttons-bg-disabled.png") top repeat-x;
    cursor: default;
}
#record-pagefooter-bar #page-buttons .inner-wrapper
{
    margin: 8px 0 0 0;
}
#record-pagefooter-bar #page-buttons #page-buttons-prev
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #999999;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    width: 57px;
}
#record-pagefooter-bar #page-buttons #page-buttons-prev .page-buttons-arrow 
{
    margin-right: 5px;
}
#record-pagefooter-bar #page-buttons #page-buttons-save
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #999999;
    width: 50px;
}
#record-pagefooter-bar #page-buttons #page-buttons-next
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    width: 57px;
}
#record-pagefooter-bar #page-buttons #page-buttons-next .page-buttons-arrow 
{
    margin-left: 5px;
}
#record-pagefooter-bar #page-buttons div p {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    color: #666666;
    text-align: center;
    cursor: pointer;
}
#record-pagefooter-bar #page-buttons div p.disabled
{
    color: #b2b2b2;
}*/

#record-concurrency {
    clear: both;
    width: 100%;
    border-radius: 10px;
}
#record-concurrency .has-other-user {
    border: 5px solid #DD6666 ;
    background: #ffffff;
}
#record-concurrency .note-important {
    color: #DD6666;
    padding: 4px 4px 4px 20px;
}
#record-concurrency .note {
    font-size: 8pt;
    color: #666666;
    font-weight: 300;
}
.record-pageheading-important {
    clear: both;
    width: 100%;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 16pt;
    font-weight: 700;
    color: #231f20;
    letter-spacing: 8pt;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.record-pageheading-important .amending {
    border: solid yellow 2px;
    padding: 4px;
    margin: 4px -16px 0 16px;
    background: repeating-linear-gradient(-55deg, yellow, yellow 8px, transparent 8px, transparent 16px);
    width: 100%;
}
.record-pageheading-important .statistical {
    border: solid orange 2px;
    padding: 4px;
    margin: 4px -16px 0 16px;
    background: repeating-linear-gradient(-55deg, orange, orange 8px, transparent 8px, transparent 16px);
    width: 100%;
}

.record-pageheading-important .permit {
    border: solid red 2px;
    padding: 4px;
    margin: 4px 0 0 0;
    background: repeating-linear-gradient(-55deg, red, red 8px, transparent 8px, transparent 16px);
}

/* Triangle stuff for actions list
------------------------------------------ */
.triangle-border {
	position:relative;
	padding:14px 0 0 6px;
	margin:1em 0 3em;
	border:1px solid #999999;
	color:#333;
	background:#F2F2F2;
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	left:20px; /* controls horizontal position */
    border-width:10px 10px 0;
	border-style:solid;
    border-color:#999999 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-9px; /* value = - border-top-width - border-bottom-width */
	left:27px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:9px 9px 0;
	border-style:solid;
	border-color:#F2F2F2 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
	top:-10px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:30px; /* controls horizontal position */
    border-width:0 10px 10px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-9px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:31px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 9px 9px;
}

/* End triangle stuff
------------------------------------------ */

#record-pagetitle-bar h1 {
    color: black;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0.1pt;
}

/* Left navigation for a record-based page. */
#leftnav {
    font-size: 90%;
    transition: all 0.3s ease;
    overflow: hidden;
    flex-shrink: 0;
    padding: 10px;
    width: 20%;
}
#leftnav ul {
    margin-top: 10px;
    list-style: none;
    font-size: 1rem;
}
#leftnav ul li {
}
#leftnav ul li a {
    padding: 5px 6px 6px 10px;
    color: #4D4D4D;
    text-decoration: none;
    font-weight:100;
    width: 100%;
    display: block;
}
#leftnav ul li a:hover {
    text-decoration: underline;
}
#leftnav ul li.selected a {
    background-color: #007bff;
    background-color: #42abe1;
    border-radius: 3px;
}

.hamburger-icon {
    flex-shrink: 0; /* This ensures the icon doesn't shrink */
    font-size: 50px;
    cursor: pointer;
    color: #4D4D4D;
    margin: 5px; /* Adjust as necessary */
    display: block;
}

/* Mobile and layout related stuff */

.left-nav {
    width: 100%; /* Take full width on mobile */
    position: relative; /* Ensure it's above other content */
    z-index: 1000; /* High z-index to be over the main content */
}

.main-content-area {
    width: 100%; /* Take full width on mobile */
}

.h-open {
    margin-left: -5px;
}

.h-closed {
    margin-left: 25px;
}

.flex-container {
    display: flex;
    align-items: start; /* This makes sure items are aligned to the top of the flex container */
}

/* Desktop View */
@media (min-width: 768px) { /* Adjust breakpoint as needed, 768px is common for tablets */
    .flex-container {
        display: flex;
        align-items: start;
    }

.left-nav {
    display: block; /* Shown by default on desktop */
    width: auto; /* Auto width or specify a fixed width */
}

.hamburger-icon {
    display: none; /* Hide hamburger on desktop */
}
}

/* Main content area for a record-based page. */
#middleOuter {
    width: 100%;
    clear: both;
}
#middleOuter .main-content 
{
    padding: 0 20px 0 20px;
}

#middleOuter .single-col
{
    width: 100%;
}

/* Top Status Message Bar */
/*
#messagebar
{
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}
#messagebar .inner
{
    padding: 8px;
    border: 2px solid #333333;
    font-size: 12pt;
    font-weight: 500;
}
#messagebar .Success
{
    background-color: #87c13f;
    color: White;
}
#messagebar .Error
{
    background-color: #FF2A19;
    color: White;
}
#messagebar .Warning
{
    background-color: Yellow;
    color: Black;
}
#messagebar .Information
{
    background-color: Yellow;
    color: Black;
}
*/

#Tabs .btn {
    border-bottom-width: 0;
    border-radius: 12px 0 0 0;
}

#Tabs .btn:focus {
    box-shadow:none;
}

.certificate-tab {
    border: 2px solid #17a2b8;
    border-radius: 0 12px 12px 12px;
    padding: 30px 15px 30px 15px;
    background-color: #f7f7f7;
    margin: 0 0 8px 0;
    overflow: scroll;
}

.certificate-tab::-webkit-scrollbar {
    display: none;
}

label.form-check-label {
    line-height: 1.7;
}

/* The wizard navigation for a wizard based record. */
.wizard {
    position: relative;
    height: 30px;
}
.wizard ul.steps {
    padding: 0;
    margin: 1px 0 0 0;
    list-style: none;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: 700;
    text-transform: uppercase;
}
.wizard ul.steps li {
    float: left;
    height: 30px;
}
.wizard ul.steps li a {
    color: #E8F5FB;
    text-decoration: none;
    padding: 8px 30px 0 10px;
    height: 30px;
    display: block;
}

.wizard ul.steps li a:hover {
    color: #E8F5FB;
    text-decoration: underline;
}
.wizard ul.steps li.selected {
    background: url('../images/template/wizard-bg.png') top left repeat-x;
    float: left;
}
.wizard ul.steps li.selected a {
    background: url('../images/template/wizard-button-right.png') top right no-repeat;
    color: #231F20;
    text-decoration: none;
}
.wizard ul.steps li.selected a:hover {
    color: #231F20;
    text-decoration: underline;
}

.big-list {
    clear: both;
    width: 100%;
    border: rgb(10,84,162) dotted 1px;
}
.big-list .description {
    float: left;
    width: 60%;
    vertical-align: top;
    padding: 0 18pt 0 6pt;
    border-right: #dadada 6pt solid;
    margin: 6pt 18pt 6pt 0;
}
.big-list .action {
    float: left;
    vertical-align: middle;
    text-align: left;
    padding: 6pt 6pt 6pt 0;
    display: flex;
    align-items: center;
}

/* Page footer. */
#page-footer {
    font-size: 7pt;
    color: #DDDDDD;
    clear: both;
    overflow: hidden;
    bottom: 1px;
    padding: 16px 0 0 0;
    font-family: Segoe UI, Arial, Helvetica, Sans-serif;
}
#page-footer > div {
	clear: both;
}
#page-footer .title {
    float: left;
    width: 50px;
}
#page-footer .value {
    float: left;
    width: 80px;
}


/** FORMS! **/
.form
{    
	clear: both;
	font-size: 10pt;
    width: 100%;
}

.form .form-row {
    padding-bottom: 4pt;
}

.form h1 {
    font-size: 18pt;
    font-weight: 600;
    overflow: visible;
    color: #333333;
    letter-spacing: -0.5pt;
}

.form h2 {
    font-size: 15pt;
    font-weight: 600;
    color: #333333;
    margin: 5pt 0 2pt 0;
}

.form h3 {
    font-size: 12pt;
    font-weight: 600;
    color: #333333;
    margin: 4pt 0 1rem 0;
}

.form h4 {
    font-size: 11pt;
    font-weight: 500;
    color: #231F20;
    margin: 20px 0 3px 0;
}

.form h5 {
    font-size: 10pt;
    font-weight: 600;
    color: rgb(10,84,162);
    padding: 12px 0 2px 0;
}

.form h5:first-child {
    font-size: 10pt;
    font-weight: 600;
    color: rgb(10,84,162);
    padding: 2px 0 2px 0;
}

.history .fieldrow
{
    width: 100%;
    border-bottom: 1px dashed #d0d0d0;
    padding-bottom: 4px;
    padding-top: 4px;
}
.history .fieldrow:first-child {
    padding-top: 0 !important;
}

.history .collapse:not(.show) {
    display: block;
    max-height: 120px !important;
    overflow: hidden;
}
.history .collapsing {
    max-height: 120px !important;
}
.history .collapse.show {
    max-height: unset !important;
}
/* New History */
.history-container .audit-key {
}
.history-container .audit-value {
    font-weight: bolder;
}
.history-container .audit-value-name {
    font-style: italic;
    font-weight: bolder;
    color: #6c757d !important;
}
mark {
    padding: 0 !important;
}

.clipboard-copy-icon {
    display: none;
    position: absolute;
    left: 160px;
    color: rgb(240,16,16);
    cursor: pointer;
    font-weight: 900;
}
.clipboard-copy-icon:hover {
    display: inline-block;
}

.form .sub-bar {
    border-radius: 3px;
    border: solid #007bff 1px;
    background-color: #007bff;
    height: 28px;
    right: 23px;
    position: relative;
    width: 995px;
    overflow: visible;
}

.form p {
    font-size: 11pt;
    margin-bottom: 3pt;
    padding-bottom: 3pt;
    line-height: normal;
}

.vita-blue {
    border-color: #42abe1;
    background-color: #42abe1;
}

.vita-black {
    border-color: #808080;
    background-color: #808080;
}

.form .sub-bar p {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: 700;
    margin: 6px 0 0 20px;
}

.form #pdf {
    width: 100%; height: 800px;
}

.form .label {
    padding: 0 0 5px 0;
    font-weight: 400;
    font-size: 12pt;
    color: #333333;
    margin-bottom: 0;
}
.form label.value-label {
    padding-left: 0.2rem;
    padding-right: 0.5rem;
}

.form .label-required
{
    padding: 0 0 5px 0;
    font-weight: 300;
    font-size: 11pt;
    color: #c90606;
}

.form .task-heading {
    padding: 0 0 5px 0;
    font-weight: 600;
    font-size: 13pt;
    color: #333333;
}

.form .field-value {
    padding: 0 0 5px 5px;
    font-weight: 500;
    font-size: 10pt;
}

.form .label-error
{
    color: #FF2A19;
}

.form .sublabel
{
    font-size: 8pt;
    color: #444444;
}

.form .instruction
{
    font-size: 9px;
}

.form .labelTall
{
    padding-top: 12pt;
}

.form .row
{
    width: 100%;
    clear: both;
    margin-left: 0 !important;
}

.form .widget
{
}

.form .inline-widget {
    display: inline;
    float: left;
    padding-right: 2px;
    margin-right: 2px;
}

.form .inline-widget .label {
    font-size: 8pt;
    font-weight: 400;
    font-style: italic;
}

.form .search-parameters .row {
    margin: 10px 0 0 0;
}

.form .widgetRow
{
    width: 100%;
}

.form .widgetRowSpacer
{
    padding: 10px 0 0 0;
}

.form .widgetRight {
    float: right;
    padding: 0 15px 0 0;
}

.form .widgetPiece
{
    float: left;    
}

.form .widgetPieceSpacer
{
    padding: 0 5px 0 5px;
}

.form .widgetPieceIndent
{
    padding: 0 0 0 26px;
}

.form .widgetPieceRow
{
    width: 100%;
}

.form .piece1col
{
    width: 96%;
}

.form .piece2col
{
    width: 48%;
}

.form .piece3col
{
    width: 30%;
}

.form .cigLabel
{
    width: 205px;
}

.form .cigNumber
{
    width: 42px;
}

.form .cigUnknown
{
    width: 90px;
}

/*apply to second child and beyond*/
.form .widgetPiece:nth-child(1n+2)
{
    /*padding: 0 0 0 12px;*/
}

.form .row1col
{
    width: 100%;
    padding: 5px 15px 5px 0;
}

.form .row1colTight
{
    width: 97%;
    padding: 5px 15px 5px 0;
}
.form input.record-identifier {
    font-weight: 600 !important;
    letter-spacing: 2pt;
    font-size: 14pt !important;
    color: rgb(240,16,16) !important;
    font-family: Consolas, Courier New, Courier, monospace;
    text-transform: uppercase;
}
.form input[type='text'].row1colInput,
.form select.row1colInput
{    
    margin: 1px 0 0 23px;
}
.form .rowcol {
    float: left;
    padding: 5px 15px 5px 0;
}
.form .row2col {
    width: 54%;
    float: left;
    padding: 5px 0 5px 0;
}
.form .row2colFit {
    width: 49%;
    float: left;
    padding: 5px 5px 5px 0;
}

.form .row2colSml
{
    width: 40%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row2colMed
{   
    width: 60%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row2colWide
{   
    width: 70%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row3col {
    width: 30%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row3colWide {
    width: 60%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row4col
{
    width: 25%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .row4colWide {
    width: 73%;
    float: left;
    padding: 5px 15px 5px 0;
}

.form .rowRight {
    width: 30%;
    float: right;
    padding: 5px 0 0 0;
}

.form #DateFrom-container {
    position: relative;
}
.form #to-container {
    right: 7px;
    top: 7px;
    position: absolute;
}

.form .datetime-resolution {

}

.labelflex, .labelflex .form label {
    display: flex !important;
}

.formgroup {
    background-color: #eef0f5;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.form .wide-datetimeresolution .datetime-resolution {
    float: right;
}

.form .RadioButtonDisplay {
    display: inline-block;
}
.form .RadioButtonDisplay input {
    float: left;
    margin-right: 1pt;
}

.form .RadioButton {
    float: left;
    padding-right: 8px;
    text-wrap: none;
}

.form .RadioButtonNoDisplay
{
    float: left;
    width: 21px;
    height: 17px;
}

.form .matchFound {
    font-size: 12pt;
    color: Green;
}

.form .matchNotFound {
    font-size: 12pt;
    color: #FF2A19;
}

.form input[type=text], .form input[type=number], .form input[type=email], .form textarea {

}

.form input[type=text] {
    width: 160px;
}

.form input[type=checkbox] {
    border-radius: 3px;
}
.form input:focus, .form select:focus, .form textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 7px #007bff;
}


.form select.small-input, .form input.small-input {
    font-size: 8pt;
    border: 1px #555555 solid;
    padding: 0 4px 0 4px;
    margin: 2px;
}

.date-container {
    float:left;
}

.date-container input {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

label.lead {
    margin-bottom: .5rem;
    font-weight:400;
}

.form-group .label {
    margin-bottom: .5rem;
}

input.button {
    border: 1px solid #777777;
    font-size: 11pt;
    font-weight: 200;
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    padding: 2px 11px 2px 11px;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    width: auto;
    background: url('../images/template/button-bg.png') repeat-x top left #d1d3d4;
    color: #000000;
}
input.button:hover
{
    background: #cfcfcf;
    border: 1px solid #284B82;
}
input.button:disabled
{
    /* The background is the same as the :hover, since you can't easily separate :disabled and :hover. */
    background: #cfcfcf;
    color: #777777;
    border: 1px solid #888888;
    cursor: default;
}

.form .search-button-row {
    position: relative;
    padding-top: 10px;
}

.form #search-button {
    float: left;
}

.form #search-results-count {
    float: left;
    font-size: 8pt;
    font-weight: 600;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    padding: 8px 0 0 20px;
}

#search-results-count {
    float: left;
    font-size: 8pt;
    font-weight: 600;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    padding: 8px 0 0 20px;
}

/*
.form input:hover, .form select:hover
{
	border: 1px solid #A76A00;
}
*/

.form input.error,
.form select.error,
.form div.error,
.form textarea.error {
    border: 2px solid #FF0000;
    border-radius: 5px;
    margin: 2px;
}

.form .page-error {
    clear: both;
    padding: 8px;
    border: 2px solid #333333;
    font-size: 12pt;
    font-weight: 500;
    background-color: #FF2A19;
    color: White;
    margin: 0 0 10px 0;
    width: 100%;
}

.form input.amended,
.form select.amended,
.form div.amended
{
	border: 2px solid #339933;
	padding: 1px;
}

.form input[type="text"][disabled],
.form input[type="text"][readonly],
.form select[disabled] {
    background: url('../images/template/input-select-bg-disabled.png') repeat-x top left;
    border: #b5b5b5 solid 1px;
}

.form select.CountrySelector {
    width: 300px;
}

.form select.ProvinceSelector {
    width: 70px;
}

.form select.CountySelector {
    width: 300px;
}

#formErrorsContainer {
    background-color: white;
    border: 2px solid #61616173;
    border-radius: 5px;
    height: 100vh;
    width: 500px;
    right: 0;
    top: 20%;
    height: 80%;
    position: fixed;
    padding: 4px;
    z-index: 1000;
    padding: 15px 10px 20px 10px;
}

#errorTitle {
    color: #616161;
    font-weight: 600;
    margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#formErrors {
    background-color: #ffeeee;
    border: 2px solid #FF3333;
    border-radius: 5px;
    padding: 4px;
    margin: 0 0 8px 0;
    font-size: 9pt;
    font-weight: 500;
    color: #FF3333;
    display: none;
}

#formErrors div
{
    padding: 2px 0 2px 4px;
}


/* The Modal (background) */
/*.modal {
    display: none;*/ /* Hidden by default */
    /*position: absolute;*/ /* Stay in place */
    /*z-index: 1;*/ /* Sit on top */
    /*left: auto;
    top: auto;
    width: 50%;*/ /* Full width */
    /*height: 100%;*/ /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
    /*transform: translate(50%, 40%) !important;
}*/

/* Modal Header */
/*.modal-header {
    padding: 2px 16px;
    background-color: #ababab;
    color: white;
}*/

/* Modal Body */
/*.modal-body {
    padding: 2px 16px;
}*/

/* Modal Footer */
/*.modal-footer {
    padding: 2px 16px;
    background-color: #ababab;
    color: white;
}*/

/* Modal Content */
/*.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}*/

/* Add Animation */
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

#views2-RareWord {
    border-style: solid;
    background-color: rgba(0, 23, 196, 20%);
    padding: 2.5px;
}

#views2-Spelling {
    border-radius: 5px;
    background-color: rgba(196, 0, 0, 20%);
    padding: 2.5px;
}

#views2-Surveillance {
    border-radius: 5px;
    background-color: rgba(95, 0, 196, 20%);
    padding: 2.5px;
}

#views2-RareCause {
    border-radius: 5px;
    background-color: rgba(196, 141, 0, 20%);
    padding: 2.5px;
}

#views2-Abbreviation {
    border-radius: 5px;
    background-color: rgba(23, 115, 5, 20%);
    padding: 2.5px;
}

#views2-MedEdits {
    border-radius: 5px;
    background-color: rgba(255, 245, 135, 30%);
    padding: 2.5px;
}

#views2-RareWord {
    border-radius: 5px;
    background-color: rgba(87, 35, 0, 20%);
    padding: 2.5px;
}

/*#views2-SiteCheck*/
#views2-SiteCheck {
    border-radius: 5px 0px 0px 5px;
    background-color: rgba(169, 221, 225, 35%);
    padding: 2.5px;
}

#views2-SiteCheck-Close-Container {
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(169, 221, 225, 35%);
    padding: 2.5px;
}
/*#views2-SiteCheck*/
/*-----------------*/

/*#views2-IllDefined*/
#views2-IllDefined {
    border-radius: 5px 0px 0px 5px;
    background-color: rgba(200, 40, 110, 35%);
    padding: 2.5px;
}

#views2-IllDefined-Close-Container {
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(200, 40, 110, 35%);
    padding: 2.5px;
}
/*#views2-IllDefined*/
/*-----------------*/

/*#views2-DataDependency*/
#views2-DataDependency {
    border-radius: 5px 0px 0px 5px;
    background-color: rgb(52, 77, 150, 35%);
    padding: 2.5px;
}

#views2-DataDependency-Close-Container {
    border-radius: 0px 5px 5px 0px;
    background-color: rgb(52, 77, 150, 35%);
    padding: 2.5px;
}
/*#views2-DataDependency*/
/*-----------------*/

#viewsII-Modal {
    border: 2.5px;
    position: fixed;

}

#viewsII {
    font-size: 10pt;
    font-weight: 500;
    color: dimgrey;
    display: none;
    overflow: hidden scroll;
    max-height: 40vh;
}

#viewsII div 
{
    padding: 2px 0 2px 4px;
}

    #viewsII hr {
        border: 0;
        height: 1px;
        width: auto;
        background-image: -webkit-linear-gradient(left, #d1d1d1, #666666, #d1d1d1);
    }

.viewsII-Message-Close-Container 
{
    position: relative;
}

.viewsII-Message-Close-Button {
    margin: 0;
    position: absolute;
    font-size: 50%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-color: transparent;
}
.viewsII-Suggestion {
    height: auto;
    width: auto;
    margin: 2.5px !important;
    padding: 2px !important;
    font-size: 11pt;
    cursor: pointer;
    font-weight: bolder;
}
#viewsII::-webkit-scrollbar {
    display: none;
}

.errorMessage {
    color: #616161;
    font-weight: 500;
    margin-bottom: 0.5rem;
    font-size: 10pt;
}

.errorMessage:hover {
    color: black;
}

.validation-link:hover {
    text-decoration: none;
}

.errorCount {
    background-color: red;
    color: white;
    border-radius: 20px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 6px;
    margin-right: 1px;
    font-weight: 700;
}

.warningCount {
    background-color: orange;
    color: white;
    border-radius: 20px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 2px;
    margin-right: 1px;
    font-weight: 700;
}

.warningClass.errorMessageSelected {
    color: white !important;
    background-color: #d17a12;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px !important;
    font-size: 10pt;
}

.errorClass.errorMessageSelected {
    color: white !important;
    background-color: red;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px !important;
    font-size: 10pt;
}

.greyed-out-validation {
    color: lightgrey !important;
}

.prefix-warningClass {
    font-weight: 700;
}

.prefix-errorClass {
    font-weight: 700;
}

/*
Edit Registrant Header
*/
.form .erCol1 {
    float: left;
    width: 75px;
}
.form .erCol2 {
    float: left;
    width: 190px;
    font-weight: bold;
}
.form .erCol3 {
    float: left;
    width: 130px;    
}
.form .erCol4 {
    float: left;
    width: 170px;
    font-weight: bold;
}
.form .erColRight {
    float: right;
}

.form .form-summary {
    font-size: 11pt;
}

#quick-selector-panel .quick-entry-number {
    padding: 3px !important;
    margin: 0;
    width: 20pt;
}

#quick-selector-panel img {
    top: 4px;
    position: relative;
    display: inline;
    cursor: pointer;
}

#certNum .form-group input {
    width:40px;
}

#whiteNum .form-group input {
    width: 40px;
}

.registrant-search-results thead {
    color:white;
}

.registrant-info-banner {
    background-color: #f8f9fa;
    border-bottom: 2pt solid #17a2b8;
    margin: 0 0 10pt 0;
    padding: 5pt;
}

.registrant-search-results .additional-row {
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid;
}

.wait-dialog-text {
    font-family:sans-serif;
    font-size:1.5rem;
    font-weight:500;
}

/* Would like these disabled so that they don't interfere with bootstrap. */
/*
.form a:link, .form a:visited {
    color: rgb(10,84,162);
}

.form a:active, .form a:hover {
    color: rgb(51,164,223);
}
    */

.form .form-value {
    font-weight: 700;
    font-size: 10pt;
}

.form .formatted-content {
    font-family: Consolas, monospace, 'Courier New', courier;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/*
General Tables
    tabular-data: a general table with headers at the top with data rows beneath
    record-data:  a table where the headers are on the left and data values on the right
*/

/* tabular-data version of tables */
.tabular-data .results, .tabular-data {
    width: 100%;
}

.tabular-data table
{
    border-right: 1px solid #b3b3b3;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.tabular-data table th {
    margin: 2px;
    right: 3px;
    background: url("../images/template/search-results-datahead-bg.png") repeat-x bottom left;
    font-weight: 700;
    font-size: 9pt;
    color: #ffffff;
    text-transform: uppercase;
    padding: 4px 6px 4px 6px;
}

.tabular-data table th:first-child {
    padding-left: 12px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.tabular-data table td {
    border: 1px solid #cccccc;
    padding: 7px 6px 7px 6px;
    right: 3px;
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
}

.tabular-data table td:first-child {
    padding-left: 12px;
}

table .cell-row {
    display: block;
    clear: both;
}
/*
.tabular-data table tr:hover:not(:first-child) {
    border-left: 12px solid #42abe1;
    left: 12px;
    position: relative;
}
*/

.tabular-data table td.emphasize {
    font-weight: 700;
}

.tabular-data table td.larger {
    font-size: larger;
}
.other-rowtype td {
    text-transform: uppercase;
}

/* record-data version of tables */
table.record-data {
    width: 100%;
}

table.record-data th {
    margin: 2px;
    right: 3px;
    background: url("../images/template/search-results-datahead-bg.png") repeat-x bottom left;
    font-weight: 500;
    font-size: 11pt;
    color: #ffffff;
    padding: 8px;
}
table.record-data th.main-header {
    font-weight: 500;
    background: none;
    font-size: 11pt;
    color: rgb(64,64,64);
    border: 2px solid #eeeeee;
}
table.record-data td {
    border: 1px solid #cccccc;
    padding: 10px;
    right: 3px;
    font-weight: 700;
    font-size: 10pt;
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
}
table.record-data th.minor-header {
    background: rgb(228,228,228);
    font-weight: 500;
    color: rgb(60, 60, 60);
    border-left: solid 1px rgb(200,200,200);
    border-bottom: solid 1px rgb(200,200,200);
}
table.record-data td.minor-data {
    font-weight: 700;
}
/* Workflow Status Type Things */
.workflow-status {
}
.requested-task-info-container {
    border-radius: 3px;
    background-color: lightyellow;
    width: 100%;
    border: 1px dotted orange;
    clear: both;
    overflow: hidden;
    border-collapse: unset;
}
.secure-info-container {
    border-radius: 3px;
    padding: 5px;
    background-color: forestgreen;
    width: 100%;
    border: 2px solid darkgreen;
    clear: both;
    overflow: hidden;
    border-collapse: unset;
    color: white;
}
.workflow-status .icon {
    vertical-align: middle;
    padding-top: 5px;
}
.workflow-status .content {
    padding-left: 5px;
    vertical-align: middle;
    line-height: 14pt;
}
.workflow-status .content-minor {
    font-size: 9pt !important;
    line-height: normal !important;
}
.workflow-status .warning {
    padding: 4px;
    background-color: yellow;
    border-radius: 3px;
    border: 2px solid orange;
}
/* Security and Signatures */
.esign {
    text-align: center;
}
.esign-pin {
    clear: both;
    border: 1px solid orange;
    display: inline-flex;
    padding: 17px;
    background-color: lightyellow;
    border-radius: 5px;
}
.esign-pin .label {
    font-size: 15pt;
    margin-top: 9px;
}
.esign-pin .pin input {
    width: 80px;
    font-size: 15pt;
    font-weight: 900;
    margin-left: 10px;
    padding: 0;
    text-align: center;
}
.esign .pin-messages {
    font-size: 12pt;
    margin-bottom: 5px;
}
.electronic-signature-hash {
    font-family: Consolas, Courier New, Courier, monospace;
}
.electronically-signed {
    border: dotted 1px #0011644a;
    border-radius: 5px;
    background-color: rgb(255 255 255);
    padding: 12px;
}

/* List of large, important things. */
.task-items-list {
    width: 686px !important;
    clear: both;
    font-size: 10pt;
    overflow: hidden;
}
.task-items-list .task-item {
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 10px;
    display: block;
    width: 70%;
}
.task-items-list .task-status-Incomplete {
    border: 1px dotted rgb(10,84,162);
    background-color: rgb(245,245,245);
    color: rgb(60, 60, 60);
}
.task-items-list .task-status-Inactive {
    border: 1px dotted rgb(10,84,162);
    background-color: rgb(250,255,250);
    color: rgb(128, 128, 128);
}
.task-items-list .task-status-Complete {
    border: 1px dotted rgb(14,118,19);
    background-color: rgb(250,255,250);
    color: rgb(96, 96, 96);
}
.task-items-list .task-item .task-name {
    font-size: 15pt;
    font-weight: 700;
    float: left;
    margin-bottom: 3px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.task-items-list .task-item .task-status {
    font-size: 8pt;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    border-width: 1px;
    border-style: dotted;
    border-radius: 3px;
    color: white;
}
.task-items-list .task-item .current-task-status {
    padding: 3px;
    border-radius: 3px;
}
.task-items-list .task-item .current-task-status a:hover {
    color: white;
}
.task-items-list .action-menu {
    cursor: pointer;
    padding-left: 4px;
    border-left: 1px dotted white;
}
.task-items-list .task-status-Complete .current-task-status {
    border: 1px solid rgb(5,90,9);
    background-color: rgb(14,118,19);
}
.task-items-list .task-status-Incomplete .current-task-status {
    border: 1px solid rgb(163,98,6);
    background-color: rgb(192,126,31);
}
.task-items-list .task-status-Inactive .current-task-status {
    border: 1px solid rgb(128,128,128);
    background-color: rgb(192,192,192);
}
.task-items-list .task-item .task-created-info {
    font-size: 9pt;
    color: rgb(60, 60, 60);
}
.task-items-list .no-subitems {
    font-style: italic;
    font-weight: 300;
    font-size: 9pt;
    color: rgb(96, 96, 96);
    margin: 5px 0 0 10px;
}
.task-items-list .subitems-header {
    font-size: 8pt;
    font-weight: 600;
    margin: 6px 0 3px 0px;
}
.task-items-list .subitems-header .header-text {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(255,255,255);
    border: solid 1px rgb(96,96,96);
    padding: 0 3px 0 3px;
    background-color: rgb(10,84,162);
    border-radius: 3px;
}
.task-items-list .subitems-add {
    color: darkgreen;
    font-size: 9pt;
    font-weight: 400;
    margin-left: 6px;
    cursor: pointer;
}
.task-items-list .subitems-add:hover {
    text-decoration: underline;
}
.task-items-list .remove-item {
    color: rgb(143,8,8);
    cursor: pointer;
}
.task-items-list ul.subitems-list {
    list-style: none;
    width: 100%;
    color: rgb(96,96,96);
    margin: 0 0 0 14px;
}
.task-items-list ul.subitems-list li {
    display: block;
    clear: both;
}
.task-items-list .user, .task-items-list .facility {
    font-weight: 600;
    color: rgb(32,32,32);
}
.task-items-list .task-menu {
    background: url("../images/template/action-button-bg.png") top repeat-x rgb(110,111,114);
    border: solid 2px rgb(128,128,128);
    border-radius: 3px;
    padding: 5px;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 9pt;
    box-shadow: 1px 2px 5px #a5a5a5;
}
.menu-actions {
    margin-bottom: 10px;
}
.menu-actions > span {
    margin-bottom: 4px;
    display: block;
}
.menu-action {
    clear: both;
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

/** Large-ish action sections */
.action-section {
    border: #a0a0a0 2px solid;
    padding: 4px;
    margin: 4px;
    min-width: 280px;
    max-width: 320px;
    min-height: 120px;
    max-height: 160px;
    float: left;
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
    border-radius: 4px;
}

.action-section .actions-row {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 4px;
}

.action-section .actions-row .button {
    font-size: 10pt;
    font-weight: 700;
}

.action-section .action-referral { 
    clear: both;
    width: 100%;
    border-top: dotted 1px #333333;
    border-bottom: dotted 1px #333333;
    margin: 4px 0 4px 0;
    padding: 4px 0 4px 0;
    text-align: center;
    background-color: #f0f0f0;
    font-size: 12pt;
    font-weight: 600;
}

/** Major, primary action. */
.major-action {
    border: rgb(105,114,119) 3px solid;
    padding: 4px;
    margin: 4px;
    clear: both;
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
    border-radius: 3px;
}

.major-action .button {
    font-size: 14pt;
    font-weight: 600;
}

#sendto-action-name {
    font-weight: 700;
    color: darkred;
}

/*****************************************************************************
Search Results and Tabular Data Classes
******************************************************************************/
/*
Selector Table
*/
.form table.selector {
    font-size: 12px;
}

.form table.selector tr
{
    
}

.form table.selector th
{    
    font-weight: bold;
}

.form table.selector th {
    padding: 1px 10px 5px 4px;
}

.form table.selector td
{
    padding: 3px 10px 3px 4px;
}


.form input[type="button"].selector
{
    width: 27px;
    height: 23px;
    padding: 2px 0 0 0;
}

.form .answerLabel
{
    padding: 4px 0 0 67px;
}

.form .radioListSmall 
{
    width: 132px;
    padding: 0 0 0 15px;
}

.form .radioListMedium
{
    width: 105px;
    float: left;
    padding: 0 0 0 15px;
}

.form .radioListSmallCheckbox
{
    width: 20px;
    float: left;
    padding: 0 20px 0 84px;
}

.form .altRadioListSmallCheckbox
{
    width: 30px;
    float: left;
    padding: 0 0 0 19px;
}

.form .radioListMediumCheckbox
{
    width: 20px;
    float: left;
    padding: 0 10px 0 70px;
}

.form .altRadioListMediumCheckbox
{
    width: 20px;
    float: left;
    padding: 0 0 0 19px;
}

.form .radioLabelSection label,
.form .radioLabelSectionWide label,
.form .radioLabelSectionCheckBox label,
.form .radioLabelSectionCheckBoxWide label,
.form .altRadioLabelSection label {
    font-size: 12pt;
    color: #333333;
}

.form .radioLabelSection {
    padding: 0 0 0 22px;
    line-height: 1.1rem;
}

.form .radioLabelSectionWide {
    padding: 0 0 0 60px;
    line-height: 1.1rem;
}

.form .radioLabelSectionCheckBox {
    padding: 0 0 0 20px;
    padding-top: 0.4rem;
    line-height: 1.1rem;
}

.form .radioLabelSectionCheckBoxWide {
    padding: 0 0 0 52px;
    line-height: 1.1rem;
}

.form .altRadioLabelSection
{
    padding: 4px 0 0 20px;
}

.form .altRadioLabelSectionWide {
    padding: 4px 0 0 20px;
}

.form .altRadioLabelSection
{
    padding: 4px 0 0 20px;
    float: left;
}

.form .radioLabelHeading
{
    font-weight: bold;
}

.form .radioLabel
{
    float:left;
    padding: 2px 0 0 6px;    
}

.form .noneCheckBox {
    width: 20px;
    float: left;
    padding: 0 0 0 37px;
}

.form .altNoneCheckBox {
    width: 30px;
    float: left;
    padding: 0 0 0 19px;
}

.form .unknownCheckBox {
    width: 20px;
    float: left;
    padding: 0 0 0 58px;
}

.form .legend
{
    border: 1px dotted rgb(10,84,162);
    margin: 5px 0 5px 20px;
    padding: 5px;
    background-color: #fffff0;
    display: inline-block;
    color: #555555;
}

.form .legend span
{
    margin-right: 12px;
}

.form .otherText
{
    margin: 0 0 0 6px;
}

.form .smallButton
{
    height: 20px;
    padding: 2px;
    font-size: 8pt;
}

/*.form .verticalAnswer
{
    float: left;
    display: block;
    font-size: 12px;
    display: block;
    writing-mode: tb-rl;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 21px;    
}
*/

.form .verticalAnswer
{
    margin: 0 0 8px 25px;
    width: 96px;
}

.form .verticalAnswerWide {
    margin: 0 0 8px 25px;
    width: 130px;
}

.form table.verticalAnswer td
{
    width: 14px;
    padding: 0 0 0 7px;
    font-weight: bold;
}

.formbuttons
{
    padding: 30px 0 0 300px;
}

.form .dialog-buttons
{
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
}

.form-error-message {
    color: #FF3333;
}

.form-info-message {
    color: rgb(10,84,162);
}

.form-warning-message {
    color: #DD6666;
}


.field-validation-error {
    color: #ff3333;
    display: block;
    clear: both;
    font-size: 9pt;
    font-weight: 700;
}

/** messages */
.form .Rejected
{
    color: Red;
}
.form .Completed, .form .Sent
{
    color: Green;
}

img.ui-datepicker-trigger 
{
    align-self: start;
    top: 20px;
}

.ui-datepicker {
    width: 300px;
    height: 300px;
    margin: 5px auto 0;
    font: 12pt Arial, sans-serif;
}

.form .note {
    color: rgb(236,90,40);
    padding: 2px 2px 2px 2px;
    font-weight: 700;
}

.form .note-important {
    color: #DD6666;
    font-size: 10pt;
    padding: 4px 4px 4px 10px;
    font-weight: 700;
    background: url("../images/message-warning.png") no-repeat left;
}

.note-unimportant {
    color: rgb(55,55,55);
    padding: 2px 2px 2px 2px;
    font-weight: 500;
    font-style: italic;
    font-size: 8pt;
}

.form .attention-icon {
    float: left;
    color: darkorange;
    padding: 0 5px 0 0;
}

.form .variable-emphasis {
    font-weight: 600;
    border-bottom: dotted #c0c0c0 1px;
    background-color: #fafafa;
    color: rgb(10,84,162);
}


/*****************************************************************************
History Page
******************************************************************************/



.resultCount {
    font-size: 13pt;
    font-weight: 400;
    color: #000000;
    padding: 10px 0 10px 10px;
}

.noResults {
    font-weight: 300;
    color: #FF2A19;
}

.noResults-unimportant {
    font-weight: 300;
    color: #666666;
    font-style: italic;
}

.results-good {
    color: #87c13f;
    padding: 4px 4px 4px 20px;
    font-weight: 600;
    background: url("../images/match-good.png") no-repeat left;
    font-size: 12pt;
}

.results-warning {
    color: rgb(151,130,94);
    padding: 4px 4px 4px 20px;
    font-weight: 600;
    background: url("../images/warning.png") no-repeat left;
    font-size: 12pt;
}

.results-bad {
    color: darkred;
    font-weight: 600;
    font-size: 12pt;
}

.results-bad .indicator {
    color: darkred;
    font-weight: 700;
}

/*****************************************************************************
Queues
******************************************************************************/

.queueList {
    /*width: 826px;*/
    padding: 5px 0 0 0;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
}

.queueList .row
{
    width: 100%;
}

.queueList .rowContainer {
    border: 1px solid #cccccc;
    border-left: 12px solid #9fa1a4;
    border-radius: 3px;
    padding: 7px 0 7px 0;
    margin-bottom: 10px;
    position: relative;
    right: 3px;
    width: 100%; /*978px;*/
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
    display: table;
}

.queueList .rowContainer .record-identifier, .form-summary .record-identifier, .tabular-data .record-identifier {
    font-weight: 700;
    letter-spacing: 1pt;
    color: rgb(240,16,16);
    font-family: Consolas, Courier New, Courier, monospace;
    text-transform: uppercase;
}

.queueList .rowContainer .cell {
    border-right: 1px solid #b3b3b3;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height:normal;
    display: table-cell;
    vertical-align: top;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}

.queueList .rowContainer .cell-last, .queueList .compactRowContainer .cell-last {
    border-right: none !important;
}

.queueList .rowContainer .colAction, .queueList .compactRowContainer .colAction {
    border-right: 0 !important;
}


.queueList .compactRowContainer {
    border: 1px solid #f0f0f0;
    border-left: 12px solid #d2dbe8;
    border-radius: 3px;
    padding: 1px 0 1px 0;
    margin-bottom: 3px;
    position: relative;
    right: 3px;
    background: url("../images/template/search-results-datarow-bg.png") repeat-x top left;
    display: table;
}

.queueList .other-rowtype {
    border: 1px solid #808080 !important;
    border-left: 12px solid #808080 !important;
}

.queueList .compactRowContainer .cell {
    border-right: 1px solid #e3e3e3;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height:normal;
    display: table-cell;
    vertical-align: top;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}

.queueList .rowContainer:hover, .queueList .compactRowContainer:hover {
    border: 1px solid #007bff;
    border-left: 12px solid #007bff;
}
.queueList .rowHeader
{
    background-color: #808080;
    border-left: 0px solid #808080;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    right: 3px;
    padding: 5px 5px 5px 12px;
}
.queueList .rowHeader .header
{   
    font-weight: 600;
    font-size: 10pt;
    color: #ffffff;
    padding: 4px 6px 4px 6px;
}

.queueList .rowHeader .header .additional-row, .tabular-data .additional-row {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dashed #ffffff;
}

.queueList .subRow {
    padding: 1px 0 1px 4px;
    
}
.queueList .subRowsContainer 
{
    margin-left: 113px;
    margin-top: 3px;
    border: 1px solid #777777;
    padding: 0;
    width: 655px;
}
.queueList .subdatarows {
    
}
.subRowsContainer .subdatarows > div.subRowContainer:nth-child(even) {
    background-color: #E0E0E0;
}

.subRowsContainer .subdatarows > div.subRowContainer {
    clear: both;
    border-bottom: #f0f0f0 dotted 1px;
}

.queueList .subRowMajorHeader
{
    background-color: #888888;
	padding: 0 0 3px 4px;
}

.queueList .subRowMajorHeader .header
{
    color: #eeeeee;
    font-size: 9pt;
    font-weight: 600;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

.queueList .subRowHeader 
{
    background-color: #AAAAAA;
	padding: 0 0 3px 4px;
}

.queueList .subRowHeader .header
{
    color: #eeeeee;
    font-size: 8pt;
    font-style: italic;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

.queueList .cell
{
    float:left;
    overflow: hidden;
}

.queueList .rowContainer .cell .additional-row {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dotted #707070;
}

.printer-settings-container .additional-row {
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px dotted #707070;
}

.table-responsive .table tbody .additional-row {
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    border-top: 1px dashed #666;
}

.table-responsive .table thead .additional-row {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dashed #fff;
}

.queue-result .record-identifier {
    color: red;
}

.queueList .rowContainer .cell .important, .queueList .compactRowContainer .cell .important, .form .row .important {
    font-weight: 700;
}

.queueList .cell .emphasize-important, .form .row .emphasize-important {
    font-size: 12pt;
}

.queueList .warning {
    color: #FF2A19;
}

.queueList .colFull {
    width: 810px;
}

.queueList .date {
    font-size: 9pt
}

.queueList .accent {
    font-weight: bold;
}

.queueList .subdued {
    color: #555555;
}

.queueList .not-available {
    color: #777777;
    font-style: italic;
}

.queueList .colAction {
    text-wrap: avoid;
}

.queueList .colAction div.openLink {
    display: block;
    float: left;
    padding: 0 4px 0 3px;
    vertical-align: top;
}

.queueList .colAction  div:nth-child(1) {
}
.queueList .colAction div:last-child {
}

.queueList .colAction a {    
    font-size: 9pt;
    color: #1396da;
    text-decoration: none;
}

.queueList .colAction a:hover
{
    text-decoration: none;
    color: #0a54a2;
}

.queueList .rowFooter {
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
    border-top: 1px dotted #777777;
}

.queueList .default-button {
    font-weight: 700;
}

.queueList .rowinfo 
{
    text-align: right;
    font-size: 8pt;
    color: #777777;
    padding-top: 4px;
    padding-left: 5pt;
}

.queueList .rowinfo .type
{
    font-weight: 500;
    text-transform: uppercase;
    color: #779988;
    margin-left: 5pt;
}
.queueList .rowinfo .flag
{
    padding: 0 8px 0 8px;
    margin: 0 8px 0 8px;
    border-left: 1px solid #CCCCCC;
}

.queueList .openLink
{
    background-color:#7FC04A;
    font-weight: 700;
    padding: 2px;
    border: solid 2px #888888;
    text-transform: uppercase;
    margin-right: 4px;
    margin-bottom: 2px;
    border-radius: 2px;
    white-space: nowrap;
}

.queueList div.openLink:hover
{
    border: solid 2px #666666;
}

.queueList .openLink a:link, .queueList .openLink a:hover, .queueList .openLink a:visited
{
    color:#FFF;
    text-decoration:none;
}

.queue-result th:first-child {
    border-radius: 10px 0 0 10px;
}

.queue-result th:last-child {
    border-radius: 0 10px 10px 0;
}

.queue-result td:last-child {
    border-radius: 0 10px 10px 0;
}

.queue-result th {
    border-top:none !important;
    border-bottom:none !important;
}

.queue-result td {
    border-top: none !important;
    border-bottom: none !important;
}

.record-action {
    color:#fff;
}

.record-action:hover {
    color: #fff;
    text-decoration:none;
}

/*****************************************************************************
Certificate Queue
******************************************************************************/

.queueList .certQueueCol1 { width: 205px; }
.queueList .certQueueCol2 { width: 140px; }
.queueList .certQueueCol3 { width: 280px; }
.queueList .certQueueCol4 { width: 55px; }

/*****************************************************************************
Certificate Queue and Query Results
******************************************************************************/

.queueList .certListCol1 { width: 165px; }
.queueList .certListCol2 { width: 90px; }
.queueList .certListCol3 { width: 145px; }
.queueList .certListCol4 { width: 115px; }
.queueList .certListCol5 { width: 105px; }
/* .queueList .certListCol6 { width: 85px; } */
.queueList .certListCol7 { width: 60px; }

.voided { color: #FF3333; }

.queueList .subCertCol1 { width: 240px; }
.queueList .subCertCol2 { width: 170px; }
.queueList .subCertCol3 { width: 170px; }

/*****************************************************************************
Fetal Death Transit Permit Queue
******************************************************************************/

.queueList .tpQueueCol1 { width: 100px; }
.queueList .tpQueueCol7 { width: 110px; }
.queueList .tpQueueCol2 { width: 120px; }
.queueList .tpQueueCol3 { width: 80px; }
.queueList .tpQueueCol4 { width: 120px; }
.queueList .tpQueueCol5 { width: 75px; }
.queueList .tpQueueCol6 { width: 110px; }

/*****************************************************************************
Mortality Transit Permit Queue
******************************************************************************/

.queueList .mtpQueueCol1 { width: 100px; }
.queueList .mtpQueueCol2 { width: 110px; }
.queueList .mtpQueueCol3 { width: 80px; }
.queueList .mtpQueueCol4 { width: 120px; } 
.queueList .mtpQueueCol5 { width: 75px; }
.queueList .mtpQueueCol6 { width: 110px; }
.queueList .mtpQueueCol7 { width: 110px; }

/*****************************************************************************
Amendment Queue
******************************************************************************/

.queueList .amQueueCol1 { width: 225px; }
.queueList .amQueueCol2 { width: 140px; }
.queueList .amQueueCol3 { width: 235px; }
.queueList .amQueueCol4 { width: 100px; }
.queueList .amQueueCol5 { width: 100px; }

/*****************************************************************************
Request Results
******************************************************************************/

.queueList .requestCol1 { width: 100px; }
.queueList .requestCol2 { width: 90px; }
.queueList .requestCol3 { width: 200px; }
.queueList .requestCol4 { width: 200px; }
.queueList .requestCol5 { width: 115px; }
.queueList .requestCol6 { width: 100px; }
.queueList .subRequestCheckBoxCol { width: 20px; }
.queueList .subRequestAllCheckBoxCol { width: 45px; }
.queueList .subRequestCol1 { width: 85px; }
.queueList .subRequestCol2 { width: 200px; }
.queueList .subRequestCol3 { width: 94px; }
.queueList .subRequestCol4 { width: 100px; }
.queueList .subRequestCol5 { width: 80px; }
.queueList .subRequestAltCol1 { width: 85px; }
.queueList .subRequestAltCol2 { width: 85px; }
.queueList .subRequestAltCol3 { width: 85px; }
.queueList .subRequestAltCol4 { width: 190px; }
.queueList .subRequestAltCol5 { width: 95px; }
.queueList .subRequestAltCol6 { width: 115px; }

/*****************************************************************************
Registrant Results
******************************************************************************/

.queueList .registrantCol1 { width: 150px; }
.queueList .registrantCol2 { width: 150px; }
.queueList .registrantCol3 { width: 150px; }
.queueList .registrantCol4 { width: 150px; }
.queueList .registrantCol5 { width: 150px; }

/*****************************************************************************
Amendment Lists
******************************************************************************/

.queueList .amendmentCol1 { width: 130px; }
.queueList .amendmentCol2 { width: 150px; }
.queueList .amendmentCol3 { width: 70px; }
.queueList .amendmentCol4 { width: 80px; }
.queueList .amendmentCol5 { width: 80px; }

/*****************************************************************************
Request Registrant Lists
******************************************************************************/

.queueList .rrCol1 { width: 185px; }
.queueList .rrCol2 { width: 100px; }
.queueList .rrCol3 { width: 90px; }
.queueList .rrCol4 { width: 45px; }
.queueList .rrCol5 { width: 45px; }
.queueList .rrCol6 { width: 50px; }
.queueList .rrActions { width: 175px; }
.queueList .rrColSplit { width: 265px; }
.queueList .rrColTotalRegistrants { width: 180px; }
.queueList .rrFooter { padding: 10px 0 0 0; }
.queueList .rrFooter .cell { padding-left: 12px; padding-right: 1px; }

/* VitalChek Edition */
.queueList .rvcCol1 { width: 185px; }
.queueList .rvcCol2 { width: 100px; }
.queueList .rvcCol3 { width: 165px; }
.queueList .rvcCol4 { width: 45px; }
.queueList .rvcCol5 { width: 125px; }
.queueList .rvcActions { width: 70px; }

/*****************************************************************************
Registrant Payment Lists
******************************************************************************/

.queueList .rpCol1 {
    width: 175px;
    margin: 0 5px 0 5px;
}
.queueList .rpCol2 {
    width: 100px;
}
.queueList .rpCol3 {
    width: 115px;
}
.queueList .rpCol4 {
    width: 100px;
}
.queueList .rpCol5 {
    width: 100px;
}
.queueList .rpCol6 {
    width: 235px;
}
.rowRight .rpColSummary {
    width: 175px;
    font-size: 10pt;
}
.rowRight .rpColSummary .left {
    width: 90px;
    padding: 0 5px 0 0;
    float: left;    
}
.rowRight .rpColSummary .right {
    width: 80px;
    padding: 0 0px 0 0;
    float: left;
    text-align: right;
    font-weight: bold;
}
.queueList .rpFooter {
    padding: 20px 0 0 0;   
}
.queueList .rpFooter .rpCol2 {
    text-align: right;
    font-size: 11pt;
}

.queueList .rpFooter .rpCol3 {
    width: 85px;
    font-size: 11pt;
    margin: 0 30px 0 0;
    font-weight: bold;
}

.payment-data {
    clear: both;
}

.payment-data .payment-complete {
    color: darkgreen;
    font-size: 12pt;
}

/*****************************************************************************
Registrant Search Lists
******************************************************************************/

.queueList .rsrCol1 { width: 185px; }
.queueList .rsrCol2 { width: 100px; }
.queueList .rsrCol3 { width: 130px; }
.queueList .rsrCol4 { width: 110px; }
.queueList .rsrCol5 { width: 130px; }
.queueList .rsrView { width: 50px; }
.queueList .rsrSelect { width: 65px; }
.queueList .rsrActions { width: 130px; }
.queueList .rsrActions-wide { width: 210px; }

/*****************************************************************************
Printer List
******************************************************************************/

.queueList .printerListCol1 { width: 190px; }
.queueList .printerListCol2 { width: 65px; }
.queueList .printerListCol3 { width: 170px; }
.queueList .printerListCol4 { width: 160px; }
.queueList .printerListCol5 { width: 100px; }
.queueList .printerListCol6 { width: 60px; }

/*****************************************************************************
Registrant Print Options
******************************************************************************/

.queueList .rpoRow {
    padding: 3px 0 3px 0;
}

.queueList .rpoCol1 {
    width: 220px;
}
.queueList .rpoCol2 {
    width: 80px;
}
.queueList .rpoCol3 {
    width: 60px;
}
.queueList .rpoCol4 {
    width: 70px;    
}
.queueList .cost {
    text-align: right;
    padding: 1px 30px 1px 0;
    height: auto;
}
.queueList .rpoCol5 {
    width: 300px;
}
.queueList .rpoFooter {    
    width: 447px;
    font-weight: bold;
    text-align: right;
}

.header-actions
{
    clear: both;
    padding: 10px 5px 10px 5px; 
    width: 100%;
}

.header-actions .buttons 
{
    float: left;
    width: 80px;
}
/* for the ellipsis buttons */
.buttons input.extra-selector, .buttons button.extra-selector {
    cursor: pointer;
    margin: 0 5px 0 0;
}
.buttons input[disabled],
.buttons input[readonly],
.buttons button[disabled],
.buttons button[readonly] {
    color: #333333 !important;
    cursor: default !important;
    background-color: #cccccc !important;
}
.buttons .major-button {
    padding: 8px;
    color: rgb(64,64,64);
}
.buttons .alternate-button {
    padding: 6px;
    font-size: 11pt;
    font-weight: 500;
    color: rgb(255,255,255);
}
.buttons .minor-button {
    padding: 5px;
    font-size: 9pt;
    font-weight: 500;
}
.buttons .default-button {
    font-weight: 700;
}

.buttons .negative-button {
    font-weight: 500;
    color: darkred;
}

.buttons .positive-button {
    font-weight: 500;
    color: darkgreen;
}

.buttons .big {
    font-size: 13pt;
    font-weight: 600;
}

.buttons .medium {
    font-size: 12pt;
    font-weight: 600;
}
/* Button icons for fontawesome */
.buttons .positive-action {
    color: rgb(10,84,162);
}
.buttons .alternate-action {
    color: rgb(113,66,0);
}
.buttons .pending-action {
    color: rgb(128,128,162);
}
.buttons .failed-action {
    color: rgb(192,128,128);
}
.buttons .secure-action {
    color: rgb(240,240,240);
}
.buttons .secured-action {
    color: rgb(217,217,217);
}
.buttons .undo-action {
    color: rgb(10,84,162);
}
.buttons .action-border {
    color: rgb(200,200,200);
}
.buttons button.positive-action {
    border-radius: 4px;
    background-color: rgb(228,228,228);
    color: rgb(10,84,162);
    border: solid 1px rgb(166,166,166);
}
.buttons button.positive-action[disabled] {
    color: rgb(160,160,160);
    cursor: not-allowed;
}
.buttons button.positive-action:hover {
    background-color: rgb(204,204,204);
}
.buttons button.positive-action[disabled]:hover {
    background-color: rgb(228,228,228);
}
.buttons button.secure-action {
    border-radius: 4px;
    background-color: rgb(65, 172, 225);
    color: white;
    border: solid 1px rgb(10,84,162);
}
.buttons button.secure-action[disabled] {
    color: rgb(200,200,200);
    cursor: not-allowed;
}
.buttons button.secure-action:hover {
    background-color: rgb(19, 150, 218);
}
.buttons button.secure-action[disabled]:hover {
    background-color: rgb(65, 172, 225);
}
.buttons button.alternate-action {
    border-radius: 3px;
    background-color: rgb(153, 141, 215);
    color: rgb(255, 255, 255);
    border: solid 1px rgb(40, 32, 79);
}
.buttons button.alternate-action[disabled] {
    color: rgb(200,200,200);
    cursor: not-allowed;
}
.buttons button.alternate-action:hover {
    background-color: rgb(109, 94, 183);
}
.buttons button.alternate-action[disabled]:hover {
    background-color: rgb(65, 172, 225);
}
.buttons button.undo-action {
    border-radius: 4px;
    background-color: rgb(255,255,187);
    color: rgb(64,64,64);
    border: solid 1px rgb(255,220,10);
}
.buttons button.undo-action[disabled] {
    color: rgb(160,160,160);
    cursor: not-allowed;
}
.buttons button.undo-action:hover {
    background-color: rgb(255,238,139);
}
.buttons button.undo-action[disabled]:hover {
    background-color: rgb(228,228,228);
}

.header-actions .selection 
{
    float: left;
    width: 230px;
}
.header-actions .printers
{
    float: left;
    width: 430px;
}
.header-actions .printers .titles
{
    float: left;
    width: 110px;
    font-size: 9pt;
}
.header-actions .printers .values
{
    float: left;
    font-size: 9pt;
    font-weight: 700;
}
.header-actions .print-button
{
    font-size: 10pt;
}
.header-actions .actions, .header-actions .wait
{
    width: 100%;
    text-align: center;
}
.header-actions .note
{
    font-size: 11pt;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.glued {
    font-size: 14pt;
    color: crimson;
    padding-left: 26px;
    background: url('/assets/coreassets/images/reason.png') no-repeat;
    font-weight: 600;    
    padding-bottom: 8px;
}

.print-label {
    border: 2px dotted #d0d0d0;
    padding: 6px;
    margin: 3px 3px 10px 3px;
    background-color: #fafafa;
}

div.collapsed-bar {
    width: 100%;
    clear: both;
    border-top: #0a54a2 solid 2px;
    padding-top: 1px;
    padding-bottom: 1px;
/*    background: url('/assets/coreassets/images/template/bar-expand.png') no-repeat center 0px; */
}

.form-section {
    border-top: 1px dotted #b3b3b3;
    border-bottom: 1px dotted #b3b3b3;
}

/*****************************************************************************
Void Log
******************************************************************************/

.queueList .vlCol1 { width: 70px; }
.queueList .vlCol2 { width: 125px; }
.queueList .vlCol4 { width: 85px; }
.queueList .vlCol5 { width: 130px; }
.queueList .vlCol6 { width: 130px; }
.queueList .vlCol7 { width: 140px; }

/*****************************************************************************
Serial Number Dashboard
******************************************************************************/

.queueList .sniCol1 { width: 260px; text-align: left; padding-right: 8px; }
.queueList .sniCol2 { width: 120px; text-align: right; padding-right: 8px; }
.queueList .sniCol3 { width: 120px; text-align: right; padding-right: 8px; }
.queueList .sniCol4 { width: 120px; text-align: right; padding-right: 8px; }

/*****************************************************************************
Serial Number Detail
******************************************************************************/

.queueList .sndCol1 { width: 97px; }
.queueList .sndCol2 { width: 97px; }
.queueList .sndCol3 { width: 97px; }
.queueList .sndCol4 { width: 97px; }
.queueList .sndCol5 { width: 97px; }
.queueList .sndCol6 { width: 97px; }
.queueList .sndCol7 { width: 97px; } 
.queueList .sndCol8 { width: 97px; }
.queueList .datarows div.sndColFull  
{
    display: none; 
    width: 736px; 
    background-color: #FF6666; 
    padding: 10px 20px;
    font-size: 14px; font-weight: bold;
}
.queueList .datarows > div.sndColFull:nth-child(n):hover {
    background-color: #FF6666;
}

.datarows .noResults {
    font-size: 12pt;
    padding: 8px;
}

/*****************************************************************************
Paper Facility Log 
******************************************************************************/

.queueList .pflCol1 { width: 145px; }
.queueList .pflCol2 { width: 145px; }
.queueList .pflCol3 { width: 70px; }
.queueList .pflCol4 { width: 80px; }
.queueList .pflCol5 { width: 90px; }
.queueList .pflAction { width: 70px; }
.queueList .pflAction2 { width: 40px; }
.queueList a.expand { width: 16px; height: 16px; background-image: url(../images/expand.png); display: inline-block; text-decoration: none; }
.queueList a.collapse { width: 16px; height: 16px; background-image: url(../images/collapse.png); display: inline-block; text-decoration: none; }
.queueList a.loading { width: 16px; height: 16px; background-image: url(../images/saving_small.gif); display: inline-block; text-decoration: none; background-repeat: no-repeat; }
.queueList .subSerialCol1 { width: 200px; }
.queueList .subSerialCol2 { width: 356px; }
.subRowsContainer .notes { padding-top: 20px; font-size: 80%; }
.subRowsContainer .notes span { font-weight: bold; }

/*****************************************************************************
External Assets
******************************************************************************/

.queueList .feaCol1 { width: 330px; }
.queueList .feaCol2 { width: 75px; }
.queueList .feaCol3 { width: 55px; }

.single-image img {
    border: 3px solid #b0b0b0;
    margin: 3px;
    padding: 0;
}

/*****************************************************************************
Record History Pages
******************************************************************************/

.queueList .historyCol1 { width: 150px; }
.queueList .historyCol2 { width: 120px; }
.queueList .historyCol3 { width: 130px; }
.queueList .historyCol4 { width: 170px; }
.queueList .historyCol5 { width: 150px; }
.queueList .historyCol4and5 { width: 360px; padding-right: 0 !important; }

.history
{
}

.history .fieldrows 
{
    position: relative;
}

.history .fieldrows > div.fieldrow:nth-child(even)
{
    background-color: #F7F7F7;
}

.history .fieldrow
{
    width: 100%;
    border-bottom: 1px dashed #d0d0d0;
    padding-bottom: 4px;
    padding-top: 4px;
}
.history .fieldrow:first-child {
    padding-top: 0 !important;
}

.history .fieldrow .cell {
}

.history .fieldrow .header {
    width: 100%; 
    padding: 0 0 4px 0;
    font-weight: 500;
    font-style: italic;
}
.history .fieldrow .value1 {
    width: 170px !important; 
    padding: 0 4px 2px 0;
}
.history .fieldrow .value2 {
    width: 180px !important; 
    padding: 0 0 2px 4px;
}

.history .commentContainer 
{
    padding: 2px;
    border: solid 2px #000000;
    /*background-color: #D0D0D0;   */
}

.history .commentContainer span.label {
    font-weight: bold;
}

.history .comment {
    padding: 2px 0 0 3px;   
}

.history .subComment {
    padding: 2px;   
}

.history .subComment span.red,
.history span.red {
    color: red;
}

.history .subComment span.blue,
.history span.blue {
    color: blue;
}

.history .subComment span.green,
.history span.green {
    color: green;
}
.history div.commentLabel {
    font-weight: bold;
}

.history div.comment {
    padding: 5px 0 0 5px;
}

.history div.deleteComment {
}

.history input.deleteComment {
}

.queueList .taskListCol1 { width: 160px; }
.queueList .taskListCol2 { width: 120px; }
.queueList .taskListCol3 { width: 150px; }
.queueList .taskListCol4 { width: 250px; }
.queueList .taskListCol5 { width: 10px; }

.queueList .subTaskListCol1 { width: 120px; }
.queueList .subTaskListCol2 { width: 190px; }
.queueList .subTaskListCol3 { width: 100px; }
.queueList .subTaskListCol4 { width: 160px; }

/*****************************************************************************
Dialog Classes
******************************************************************************/

.hidden 
{
    display: none;
}

.dialog-body { font-size: 12pt; }

.dialog-body .error { font-size: 10pt; color: #FF3333; }

/******
    CS Requests
******/
#statistics-container {
    position: absolute;
    border: solid 1px #0a54a2;
    border-radius: 2px;
    background: url("../images/template/band-bg.png") #f2f2f2 top repeat-x;
    right: 0px;
    width: 165px;
    padding: 4px;
    margin: 0 0 8px 0;
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: 300;
}
#statistics-container th, #statistics-container td {
    padding: 1px 1px 1px 1px;
    margin: 0;
    border: 0;
    vertical-align: top;
}
#statistics-container ul {
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
}
#statistics-container ul li {
    float: left;
}

.form .request-identification-box {
    position: absolute;
    border: solid 1px #0a54a2;
    border-radius: 2px;
    background-color: #c0d7e2;
    min-height: 240px;
    right: 16px;
    width: 180px;
    padding: 4px;
    margin: 0 0 8px 0;
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: 100;
}

.form .request-identification-box h4
{
    font-size: 8pt;
    font-weight: 700;
    margin: 0;
    padding: 0 0 4px 0;
}

.form .request-identification-box .row
{
    clear: both;
    width: 100%;
    padding: 2px;
}

.form .request-identification-box .row .id-label
{
    width: 30%;
    float: left;
    padding: 4px 0 0 0;
}

.form .request-identification-box .row .id-field
{
    width: 68%;
    padding-left: 2px;
    float: left;
}

.form .request-identification-box .row input
{
    border: solid 1px #999999;
    background-color: #fefefe;
    color: #000000;
    margin: 0;
    padding: 1px 13px 1px 1px;
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: 100;
    width: 105px;
}

.form .request-identification-box .row input:read-only
{
    background-color: #d0d0d0;
}

.form .request-identification-box .row input.match
{
    background: #d0d0d0 url('/assets/coreassets/images/match-good.png') right no-repeat;
}

.form .request-identification-box .row input.fuzzymatch
{
    background: #d0d0d0 url('/assets/coreassets/images/match-fuzzy.png') right no-repeat;
}

.form .request-identification-box .row input.nomatch
{
    background: #d0d0d0 url('/assets/coreassets/images/match-bad.png') right no-repeat;
}

.form .request-identification-box .footer
{
    width: 100%;
    text-align: right;
}

.form .request-identification-box .footer input
{
    font-size: 8pt;
    font-weight: 700;
}

.form .request-identification-box .footer .verify-result
{
    float: left;
    font-weight: 900;
    color: darkorange;
    padding: 8px 0 0 0;
    font-size: 10pt;
    letter-spacing: 0px;
}

.form .request-identification-box .footer .verify-action
{
    float: right;
}

.row-flat {
    clear: both;
}
.inherited {
    color: rgb(135,193,63);
}
/* Filter Functionality */
.vita-filters, .bg-filters {
    border: solid 1px #888;
    border-radius: 3px;
    background-color: rgba(10, 84, 162, 0.05);
}
.filter-highlight {
    background-color: yellow;
}
.result-row-clickable {
    cursor: pointer;
}

.filter-container {
    border: solid 1px #838a92;
    border-radius: 5px;
    padding: 10px;
}
.filter-container .filter-row {
    clear: both;
    width: 100%;
    margin: 1px 0 2px 0;
}
.filter-container .filter-title {
    display: inline-block;
    min-width: 60px;
    font-size: 8pt;
    text-transform: uppercase;
    color: #696969;
    font-weight: 600;
    float: left;
    padding-top: 3px;
}
.filter-container .list-item, .item-details-container .item-status, .header-container .item-status {
    border-radius: 3px;
    background-color: #eee;
    border: solid 1px #aaa;
    display: table-cell;
    margin: 0 4px 0 4px;
    float: left;
    color: #333;
}
.filter-container .list-item .selector, .item-details-container .item-status {
    padding: 3px;
    font-weight: 500;
}
.filter-container .selectable {
    cursor: pointer;
}

.header-card {
    max-width: 50rem;
}

.header-card .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.header-container .item-badges {
    border-radius: 3px;
    background-color: #f0f0f0;
    border: solid 1px #bbb;
    display: table-cell;
    margin: 0 4px 0 4px;
    float: left;
    color: #555;
}
.item-details-container .item-badges {
    padding: 2px;
    font-weight: 700;
}
.header-container .cert-indicators {
    border-radius: 3px;
    background-color: #f0f0f0;
    border: solid 1px #bbb;
    display: table-cell;
    margin: 0 4px 0 0;
    float: left;
    color: #555;
}
.item-details-container .cert-indicators {
    padding: 2px;
    font-weight: 700;
}

.header-card .cert-indicators {
    border-radius: 3px;
    background-color: #f0f0f0;
    border: solid 1px #bbb;
    color: #555;
    padding: 3px;
    font-size: small;
    font-weight: 600;
}

.header-card .item-status, .header-card .header-badge {
    border-radius: 3px;
    border: solid 1px #bbb;
    color: white;
    background-color: #3d4d87;
    padding: 3px;
    font-size: small;
    font-weight: 600;
}

.header-card .header-badge {
    margin-top: -12px;
}

.header-card .file-number {
    font-size: small;
    font-weight: 600;
}

.header-card .record-identifier {
    font-size: medium;
    font-weight: 700;
    color: red;
    letter-spacing: 0.3rem;
}

.header-card .name {
    font-size: xx-large;
    font-weight: 600;
}

.header-container .record-identifier {
    font-size: 9pt;
}
.header-container .record-identifier-value {
    font-weight: 900;
    letter-spacing: 2pt;
    font-size: 12pt;
    color: rgb(240,16,16);
    font-family: Consolas, Courier New, Courier, monospace;
    text-transform: uppercase;
    float: right;
}

.overlay {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #d0d0d0;
    opacity: 0.2;
}

.results-container {
    width: 100%;
    clear: both;
}
.results-container .result-container {
    float: left;
    margin: 3px;
    border: solid #555 1px;
    border-radius: 2px;
    border-left: 6px #777 solid;
    max-width: 245px;
    min-width: 245px;
    width: 245px;
    height: 84px;
}
.results-container .result-container:hover {
    background-color: #f0f0f0;
}
.results-container .result-container .result {
    padding: 3px;
    font-size: 8pt;
}
.results-container .result-container .result .rowline {
    clear: both;
    width: 100%;
    display: block;
    padding-top: 4px;
}
.results-container .result-container .result .rowline-lead {
    clear: both;
    width: 100%;
    display: block;
}
.results-container .result-container .result .key {
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9.5pt;
}
.results-container .result-container .result .status, .results-container .result-container .result .badge {
    float: right;
}
.results-container .result-container .result .displayname {
    width: 100%;
    font-size: 9pt;
    padding: 2px 0 2px 0;
    display: inline-block;
}
.results-container .result-container .result .date1 {
    float: left;
}
.results-container .result-container .result .date2 {
    float: right;
    color: darkred;
    font-weight: 600;
}
/* Color palette ideas: https://mycolor.space/?hex=%230A54A2&sub=1 */
.results-container .status-Pending {
    border-color: #0A54A2;
}
.results-container .status-Pending .status {
    color: #0A54A2;
}
.filter-container .selected {

}

.filter-container .Pending .selected, .item-details-container .status-Pending, .header-container .status-Pending .status {

}

.results-container .status-Processing {
    border-color: #008A62;
}
.results-container .status-Processing .status {
    color: #008A62;
}
.filter-container .Processing .selected, .item-details-container .status-Processing, .header-container .status-Processing .status {

}

.results-container .status-New {
    border-color: #624100;
}
.results-container .status-New .status {
    color: #624100;
}
.filter-container .New .selected, .item-details-container .status-New, .header-container .status-New .status {

}

.results-container .status-Complete {
    border-color: #8290BB;
}
.results-container .status-Complete .status {
    color: #8290BB;
}
.filter-container .Complete .selected, .item-details-container .status-Complete, .header-container .status-Complete .status {

}

.duallist-container {
    clear: both;
    width: 100%;
    vertical-align: top;
}
.duallist-container .results-container {
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    width: 30%;
    vertical-align: top;
    height: auto;
    padding-bottom: 4px;
}
.duallist-container .detail-container {
    float: left;
    vertical-align: top;
    margin-left: 10px;
    width: 66%;
}
.duallist-container .result-container .result .key {
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10pt;
}
.duallist-container .result-container .result .status {
    float: left;
}
.duallist-container .result-container .result .date1 {
    float: right;
}

/* General Object Display Details */
.item-details-container {
    clear: both;
}
.item-details-container .rowline {
    clear: both;
    width: 100%;
    display: block;
    padding-top: 4px;
}
.item-details-container .rowline-lead {
    clear: both;
    width: 100%;
    display: block;
}
.item-details-container .item-title {
    float: left;
    font-size: 16pt;
    font-weight: 600;
    color: #333333;
}
.item-details-container .item-subtitle {
    float: left;
    font-size: 14pt;
    font-weight: 500;
    color: #333333;
}
.item-details-container .item-status {
    float: right;
    font-size: 10pt;
}
.item-details-container .cert-indicators {
    float: right;
    font-size: 9pt;
}
.item-details-container .item-badges {
    float: right;
    font-size: 9pt;
}
.item-details-container .flags {
    float: right;
    font-size: 8pt;
}
.item-details-container .item-heading {
    font-size: 10pt;
    font-weight: 600;
    color: #0a54a2;
    clear: both;
    padding-bottom: 3px;
}
.item-details-container .hanging-list li {
    margin-bottom: 4px;
}
.item-details-container table
{
    width: 100%;
}
.item-details-container table.extra-items tr {
}
.item-details-container table.extra-items th {
    font-size: 10.5pt;
    background-color: #198580;
    color: white;
    padding: 4px;
}
.subdued table.extra-items th {
    background-color: #a7a7a7;
}
table.extra-items th a.menu-link, table.extra-items th a.menu-link:link, table.extra-items th a.menu-link:visited, table.extra-items th a.menu-link:active, table.extra-items th a.menu-link:hover {
    color: white;
    text-decoration: none;
}
.emphasized table.extra-items th, .emphasized table.extra-items td {
    font-weight: 700;
    background-color: #d0d0d0;
}
table.extra-items tr.subdued td, table.extra-items tr.subdued th {
    font-style: italic;
    font-size: 8.5pt;
}
table.extra-items tr.significant th {
    background-color: #727687;
    font-size: 8.5pt;
}
table.table-striped thead {
    background-color: #01234f;
    color: white;
}
.item-details-container table.extra-items tr th:first-child {
    border-top-left-radius: 3px;
}
.item-details-container table.extra-items tr th:last-child {
    border-top-right-radius: 3px;
}
.item-details-container table.extra-items tr.end th:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 3px;
}
.item-details-container table.extra-items tr.end th:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
}
.item-details-container table.extra-items td {
    padding: 4pt;
    vertical-align: top;
}
.item-details-container table.extra-items tr td:first-child {
    border-left: 1px solid #bfdbda;
}
.item-details-container table.extra-items tr td:last-child {
    border-right: 1px solid #bfdbda;
}
.item-details-container table.extra-items tr.significant td:first-child {
    border-left: 1px solid #727687;
}
.item-details-container table.extra-items tr.significant td:last-child {
    border-right: 1px solid #727687;
}
.item-details-container table.extra-items tr:nth-column(2n+1) {
    background-color: #fafafa;
}
.item-details-container table.extra-items tbody tr:nth-child(even) {
    background-color: #fafafa;
}
.item-details-container table.extra-items tr.significant:nth-column(2n+1) {
    background-color: #fffafa;
}
.item-details-container table.extra-items th.summary {
    font-size: 8pt;
    background-color: #62aba8;
    color: white;
    padding: 4px;
}
.subdued table.extra-items th.summary {
    background-color: #c0c0c0;
}
.item-details-container table.extra-items tr th.summary {
    border-radius: 0;
}
.item-details-container table.extra-items tr.break td {
    border: none;
    min-height: 14pt;
} 
.item-details-container table.extra-items tr th.summary .minor {
    font-size: 7pt;
    color: #bfdbda;
}
.item-details-container table.extra-items tr.exceptions td {
    font-size: 9pt;
    color: #9A2A46;
}
.item-details-container table.extra-items tr:last-child {
    border-bottom: 1px solid #bfdbda;
} 
.item-details-container .emphasize {
    font-weight: 600;
    font-size: 11pt;
}
.small-table .item-details-container table.extra-items th, .small-table .item-details-container table.extra-items td {
    font-size: 10pt;
    font-weight: 500;
}
.small-table .item-details-container table.extra-items th{
    font-weight: 600;
}
.page-container {
}

.page-container h2 {
    font-size: 11pt;
    font-weight: 600;
}
.page-container h2.errors {
    color: #FF2A19;
    font-weight: 700;
}
.page-container div.errors {
    color: #FF2A19;
}
.page-container div.errors ul {
    list-style: square;
}
.waiter {
    color: #333333;
}
.vita-loading {
    background-color: #333333;
    background: url('../images/please-wait.gif') 50% 10% no-repeat;
    opacity: 0.6 !important;
}
.recently-updated {
    background-color: rgba(255, 255, 204, 0.5);
    animation: ease-in;
}
.page-container .link-action-minor {
    font-size: 8pt;
    cursor: pointer;
}
.page-container .link-action-minor:link, .page-container .link-action-minor:visited {
    color: #0a54a2;
    text-decoration: none;
}
.page-container .link-action-minor:active, .page-container .link-action-minor:hover {
    color: #007bff;
    text-decoration: underline;
}
.page-container .actions-list table td {
    padding: 2px;
    margin: 1px;
}

.header-container .header {
    padding: 1rem;
    border-radius: 5px;
    border-left: 10px solid;
    border-bottom: 1px solid;
    background-color: #f7f7f7;
}

#fetalDeathForm .header-container .header {
    border-color: #ec5a28;
}
#deathForm .header-container .header {
    border-color: #aadae0;
}
#birthForm .header-container .header {
    border-color: #cd2d8c;
}

.header-container .result .rowline {
    clear: both;
    width: 100%;
    display: block;
    padding-top: 4px;
}
.header-container .result .rowline-lead {
    clear: both;
    width: 100%;
    display: block;
}
.header-container .result .key {
    float: left;
    text-transform: uppercase;
}
.header-container .result .item-status {
    float: right !important;
}
.header-container .result .status {
    float: right !important;
    display: block;
    padding: 4px;
    font-weight: 600;
}
.header-container .result .cert-indicators {
}

.header-container .result .indicator {
    display: block;
    padding: 4px;
    font-weight: 600;
}
.header-container .result .item-badges {
    float: right !important;
}

.header-container .result .header-badge {
    float: right !important;
    display: block;
    padding: 4px;
    font-weight: 600;
}

.header-container .result .displayname {
    display: block;
    font-weight: 600;
    font-size: 1.4rem;
}
.header-container .result .record-type {
    font-weight: 700;
}
.header-container .result .date1 {
    float: left;
    font-size: 12pt;
}
.header-container .result .date2 {
    float: left;
    color: darkred;
    font-weight: 600;
}
.header-container .section-1 {
    float: left;
    width: 40%;
}
.header-container .section-2 {
    float: left;
    width: 20%;
}
.header-container .section-3 {
    float: right;
}

/* Role Changer */
#change-assignment-selector {
    border-radius: 5px;
    background-color: white;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    min-height: 70px;
    max-height: 300px;
    overflow: auto;
    color: rgb(102, 102, 102);
    z-index: 9999;
}

#change-assignment-selector::-webkit-scrollbar {
    display:none;
}

#change-assignment-selector ul.roles
{
    list-style: none;
    width: 100%;
}

#change-assignment-selector ul.roles li
{
    display: block;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 4pt;
    border-bottom: dotted 1px #b2b2b2;
}

#change-assignment-selector ul.roles li:hover
{
    background-color: #0a54a2;
    cursor: pointer;
}

#change-assignment-selector ul.roles li .role {
    font-size: 11pt;
    font-weight: 600;
    color: #0e5ba7;
}

#change-assignment-selector ul.roles li .facility
{
    font-size: 9pt;
    font-weight: 500;
    color: #333333;
}

#change-assignment-selector ul.roles li .go-link {
    font-size: 10pt;
    color: #8b8b8b;
    float: right;
}

#change-assignment-selector ul.roles li:hover .role, 
#change-assignment-selector ul.roles li:hover .go-link, 
#change-assignment-selector ul.roles li:hover .facility
{
    color: #ffffff;
}

.vita-userroleselector .changing-role {
    color: #FF3333;
}

.application-status {
    padding-left: 10px;
}

.inline-dialog {
    border: 2px dotted #0a54a2;
    background-color: #f7f7f7;
    border-radius: 3px;
    padding: 0 12px 0 12px;
    color: #555555;
}

.cdc-views-working {
    font-size: 7pt;
    text-transform: uppercase;
    color: #ec5a28;
    text-align: right;
    padding-right: 8px;
    padding-bottom: 2px;
    font-weight: 500;
    height: 10px;
}

.cdc-views-squiggle {
    background-color: red;
    display: none;
    position: absolute;
    height: 2px;
    max-height: 2px;
    overflow: hidden;
}

/*.cdc-views-squiggle-RareWord {
    background-color: blue;
}*/

/*.cdc-views-squiggle-Spelling {
    background-color: red;
}

.cdc-views-squiggle-Surveillance {
    background-color: purple;
}

.cdc-views-squiggle-RareCause {
    background-color: darkorange;
}

.cdc-views-squiggle-Abbreviation {
    background-color: green;
}*/

.cdc-views-section-header {
    font-weight:bold;
    text-decoration:underline;
    margin-bottom: 3px;
}

.cdc-views-horizontal-rule {
    border: 1px solid black !important;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    opacity: 35%;
}

.cdc-views-horizontal-rule-2 {
    border: 1px solid black !important;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    opacity: 10%;
}

.cdc-views-suggestion-container {
    display: none;
    position: absolute;
    z-index: 150;
    width: auto;
    height: auto;
}

.cdc-views-suggestion-box {
    position: absolute;
    z-index: 160;
    width: auto;
    height: auto;
    background-color: #ededed;
    border: 2px solid red !important;
    border-radius: 0;
    color: #222222;
    font-weight: 700;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12pt;
    padding: 4px;
    display: none;
}

/*.cdc-views-suggestion-box-RareWord {
    border: 2px solid blue !important;
}

.cdc-views-suggestion-box-Spelling {
    border: 2px solid red !important;
}

.cdc-views-suggestion-box-Abbreviation {
    border: 2px solid green !important;
}*/

.cdc-views-suggestion-item {
    cursor: default;
    padding: 3px;
    margin: 0;
    display: block;
    border: 1px solid #ededed;
    z-index: 9998;
}

.cdc-views-suggestion-item:hover {
    cursor: pointer;
    background-color: #007bff !important;
    border: 1px solid #1396da !important;
    border-radius: 3px;
}

.suggestion_item_info {
	background-color: #DCDCDC;
	color: #000;
	font-size: 9pt;
	padding: 2px 2px;
	margin: 2px;
}

.suggestion_current {
    cursor: default;
    padding: 2px 2px;
	border: 1px solid #C0C0C0;
	margin: 2px;
    background-color: #3366cc;
    color: #FFF;
}

.suggestion_current .suggestion_item_info {
	background-color: #6699FF;
	color: #FFF;
	font-size: 9pt;
	padding: 2px 2px;
	margin: 2px;
}

.suggestion_message {
    padding: 2px 2px;
    border: 1px solid #fff;
    font-size: 11px;
    background-color: #FA9;
    color: #000;
    margin: 2px;
    font-weight: bold;
}

/* jQuery UI Overrides */
/*autocomplete dropdown items*/
ul.ui-autocomplete {
    border: 2px solid #0a54a2 !important;
    padding: 2px;
    margin: 0;
    font-size: 9pt;
    border-radius: 3px !important;
    color: #404040;
    z-index: 100001 !important
}

ul.ui-autocomplete li.ui-menu-item a {
    border-bottom: #707070 dotted 1px;
    font-weight: 500 !important;
    font-size: 9pt !important;
}

ul.ui-autocomplete li.ui-menu-item a:hover, ul.ui-autocomplete li.ui-menu-item a:active, ul.ui-autocomplete li.ui-menu-item a::selection {
    color: #0a54a2;
    background-color: #42abe2;
    font-weight: 500 !important;
    font-size: 9pt !important;
}
.ui-widget {
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif !important;
}

.ui-dialog-title{
    color: white;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 600;
}

.ui-dialog-titlebar{
    background: #42ABE2 !important;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 !important;
	outline: 0;
}

.ui-widget-overlay {
    background-color: #333333 !important;
    opacity: 0.8 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    right:-1px !important;
    top: -1px !important;
    width:100px !important;
    height:40px !important;
    margin:0px !important;
    background:#E8F5FB !important;
}

.ui-dialog-titlebar .ui-button-text {
    text-indent: 5pt !important;
    text-transform: uppercase !important;
}
button.ui-button:disabled {
    color: #999999;
    font-weight: 300 !important;
}
button.ui-button {
    font-weight: 600;
}
.ui-dialog-titlebar .ui-icon {
    left: 80% !important;
}

.ui-dialog-titlebar .ui-state-default {
    border: none !important;
}

.ui-widget-content {
	border: 1px solid #ffffff !important;
}

/*
    .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px !important;
}
*/

.ui-dialog-titlebar .ui-state-default {
	font-weight: 600 !important;
	color: rgb(70,70,70) !important;
    font-size: 12pt !important;
}

.ui-tabs .ui-widget-content {
    border-left: 1px solid #aaaaaa !important;
    border-right: 1px solid #aaaaaa !important;
    border-bottom: 2px solid #aaaaaa !important;
}

/** combobox stuff */
.ui-combobox {
    position: relative;
    display: inline-block;
}

.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.ai-inactive {
    color: #a0a0a0;
    text-decoration:line-through;
}

/** Bootstrap Overrides and Extras */
.btn-group-xs > .btn, .btn-xs {
    font-size: 0.875rem !important;
    line-height: 0.75 !important;
    border-radius: .2rem;
}

th.rotate-45 {
    -ms-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
}
th.rotate-90 {
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
}

.alert-farout, .badge-farout {
    color: #591c72;
    background-color: #ecd7f8;
    border-color: #e2ceee;
}

.btn-farout {
    color: #fff;
    background-color: rgb(153, 141, 215);
    color: rgb(255, 255, 255);
    border: solid 1px rgb(40, 32, 79);
}
.btn-farout:hover {
    background-color: rgb(109, 94, 183);
}

table.form-results td {
    padding: 0.33rem;
}
p {
    line-height: normal;
}
/* normal record identifier */
.badge-rid {
    color: #fff;
    background-color: #343a40;
    font-family: 'Arial Narrow', Consolas, Courier New, Courier, monospace;
    font-size: 90% !important;
}
/* secondary */
.badge-ridS {
    color: #fff;
    background-color: #6c757d;
    font-family: 'Arial Narrow', Consolas, Courier New, Courier, monospace;
}
/* primary */
.badge-ridP {
    color: #212529;
    background-color: #ffc107;
    font-family: 'Arial Narrow', Consolas, Courier New, Courier, monospace;
}
.text-muted {
    font-weight: lighter;
}
.table-condensed {
    font-size: 10pt;
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
    .modal-xl {
        width: 90% !important;
        max-width: 95% !important;
    }
}
.modal-fullheight {
    max-height: 95vh;
}

.tableStickyHead {
    overflow-y: auto;
    display: block;
}
.tableStickyHead thead th {
    position: sticky !important;
    top: 0;
}
table.table-nested td {
    border-top: none;
}

li {
    list-style-type: none;
}

.btn-navlink {
    font-size: 1.2rem !important;
    font-weight: 100 !important;
    color: #ffffff;
    margin-right: 15px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.5rem 1rem !important;
    background-color: #437597 !important;
}

.links-nav {
    max-height: 60vh;
    overflow-y: scroll;
}

.dropdown-menu {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000 !important;
}

.module-dropdown {
    display: block;
    padding: 8px 15px;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    transition: background-color 0.3s;
    text-decoration: none;
    color: #00000080;
}

.module-dropdown:hover {
    color: black;
    background-color: #f2f2f2;
    text-decoration: none;
}

.module-dropdown:last-child {
    border-bottom: none;
}

module-head {
    color: #ffffffb8;
}

module-head:hover {
    color: #fff;
}

.navbar .selected a {
    color: #007bff !important;
    font-weight: bold;
}

.bg-lightblue {
    background-color: white;
    margin-bottom: 15px;
    border-bottom: #d4e8fd 1px solid;
}

.vita-navbar-currentuser {
    color: white !important;
}

.vita-userroleinfo,
.vita-usernameinfo,
.vita-userlogout {
    /*display: inline-block;*/
}

.record-name {
    font-size: 1.7rem;
}

.card-new {
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

.card-footer {
    font-size: 0.65em;
    color: #446;
}

#loginbutton {
    font-size: 1rem;
}

.modal-backdrop {
    z-index: -1;
}

#login-modal {
    font-size: 0.8rem;
    padding: 5px;
}

#NamePM_Suffix {
    width: 70px;
}

#DecedentName_AkaNames_Aliases_0__Suffix {
    width:100px;
}

@media only screen and (max-width: 620px) {
    #header {
        font-size:small;
        min-height:110px;
    }
    #header .header-title {
        font-size:medium;
    }
    #header .header-left {
        padding: 10px 0 0 5px;
    }
}

/*
    This is here so that users on smaller devices can only see the left navigation of a
    certificate page when it's toggled open. There's not enough real estate on the screen to 
    view both the navigation and the certificate entry simultaneously.
*/

@media only screen and (max-width: 1220px) {
    #leftnav {
        width: 33%;
    }
}

@media only screen and (max-width: 800px) {
    #leftnav {
        width: 35%;
    }
}

@media only screen and (max-width: 744px) {
    #header .header-title {
        display:none;
    }

    .col #loginimage {
        display:none;
    }

    #leftnav {
        width: 95%;
    }
}

@media only screen and (max-width: 620px) {

    .header-container .header .displayname {
        font-size: 12pt;
    }
}

@media only screen and (max-width: 910px) {
    #header .header-title {
        font-size: small;
    }
}

@media only screen and (min-width: 445px) {
    .col #loginimage {
        height: 5rem;
    }
}

.queue-results-container .result-container {
    /*cursor: pointer;*/
}

.queue-results-container .source-Other, .header-container .source-Other {
    border-color: dimgray;
}

.queue-results-container .source-Other .req-queue, .header-container .source-Other .req-queue {
    color: dimgray;
}

.queue-filter-container .Other .selected {
    background-color: dimgray;
    color: white;
}

.queue-results-container .source-VitalChek, .header-container .source-VitalChek {
    border-color: #9A2A46;
}

.queue-results-container .source-VitalChek .req-queue, .header-container .source-VitalChek .req-queue {
    color: #9A2A46;
}

.queue-filter-container .VitalChek .selected {

}

.queue-results-container .source-Kiosk, .header-container .source-Kiosk {
    border-color: #5985D9;
}

.queue-results-container .source-Kiosk .req-queue, .header-container .source-Kiosk .req-queue {
    color: #5985D9;
}

.queue-filter-container .Kiosk .selected {

}

.queue-results-container .source-FuneralHome, .header-container .source-FuneralHome {
    border-color: #A762C0;
}

.queue-results-container .source-FuneralHome .req-queue, .header-container .source-FuneralHome .req-queue {
    color: #A762C0;
}

.queue-filter-container .FuneralHome .selected {

}

.queue-results-container .source-MailIn, .header-container .source-MailIn {
    border-color: #007FC3;
}

.queue-results-container .source-MailIn .req-queue, .header-container .source-MailIn .req-queue {
    color: #007FC3;
}

.queue-filter-container .MailIn .selected {

}

.queue-results-container .source-Counter, .header-container .source-Counter {
    border-color: #6CA5A1;
}

.queue-results-container .source-Counter .req-queue, .header-container .source-Counter .req-queue {
    color: #6CA5A1;
}

.queue-filter-container .Counter .selected {

}

.queue-results-container .source-DayCenter, .header-container .source-DayCenter {
    border-color: #e88613;
}

.queue-results-container .source-DayCenter .req-queue, .header-container .source-DayCenter .req-queue {
    color: #e88613;
}

.queue-filter-container .DayCenter .selected {

}

.queue-results-container .req-flags .flag {
    padding: 0 4px 0 4px;
}

.queue-results-container .req-flags {
    float: right;
}

.queue-results-container .req-flags .HighPriority, .header-container .req-flags .HighPriority {
    color: #B20041;
}

.queue-filter-container .HighPriority .selected {

}

.queue-results-container .req-flags .LowPriority, .header-container .req-flags .LowPriority {
    color: #727687;
}

.queue-filter-container .LowPriority .selected {

}

.queue-results-container .req-flags .HoldForVitalRecords, .header-container .req-flags .HoldForVitalRecords {
    color: #515AB0;
}

.queue-filter-container .HoldForVitalRecords .selected {

}

.queue-results-container .req-flags .HoldForCustomer, .header-container .req-flags .HoldForCustomer {
    color: #006B74;
}

.queue-filter-container .HoldForCustomer .selected {

}

.queue-results-container .req-flags .HoldForResearch, .header-container .req-flags .HoldForResearch {
    color: #334B49;
}

.queue-filter-container .HoldForResearch .selected {

}

.queue-results-container .req-flags .ProcessingException, .header-container .req-flags .ProcessingException {
    color: #D5A419;
}

.queue-filter-container .ProcessingException .selected {

}

.queue-results-container .req-flags .PredictedSerialNumberMismatch, .header-container .req-flags .PredictedSerialNumberMismatch {
    color: #8D3D00;
}

.queue-filter-container .PredictedSerialNumberMismatch .selected {

}

.queue-results-container .req-ticket {
    font-weight: 700;
    padding-left: 5px;
}

.queue-results-container .req-vitalchek {
    float: left;
    padding-left: 5px;
}

.queue-results-container .req-ticket i {
    color: rgb(19,150,218);
}

.header-container .req-queue {
    display: block;
    margin-top: 4pt;
}

.header-container .req-flags {
    display: block;
    margin-top: 4pt;
    float: right;
}

.header-container .req-vitalchek {
    font-weight: 600;
    font-size: 11pt;
}

.request-processing-messages {
    margin-top: 5px;
}

.form .segment {
    border: 2px solid #0a54a2;
    border-radius: 12px;
    padding: 15px;
    background-color: #f7f7f7;
    margin: 0 0 8px 0;
}

#waitDialog .modal-header p {
    font-family:sans-serif;
    font-size:xx-large;
}