/*********************************************************************************
 *
 *	File Name: common.css
 *	Description: Combined CSS files for base.css, design-1.0.css and legacy.css
 *
 *********************************************************************************/

/*********************************************************************************
 *
 * Resets, overrides, helper and base design CSS classes and Styling. [ base.css ]
 *
 *********************************************************************************/
/* Variables */
:root {
    /*Base Colors*/
    --primary: #00aeef;
    --primary-rgb: 0, 174, 239;
    --secondary: #f99e1c;
    --tertiary: #FFCF53;
    --primary-dark: #005DA6;
    --success: #4caf50;
    --warning: #ff5722;
    --danger: #dd2c00;
    --white: #ffffff;
    --black: #000000;
    --true-black-rgb: 0,0,0;
    --primary-hover-blue: rgba(var(--primary-rgb), .12);
    /* text colors */
    --body-text-color: rgba(var(--true-black-rgb), .87);
    --body-text-color-medium: rgba(var(--true-black-rgb), .70);
    --body-text-color-light: rgba(var(--true-black-rgb), .58);
}

/**
 * Resets and Overrides
 */
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, div, del, dfn, dl, dt, dd, em, fieldset, form, font, html, h1, h2, h3, h4, h5, h6, iframe, img, input, ins, kbd, li, label, legend, object, ol, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body{
    font-weight: normal;
    line-height: 1;
    font-size: 87.5%;
}


body.override {
    min-width: 768px;
}

a {
    cursor: pointer;
}

.default-cursor, a.default-cursor:active {
    cursor: default;
}

a, a:visited {
    color: #0076a2;
    font-weight: 500;
}

a:hover,
a:focus {
    color: #00aeef;
}

a:focus {
    text-decoration: underline;
}

a:focus [class*="-icons"] {
    text-decoration: none;
}

/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.matrix {
    width: 100%;
}

table.matrix.width60 {
    width: 60%;
}

th {
    text-align: left;
}

th, td {
    vertical-align: top;
}

strong, .strong {
    font-weight: bold;
}

em, .em {
    font-style: italic;
}

.validationHighlight {
    background-color: #FF9D9D;
}

/* 12 Column Grid Layout */

.gc1, .gc2, .gc3, .gc4, .gc5, .gc6, .gc7, .gc8, .gc9, .gc10, .gc11, .gc12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.gc1 {
    width: 6.333%;
}

.gc2 {
    width: 14.666%;
}

.gc3 {
    width: 23%;
}

.gc4 {
    width: 31.333%;
}

.gc5 {
    width: 39.666%;
}

.gc6 {
    width: 48%;
}

.gc7 {
    width: 56.333%;
}

.gc8 {
    width: 64.666%;
}

.gc9 {
    width: 73%;
}

.gc10 {
    width: 81.333%;
}

.gc11 {
    width: 89.666%;
}

.gc12 {
    width: 98.0%;
}

.gc12 .gc6 {
    width: 47.8%;
}

.width200px {
    width: 200px;
}

.width150px {
    width: 150px;
}

.width160px {
    width: 160px;
}

/**
 * Clear Floating Elements
 */

/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.page-contents:after,
.gr:after, .clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: visible;
    width: 0;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/**
 * Helper Classes
 */

.flush-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Formating */
.strong, ul.strong li, ul.strong li a, table.strong tr td, table.strong tr td ul li, table.strong tr td ul li a, tr.strong td, tr.strong td span, td.strong {
    font-weight: bold !important;
}

.em, ul.em li, ul.em li a, table.em tr td, table.em tr td ul li, table.em tr td ul li a, tr.em td {
    font-style: italic !important;
}

/* Horizontal Alignment */
.al, ul.al li, ol.al li, th.al, tr.al th, tr.al td, tr.ac th.al, tr.ar th.al, tr.ac td.al, tr.ar td.al, table.al th, table.ac th.al, table.ar th.al, table.ac td.al, table.ar td.al, table.ac tr.al th, table.ar tr.al th, table.ac tr.al td, table.ar tr.al td, table.al tr.ac th.al, table.al tr.ar th.al, table.al tr.ac td.al, table.al tr.ar td.al, table.ac tr.ar th.al, table.ac tr.ar td.al, table.ar tr.ac th.al, table.ar tr.ac td.al {
    text-align: left !important;
}

.ac, ul.ac li, ol.ac li, td.ac, tr.ac th, tr.ac td, tr.al th.ac, tr.ar th.ac, tr.al td.ac, tr.ar td.ac, table.ac td, table.ac th, table.al th.ac, table.ar th.ac, table.al td.ac, table.ar td.ac, table.al tr.ac th, table.ar tr.ac th, table.al tr.ac td, table.ar tr.ac td, table.al tr.ar td.ac, table.ac tr.al th.ac, table.al tr.ar th.ac, table.ac tr.ar th.ac, table.ac tr.al td.ac, table.ac tr.ar td.ac, table.ar tr.al th.ac, table.ar tr.al td.ac {
    text-align: center !important;
}

.ar, ul.ar li, ol.ar li, th.ar, td.ar, tr.ar th, tr.ar td, tr.al th.ar, tr.ac th.ar, tr.al td.ar, tr.ac td.ar, table.ar th, table.ar td, table.al th.ar, table.ac th.ar, table.al td.ar, table.ac td.ar, table.al tr.ar th, table.ac tr.ar th, table.al tr.ar td, table.ac tr.ar td, table.al tr.ac th.ar, table.al tr.ac td.ar, table.ac tr.al th.ar, table.ac tr.al td.ar, table.ar tr.al th.ar, table.ar tr.ac th.ar, table.ar tr.al td.ar, table.ar tr.ac td.ar {
    text-align: right !important;
}

/* Vertical Alignement */
.at, table.at tr td, tr.at td, ul.at li, ol.at li {
    vertical-align: top !important;
}

.am, table.am tr td, tr.am td, ul.am li, ol.am li {
    vertical-align: middle !important;
}

.ab, table.ab tr td, tr.ab td, ul.ab li, ol.ab li {
    vertical-align: bottom !important;
}

.tall-action-button {
    line-height: 1.4em;
}

/*********************************************************************************
 *
 * Base Design CSS Classes and Styling. [ design-1.0.css ]
 *
 *********************************************************************************/

/*********************************************************************************
 * Temporary Development Styles - REMOVE ONCE DEVELOPMENT IS COMPLETED
 */
.dev-border {
    border: solid 1px red !important;
}

.dev-background {
    background: red !important;
}

.dev-hide {
    display: none !important;
}

.dev-show {
    display: block !important;
}

/*
 * END Temporary Development Styles - REMOVE ONCE DEVELOPMENT IS COMPLETED
 *********************************************************************************/

/**
 * Type and Links
 */

/* Headers */
h1 {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: .5em;
}

h1 span {
    font-weight: normal;
    margin-right: 10px;
}

h2 {
    font-weight: bold;
    margin-bottom: .5em;
    padding-top: .3em;
}

/*Subject Bar Header */
.subjBar {
    font-size: 1.15em;
    margin-bottom: .5em;
    float: left;
    max-width: 850px;
    margin-top: 6px;
    vertical-align: baseline;
}

.subjBar a:hover {
    border-bottom-style: solid
}

.subjBarValue {
    font-weight: bold;
    margin-right: 10px;
}

a.button.subjBarSubjectInfo {
    margin-top: 4px;
}

.expandableBar {
    display: inline-block;
    width: 100%;
}

