html { font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 0.96rem; } body, .modal-body { background-color: #efeeee; } /*Font Awesome Icons - default properties per client*/ .icon-default-color { color: #04a8a3; } .icon-default-size { font-size: 2.2em; } .banner { background-color: #00ccc6; } .banner .banner-img { width: 100%; } .table-hdr-primary { background-color: #00ccc6; } .table-hdr-secondary { background-color: #00ccc6; } .header-primary { background-color: #00ccc6; font-weight: bold; font-size: 1.3rem; } .header-primary-font { font-weight: bold; font-size: 1.3rem; } .header-secondary { background-color: #604478; color: #ffffff; font-weight: bold; font-size: 1.2rem; } /*header like big and small, just a third option*/ .header-tertiary { color: #604478; font-size: 1.2rem; font-weight: bolder; } /*header like big and small, just a forth option*/ .header-h4 { color: #604478; font-size: 1rem; font-weight: bolder; } .header-h5 { color: #604478; font-size: 0.9rem; font-weight: bolder; } .header-label { background-color: #efeeee; color: black; } .tab-close-img { vertical-align: baseline !important; } .tbl-responsive th { /*background-color: #d7eaea;*/ background-color: #dfd5ea; vertical-align: middle !important; } /* Used for Main Site Header */ /* Used for Login Image Select List*/ .site-title { border: 2px solid #604478; padding: 3px 100px 3px 100px; box-shadow: 0 1px 0 #604478, 0 5px 0 #604478, 0 6px 6px #604478; margin: 3px; font-weight: bold; } .btn-narrow, .btn-md-narrow, .btn-sm-narrow { min-width: 100px; } .small-btn { padding: 2px 6px!important; min-width: 100px!important; font-size: 0.8rem; } .text-style-reset { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; } .wm-md-50px, .wm-sm-50px, .wm-50px { max-width: 50px; } .wm-md-75px, .wm-sm-75px, .wm-75px { max-width: 75px; } .wm-md-100px, .wm-sm-100px, .wm-100px { max-width: 100px; } .wm-md-121px, .wm-sm-121px, .wm-121px { max-width: 121px; } .wm-md-150px, .wm-sm-150px, .wm-150px { max-width: 150px; } .wm-md-171px, .wm-sm-171px, .wm-171px { max-width: 171px; } .wm-md-200px, .wm-sm-200px, .wm-200px { max-width: 200px; } .wm-md-250px, .wm-sm-250px, .wm-250px { max-width: 250px; } .wm-md-300px, .wm-sm-300px, .wm-300px { max-width: 300px; } .wm-md-350px, .wm-sm-350px, .wm-350px { max-width: 350px; } .wm-md-400px, .wm-sm-400px, .wm-400px { max-width: 400px; } .wm-md-500px, .wm-sm-500px, .wm-500px { max-width: 500px; } .wm-md-600px, .wm-sm-600px, .wm-600px { max-width: 600px; } .w-md-auto, .w-sm-auto { width: auto; max-width: 100%; } .w-min-none { min-width: 0; } .w-150px { width: 150px; } .w-100px, .w-md-100px, .w-sm-100px { width: 100px; } .w-75px { width: 75px; } .w-50px { width: 50px; } .w-25px { width: 25px; } .modal-window { min-width: 460px; } .label-required { font-weight: bold; } .validation-summary-errors { position: relative; padding: 0.5rem 0.5rem 0.5rem 0.2rem; border: 1px solid transparent; border-radius: 0.25rem; margin-bottom: 0.5rem; font-size: 0.92rem; } .validation-summary-errors { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .validation-summary-errors ul { margin: 0; } .validation-summary-errors li { list-style: square; list-style-position: outside; } .validation-summary-errors hr { border-top-color: #f1b0b7; } .validation-summary-errors .link { color: #491217; } .field-validation-error { color: #ae0101 !important; font-size: 0.86rem; } .field-validation-error[style*="inline"] { display: block !important; margin-bottom: 4px; } .info-panel { } .info-panel.no-bold dt, .info-panel-sm.no-bold dt, .info-panel-75.no-bold dt, .info-panel-75-sm.no-bold dt, .info-panel.no-bold-md dt, .info-panel-sm.no-bold-md dt, .info-panel-75.no-bold-md dt, .info-panel-75-sm.no-bold-md dt, .info-panel.no-bold-sm dt, .info-panel-sm.no-bold-sm dt, .info-panel-75.no-bold-sm dt, .info-panel-75-sm.no-bold-sm dt { font-weight: normal; } .info-panel dt, .info-panel-sm dt, .info-panel-75 dt, .info-panel-75-sm dt, .info-panel-25 dt, .info-panel-25-sm dt { display: inline-block; text-align: right; margin: 0; padding: 4px 8px 4px 0; vertical-align: middle; } .info-panel dt, .info-panel-sm dt { width: 49%; } .info-panel-75-sm dt, .info-panel-75 dt, .info-panel-25-sm dd, .info-panel-25 dd { width: 74%; } .info-panel dd, .info-panel-sm dd, .info-panel-75 dd, .info-panel-75-sm dd, .info-panel-25 dd, .info-panel-25-sm dd { display: inline-block; text-align: left; margin: 0; padding: 4px 0 4px 8px; vertical-align: middle; } .info-panel dd, .info-panel-sm dd { width: 49%; } .info-panel-75-sm dd, .info-panel-75 dd, .info-panel-25-sm dt, .info-panel-25 dt { width: 24%; } .info-panel-mixed { } .info-panel-mixed dt, .info-panel-mixed-sm dt { width: 49%; display: inline-block; text-align: right; margin: 0; padding: 4px 8px 4px 0; vertical-align: middle; } .info-panel-mixed dd, .info-panel-mixed-sm dd { width: 49%; display: inline-block; text-align: left; margin: 0; padding: 4px 0 4px 24px; vertical-align: middle; } .info-label { font-weight: bold; } .col-xs-6 { width: 50%; } .status-message { color: #ae0101; font-size: 0.86rem; } .font-size-large { font-size: large; } .font-size-medium { font-size: medium; } .br-1 { border-radius: 2px; } .br-2 { border-radius: 4px; } .br-3 { border-radius: 8px; } .br-4 { border-radius: 16px; } .text-small { font-size: .86rem; } .text-medium { font-size: .92rem; } .text-small-sm { font-size: inherit; } @media (min-width: 768px) { .font-weight-normal-md { font-weight: normal !important; } } @media (max-width: 767px) { .wm-md-50px, .wm-md-75px, .wm-md-100px, .wm-md-121px, .wm-md-150px, .wm-md-200px, .wm-md-250px, .wm-md-300px, .wm-md-350px, .wm-md-400px, .wm-md-500px, .wm-md-600px, .w-md-auto { max-width: 100%; } .info-panel dt, .info-panel-mixed dt, .info-panel-75 dt, .info-panel-25 dt { display: block; width: 100%; text-align: left; margin: 0; padding: 2px; } .info-panel dd, .info-panel-mixed dd, .info-panel-75 dd, .info-panel-25 dd { width: 100%; display: block; margin: 0; padding: 2px; margin-bottom: 12px; } .info-panel.no-bold-md dt, .info-panel-sm.no-bold-md dt, .info-panel-75.no-bold-md dt, .info-panel-75-sm.no-bold-md dt { font-weight: bold; } .w-md-auto, .w-md-100px { width: 100%; } .modal-window { width: calc(vw - 6px); } .btn-md-narrow { min-width: 0; } } @media (max-width: 575px) { .wm-sm-200px, .wm-sm-250px, .wm-sm-100px, .wm-sm-50px, .wm-sm-75px, .wm-sm-150px, .wm-sm-300px, .wm-sm-350px, .wm-sm-400px, .wm-sm-500px, .wm-sm-600px, .w-sm-auto { max-width: 100%; } .site-title { padding: 3px 60px 3px 60px; } .info-panel-sm dt, .info-panel-mixed-sm dt, .info-panel-75-sm dt, .info-panel-25-sm dt { display: block; width: 100%; text-align: left; margin: 0; padding: 2px; } .info-panel-sm dd, .info-panel-mixed-sm dd, .info-panel-75-sm dd, .info-panel-25-sm dd { width: 100%; display: block; margin: 0; padding: 2px; margin-bottom: 12px; } .info-panel.no-bold-sm dt, .info-panel-sm.no-bold-sm dt, .info-panel-75.no-bold-sm dt, .info-panel-75-sm.no-bold-sm dt { font-weight: bold; } .info-label { font-weight: bold; } .w-sm-auto, .w-sm-100px { width: 100%; } .btn-sm-narrow { min-width: 0; } .text-small-sm { font-size: 0.75rem; } } @media (max-width: 319px) { .wm-xs-200px, .wm-xs-250px, .wm-xs-100px, .wm-xs-75px, .wm-xs-150px, .wm-xs-300px, .wm-xs-350px, .wm-xs-400px, .wm-xs-500px, .wm-xs-600px, .w-xs-auto { max-width: 100%; } .w-xs-auto, .w-xs-100px { width: 100%; } .col-xs-6 { width: 100%; } .text-xs-right { text-align: right !important; } } /*Text area - used on left side of 2 column page. ReadOnly column name labels.*/ .ColorCol { padding: 4px; font-size: 10pt; /*Border set but hidden so when displayed on hover,focus it doesnt move elements on the page creating the twitch affect.*/ border-width: 1px; border-color: transparent; background-color: #cfc9c9; text-align: right; } img { } /* Center a div block*/ .CenteredDiv { position: absolute; left: 50%; margin-left: -465px; } .centered-block { text-align: center; } .centered-block table { margin: 0 auto; } .TwoColumnSplit { position: relative; margin: 0 auto; /*Half of width for 2 column split*/ width: 465px; } .InputLabels { text-align: right; font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .InputFields { text-align: left; font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .NormalValidator { font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #f00; } .StatusMessage /*was the red message after a postback that lead to a failure/error message to appear*/ { font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #d30000; } .text-muted { color: #999 !important; font-weight: normal !important; } .text-na { color: #c8c8c8 !important; font-weight: normal !important; } /*TABLES*/ table th, td { padding: 3px; } table { border-spacing: 0px; /*cellspacing*/ border-collapse: collapse; } .Table100Percent { width: 100%; } .TableBorder { border: 0px; border-style: none; border-color: transparent; } .CenteredTable { text-align: center; /*position: absolute; left:50%;*/ /*margin-left:-465px;*/ } /*Sign In Pages*/ .NoBorderLogo { /*border:hidden;*/ border: none; border-collapse: collapse; text-align: center; Width: 931px; } .NoBorder { /*border:hidden;*/ border: none; border-collapse: collapse; text-align: center; } /*TEXT CLASSES*/ .CenteredText { text-align: center; } .CenteredButtons, .ButtonRow { text-align: center; padding: 10px; } .BigHeading, .BigHeading span { color: #604478; font-size: 12pt !important; font-weight: bolder; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; background: #00ccc6; text-align: center; height: 30px; /*width:100%;*/ padding: 0px; } /*Handles titles with 2 lines vs the normal 1*/ .BigHeadingTaller { height: 40px; } /*.SmallHeading { background: #604478; color: #ffffff; font-size: 12pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-align: center; font-weight: bolder; min-height:25px; padding: 5px 0px 5px 0px; }*/ .SmallHeading, .SmallHeading span, .ReportCriteriaControlTitle /*#pnlQuickView u*/ /*QuickView headers*/ { background: #604478; /*color:#d3cfcf;*/ color: #ffffff; font-size: 12pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-align: center; font-weight: bolder; /*height:30px;*/ min-height: 25px; padding: 0px; } /*Handles titles with 2 lines vs the normal 1*/ .SmallHeadingTaller { height: 40px; } /*header like big and small, just a third option*/ .MinorHeading, .MinorHeading span { background: #ffffff; color: #604478; font-size: 12pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-align: center; font-weight: bolder; height: 20pt; /*width:100%;*/ padding: 0px; } /*header like big, small, and minor- just a forth option for things above images or groupings*/ .TitleHeading, .TitleHeading span { background: #ffffff; color: #604478; font-size: 12pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-align: center; font-weight: bolder; height: 20pt; /*width:100%;*/ padding: 0px; } /*MESSAGE block - Info message block*/ .InfomationBlock, .InfomationBlock span { padding: 20px; background: #dfd5ea; color: #3e2c4d; font-style: oblique; font-size: 10pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } /*MESSAGE block - Warning message block*/ .WarningBlock, .WarningBlock span { padding: 20px; /*background:#eebdbd;*/ /*border:1px,solid,#e26d6d;*/ /*background:#f5e16f;*/ color: #d31010; font-style: oblique; font-size: 10pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } /*MESSAGE block - Action message to choose to do something*/ .ActionBlock, .ActionBlock span { padding: 20px; background-color: #c2b8ca; color: #3e2c4d; font-weight: 500; font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } /* GRID COMPONENTS*/ .GridTitle { padding: 1px 0px 3px 0px; font-size: 12pt; font-weight: bold; color: #604478; } .GridDataHeader { background: #00ccc6; border-color: #00ccc6 !important; border-width: 1px; color: #604478; font-size: 10pt !important; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-align: center; font-weight: bolder; height: 20pt; } .GridDataHeader a { color: #ffffff !important; } .GridHeaderFirst { border-width: 0px; background-color: White; border-color: White; font-size: 9pt !important; font-weight: bold; color: #604478; } .GridHeaderSecond { background-color: White; border-color: White; font-size: 9pt !important; font-weight: bold; color: #604478; vertical-align: middle; } .GridGroup { background-color: #604478; } .GridData { background-color: #FFFFFF; font-size: 9pt !important; color: #604478; width: 40px; vertical-align: middle; } .GridAltData { background-color: #efeeee; /*#e8e5e5; #b7d9ca; #CECED0;*/ font-size: 9pt; color: #604478; width: 40px; vertical-align: middle; } .GridDataFirst { background-color: #FFFFFF; font-size: 9pt !important; color: #604478; vertical-align: middle; } .GridAltDataFirst { background-color: #efeeee; /*#e8e5e5; #b7d9ca; #CECED0;*/ font-size: 9pt; color: #604478; vertical-align: middle; } .Grid { border-width: 2px; border-color: #604478; } .GridSelectedRow { background-color: #97b1c7; } .GridPaging table { border: 0px; border-style: none; border-color: transparent; font-size: 12pt; color: #604478; } .GridButton { width: 100px !important; min-width: 50px !important; padding: 5px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: baseline; font-weight: bold; text-align: center; white-space: nowrap; } .GridButtonColumn { width: 45px; padding-left: 12px; padding-right: 12px; } .GridFooter { background-color: #00ccc6; font-weight: bold; color: White; text-align: center; } .HiddenColumn { display: none; visibility: hidden; overflow: hidden; white-space: nowrap; width: 0px; } .NoWrap { white-space: nowrap; } .GridDataInnerTable { border: 0px; border-style: none; border-color: transparent; background-color: transparent; white-space: nowrap; text-indent: 0px; } .FieldsetGrid { padding-right: 10px; border: 0px; border-style: none; } .FieldsetGrid_border { padding-right: 10px; border: 2px; border-style: solid; border-color: Black; } .ColHead { font-size: 12pt; COLOR: #ffffff; background-color: #604478; height: 20pt; vertical-align: middle; font-weight: bolder; } .ColHead a { color: #ffffff !important; } /*MISC SHARED DIRECT PROPERTIES*/ .BoldLabels { font-weight: bold; } .Width100Percent { width: 100%; } .Width180px { width: 180px; } .NoPadding { padding: 0px !important; } .LineHeight20 { line-height: 20px !important; } .FontSize12 { font-size: 12pt !important; } .FontSize10 { font-size: 10pt !important; } .MinWidth100 { min-width: 100px !important; } .UnderLine { text-decoration: underline; } .Padding4 { padding: 4px !important; } .link-badge-hl { background-color: #04a8a3; } .link-badge-inactive { background-color: #999; } .link-badge { color: white; padding: 2px 4px 2px 4px; display: inline-block; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; margin-top: 4px; font-size: 1.1em !important; margin-left: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .grid-cap-sr-only caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .report-fieldset fieldset { padding: 0; margin: 0; border: none; display: inline-block; } .report-fieldset legend { border: none; padding: 4px; font-size: 10pt; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; border-width: 1px; } .c-pointer { cursor: pointer; } .icon-16 { width: 16px !important; height: 16px !important; line-height: 16px; } [class^='icon-'], [class*=' icon-'] { font-family: inherit; font-style: normal; font-weight: normal; display: inline; } [class^='icon-']::before, [class*=' icon-']:before { display: inline-block; } .icon-minus-sign:before { content: "\00a0\00a0"; } .icon-plus-sign:before { content: "\00a0\00a0"; } .icon-user:before { content: "\00a0\00a0\00a0\00a0"; } .icon-step-backward:before { content: "\00a0\00a0\00a0\00a0"; } .icon-step-forward:before { content: "\00a0\00a0\00a0\00a0"; } .icon-backward:before { content: "\00a0\00a0\00a0\00a0"; } .icon-forward:before { content: "\00a0\00a0\00a0\00a0"; } .icon-exclamation-sign:before { content: "\00a0\00a0\00a0\00a0"; } .icon-building:before { content: "\00a0\00a0\00a0\00a0"; } .icon-minus-sign:before, .icon-plus-sign:before { content: "\00a0\00a0\00a0\00a0"; } .icon-minus-sign { background: no-repeat center url(../../Images/MI/circle-minus-16.png) !important; width: 100%; height: 100%; display: inline-block; } .icon-plus-sign { background: no-repeat center url(../../Images/MI/circle-plus-16.png) !important; width: 100%; height: 100%; display: inline-block; } .icon-chevron-down { background: no-repeat center url('../../Images/MI/chevron-down.png') !important; width: 100%; height: 100%; display: inline-block; } .icon-chevron-up { background: no-repeat center url('../../Images/MI/chevron-up.png') !important; width: 100%; height: 100%; display: inline-block; } .icon-user { background: no-repeat center url(../../Images/MI/icon-user.png) !important; } .icon-step-backward { background: no-repeat center url(../../Images/MI/icon-step-backward.png) !important; } .icon-step-forward { background: no-repeat center url(../../Images/MI/icon-step-forward.png) !important; } .icon-forward { background: no-repeat center url(../../Images/MI/icon-forward.png) !important; } .icon-backward { background: no-repeat center url(../../Images/MI/icon-backward.png) !important; } .icon-exclamation-sign { background: no-repeat center url(../../Images/MI/icon-exclamation-sign.png) !important; } .icon-building { background: no-repeat center url(../../Images/MI/icon-building.png) !important; } .icon-eye { background-image: url('../../Images/MI/icon-eye.png') !important; background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important; display: inline-block; vertical-align: middle; margin-left: 1px; margin-right: 1px; } .icon-eye-slash { background-image: url('../../Images/MI/icon-eye-slash.png') !important; background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important; display: inline-block; vertical-align: middle; margin-left: 1px; margin-right: 1px; } .text-security-disc { -webkit-text-security: disc; } .text-security-disc-font { font-family: dotsfont; font-size: .4rem; padding-top: 1rem; padding-bottom: .85rem; } .text-security-disc-font:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.88rem; font-weight:normal; } .text-security-disc-font::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.88rem; font-weight:normal; } @font-face { font-family: 'dotsfont'; src: url('../Fonts/dotsfont.eot'); src: url('../Fonts/dotsfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/dotsfont.woff') format('woff'), url('../Fonts/dotsfont.ttf') format('truetype'), url('../Fonts/dotsfont.svg#dotsfontregular') format('svg'); } .warning-msg { color: red; font-weight: bold; font-size: 1.2em !important; background-color: #dfd5ea; margin: 4px; border: 1px solid #808080; padding: 8px 4px; box-shadow: 2px 2px 4px gray; border-radius: 2px; } .white-space-normal { white-space: normal!important; } .white-space-nowrap { white-space: nowrap!important; } /*IE11 fix*/ .modal-footer { justify-content: flex-start; }