.pod.dialog .expandableBar {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.pod.dialog .expandableBar > div {
    margin-left: 1em;
    margin-right: 1em;
}

/* General */
p {
    line-height: 1.3em;
    margin-bottom: 1em;
}

hr {
    border: none;
    border-bottom: solid 1px #c0c0c0;
    margin: 10px 0;
}

a {
    text-decoration: none;
}

input, textarea, select {
    padding: 2px;
    border: solid 1px silver;
}

input[type='radio'], input[type='checkbox'] {
    border-width: 0 !important;
    vertical-align: middle;
    margin-right: 3px;
}

input[type='image'] {
    border: 0;
}

/* Dropdown and Flyout Menu Mechanics */
nav ul {
    list-style: none;
    margin: 0;
}

nav ul, nav ul li {
    line-height: 1em;
}

nav ul ul, nav ul div {
    min-width: 100%;
}

nav > ul > li {
    position: relative;
    float: left;
}

nav li > ul, nav li > div {
    position: absolute;
    display: none;
}

nav a {
    text-decoration: none;
    border-width: 0 !important;
}

/* Lists */
ul, ol {
    margin: 0 0 2em 20px;
}

ul ul, ol ol {
    margin-top: .5em;
    margin-bottom: .5em;
}

li {
    line-height: 1.2em;
}

.body li {
    margin-bottom: .5em;
}

.body li.rtLI {
    margin-bottom: 0;
}

.no-bullets {
    list-style: none;
    margin-left: 0;
}

/* Tables */
th, th span {
    font-weight: bold;
}

table tr.bottom-border-separator {
    height: 15px;
    border-bottom: 1px solid #ccc;
}

table tr.bottom-border-separator + tr {
    height: 15px;
}

/* Z-Indexes */
.page-tabs {
    z-index: 299;
}

.tool-bar li:hover ul, .tool-bar li:hover div {
    z-index: 400;
}

.tool-bar .flyout nav {
    z-index: 500;
}

.background-mask {
    z-index: 899;
}

.dialogs {
    z-index: 900;
}

/* Absolute and Relative Positioning */
body, .page-header, .page-tabs, .page-body, .page-contents, header {
    position: relative;
}

/* Rounded Corners */
a.button, .tool-bar .flyout nav, .icon, .actionButtonRadGrid a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.matrix th:first-child {
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.matrix th:last-child {
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.matrix a.disableLink, a.disableLink, .layout a.disableLink, .m-action-button a.disableLink, #SubPageContent A.disableLink {
    text-decoration: none;
    color: #969696;
    border-bottom-width: 0;
    pointer-events: none; /*disabled links are still clickable in all browsers except IE. This fix will prevent click events.*/
    cursor: default;
}

.matrix.errorrow > :last-child {
    border-bottom: 1px solid #FF0000;
    border-top: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
}

.matrix.errorrow > :first-child {
    border-bottom: 1px solid #FF0000;
    border-top: 1px solid #ff0000;
    border-left: 1px solid #FF0000;
}

.matrix.errorrow > td {
    border-bottom: 1px solid #FF0000;
    border-top: 1px solid #ff0000;
}

/*.auto-height .pod {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0; border-width:0}*/

/* Drop Shaddows */
.tool-bar > ul ul, .tool-bar .pop-up nav {
    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) B;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.pod, .bar {
    border: 1px solid rgba(0, 0, 0, .12);
}

.dialog {
    -moz-box-shadow: 0 5px 5px #666;
    -webkit-box-shadow: 0 5px 5px #666;
    box-shadow: 0 5px 5px #666;
}

/* Anchors */

.matrix a span, .bar h1 a span {
    margin: 0;
}

a.img-link, .matrix a.img-link, .bar h1 a.img-link {
    border-bottom-width: 0;
}

/**
 * Base Page Structure
 */
.page-header {
    padding: 0 15px;
    margin-bottom: 15px;
    height: 64px;
}

.tool-bar.top-center {
    top: 15px;
    right: 15px;
    float: right;
    display: inline-block;
    margin-top: -12px;
}

.tool-bar.top-center-target {
    top: 15px;
    right: 15px;
    float: right;
}

.page-body {
    margin: 0 10px;
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    display: block;
    position: relative;
}

.page-contents {
    padding: 10px 0 5px 0;
    margin-bottom: 15px;
}

/**
 * Buttons
 */
a.button, .actionButtonRadGrid a {
    display: inline-block;
    position: relative;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

a.button .icon.pre {
    top: 5px;
    left: 7px;
}

a.button .icon.post {
    top: 5px;
    right: 7px;
}

.button-container, .msg-container {
    margin: 10px 0;
}

/**
 * Icons
 */
.icon {
    position: relative;
    display: inline-block;
    width: 16px;
    margin-top: -1px;
    margin-right: -1px;
    height: 16px;
    background: url(../img/sprite-16-by-16-button-tab-icons.svg) no-repeat;
}

.toolbar-icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/sprite-16-by-16-button-tab-icons.svg) no-repeat;
}

.icon .text {
    color: #000;
    position: absolute;
    right: 1px;
    bottom: 0;
    font-size: .72em;
    line-height: .6em;
}

a.icon {
    border: solid 1px #c0c0c0;
}

a.icon-pos-pre {
    padding-left: 30px !important;
}

a.icon-pos-post {
    padding-right: 30px;
}

a.icon-pos-pre .icon, a.icon-pos-post .icon {
    position: absolute;
}

.icon.pre {
    top: 10px;
    left: 10px;
}

.icon.post {
    top: 10px;
    right: 10px;
}

table.matrix a.icon {
    border: none;
}

.icon.help-context {
    background-position: -80px -112px;
}

.icon.info-context {
    background-position: -64px -16px;
}

.icon.query-new {
    background-position: -16px -48px;
}

.icon.query-pending {
    background-position: 0 -63px;
}

.icon.upper-limit-reference-range {
    background-position: -112px -96px;
    margin-top: 1px;
}

.icon.lower-limit-reference-range {
    background-position: -96px -96px;
    margin-top: 1px;
}

.icon.should-be-true-reference-range {
    background-position: -80px -96px;
    margin-top: 1px;
}


.icon.query-closed {
    background-position: 0 -78px;
}

.icon.query-responded {
    background-position: 0 -46px;
}

.icon.query-requery {
    background-position: 0 -63px;
}

.icon-requery-prefix {
    font-size: 11px !important;
    text-decoration: none !important;
    color: black !important;
}

.icon-top-left {
    top: 2px;
    left: -3px;
}

.icon-offset {
    margin-left: 8px;
    margin-bottom: -4px;
}

.icon.head {
    background-position: 0 -32px;
}

.icon.left-arrow {
    background-position: -16px -32px;
}

.icon.right-arrow {
    background-position: -32px -32px;
}

.icon.forms {
    background-position: -96px -32px;
}

.icon.help {
    background-position: -80px -112px;
    vertical-align: middle;
}

.icon.down-arrow {
    background-position: -80px 0;
}

.icon.down-arrow-white {
    background-position: -80px -32px;
}

.icon.printer {
    background-position: -48px -32px;
}

.icon.magnifier {
    background-position: -64px -32px;
    height: 14px;
}

.icon.tool-arrow {
    background-position: -16px -64px;
}

.icon.status {
    background-position: -96px -80px;
}

.icon.notLocked {
    background-position: -48px -112px;
}

.icon.locked {
    background-position: 0 -112px;
}

.icon.comments {
    background-position: -96px -64px;
}

.icon.audit-trail {
    background-position: -64px -47px;
}

.icon.field-level-audit-trail {
    background-position: -80px -160px;
}

.icon.note {
    background-position: -80px -48px;
}

.icon.monitor-locked {
    background-position: -32px -48px;
}

.icon.monitor-unlocked {
    background-position: -32px -80px;
}

.icon.monitor-disabled {
    background-position: -32px -64px;
}

.icon.monitor-step-approved {
    background-position: -96px -48px;
}

.icon.monitor-step-partial-approval {
    background-position: -128px -64px;
}

.icon.monitor-step-not-approved {
    background-position: -128px -48px;
}

span.icon.partial-monitor.rbm-req {
    background-position: -16px -144px
}

.icon.monitor-step-approved.rbm-req {
    background-position: -32px -144px;
}

.icon.monitor-step-not-approved.rbm-req {
    background-position: 0px -144px;
}

.icon.paging-button.paging-first {
    background-position: 0 -160px;
}

.icon.paging-button.paging-previous {
    background-position: -16px -160px;
}

.icon.paging-button.paging-next {
    background-position: -32px -160px;
}

.icon.paging-button.paging-last {
    background-position: -48px -160px;
}

.icon.help.tooltip {
    background-position: -80px -112px;
}

.icon.info.tooltip {
    background-position: -64px -16px;
    position: absolute;
    margin-top: 1px;
}

.icon.data-modified-reason-pending {
    background-position: -96px -16px;
}

.icon.data-modified-reason-entered {
    background-position: -112px -16px;
}

.icon.dm-locked {
    background-position: -48px -48px;
}

.icon.dm-unlocked {
    background-position: -48px -80px;
}

.icon.dm-disabled {
    background-position: -48px -64px;
}

.icon.expand {
    background-position: -112px -32px;
}

.icon.collapse {
    background-position: -112px -64px;
}

.icon.status-box-full {
    background-position: -64px -64px;
}

.icon.edit {
    background-position: -128px -48px;
}

.icon.close, .icon.close-dialog {
    background-position: -128px -32px;
}

.icon.lock {
    background-position: 0 -112px;
}

.icon.lock-partial {
    background-position: -16px -112px;
}

.icon.requires-update {
    background-position: -32px -112px;
}

.icon.partial-monitor {
    background-position: -128px -64px;
}

.icon.monitor {
    background-position: -96px -48px;
}

.icon.search-settings {
    background-position: -97px -113px;
    height: 14px;
}

.icon.paging-first {
    background-position: 0 -128px
}

.icon.paging-previous {
    background-position: -16px -128px
}

.icon.paging-next {
    background-position: -32px -128px
}

.icon.paging-last {
    background-position: -48px -128px
}

.icon.filtered {
    background-position: -64px -128px
}

/* Matrix View Icons */
.icon.mv-complete-final {
    background-position: 0 -16px;
}

.icon.mv-not-expected {
    background-position: -16px -17px;
}

.icon.mv-partial {
    background-position: -32px -17px;
}

.icon.mv-not-entered {
    background-position: -48px -16px;
}

.icon.mv-monitor {
    background-position: -32px -64px;
}

.icon.mv-partial-monitor {
    background-position: -32px -64px;
}

/* Page Tabs */
.page-tabs .tool-bar.top-right {
    top: 2px;
    right: 1%;
}

.icon.tab-home {
    background-position: 0 0;
}

.icon.tab-edit-data {
    background-position: -16px 0;
}

.icon.tab-manage-study {
    background-position: -32px 0;
}

.icon.tab-analyze-data {
    background-position: -48px 0;
}

.icon.tab-configure-study {
    background-position: -64px 0;
}

.icon.tab-coding {
    background-position: -80px 0;
}

.icon.popout {
    background-position: -64px -96px;
}

.icon.tab-dashboard {
    background-position: -96px 0;
}

.toolbar-icon.toolbar-link {
    background-position: -24px -192px;
    position: relative;
}

.toolbar-icon.toolbar-linked {
    background-position: 0 -192px
}

.toolbar-icon.toolbar-linked-blue {
    background-position: 0 -192px;
    position: relative;
}

.icon.link {
    background-position: -16px -176px;
    padding-right: 0;
    margin-left: 5px;
}

.icon.link-target {
    background-position: -84px -176px;
    padding-right: 0;
    width: 36px;
    margin-left: 5px;
}

.icon.linked {
    background-position: -48px -176px;
    padding-right: 0;
    width: 36px;
    margin-left: 5px;
}

.toolbar-icon.toolbar-link-target {
    background-position: -82px -176px;
    padding-right: 0;
    width: 36px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: -5px;
}

.toolbar-icon.toolbar-linked-target {
    background-position: -48px -176px;
    padding-right: 0;
    width: 34px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: -5px;
}

.icon.linked-blue {
    background-position: 0 -176px;
    padding-right: 0;
    margin-left: 3px;
}

.icon.edit {
    background-position: -17px 0px;
    padding-right: 0;
    cursor: pointer;
}

.icon.delete {
    background-position: -80px -16px;
    padding-right: 0;
    cursor: pointer;
}

.icon.link-btn {
    background-position: 0 -176px;
    padding-right: 0;
}

.tab-set li.active a {
    font-weight: bold;
}

.icon.gridIcon {
    background-position: -80px -32px;
    padding-right: 0;
    margin-right: 3px;
}

/**
 * Tabs
 */
.tab-set ul, .tab-set li {
    position: relative;
}

.tab-set > ul {
    height: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tab-set.mini {
    padding: 5px 10px 0 10px;
}

.tab-set.mini > ul {
    height: 39px;
    border-bottom: none;
}

.tab-set.pull-down > ul {
    height: 20px;
    border: none;
}

.tab-set li {
    white-space: nowrap;
}

.tab-set a {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1em;
}

.tab-set .icon.pre {
    top: 12px;
    left: 7px;
}

.tab-set .icon.post {
    top: 11px;
    right: 7px;
}

.tab-set.pull-down a {
    text-transform: none;
    font-size: .86em;
    margin-right: 8px;
    padding: 2px 10px 3px 10px;
}

.tab-set > ul > li {
    float: left;
    margin-bottom: 0;
    min-width: 20px;
}

.tab-set > ul > li > a {
    padding: 12px 15px;
}

.tab-set > ul > li:hover > ul {
    display: block;
}

table.mc-stripped tr:nth-child(odd) {
    background-color: #f2f2f2
}

@media (max-width: 1203px) {
    .tab-set > ul > li {
        font-size: .8em;
    }

    .tab-set > ul > li > a{
        padding: 15px 13px 15px 10px;
    }

    .tab-set > ul {
        height: auto;
        min-height: 43px;
    }

    .page-tabs .tool-bar.top-right {
        top: 4px;
    }
}

@media (max-width: 992px) {

    .tab-set .icon.pre {
        display: none;
    }

    .tab-set a {
        padding-left: 5px !important;
    }

    .matrix td {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .override .page-body {
        min-width: 748px;
        box-sizing: border-box;
    }

    .override .page-header {
        box-sizing: border-box;
    }

    #lnkQuickLinks {
        font-size: 12px;
    }

    .page-tabs .tool-bar.top-right {
        top: 5px;
    }
}

@media (max-width: 768px) {
    .page-tabs .tool-bar.top-right {
        top: -44px;
    }

    .page-tabs .tool-bar.top-right ul {
        float: right;
        padding-top: 5px;
    }

    nav.tab-set > ul > li {
        float: left;
    }

    .page-body {
        right: 0;
    }
}


.tool-bar > ul > li:hover > a, .tool-bar > ul > li:focus > a, .tool-bar > ul ul > li:hover > a, .tool-bar > ul ul > li:focus > a {
    border-width: 1px;
}

.tab-set ul ul {
    position: absolute;
    display: none;
    min-width: 100%;
}

.tab-set ul.right {
    right: 0;
    left: auto;
}

.tab-set.mini {
    border-bottom-width: 1px;
}

.tab-set.mini a {
    padding: 5px 7px 3px 7px;
}

.tab-set.mini > ul > li {
    padding-bottom: 0;
}

/* Tab Panels */
.tab-panels {
    margin-top: 15px;
}

.tab-panels .panel {
    display: none;
}

.tab-panels .panel.active {
    display: block;
}

/**
 * Pagination
 */
.pagination .gc6 {
    margin-top: 1em;
    margin-bottom: 0
}

ul.paging-controls {
    list-style: none;
    margin: 0
}

ul.paging-controls li {
    float: left;
    margin-right: 4px
}

ul.paging-controls input {
    float: left;
    width: 25px;
    height: 16px;
    margin-top: 0;
    padding: 0 1px;
    text-align: center;
    line-height: 1em
}

ul.paging-controls label {
    float: left;
    padding-top: 2px
}

/**
 * Pods
 */
.pod > header {
    min-height: 44px;
    padding: 4px 20px;
}

.pod header h1 {
    margin-top: 6px;
}

.pod .body {
    position: relative;
    overflow: auto;
    padding: 0px;
    margin: 10px;
}

.pod .subjectInfoLogbody {
    position: relative;
    overflow: auto;
    padding: 0 10px;
    margin: 10px 5px 15px 0;
    max-height: 350px;
}

.pod .flatVariableLogbody {
    position: relative;
    padding: 0 10px;
    margin: 10px 5px 15px 0;
}

.pod .tool-bar.top-right {
    top: 8px;
    right: 5px;
}

.pod .auxiliary {
    position: relative;
    padding: 10px 10px;
}

.pod footer {
    padding: 10px;
}

/* Dialogs */
.pod.dialog {
    width: 90%;
    display: none;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    border: solid 2px transparent;
}

.pod.dialog.ui-dialog {
    position: absolute;
}

.pod-error {
    padding: 10px;
    font-size: 12px;
    color: rgb(221,44,0);
}

/**
 * Tool Bars
 */
.tool-bar .button, .tool-bar div.spacer, .tool-bar > ul, .tool-bar label, .tool-bar div {
    float: left;
    margin-left: 3px;
}

.tool-bar.mini {
    display: inline-block;
    position: relative;
}

.tool-bar.mini a {
    margin: 1px;
    float: left;
}

.tool-bar li a {
    padding: 5px 7px;
    display: inline-block;
    white-space: nowrap;
    border: solid 1px transparent;
    border-radius: 3px;
    color: rgba(0,0,0,.87) ;
}

.tool-bar .icon.pre {
    top: 5px;
    left: 7px;
}

.help-menu span.icon.pre.help {
    right: 5px;
    left: auto;
}

.tool-bar ul li .divider {
    position: relative;
    right: 3px;
}

.tool-bar .icon.post {
    top: 5px;
    right: 7px;
}

.tool-bar > ul ul {
    margin-top: -2px;
    border: solid 1px transparent;
    z-index: 999;
    background: #fff;
}

.tool-bar > ul ul li a {
    padding: 0 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 15px;
    color: rgba(0,0,0, .87);
    font-weight: normal;
}

.tool-bar > ul ul li span {
    padding: 0 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    white-space: nowrap;
}

.tool-bar > ul ul li span label {
    color: rgba(0,0,0, .87);
    font-weight: normal;
}

.tool-bar > ul ul li span input[type='checkbox'],  
.tool-bar > ul ul li span label {
    float: none;
}

.tool-bar > ul ul li a:focus,
.tool-bar > ul ul li a:hover,
.tool-bar > ul ul li span:focus,
.tool-bar > ul ul li span:hover {
    background: rgba(0, 0, 0, 0.04);
}

.tool-bar a:focus {
    text-decoration: none;
}

.tool-bar > ul ul li.spacer {
    border-bottom: solid 1px transparent;
    margin: 4px 0;
}

.tool-bar > ul ul a {
    border-radius: 0;
}

.tool-bar > ul > li > a {
    padding-right: 24px;
    background: url(../img/icon-drop-down-arrow-dark-gray.png) no-repeat right 4px;
}

.tool-bar > ul > li > a#Filter {
    padding: 5px 7px 0px 7px;
    background-image: none;
}

.tool-bar-menu-preview-mode {
    right: 0px;
}

.tool-bar-filter > li i {
   margin-top: -3px;
}

.tool-bar-filter > li span {
    vertical-align: top;
 }

.tool-bar-filter-active, .tool-bar-filter-active > i {
    color: #00aeef !important;
}

.tool-bar > ul > li > a.padding-right {
    padding-right: 0;
}

.tool-bar > ul > li > a.button {
    padding-right: 7px;
}

.tool-bar > ul > li.noarrow > a {
    background-image: none;
}

.page-tabs .tool-bar > ul > li > a {
    background-image: url(../img/icon-drop-down-arrow-dark-gray.png);
}

.page-tabs .tool-bar > ul > li.noarrow > a {
    background-image: none;
}

.tool-bar div.spacer {
    height: 25px;
    width: 1px;
    border-right: dotted 1px transparent;
    margin: 2px 5px 2px 0;
    padding-left: 5px;
}

.tool-bar label {
    display: inline-block;
    padding: 6px 0;
    margin: 0 2px;
    font-weight: bold;
}

.tool-bar.top-right {
    position: absolute;
}

.tool-bar .right {
    right: 2px;
    left: auto;
}

.tool-bar .heading, .tool-bar .active {
    font-weight: bold;
    padding: 5px 7px;
    margin: 2px;
    white-space: nowrap;
}

.tool-bar .active {
    padding-left: 18px;
}

.tool-bar .over-due a {
    background-image: url(../img/sprite-icon-form-menustatus.png);
    background-repeat: no-repeat;
    background-position: left;
}

.tool-bar .form-list a {
    padding-left: 18px;
}

.tool-bar .form-list {
    max-height: 280px;
    overflow: auto;
    width: 180px;
}

.tool-bar li a.disabledLink, .tool-bar li a.disabledLink:hover {
    color: #969696;
    cursor: pointer;
    text-decoration: none;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #ffffff;
}

.tool-bar .tool-bar-controls {
    margin-top: 5px;
    margin-right: 2em;
}

.tool-bar .tool-bar-controls span.icon {
    vertical-align: bottom;
}

/**
 * Tool Bar Flyout
 */
.tool-bar .flyout {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    background: url("../img/sprite-16-by-16-button-tab-icons.svg") no-repeat -16px -64px;
}

.tool-bar .flyout nav {
    display: none;
    position: absolute;
    left: 7px;
    top: -12px;
    width: 66px;
    padding: 6px;
}

.tool-bar .flyout nav a {
    float: left;
    margin: 2px;
}

.tool-bar .flyout:hover {
    background-position: -16px -80px;
}

.tool-bar .flyout.show nav {
    display: block;
}

/**
 * Matrix Tables
 */
.matrix {
    border-collapse: separate;
    clear: both; /* fire fox not handling alignment. */
}

.matrix th, .matrix td {
    line-height: 1.2em;
    border-bottom: solid 1px #E5E5E5;
    padding: 4px 6px;
}

.matrix td table td {
    border-bottom: none;
}

.matrix tr.group td {
    font-weight: bold;
}

.matrix.row-highlight.trlink tr:hover td {
    cursor: pointer;
}

.matrix td.underlined {
    border-bottom: solid 1px #E5E5E5;
}

.matrix td.nopadding {
    padding: 0;
}

/**
 * Padded Tables
 */

.padded th, .padded td {
    padding: 4px 6px;
    vertical-align: middle;
}

/**
 * Header Bar
 */
.bar {
    position: relative;
    min-height: 44px;
    padding: 5px 20px;
    box-sizing: border-box;
}

.bar h1 {
    margin: 14px 0
}

.bar .tool-bar.top-right {
    top: 5px;
    right: 5px;
}

.pod .bar {
    margin: 10px;
}

/**
 * Background Mask
 */
.background-mask, 
.background-mask-all {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.288;
}

.background-mask-all {
    z-index: 1001;
}

/**
 * Paging
 */
.paging-first.icon {
    background-position: 0 -128px;
}

.paging-previous.icon {
    background-position: -16px -128px;
}

.paging-next.icon {
    background-position: -32px -128px;
}

.paging-last.icon {
    background-position: -48px -128px;
}

ul.paging {
    margin: 0;
    list-style: none outside none;
}

ul.paging li {
    margin-right: 4px;
    float: left;
}

ul.paging input {
    width: 25px;
    height: 16px;
    text-align: center;
    line-height: 1em;
    padding: 0 1px;
    margin-top: 0;
    float: left;
}

ul.paging label {
    line-height: 1em;
    padding-top: 2px;
    float: left;
}

ul.paging a.icon {
    background-color: #fff;
}

/**
 * Dialogs
 */
.dialogs {
    position: absolute;
    width: 100%;
    top: 0;
}

.pod.dialog {
    margin: 50px auto 0 auto;
}

.ContactUsDialog.pod.dialog {
    width: 500px;
    height: 135px;
    top: 100px;
}

.pod.dialog .contents {
    overflow-y: auto;
    width: 480px;
    padding: 0 5px 0 5px;
    margin: 5px auto 5px auto;
    height: 100px;
}

.DeleteFormDataPopup.pod.dialog {
    margin: 200px auto 0 auto;
    border-color: #cecece;
    max-width: 620px;
    height: 200px;
}

.DeleteRowPopup.pod.dialog {
    margin: 200px auto 0 auto;
    border-color: #cecece;
    max-width: 325px;
    height: 175px;
}

.DeleteRowPopup-button-div {
    padding-top: 10px;
}

.DeleteRowPopup-message-div {
    padding-left: 3px;
}

.subjectMasterDlg.pod.dialog {
    margin: 50px auto 0 auto;
    min-width: 420px;
    max-width: 600px;
    min-height: 221px;
    overflow: auto;
}

.subjectLogMasterDlg.pod.dialog {
    margin: 50px auto 0 auto;
    min-width: 620px;
    max-width: 700px;
    min-height: 221px;
    overflow: auto;
}

.FieldInfoPopUp.pod.dialog {
    margin: 50px auto 0 auto;
    border-color: #cecece;
}

/* TEMPORARY ELEMENT STYLING */
.test-docked-dialog {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../img/bg-ff9900-50pct-opac.png);
    border-top: solid 4px black;
    border-bottom: solid 2px black;
}

/**
 * Selector
 */
.selector {
    display: inline-block;
    float: left;
    position: relative;
}

.selector ul {
    background: white;
    position: absolute;
    border-right: solid 3px #FF8000;
    top: -30px;
    right: 24px;
}

.selector li:hover a {
    background: silver;
}

.selector a {
    display: block;
    white-space: nowrap;
}

/**
 * TreeView
 */
.lock-unlock {
    overflow: auto;
    margin: 10px 0;
    padding: 10px;
    border: double 1px Black;
}

.fixTelerikTreeFont .rtIn {
    font-size: 1.167em;
}

/** MISC **/
.dialog input, .dialog select, .dialog textarea {
    line-height: 1.1em;
}

.dialog fieldset {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    margin-bottom: 1em;
    padding: 1em;
    position: relative;
}

.dialog legend {
    background: #FFFFFF;
    padding: .5em;
    font-weight: bold;
}

.dialog fieldset div {
    margin-bottom: .5em;
}

.dialog fieldset div label {
    color: #606060;
    line-height: 1.4em;
}

.dialog fieldset div label, .dialog fieldset div input, .dialog fieldset div textarea, .dialog fieldset div select {
    width: 98%;
    margin-bottom: .5em;
}

.dialog .dock fieldset div label, .dialog .dock fieldset div input, .dialog .dock fieldset div textarea, .dialog .dock fieldset div select {
    *width: auto;
}

.dialog fieldset div input:focus, .dialog fieldset div textarea:focus {
    background-color: #FFFED9;
}

.nopadding {
    padding: 0;
}

.nomargin, .nomargin span {
    margin: 0;
}

#error-msg .msg-body {
    min-height: 30px;
    background-image: url(../img/icon-25x25-alert.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 30px;
}

.unlock-instructions {
    width: 442px;
}

.status-change {
    background-color: #FF9090;
}

/*********************************************************************************
 *
 * Original Medrio Legacy Form CSS Classes and Styling. [ master.css ]
 *
 *********************************************************************************/

.matrix table.form-table td {
    border: none;
    text-align: left !important
}

li.rmItem {
    margin-bottom: 0
}

/* Styling for tables used to layout forms */
table.layout td {
    padding-bottom: 10px;
}


.layout a:hover, .m-action-button a:hover {
    border-bottom-style: solid;
}

.m-action-button {
    vertical-align: middle;
    padding-left: 5px;
    white-space: nowrap;
}

.layout.pad-right td {
    padding-right: 10px;
}

.cb-spacing td {
    padding-right: 10px;
}

.cb-spacing input {
    margin-right: 5px;
}

h3.mlcss {
    margin: 4px 0 20px 0;
    font-size: .93em;
    color: #4F7EA6
}

table.mlcss td {
    padding: 4px 0;
    margin-bottom: 2px
}

.mlcssGroups table th, .mlcssGroups table td {
    padding-bottom: 4px
}

.mlcssCC table {
    border-collapse: separate;
    border-spacing: 10px
}

.rmLink {
    border-bottom: none !important
}

.rmItem {
    margin-bottom: 0 !important
}

.cb-spacing td {
    padding-right: 10px
}

.cb-spacing input {
    margin-right: 5px
}

.Error,
.error {
    color: #D30202;
    font-weight: bold;
}

.ErrorStudyDoc {
    color: #D30202;
    font-weight: bold;
    margin: 15px 0;
}

.error-small {
    color: #D30202;
    font-weight: bold;
}

.Warning {
    color: #000000;
    font-weight: 500;
}

/* Cell used to render objects in online data entry*/
.OnlineEntryFormCell {
    vertical-align: top;
}

.CategoricalTableCatHdrCell {
    vertical-align: top;
    text-align: center;
}

.CategoricalTableVarNameCell {
    vertical-align: top;
    text-align: right;
}

.CategoricalTableCtrlCell {
    text-align: center;
}

.CategoricalTableCtrlCell span {
    width: 100%;
    text-align: center;
}

.floatclearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.floatclearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .floatclearfix {
    height: 1%;
}

.floatclearfix {
    display: block;
}

/* End hide from IE-mac */

.RadioButtonCell {
    text-align: center;
}

.BreadCrumbContainer {
    padding-bottom: 8px;
}

.BreadCrumbs {
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
}

.studyDocLink {
    padding-bottom: 10px;
}


#SubPageContent a img, #SubPageContent a.icon {
    border: 0;
}

.H1Header {
    font-weight: normal;
    font-size: 1.29em;
    color: #4F7EA6;
}

.H2Header {
    font-weight: normal;
    font-size: 1.07em;
    color: #4F7EA6;
}

.H3Header {
    font-weight: normal;
    font-size: 1em;
    margin-top: 4px;
    color: #4F7EA6;
}

.H4Header {
    margin-top: .2em;
    font-size: .93em;
    margin-bottom: .4em;
}

.SubPnlSecHdr {
    margin-left: 0;
    padding-bottom: 5px;
    color: #4F7EA6;
    font-weight: bold !important;
    font-size: 1.15em;
    text-decoration: none;
}

.SubPnlSecHdr img {
    padding-right: 5px;
}

.ListSearchExtenderPrompt {
    color: #cde3fa;
    font-size: xx-small;
}

.SubPnlSecHdr a, a:visited {
    text-decoration: none;
    cursor: default;
}

.SubPnlSecHdr a:hover, a:active {
    text-decoration: none;
    cursor: pointer;
}

.horizontalRule {
    color: #5d5d5d;
    height: 1px;
}

.wizardNavText {
    color: Black;
    font-weight: bolder;
    font-size: xx-small;
    text-transform: uppercase;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 0;
}

.wizardQuestion {
    color: Black;
}

.wizardQuestion A:hover {
    color: #828282;
}

.wizardQuestion A {
    color: #4F7EA6;
    text-decoration: underline;
}

.QuestionPrompt {
    font-size: .79em;
    color: #4e4e4e;
}

.pageFooter {
    font-size: .86em;
    font-weight: 600;
    color: #4e4e4e;
    text-transform: uppercase;
}

.DataTable2 {
    border: 0;
    border-style: none;
}

.DataTable2 TD {
    padding: 5px;
    background-color: white;
    border-color: #cde3fa;
    border-width: 5px;
}

.DataTable2 TH {
    padding: 5px;
    background-color: white;
    border-color: #cde3fa;
    border-width: 5px;
}

.DataTable TR TD {
    color: #000000;
    background-color: #FFFFFF;
    padding: 5px;
    vertical-align: top;
}

.FindTable TR TD {
    color: #000000;
    background-color: #FFFFFF;
    padding: 1px;
    vertical-align: top;
}

.FindTable TH {
    color: #000000;
    background-color: #FFFFFF;
    padding: 1px;
    vertical-align: top;
    font-weight: 700;
    font-size: x-small;
    text-transform: uppercase;
}

.FindTableRowAlt TD {
    color: #000000;
    background-color: #d3d3d3;
    padding: 1px;
    vertical-align: top;
}

.GraySearchBox {
    background-color: #d3d3d3;
    font-weight: 700;
    color: #000000;
    padding: 2px 6px 2px 6px;
}

.DataTableInfo {
    color: #000000;
    background-color: #D9EBFC;
    padding: 5px;
    vertical-align: top;
}

.DataTableInverted TR TD {
    color: #000000;
    background-color: #cde3fa;
    padding: 5px;
    vertical-align: top;
}

.DataTableFooter {
    background-color: #cde3fa;
    font-weight: bolder;
}

/* Use this for a header row in a data table */
.DataTableHeader {
    background-color: White;
    font-weight: bolder;
}

.DataTable TH {
    background-color: White;
}

.DataTableCatHdr {
    color: #000000;
    background-color: #DCDCDC;
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    font-weight: 600;
}

.DataTableRowAlt {
    color: #000000;
    background-color: #cde3fa;
    padding: 5px;
    vertical-align: top;
}

.DataTableNoDataCell {
    background-color: #d9d9d9;
    font-style: italic;
}

.InvisibleTable {
    background-color: #cde3fa;
    border: none;
}

.InvisibleTable TR TD {
    background-color: #cde3fa;
    border: none;
}

.GridViewClass {
    border: solid 2px white;
}

.TableCaptionCell {
    font-weight: bold;
    text-align: right;
}

.globalNavElement {
    font-size: .86em;
    font-weight: bold;
    color: #4F7EA6;
}

.globalNavElement A:Active {
    font-weight: bold;
    color: #4F7EA6;
    text-decoration: underline;
}

.globalNavElement A:Visited {
    font-weight: bold;
    color: #4F7EA6;
    text-decoration: underline;
}

.globalNavElement A:Hover {
    font-weight: bold;
    color: #4F7EA6;
    text-decoration: underline;
}

.globalNavElement A {
    font-weight: bold;
    color: #4F7EA6;
    text-decoration: underline;
}

#PageGlobalSecurityMenuAnon {
    float: right;
}

#PageGlobalHeaderNav A:Active {
    color: #828282;
    text-decoration: underline;
}

#PageGlobalSecurityMenuAnon A:hover {
    color: #828282;
    text-decoration: underline;
}

#PageGlobalHeaderUserInfo {
    color: #56575A;
}

#PageGlobalSecurityMenu {
    text-align: right;
    float: right;
}

#PageGlobalSecurityMenu A:Visited {
    color: #4F7EA6;
}

#PageGlobalTopRound {
    margin-top: 20px;
    text-align: right;
    background-color: #d6d6d6;
    background-image: url(images/corner_ul.gif);
    background-repeat: no-repeat;
    width: 100%;
}

#SubPageContent {
    position: relative;
}

.fieldset-top-round-corners {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#SubPageContent fieldset, .field-set {
    border: solid 1px silver;
    padding: 5px 20px 20px 20px;
    margin-bottom: 10px;
}

#SubPageContent legend, .field-set > legend {
    font-weight: bold;
    padding: 5px;
}

#SubPageContent label {
    padding-left: 5px;
}

/* Styles for Popup container divs */
#FormPopupContainer {
    width: 460px;
}

#FormPopupContainer div {
    border: 1px solid black;
    background-color: #cde3fa;
    width: 460px;
}

#FormPopupContainer div a {
    color: Blue;
    font-size: smaller;
}

#FormPopupContainer div a:hover {
    color: #636363;
}

#FormPopupContainer table {
    padding: 5px 5px 5px 5px;
    background-color: #cde3fa;
    width: 100%;
    border-top: solid 1px black;
}

.SubSectionLbl {
    padding: 5px 5px 10px 5px;
    font-size: small;
    font-weight: bold;
}

.SubSectionHdrActive {
    padding: 5px 5px 10px 5px;
    border: solid 1px white;
    font-size: smaller;
    background-color: white;
}

/* styles for WebForm items */

.FormFieldCell {
    background-color: #ffffff;
}

.FormFieldLabelFloat {
    float: left;
    padding-right: 5px;
    /* text-align: right; CC 3/20/2013 */
}

.FormLabelCell {
    font-weight: bold;
    background-color: #ffffff;
}

.NumberField {
    text-align: right;
}

.PopupLinkCell {
    text-align: center;
}

.PopupHeader {
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    background-color: #d6d6d6;
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: solid 1px black;
}

/* Begin Styles for Tab Navigation */
.TabContainer {
    background-color: #FFFFFF;
    white-space: nowrap;
    width: 750px; /*this will set min width of the page to 750 px.      min-width was set on the page to 600px but IE6 and 7 do not support this css attribute     and in IE6 tabs are little wider so we need to increase min width to 750     this iwll prevent tab from breaking into 2 lines or running longer than main page body*/
}

.TabContainer A:Visited {
    background: url(images/left_inactive_cap.gif) left top no-repeat;
    background-color: #d6d6d6;
    padding-left: 10px;
    text-decoration: none;
    color: #000000;
    padding-bottom: 8px;
    font-weight: normal;
}

.TabContainer A {
    background: url(images/left_inactive_cap.gif) left top no-repeat;
    background-color: #d6d6d6;
    padding-left: 10px;
    text-decoration: none;
    color: #000000;
    padding-bottom: 8px;
    font-weight: normal;
}

.TabContainer A:hover {
    background-image: url(images/left_active_cap.png);
    background-color: #cde3fa;
    color: #000000;
}

.TabContainer A Span {
    background: url(images/rt_inactive_cap.gif) right top no-repeat;
    width: 20px;
    padding-right: 10px;
    zoom: 1;
    width: 120px;
    height: 20px;
}

.TabContainer A:hover Span {
    background: url(images/rt_active_cap.png) right top no-repeat;
    zoom: 1;
    width: 120px;
    height: 20px;
}

#TabActiveTab Span {
    background: url(images/rt_active_cap.png) right top no-repeat;
}

#TabActiveTab {
    background-image: url(images/left_active_cap.png);
    background-color: #cde3fa;
}

/* Text that matches the background */
.HiddenText {
    color: #cde3fa;
}

/* Step prompter classes */
.StepContainer {
    float: none;
}

.StepStep {
    border: solid 1px #FFFFFF;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.StepStepSelected {
    border: solid 1px #FFFFFF;
    background: #FFFFFF;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/* MENU TRIAL */
#subnav-container {
    padding-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 0;
    text-align: right;
    position: absolute;
    right: 50px;
}

#subnav-container ul {
    list-style-type: none;
}

#subnav-container li {
    margin-right: 0;
}

#subnav-container a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

#subnav-container li a {
    font-weight: bold;
    text-transform: uppercase;
}

#subnav-container li a:hover {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.addVarDialog {
    position: relative;
}

.ProgressUpdateContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    z-index: 1002;
}

.ProgressUpdate1 {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
}

.ProgressUpdate1 > div {
    display: table-cell;
    vertical-align: middle;
}

.popupDialog {
    z-index: 1000;
    position: absolute;
    padding: 5px;
    background-color: #f5f5f5;
    font-size: .86em;
    border: solid 2px #d3d3d3;
}

.pageInfoBox {
    padding: 10px;
    border: solid 1px #CECECE;
    background-color: #f2f2f2;
    padding-left: 15px;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

/* Left Tab Styles */
.leftTabItem a {
    background: rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-left: 2px solid transparent;
    color: rgba(0, 0, 0, .87);
    display: block;
    width: 120px;
    padding: 10px;
    line-height: 1.3em;
    border-left: 3px solid rgba(0, 0, 0, .05);
}

.leftTabItem a:hover {
    text-decoration: none;
}

.leftTabItem a:focus {
    text-decoration: none;
    background: #f9f9f9;
}


.leftTabItemDisabled a {
    background: rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-left: 2px solid transparent;
    display: block;
    width: 120px;
    padding: 10px;
    line-height: 1.3em;
    color: rgba(0, 0, 0, .35);
}

.leftTabItemSelected a {
    background: #f9f9f9;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-left: 3px solid #00aeef;
    color: rgba(0, 0, 0, .87);
    display: block;
    width: 120px;
    padding: 10px;
    line-height: 1.3em;
}
.leftTabItemSelected a:focus {
    text-decoration: none;
}

.subSectionHeader {
    padding-left: 5px;
    border-bottom-color: #5d5d5d;
    font-weight: bold;
    margin-bottom: 1px;
    border-bottom: 1px;
    color: #5d5d5d;
    font-style: normal;
    font-variant: small-caps;
    border-bottom-style: solid;
}

.contentTblCell {
    padding-bottom: 18px;
    border-bottom: solid 1px #d6d6d6;
    padding-top: 4px;
}

.txtBoxError {
    background-color: #FF9999;
    border: solid 1px #999999;
}

.txtBoxWarning {
    border: solid 1px #999999;
    background-color: #FFFF99;
    border: solid 1px #999999;
}

.txtBoxNormal {
    color: #000000;
    font-style: normal;
    border: solid 1px #999999;
}

.txtBoxDisabled {
    border: solid 1px #999999;
}

.txtBoxDefaultValue {
    color: #708090;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.txtBoxMultilineDefaultValue {
    color: #708090;
    font-size: 1.15em;
}

.divTopPagingQueryListing {
    padding-top: 10px;
    width: 100%;
}

.MedrioUnambiguousDateDiv {
    color: #000000;
    display: block;
    padding-right: 5px;
}

/* Class shown for client side warning messages next to a textbox*/
.MedrioTextBoxValdDivWarning {
    clear: left;
    color: #996600;
    padding-right: 5px;
    display: block;
    font-weight: 500;
    white-space: normal;
}

.WarningField .MedrioTextBoxValdDivWarning {
    width: 250px;
}

/* Class shown for client side error validation message next to a textbox*/
.MedrioTextBoxValdDivError {
    clear: left;
    padding-right: 5px;
    display: block;
    color: #D30202;
    font-weight: 600;
    white-space: normal;
}

.ErrorField .MedrioTextBoxValdDivError {
    width: 250px;
}

.jobStatusContainer {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.jobStatusMessage {
    padding: 12px 15px 12px 15px;
    color: Black;
    background-color: White;
    text-align: center;
}

.jobStatusMessageText {
    font-weight: 600;
}

.jobStatusDownloadText {
    font-weight: normal;
}

.selectedLeftRow {
    background-color: White;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-top: solid 1px black;
}

.subText {
    font-size: .86em;
}

.disabledFormField {
    background-color: #dcdcdc;
}

.enabledFormField {
    background-color: #ffffff;
}

.subTextDisabled {
    color: #808080;
    font-size: .86em;
}

/* Style of LI objects that are rendered within a tooltip*/
.ToolTipLI li, .FormRuleDescription li {
    background-image: url('images/BulletPoint.gif');
    background-repeat: no-repeat;
    padding-left: 15px;
}

.ToolTipLI {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
}

.PaddedHeaderCell {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    text-align: center;
}

.whatThisIcon {
    font-weight: 600;
}

.whatThisTextContainer {
    background-color: #e6ecff;
    border: 1px solid #003399;
    color: #000066; /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 11px;
    padding: 3px 5px 3px 5px;
}

.ValdWarningMsg {
    color: #E47202;
}

.error-msg {
    padding-left: 30px;
    min-height: 30px;
    background-image: url('../medrio/images/icon-25x25-alert.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    font-weight: normal;
    color: #4d4d4d;
}

.error-msg-span {
    padding-left: 30px;
    min-height: 30px;
    background-image: url('../medrio/images/icon-25x25-alert.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    font-weight: normal;
    color: #4d4d4d;
    display: block;
}

.ErrorBox {
    background-color: White;
}

.ErrorBoxMsgCell {
    padding: 10px 10px 10px 0;
}

.ErrorBoxImgCell {
    padding: 10px 5px 10px 10px;
}

.dblArrow {
    padding-right: 5px;
    font-weight: 700;
    color: #000;
}

/* CSS Styles for Copy Variable Popup DIV Control */
.CopyVarPopupStyle {
    border-style: double;
    border-color: Black;
    background-color: #cde3fa;
    padding: 10px 10px 10px 10px;
    font-size: .93em;
    width: 450px;
    position: relative;
    top: 5px;
    left: 5px;
    z-index: 1000;
}

.SaveBrowseDataReportStyle {
    border-style: double;
    border-color: Black;
    background-color: #cde3fa;
    padding: 10px 10px 10px 10px;
    width: 275px;
    text-align: left;
}

/* CSS STyles for Timeout */
.TimeoutPopupStyle {
    border-style: double;
    border-color: Black;
    background-color: #cde3fa;
    padding: 10px 10px 10px 10px;
    font-size: .86em;
    width: 400px;
    text-align: center;
}

.TimeoutModalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.TimeoutWarnDiv {
    border-style: double;
    border-color: Black;
    border-width: 1px;
    width: 400px;
    background-color: White;
    padding: 10px 10px 10px 10px;
    text-align: center;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
}

.SelectedTreeOption {
    background-color: White;
    font-weight: 800;
    padding: 3px 3px 3px 5px;
}

.UnselectedTreeOption {
    padding: 3px 0 3px 5px;
}

.SuperHilightedFormname {
    background-color: White;
    padding: 2px 3px 2px 3px;
    font-size: 22px;
    font-weight: 700;
}

.ProfileCancelButton {
    position: relative;
}

/** Edit Study Wizard Box **/
.ConfigSectionComplete {
    background-color: white;
    border-style: solid;
    border-width: 3px;
    border-color: #00aeef;
    padding: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.ConfigSectionComplete input {
    border: none;
    font-weight: bold;
    background-color: #00aeef;
    padding: 10px;
    color: rgba(0,0,0,.87);
    border-radius: 3px;
}

.ConfigSectionComplete input:hover {
    background-color: #00aeef;
    font-weight: bold;
    color: rgba(0,0,0,.87);
    cursor: pointer;
}

/** edit_query_....aspx navigation style**/
.FormsList table {
    background-color: White;
    border-style: solid;
    border-color: #cde3fa;
}

.FormsList table td {
    padding: 5px 10px 5px 10px;
    border-color: #cde3fa;
    border-width: 2px;
    border-style: solid;
}

.FormsList table th {
    padding: 5px 10px 5px 10px;
    border-color: #cde3fa;
    border-width: 2px;
    border-style: solid;
}

.FormsList table td table {
    padding: 0;
    border: none;
}

.FormsList table td table td {
    padding: 0;
    border: none;
    vertical-align: top;
}

.MonitoringStepsRadGrid table {
    background-color: White;
    border: none;
    background: #fff;
}

.MonitoringStepsRadGrid table td table td {
    padding: 0;
    border: none;
}

.sessionLockoutDialog {
    border-style: double;
    border-color: Black;
    overflow: hidden;
}

.sessionLockoutDialog .ui-dialog-content {
    background-color: #fff;
    padding: 10px;
    width: 400px;
    text-align: left;
}

.sessionLockoutDialog .ui-dialog-titlebar {
    display: none;
}

.confirmRandoDialog .ui-dialog-content {
    padding: 10px;
    width: 400px;
}

.confirmRandoDialog .ui-dialog-titlebar {
    height: 7px;
}

.unlockDialog {
    font-weight: normal;
}

.ajax__calendar_container {
    z-index: 100;
}

.ajax__calendar_title {
    width: 125px;
    margin: auto;
    padding: 3px;
}

.ajax__calendar_days td, .layout .ajax__calendar_days td, .ajax__calendar_months td, .layout .ajax__calendar_months td, .ajax__calendar_year td, .layout .ajax__calendar_year td {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.CellLocked {
    background-image: url("../../images/Lock.gif");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 20px;
    height: 20px;
}

.CellPartiallyLocked {
    background-image: url("../../images/Lock_Partial.gif");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 20px;
    height: 20px;
}

.TableWizardItemForm h4 {
    font-weight: bold
}

.EditStudyMasterContent {
    padding: 0;
    min-width: 98%;
    width: 98%;
    width: auto !important;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}

.ReportFilterControl, .ReportFilterLabel {
    vertical-align: top;
}

.ReportFilterLabel {
    padding-left: 20px;
}

.ReportListPanel {
    padding-top: 10px;
    padding-bottom: 15px;
}

.query-alert {
    max-width: 500px;
    margin: 12px auto;
    background-color: #FEFFDD;
    border: solid 1px black;
    text-align: center;
    line-height: 1.4em;
    vertical-align: middle;
}

.query-alert > div {
    margin-bottom: 5px;
    margin-top: 5px;
}

.query-alert .query-alert-msg {
    margin-top: 5px;
}

.FieldInfoPopUp, .DeleteFormDataPopup, .viewRowInPortrait, .flatLogMasterDlg {
    height: 570px;
}

.DataEntryPopUp {
    height: 570px !important;
}

    .viewRowInPortrait {
        min-width: 750px;
    }

.addSubjectLabels {
    font-family: inherit;
    line-height: 1.3em;
    font-weight: normal;
    white-space: nowrap;
}

.AddSubjectTableCaptionCell {
    text-align: left;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.AddSubjectTableValueCell {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 390px;
}

div.launch-epro-scroll {
    min-height: 125px;
    max-height: 235px;
    margin-top: 10px;
    margin-bottom: 60px;
    overflow: auto;
}

.header-no-border {
    border-width: 0 !important;
}

.no-border {
    border-width: 0 !important;
}

div.filters-scroll {
    max-height: 200px;
    overflow: auto;
}

div.filters-body {
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(226, 226, 226);
    padding: 10px;
}

div.filters-inner-body {
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 6px;
    border: 1px solid rgb(208, 208, 208);
}

.coderLblPadding1 {
    padding-top: 5px;
}

.coderLblPadding2 {
    padding-top: 10px;
}

.coderErrDivWidth {
    width: 260px;
}

a.filter-tab, a.autofill-tab {
    background-color: rgb(226, 226, 226);
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: .79em;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 1px;
    vertical-align: middle;
    color: Black;
}

span.filter-down {
    background-position: -16px -96px;
    vertical-align: bottom;
}

span.filter-up {
    background-position: -32px -96px;
    vertical-align: bottom;
}

.no-wrap {
    white-space: nowrap;
}

.dock fieldset {
    margin-right: 15px;
    float: left;
}

.dock .flLeft {
    float: left;
}

.dock fieldset div.flLeft label {
    width: 50%;
    float: left;
}

.dock fieldset div.flLeft input {
    width: 45%;
    *width: auto;
}

.dock .button {
    margin-top: 11px;
}

.dock div {
    margin-right: 10px;
}

.dock fieldset input {
    width: 150px;
}

.dlgRsnChange {
    width: 600px;
    min-height: 200px;
}

.securityPromptField {
    margin: 10px 0 10px 10px;
}

.securityPromptLblWdth {
    width: 85px;
}

.width100 {
    width: 100%;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width40 {
    width: 40%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width48px
{
    width: 48px;
}

.width75px {
    width: 75px;
}

.width80px, .w-80px {
    width: 80px;
}

.width120px, .w-120px {
    width: 120px;
}

.width200px {
    width: 200px;
}

.width300px {
    width: 300px;
}

.editNotepadColWidth {
    width: 20px;
}

.deleteColWidth {
    width: 50px;
}

.height40px {
    height: 40px;
}

.height100 {
    height: 100%;
}

.bgGray {
    background-color: rgb(192, 192, 192);
}

table.noborder tr td {
    border: 0 !important;
}

.auto {
    width: auto;
}

.white {
    color: White;
}

.standardPage {
    background-color: White;
    margin: 5px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

#DTMSpan {
    margin: 5px !important;
}

.vAlignMiddle {
    vertical-align: middle;
}

.vAlignTop {
    vertical-align: top;
}

.vAlignBottom {
    vertical-align: bottom;
}

.leftBorder {
    border-left: 1px;
    border-color: Silver;
    border-style: solid;
}

.clearBoth {
    clear: both;
}

.matrix .padding20 {
    padding-left: 20px;
}

.hidden {
    display: none !important;
}

.subjListing {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: auto;
    padding: 0 20px 0 0;
    margin: 0 0 15px 0;
    height: 734px;
}

.textbox {
    height: 15px;
    font-size: .86em;
}

.auditTrailBar {
    font-weight: bold;
    background-color: Gray;
    line-height: 25px;
    height: 25px;
    color: White;
    margin: 5px;
}

.chkLstContainer {
    height: 95px;
    width: 350px;
    overflow: auto;
    border: 1px inset #C7C7C7;
    white-space: nowrap;
}

.rightAlignment {
    text-align: right;
}

.handcursor {
    cursor: pointer;
}

.bulkreasonCtrl {
    border: 2px solid black;
    background-color: White;
    clear: both;
    width: 300px;
    padding: 10px 0 5px 10px;
    position: absolute;
    display: none;
    top:50px;
}

.bulkreasonCtrl * {
    font-weight: normal;
}

.rgQueriesPager a {
    padding-left: 2px;
}

.rgQueriesPager div {
    float: left;
    padding-left: 10px;
}

.resizableQueryDescription {
    width: 300px;
    height: 30px;
    overflow: hidden;
    min-width: 100px;
    min-height: 30px;
}

.panelStyleManageDcf {
    word-wrap: break-word;
    float: left;
}

.radioStatus {
    border: solid 1px #C7C7C7;
    margin: 7px 0 10px 0;
    width: 180px;
}

.overflowHidden {
    overflow: hidden;
}

.no-border-anchor, .no-border-anchor a {
    border: 0 !important;
}

.buildStudyContent {
    background: #FFF;
    display: inline-block;
    *display: inline;
    zoom: 1;
    min-width: 98.5%;
    min-height: 707px;
}

.leftTabBody {
    line-height: 130%;
    position: relative;
    margin-left: 150px;
    min-height: 500px;
    min-width: 700px;
    width: 700px;
    width: auto !important;
}

span.align-middle {
    vertical-align: middle;
}

span.strong-middle {
    font-weight: bold;
    vertical-align: middle;
}

.divFormButtons {
    display: inline;
}

.font-small {
    font-size: small;
}

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

.ImagePreviewToolBar .rtbUL {
    display: none;
}

.qtip-title {
    height: 20px;
}

.scrollDiv {
    height: 175px;
    width: 300px;
    border: solid 1px silver;
    max-height: 175px;
    overflow: auto;
    overflow-x: hidden;
    padding: 5px;
}

.pod .body.body-with-filter {
    margin-top: 0px;
}

.filter-container {
    margin-left: -10px;
}

.truncateText {
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 10px;
}

.aboveHeaderMsg {
    margin: 10px 1%;
}

.sixColTable td, .sixColTable th {
    width: 16.67%;
}

.adjacentBtn {
    padding-left: 10px;
}

.popupContainer {
    padding: 10px;
}

.iframePadding {
    padding: 10px;
}

.panel-header {
    white-space: nowrap;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ulNoBullets {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.txtHint {
    font-style: italic;
}

span.helpText {
    font-size: xx-small;
}

tr.spaceUnder > td {
    padding-bottom: 10px;
    padding-right: 5px;
}

.success {
    color: #4caf50;
    font-weight: bold;
}

.approvalVariableIFrame {
    height: 630px;
}

.approvalVariableDialog {
    height: 100%;
    z-index: 1000;
    width: 75%;
    padding-bottom: 0;
}

div.skipConditionDiv {
    border: solid 1px silver;
    width: auto;
    margin-left: 50px;
    padding: 10px;
}

/**********************************************/
/********************DATE PICKER***************/
/**********************************************/

.ui-datepicker {
    border: 1px solid #646464;
    width: auto;
    padding: 4px 4px 4px 4px;
    width: 185px;
}

.ui-datepicker .ui-datepicker-header {
    background: White;
    padding: 0;
    border: none;
    font-family: tahoma, verdana, helvetica;
}

.ui-datepicker table {
    font-family: tahoma, verdana, helvetica;
}

.ui-datepicker table th {
    border-bottom: 1px solid #F5F5F5;
    font-weight: normal;
    width: 20px;
}

.ui-datepicker-calendar .ui-state-default {
    background: White;
    border: 1px solid White;
    color: Black;
    padding: 0 2px 0 2px;
    height: 17px;
    width: 18px;
}

.datepicker-today {
    text-align: center;
    width: 100%;
}

.ui-datepicker .ui-datepicker-title {
    white-space: nowrap;
    margin: 0 35px 0 25px;
}

img.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: 3px;
    margin-right: 10px;
}

#SubPageContent a.text-link:link, #SubPageContent a.text-link:hover, #SubPageContent a.text-link:visited, #SubPageContent a.text-link:active, .matrix td a.text-link {
    text-decoration: none;
    color: #000000;
    border-bottom-style: none;
    cursor: default;
}

span.monitor-step-approved, span.monitor-step-not-approved {
    margin-right: 7px;
    margin-left: 7px;
}

.bulletless-list {
    list-style-type: none;
}

.variableSelectionWrapper {
    width: 100%;
    height: 380px;
    overflow: auto;
    margin: 24px 0 24px 0;
}

#dlgApprovalVariableSelection.dialog.pod {
    padding: 24px;
}

label[for=rdoVisitConfigAllVisits], label[for=rdoVisitConfigSpecificVisit] {
    padding-left: 6px;
} 

div.bar-header {
    width: 100%;
    background-color: rgba(0,0,0, .07);
    color: rgba(0,0,0, .87);
    font-weight: bold;
    padding: 6px;
    margin-bottom: 25px;
}

div.PnlOtherReason strong {
    color: #000;
    font-weight: bold;
}

div.FormMessageContainer {
    height: 30px;
    padding: 10px 0px 5px 10px;
    display: none;
    font-weight: bold;
}

div.FormMessageContainer.Failure {
    background-color: #CD2E2E;
    color: #fff;
}

div.FormMessageContainer.Success {
    background-color: #FFF;
    color: #000;
    border-bottom: 1px solid #DBDBDB;
}

.ControlSection {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0 20px 20px;
}

.ButtonArea {
    padding-top: 25px;
    text-align: right;
}

.DialogHeader {
    font-weight: bold;
    font-size: 16px;
}

.dialog-header-20 {
    font-weight: bold;
    font-size: 20px;
}


.DateTimeControl {
    padding-top: 5px;
    white-space: nowrap;
    display: inline;
}

.DateTimeControl .Date {
    display: inline-block;
}

.DateTimeControl .Time {
    vertical-align: top;
    Width: 80px
}

.DateTimeControl .DdlFormat {
    vertical-align: top;
    height: 22px;
}

.mlcss td {
    padding: 4px 4px;
}

/*********************************************/

/*browser not supported message specific css*/
.browser-not-supported-div.dialog.pod {
    width: 550px;
    height: 100px;
    padding-bottom: 0px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.browser-not-supported-body-div.body {
    padding: 0px 0px 0px 20px;
    overflow: hidden;
}

/*********************************************/
.new-feature-icon:after {
    padding-left: 5px;
    content: url('../../images/new_feature_button.png');
}

.beta-feature-icon:after {
    padding-left: 5px;
    content: url('../../images/beta-button-orange.png');
}

.display-inline {
    display: inline;
}

.display-none {
    display: none;
}

.display-flex {
    display: flex;
}

.display-block {
    display: block;
}

.opacity-none {
    opacity: 0;
}

.cursor-default {
    cursor: default;
}
/****************Toast notification******************/
.toast-panel {
    background-color: #eeeeee;
    height: 56px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.toast-icon {
    width: 25px;
    padding-top: 20px;
    padding-left: 8px
}

.icon.info-context {
    border: none;
    display: inline-block;
    text-decoration: none;
}

.toast-message {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 21px;
    padding-right: 10px;
    padding-left: 10px;
}

.toast-button {
    background-color: white;
    padding-top: 20px;
    padding-right: 15px;
}

.toast-button-icon {
    background-color: darkgray;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 0px 0px;
    text-decoration: none;
}

/****************************************************/
/***********tool tip box**************************/
/* Callout is the parent container. */
.callout {
    position: relative;
    background-color: #FCFCFC;
    width: 190px;
    border: solid 1px #3C5A74;
    border-radius: 6px;
    box-shadow: 5px 5px 5px #888888;
    z-index: 100;
}

.callout-pointer, .callout-pointer:before {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
}

/* Top positioned pointer */
.callout-pointer--top .callout-pointer,
.callout-pointer--top .callout-pointer:before {
    left: 50%;
    top: -10px;
    margin-left: -10px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FCFCFC transparent;
}

/* Pointer overlay positioning and border coloring for outline border effect. */
.callout-pointer--top .callout-pointer:before {
    top: 1px;
    border-bottom-color: #3C5A74;
}

.callout p {
    font-size: .85em;
    line-height: 1.2em;
    color: #464646;
    margin-bottom: .75em;
}

.callout-contents {
    padding: 0 8px;
}

/****************************************************/
/***Select Form specific styles*/
.select-form-parent-div {
    padding: 15px;
    width: 75%;
}

/****************************************************/

/*.toolbar-link, .toolbar-linked, .toolbar-linked-blue {
    float: left;
}*/

/************Table view **********/
.table-view {
    width: 100%;
}

.table-body, .b-1 {
    border: 1px solid #cccccc;
}

.table-row {
    border-bottom: 1px solid #ccc;
    position: relative;
}

.table-row:nth-child(odd) {
    background-color: #f5f5f5;
}

.table-col, .table-col-4, .table-col-6,
.table-col-8 {
    float: left;
}

.table-row [class^="table-col"] .table-col:nth-child(even) {
    background-color: #fafafa;
}

.table-col {
    width: 100%;
}

.table-col-4 {
    width: 30%;
}

.table-col-6 {
    width: 50%;
}

.table-col-8 {
    width: 70%;
}

.tab .table-header .table-cell {
    padding-bottom: 5px;
    border-right: none;
    border-bottom: none;
    font-weight: bold;
}

.table-cell {
    padding: 10px 15px;
    border-right: 1px solid #ccc;
    min-height: 10px;
}

.table-cell .table-cell-action {
    display: block;
    position: absolute;
    right: 6px;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    top: 8px;
    cursor: pointer;
}

.table-cell:hover .table-cell-action {
    opacity: 1;
}

.table-col-6:last-child .table-cell {
    border-right: none;
}

.tabel-cell-last {
    border-right: none;
}

.mc-table {
    width: 100%;
}

.mc-table tr {
    border-bottom: 1px solid rgba(0,0,0, .07);
    outline: none;
}

.mc-table[table-striped] tbody tr:nth-child(odd) {
    background-color: rgba(238, 238, 238, 0.4);
}
/*removes striping from a table inside a table*/
.mc-table[table-striped] tr table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.mc-table tr.mc-tr-selected,
.mc-table[highlight] tbody tr:hover {
    background-color: rgba(0, 174, 239, 0.12);
}
/*removes highliht from a table inside a table*/
.mc-table[highlight] tr table tr:hover {
    background-color: #fff;
}

/*removes border from a table inside a table*/
.mc-table tr table tr {
    border-bottom: none;
}

.mc-table[table-bordered] {
    border: none;
}

.mc-table[table-bordered] td,
.mc-table[table-bordered] th {
    border: 1px solid rgba(0,0,0, .07);
}

.mc-table[table-bordered] td table td,
.mc-table[table-bordered] th table th {
    border: none;
}

.mc-table th,
.mc-table td {
    padding: 10px;
    vertical-align: middle;
}

.mc-table thead th,
.mc-table tbody th,
.mc-table tbody .DataTableHeader {
    text-align: left;
    font-weight: bold;
    color: rgba(0,0,0, 0.38);
    vertical-align: bottom;
    background-color: #fff;
}

.mc-table th,
.mc-table td {
    padding: 10px;
    vertical-align: middle;
}

.mc-table.mc-thin-table th,
.mc-table.mc-thin-table td {
    padding: 5px;
}

.mc-table.mc-thin-table.mc-table-vab td:not(:first-child) {
    vertical-align: baseline;
}

    .mc-table.mc-thin-table.grid-variable-table th,
    .mc-table.mc-thin-table.grid-variable-table td {
        padding: 7px;
    }

    /*overides for areas where highlight is not desired*/
    .mc-table.edit-visit-forms-list[highlight] tbody tr:not([class]),
    .mc-table.edit-visit-forms-list[highlight] tbody tr:hover:not([class]),
    .mc-table.monitor-step-list[highlight] tbody tr:not([class]),
    .mc-table.monitor-step-list[highlight] tbody tr:hover:not([class]),
    .mc-table.config-form-list[highlight] tbody tr:not([class]),
    .mc-table.config-form-list[highlight] tbody tr:hover:not([class]),
    .mc-table.config-form-list[highlight] tbody tr:not([class]),
    .mc-table.visits-list[highlight] tbody tr:hover:not([class]) { /* every section without class - but won't select Section C */
        background-color: #fff;
    }
/************End Table view **********/
/* Prevent the text contents of draggable elements from being selectable. */
[draggable="true"] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

/*******Default table UI component****/
.table {
    width: 100%;
    border-collapse: collapse;
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover {
    background-color: #f0f8fc;
}

.table th {
    text-transform: uppercase;
    color: #999;
    font-weight: 500;
}

.table th,
.table td {
    padding: 0.5rem;
    white-space: nowrap;
}

.table td {
    border-top: 1px solid #ddd;
}

.table-bordered tbody td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0.5rem;
    white-space: nowrap;
}

.table tbody {
    border: 1px solid #ddd;
    font-weight: normal;
}

/*******End Default table UI component****/

/********Link Objects Dialog***********/
.dropdown-div {
    display: inline-block;
    width: 300px;
}

.display-inline-block {
    display: inline-block;
}

.label-currently-linked {
    font-weight: bold;
}

/*******************************************/
.imgDeleteRow {
    margin-left: 5px;
}

.rowTools {
    padding-left: 14px;
    padding-right: 10px;
}

/*Components*/
.block-input-box {
    border: 2px solid #ccc;
    margin: 5px;
    padding: 5px;
}

.block-input-box .block-input {
    width: 85%;
    border-color: transparent;
    margin-right: 5px;
    padding: 5px;
}

.block-input-box .block-input-btn {
    float: right;
    padding: 5px;
    background: #ddd;
}

.block-input-box .block-input-btn:hover {
    background: #ccc;
}

.block-input-error {
    margin: 5px;
}

.expand-icon {
    border: 1px solid #333;
    width: 10px;
    height: 10px;
    display: inline-block;
    color: #333;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #eee;
    line-height: 10px;
}

.expand-icon::before {
    content: "+";
}

.expand-icon-hidden.expand-icon {
    line-height: 9px;
}

.expand-icon-hidden.expand-icon::before {
    content: "-";
}

/*******List filter component*/
.list-filter-container {
    margin: 0 auto;
    min-width: 800px;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.filter-list-wrapper {
    margin-bottom: 10px;
}

.filter-list-wrapper .filter-list-card {
    overflow: auto;
    min-height: 489px;
    max-height: 489px;
    background-color: rgba(0,0,0,.1);
}

.filter-list-wrapper ul,
.filter-list-wrapper li,
.filter-list-wrapper li div {
    box-sizing: border-box;
}

.filter-list-wrapper input[type="text"] {
    padding: 7px 10px;
    margin-bottom: 10px;
    min-width: 400px;
}

.filter-list-wrapper .filter-list {
    list-style: none;
    margin: 0;
}

.filter-list-wrapper .filter-list .filter-list-item {
    border-bottom: 1px solid #dddddd;
    height: 38px;
    overflow: hidden;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: padding 300ms, background 300ms;
    transition: padding 300ms, background 300ms;
    border-left: 5px solid #0094cb;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.filter-list-wrapper .filter-list .filter-list-item:hover {
    color: #333;
    background-color: #f5f5f5;
    padding-left: 20px;
    border-left: 5px solid #FF9900;
}

.filter-list-wrapper .filter-list .filter-list-item a:hover {
    text-decoration: underline;
}

.list-button {
    display: block;
    position: absolute;
    right: 6px;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.filter-list-wrapper .filter-list .filter-list-item > div {
    float: left;
}

.filter-list-wrapper .filter-list .filter-list-item > div.hover-buttons {
    float: right;
}

.filter-list-item:hover .list-button {
    opacity: 1;
}

.filter-list-wrapper .filter-list .filter-list-item .filter-list-item-name {
    margin-left: 80px;
    padding-left: 5px;
    border-left: 1px solid #f2f2f2;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    padding-right: 60px;
}

.filter-list-wrapper .filter-list .filter-list-item .filter-list-item-type {
    position: absolute;
}

/* Tooltip*/
.medrio-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    height: auto;
    background: #fff;
    border: 1px solid #3D5A75;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    word-wrap: break-word;
}

.tooltip-carrot,
.tooltip-carrot:before {
    top: -11px;
    margin-left: -10px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FCFCFC transparent;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.tooltip-carrot:before {
    top: 1px;
    border-bottom-color: #3C5A74;
}

body.tooltip-active {
    overflow: hidden;
}

/*****************************/
.disabled,
a.disabled,
#SubPageContent a.disabled {
    color: rgba(0, 0, 0, 0.38);
    border-bottom: none;
    pointer-events: none;
}

#SubPageContent a.disabled:hover,
a.disabled:hover {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
    pointer-events: none;
}

/* alightment */
.vab {
    vertical-align: bottom;
}

.vam {
    vertical-align: middle;
}

/* mouse and cursoer */
.cp {
    cursor: pointer;
}

/* Material type components*/
.mc-card {
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    display: block;
    position: relative;
}

.mc-card .mc-card-title {
    color: rgba(0, 0, 0, .87);
    margin-bottom: 10px;
    font-size: 16px;
}

.mc-button.mc-fab-button {
    background-color: #03a9f4;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    min-width: 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    color: rgba(255, 255, 255, .87);
}

.mc-fab-button {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

a.mc-button.mc-fab-button .mc-button-wrapper {
    padding: 16px 0;
    display: inline-block;
    line-height: 24px;
}

.calendarContainerOverride table {
    width: 0px;
    height: 0px;
}

.calendarContainerOverride table tr td {
    padding: 0;
    margin: 0;
}

.icon.arrow-up {
    background-position: -98px -128px;
    position: relative;
    top: 7px;
}

.icon.arrow-down {
    background-position: -82px -128px;
    position: inherit;
    top: 7px;
}

.deployment-type-js {
    text-transform: none;
}

.report-list .category {
    color: #000;
    font-weight: bold;
    font-style: italic;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*flat logs*/
.w-12-p {
    width: 12%;
}

.w-15-p {
    width: 15%;
}

.w-18-p {
    width: 18%;
}

.w-20-p {
    width: 20%;
}

.w-40-p {
    width: 40%;
}

.font-12{
    font-size:12px;
}

.flat-log {
    position: relative;
    padding: 0 10px;
    margin: 10px 5px 15px 0;
}

.odsControls label, .odsControls span {
    white-space: nowrap;
    margin-left: 3px;
    vertical-align: top !important;
    margin-right: 0px;
}

.divOdsControlOnAnnotated {
    margin-bottom: 10px;
}

/*****Start untility/otpic classes*****/
.cfx:after {
    content: "";
    display: table;
    clear: both;
}

.divider {
    border-bottom: 1px solid #dddddd;
    height: 1px;
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
}

.divider:after {
    content: "";
    display: table;
    clear: both;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.center {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.center-vertical {
    position: absolute;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%;
}

.center-horizontal {
    position: absolute;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
}

/* Typopgraphy */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
.ttc { text-transform: capitalize; }
.ttu { text-transform: uppercase; }
.ttl { text-transform: lowercase; }
.tcl { color: rgba(0, 0, 0, 0.38); }
.tcm { color: rgba(0,0,0,.58); }
.fs-10 { font-size: .625rem; }
.fs-12 { font-size: .75rem;}
.fs-14 {font-size: .875rem; }
.fs-16 {font-size: 1rem;}
.fs-18 {font-size: 1.125rem;}

/* Position */
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }

/*Margin all sides*/
.m-0 { margin: 0;}
.m-5 { margin: 5px;}
.m-10 { margin: 10px; } 
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }

/* Margin top*/
.mt-0 { margin-top: 0; }
.mt-5, .margin-top-5px { margin-top: 5px; }
.mt-8 { margin-top: 8px; }
.mt-10, .margin-top-10px { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-15, .margin-top-15px { margin-top: 15px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-50, .margin-top-50px { margin-top: 50px; }
.mt-60 { margin-top: 60px; }

/*Margin right*/
.mr-0 { margin-right: 0; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-16 { margin-right: 16px; }
.mr-20 { margin-right: 20px;}
.mr-24 { margin-right: 24px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px;  }

/*Margin bottom*/
.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: 4px; }
.mb-5, .margin-bottom-5px { margin-bottom: 5px; }
.mb-8{ margin-bottom: 8px; }
.mb-10, .margin-bottom-10px { margin-bottom: 10px; }
.margin-bottom-12 { margin-bottom: 12px !important}
.mb-15 { margin-bottom: 15px; }
.mb-16 { margin-bottom: 16px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }

/*Margin left*/
.ml-0 { margin-left: 0; }
.ml-5 { margin-left: 5px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-16 { margin-left: 16px; }
.ml-20, .margin-left-20px { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }

/*padding all sides*/
.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }

/*Padding top*/
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.paddingTop7 { padding-top: 7px; }
.pt-8 { padding-top: 8px;}
.pt-10, .select-form-padding-top-10 { padding-top: 10px; }
.pt-12 { padding-top: 12px;}
.pt-15, .paddingTop15 { padding-top: 15px;}
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }

/*padding right*/
.pr-0 { padding-right: 0; }
.pr-5 { padding-right: 5px; }
.pr-6 { padding-right: 6px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-16 { padding-right: 16px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
.pr-100, .paddingRight100 {
    padding-right: 100px;
}

/*Padding bottom*/
.pb-0 { padding-bottom: 0; }
.pb-2 { padding-bottom: 2px; }
.pb-5, .paddingBottom5 { padding-bottom: 5px; }
.pb-8 { padding-bottom: 8px; }
.pb-10 { padding-bottom: 10px; }
.pb-12 { padding-bottom: 12px; }
.pb-15, .paddingBottom15 { padding-bottom: 15px; }
.pb-20, .paddingBottom20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-100 { padding-bottom: 100px; }

/*padding -left*/
.noPaddingLeft { padding-left: 0 !important; }
.pl-0 { padding-left: 0 }
.pl-2 { padding-left: 2px; }
.pl-5, .paddingLeft5, .padding-left-5px { padding-left: 5px; }
.pl-6 { padding-left: 6px; }
.pl-10, .padding-left-10px { padding-left: 10px;  }
.pl-15, .padding-left-15px, .paddingLeft15 { padding-left: 15px; }
.pl-16 { padding-left: 16px }
.pl-20, .padding20 { padding-left: 20px; }
.pl-25, .paddingLeft25,  { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-50 {  padding-left: 50px; }
.paddingLeft210 { padding-left: 210px; }

.center {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}
.cv {
    position: absolute;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%
}

.ch {
    position: absolute;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%
}

.spacer {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.mc-danger {
    color: #dd2c00
}

.mc-warning {
    color: #ff9800
}

.mc-error {
    color: #dd2c00
}

.mc-success {
    color: #4caf50
}

.bold {
    font-weight: 500
}
/****END untility classes****/

/* flexbox */
.flex-column { display: flex; flex-direction: column; }
.flex-row { display: flex; flex-direction: row; }
.flex-initial { flex: initial; }
.flex-auto { flex: auto; }
.flex-none { flex: none; }
.flex-selfalign-start { align-self: flex-start; }
.flex-selfalign-end { align-self: flex-end; }
.flex-grow-1 { flex-grow: 1; }

.pipe {
    background: rgba(0,0,0,.25);
    overflow: hidden;
    width: 1px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

/****END untility classes****/
.mc-alert {
    display: block;
    padding: 10px;
    color: #9B9B9B;
    border: 1px solid #c5c2c6;
    margin: 5px;
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mc-alert[color="warning"] {
    background: #FFF9E6;
    border-color: #f8d2b4;
    color: #886418;
}

.mc-alert[color="danger"] {
    background: #f7d7db;
    border-color: #f78f9b;
    color: #d75d6c;
}

.mc-alert[color="primary"] {
    background: #B8E9FB;
    border-color: #68cff6;
    color: #0083B4;
}

.mc-alert[color="secondary"] {
    background: #efefef;
    border-color: #b8b6b8;
    color: #4a4a4a;
}
.red-text {
    color: red;
}
/* List*/
.mc-list {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.mc-list-item {
    border-bottom: 1px solid rgba(0,0,0, 0.12);
    position: relative;
    margin-bottom: 5px;
}

.mc-list .mc-list-item:last-child {
    border-bottom: none;
}

.mc-list .mc-list-item-header {
    position: absolute;
    top: 5px;
    right: 16px;
}

.mc-list .mc-list-content {
    padding: 5px 16px;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    height: inherit;
}

.mc-list .mc-list-item .mc-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
}

.mc-list .mc-list-content .mc-line:nth-child(n+2) {
    font-size: 14px;
    font-weight: 400;
}

.mc-list .mc-list-item .mc-list-item-footer {
    border-top: 1px solid rgba(0,0,0, 0.12);
    background: rgba(0,0,0, .02);
    padding: 5px 16px;
    font-size: 12px;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.mc-chip {
    background: #E0E0E0;
    font-size: 10px;
    display: inline-block;
    padding: 4px 6px;
    font-weight: 500;
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0, .1);
    position: relative;
    letter-spacing: .5px;
    text-rendering: optimizeLegibility;
}


.mc-chip[disabled] {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.16);
    color: rgba(0,0,0,0.38);
    cursor: default;
}

.mc-chip.mc-chip-actions {
    padding-right: 18px;
}

.mc-chip .mc-chip-action [class*="-icons"]:focus {
    color: rgba(0,0,0,0.87)
}

.mc-chip[disabled] [class*="-icons"],
.mc-chip[disabled] [class*="-icons"]:focus {
    outline: none;
    color: rgba(0,0,0,0.38);
}

.mc-chip .mc-chip-action {
    position: absolute;
    right: 0;
    width: 12px;
    top: 0;
    bottom: 0;
    line-height: 1.5;
    cursor: pointer;
}

/* Medrio Icons font support */

@font-face {
    font-family:"Medrio Icons";
    src:url("../../public/assets/fonts/medrio-icons.eot?6ab8ba5001e9ef4a13946c55aef62685");
    src:url("../../public/assets/fonts/medrio-icons.eot?6ab8ba5001e9ef4a13946c55aef62685#iefix") format("embedded-opentype"),
        url("../../public/assets/fonts/medrio-icons.woff?6ab8ba5001e9ef4a13946c55aef62685") format("woff"),
        url("../../public/assets/fonts/medrio-icons.ttf?6ab8ba5001e9ef4a13946c55aef62685") format("truetype");
    font-weight:normal;
    font-style:normal;
}

.mc-icons {
    font-family:"Medrio Icons";

    display:inline-block;
    line-height:1;
    font-weight:normal;
    font-style:normal;
    font-size:24px;
    vertical-align:middle;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings: 'liga';
}

/* material and Medrio icons sizing and coloring */
[class*="-icons"] {
    color: rgba(0,0,0, 0.87);
}

[class*="-icons"].mat-12 {
    font-size: 12px;
    height: 12px;
    width: 12px
}

[class*="-icons"].mat-14 {
    font-size: 14px;
    height: 14px;
    width: 14px
}

[class*="-icons"].mat-16 {
    font-size: 16px;
    height: 16px;
    width: 16px
}

[class*="-icons"].mat-18 {
    font-size: 18px;
    height: 18px;
    width: 18px
}

[class*="-icons"].mat-20 {
    font-size: 20px;
    height: 20px;
    width: 20px
}

[class*="-icons"].mat-22 {
    font-size: 22px;
    height: 22px;
    width: 22px
}

[class*="-icons"].mat-24 {
    font-size: 24px;
    height: 24px;
    width: 24px
}

[class*="-icons"].mat-25 {
    font-size: 25px;
    height: 25px;
    width: 25px
}

[class*="-icons"].mat-36 {
    font-size: 36px;
    height: 36px;
    width: 36px
}

[class*="-icons"].mat-48 {
    font-size: 48px;
    height: 48px;
    width: 48px
}

[class*="-icons"].mat-dark {
    color: rgba(0,0,0,0.54)
}

[class*="-icons"].mat-dark.mat-inactive {
    color: rgba(0,0,0,0.26)
}

[class*="-icons"].mat-light {
    color: #fff;
}

[class*="-icons"].mat-light.mat-inactive {
    color: rgba(255,255,255,0.3)
}

[class*="-icons"].mat-blue {
    color: #00aeef;
}

[class*="-icons"].mat-blue.mat-inactive {
    color: #89dfff;
}

.danger,
.danger[class*="-icons"] {
    color: #dd2c00;
}

.warning,
.warning[class*="-icons"] {
    color: #ff9800;
}

.success[class*="-icons"] {
    color: #4caf50;
}

.primary-dark {
    color: var(--primary-dark);
}

.footer-text {
    float: right;
    padding: 0px 10px 10px;
    text-decoration: underline;
    font-size: 10px;
    color: #949494;
}

.linked-form-list {
    background: #f5f5f5;
    padding: 20px;
    margin: 10px 10px 20px 10px;
    box-sizing: border-box;
}

.linked-form-i-frame {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.divFirstVisitCannotBeReordered {
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 0px;
}

.visit-status-wrapper {
    height: 24px;
}

.mc-table-no-padding-td th, .mc-table-no-padding-td td {
    padding: 0px !important;
}

.mc-table-no-padding-td th, .mc-table-no-padding-td td {
    padding: 0px !important;
}
#studyChangedAlert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    display: none;
}
.mc-header {
    font-weight: 500;
    font-size: 16px;
}
.dialog-content-size {
    font-size: 16px;
}
.text-14 {
    font-size: 14px;
}
.align-right {
    text-align: right;
}
.vert-align-sub {
    vertical-align: sub;
}
.vert-align-middle {
    vertical-align: middle;
}
.font-weight-normal {
    font-weight: normal;
}
/*Dashboard Styles*/
.divDashboardLandingReport header h1 {
    margin: 6px 0px !important;
}
.divDashboardLandingReport > header {
    position: relative;
    width: 300px;
    height: 20px;
    left: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
}

.divLandingReport {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 20px;
    left: 12px;
}

.consentSummaryBarHead, .monitoringSummaryBarHead {
    width: 395px;
    height: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.7) !important;
}

.consentSummaryBarHead {
    margin: 20px 0px 20px 20px;
}

.monitoringSummaryBarHead {
    margin: 20px 0px 0px 20px;
}

.divChartCard {
    position: relative;
    width: 438px;
    height: 325px;
    margin-left: 20px;
}

.divChartSubMask {
    width: 436px;
    height: 323px;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    background-color: white;
}

.pnlConsentReport {
    width: auto;
    height: 245px;
}

.divMonitoringCard {
    position: relative;
    width: 438px;
    height: 325px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 20px;
}

.divMonitoringSubMask {
    width: 436px;
    height: 323px;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    background-color: white;
}

#imgPieChart {
    position: absolute;
    top: 34px;
    margin: 20px 20px 10px 20px;
    width: 396px;
    height: 221px;
}

#btnView, #btnChartView {
    position: relative;
    font-family: Roboto;
    font-weight: 500;    
    margin-right: 5px;
    margin-bottom: 5px;
}

#btnView {
    top: 248px !important;
}

#btnChartView {
    bottom: 17px;
}

med-dialog .med-dialog-container {
    text-align: start;
}

.no-vertical-align > td{
    vertical-align: middle;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-justify-end {
    display: flex;
    justify-content: flex-end;
}

.visibility-hidden {
    visibility: hidden;
}

.pointer-events-none {
    pointer-events: none;
}

.word-wrap-break-word {
    word-wrap: break-word;
    white-space: normal;
}
/*Dashboard Styles*/