/*
 * RESET
 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
img{outline:none;}
a img { border:0; }


/*
 * BASICS
 */
html,body{ background:#fff;}
img { -ms-interpolation-mode:bicubic; } /* http://www.joelonsoftware.com/items/2008/12/22.html */
form {position:relative;}

/*
 * HOME PAGE
 */
.urgent-dda-table{
    width: 175px;
}

/*
 * TYPOGRAPHY
 */
body {color:#393939; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:13px; line-height:1.4;}
a, .ui-widget-content a { color: #004F91;  }
a:hover { color: #004F91; }
p { margin:15px 0;}
h2,h3,h4,h5{ line-height:1.2;}
h2{ font-size:1.4em; border-bottom:1px solid #9EB3C3; margin:20px 0;}
h3{ font-size:1.12em; font-weight:bold; margin: 10px 0 10px 0; }
h3>small, h3>small>a{ font-size:11px; }
h4{font-weight:bold; margin:15px 0;}
h5{ font-weight:bold; font-size:14px; margin:0 0 15px 0; }
[class^="icon-"], [class*=" icon-"]{ font-size:18px; }
address { font-size:11px; font-style:italic; margin:10px 20px; color:#777;}


/*
 * LISTS
 */
ul, ol {margin-left:30px;}
li{list-style-image:none; margin-bottom:10px;}
ul.horizontal {list-style-type:none; padding:0 10px; }
ul.horizontal li {display:inline; border-left:1px dotted #666; padding-left:10px; margin-left:10px;}
ul.horizontal li.first {border:none;}


/*
 * TABLES
 */
table { margin:5px 0;}
table.wide th.label {width: 141px;}
table.double-wide th.label {width: 200px;}
th { font-weight: bold; }
td { padding:2px;}
.nactrc-reports table div { margin-bottom: 5px; margin-top: 5px;}
.nactrc-reports table td { width:400px;}
.space-row{ height: 20px;}
th.label,.align-right { width:120px; padding-right:20px; text-align:right; font-weight:normal; color: #555;}

th.label.wide { width:200px; }
td.date { white-space: nowrap; }
td.value { word-break: break-all; min-width: 100px;}
table.bordered td, table.bordered th { padding:6px 8px; border:1px solid #bbb; vertical-align: middle; }
table.bordered th { background: #F0F0F0; }
.roadmap-table > tbody > tr > td {padding-right:150px;}
.dda-hsa-workflow-widget table td{ padding-left:15px; padding-right:15px; padding-top:5px; }
.scrollable-table {
    max-width: 1100px;
    overflow: auto;
    white-space: nowrap;
}
.ame-dashboard-table{width: 100%;}
.ame-table {        }
.ame-table  tr {       border-bottom: 1px solid #b3b2b2; }
.ame-type-new, .ame-type-new select  {  color: #018b06; }
.ame-type-system-new select {
    color: #08770c !important;
}
.ame-type-researcher-new{    color: #018b06 !important;}

.ame-type-researcher-delete {
    color: red  !important;
    text-decoration: line-through  !important;
}

.ame-type-delete    {   color: red;
    text-decoration: line-through;   }
.ame-table select { width:150px;}

.ame-dashboard-table td:nth-child(1),.ame-table td:nth-child(1) {
    width: 40%;
}
.ame-dashboard-table td:nth-child(2),.ame-table td:nth-child(2) {
    width: 40%;
}


.ame-dashboard-table td:nth-child(3),.ame-table td:nth-child(3) {
    width: 20%;
}
.icon-info-sign {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
/*
 * FORMS
 *
 * inspired by: http://purecss.io/forms/
 */

label { display:block; color:#555; vertical-align:middle;}
.form-control-group label { display:inline-block; width: 200px; margin-right:25px;text-align:right; }
#admin-oa-review .form-control-group  label { display:inline-block; width: 50px; margin-right:25px;text-align:right; }
label.radio, label.checkbox, .form-control-group label.radio, .form-control-group label.checkbox {display:block; text-align:left; margin:4px 0; width: auto;}

input[type=file], input[type=text],input[type=password],select,textarea{    background: white; width:250px; margin:0 20px 0 0; vertical-align:middle; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:inline-block; padding:5px 0; }
input[type=text],input[type=password],select,textarea { border-radius:2px; box-shadow: inset 0 1px 3px #ddd; border:1px solid #bbb; padding:5px 8px;}
input.large,select.large,textarea.large { width:400px; }

input.disabled, input[disabled], select[disabled], textarea[disabled] { background: #EAEDED; color:#868686; cursor:not-allowed; }
input[readonly], textarea[readonly] { color:#868686; background:#eee; }
textarea{height: 80px; }
input.phone-segment{width:50px; margin-right:0;}
.textField{word-wrap: break-word;}
.comment .textField{white-space: break-spaces;}
input[type=radio], input[type=checkbox] { margin-right: 5px; vertical-align: baseline; }
input[type=text].validation-error, textarea.validation-error, select.validation-error, div.validation-error, tr.validation-error, a.validation-error { border: 1px solid #CA1717;}
.select2 .validation-error {
    border: 1px solid #CA1717 !important;
}
.longer-dropdown ul  {
    max-height: 400px !important;
}



button { vertical-align:middle; }

.form-control-group { margin-bottom:7px; }

.form-control-group .form-control { margin:0; display:inline-block;}
.form-control { vertical-align:middle; margin:0 0 7px 225px; vertical-align:middle; color:#555; }
.form-control > button { margin-right:20px; }

.form-control>p {width:250px; margin:0;}
.form-control>p.large { width:400px;}

.form-errors { padding: 10px; margin-bottom:20px; }
.form-errors li { margin:0; }

/*
 * Login Page
 */

.login-page{    padding-left: 302px;}

.login-password-form{    padding-left: 10px;}
.login-form{    padding-left: 150px;}
.login-buttons{    padding-left: 380px;}
.login-error{padding-left: 302px;
    color: red;}

/*
 * APEX OVERRIDE
 */
a.t12Button:hover{text-decoration:none;}
td.t12ButtonAlternative3Left,td.t12ButtonAlternative3Right{padding:0;}
td.t12data{background:#fff;}
h2 > a.t12Button { margin-left:20px; position:relative; bottom:2px; }
.htmldbUlErr {margin-left: 85px; list-style: none; text-align: left; color:red}

/*
 * SELECT2 CSS
 */
.select2 ul {margin-left: 0px;}

/*
 * WEB FRAMEWORK / SLICKGRID
 */
input.file {opacity:inherit !important; position:static; -moz-opacity: inherit; filter: alpha(opacity:100); }
.slick-cell .ui-icon { display: inline-block; zoom:1; *display:inline; *display:none;}
.slick-cell {padding:0 2px; line-height:30px;}
.currency {  text-align: right; }
.out-standing-row .out-standing-cell {padding : 0; border-left:1px solid #f19190 ; border-top:1px solid #f19190;}
.out-standing-data {background-color: #f19190;}


/* JQUERY UI */
.ui-datepicker { background:#E9EAEC;}
.ui-tabs .ui-tabs-panel { padding:0; }
.ui-button, .ui-button.ui-state-default { background:#0066B2; border-left:#AAA 2px solid; border-top:#AAA 2px solid; border-right:#333 2px solid; border-bottom:#333 2px solid; color:#fff; font-weight:bold; padding:2px 8px; margin-left:2px; margin-right:2px;}
.ui-button span.ui-button-text {padding: 0;}
.ui-button.secondary-button { background: #5A849C; }

/* JQUERY UI ES6 */
.ui-front { z-index: 100}
.ui-widget-overlay {position: fixed !important;}
.es6-ui-dialog .ui-icon-gripsmall-diagonal-se {background-position : -80px -224px;}
.es6-ui-dialog-buttonpane .ui-button { padding : 4px 8px;}
.es6-ui-dialog-title-bar-close {background: transparent; border: none}
.es6-ui-dialog-title-bar-close span.ui-button-icon { margin : -8px; }

/*
 * COLUMN LAYOUT
 */
.container { position:relative; margin:0 4%; min-width:960px; height:100%;}

.primary-column{ min-height:700px; }
.secondary-column{background:#f5f5f5;}
.column-content{padding:20px;}

/**
 * The below layout css is deprecated but
 * used on some old apex pages.
 */
#primary { width: 100%; background:#fff; min-height:700px; padding-bottom:50px; }
#primary-content { padding:20px 0; }
#primary-content.left-column{ padding-left:350px; padding-right: 0px;}
#right{ width: 328px ;position:absolute; right:0; top:0; height:100%; background:#F5F5F5; border-left:1px solid #bbb; border-right:1px solid #bbb;}
#left{ width: 328px ;position:absolute; left:0; top:0; height:100%; background:#F5F5F5; border-left:1px solid #bbb; border-right:1px solid #bbb;}


/*
 * MAIN LAYOUT ITEMS
 */
#header { font-size: 12px; border-bottom: 3px solid #0063b6; position:fixed; padding-top:10px; top:0; width:100%; box-shadow: 0 6px 6px #C0C4B2 inset; z-index:12; height:90px; }
#header a, #footer a {text-decoration:none;}
#footer{ background:#f6f6f6; clear:both; padding:40px 0; border-top:1px solid #ADAFA2; color:#555; }
#header, #footer {background: #D3D6C6; }
#content { margin-top:103px;} /* margin-top = header height + header padding + header border */

p.message { border: 1px solid #ABABAB; padding:15px; background:#fff8a6; margin:0 20%; font-weight:bold; text-align:center;}

#header h1{font-size:30px;color:#444;text-shadow:1px 1px #eee;}
#header ul.horizontal{ float:right; clear:right;}

#footer .logos { float:left; }
#footer .logos img { height:50px; margin-right:25px; vertical-align:middle }
#footer .logos img.nactrc {height: 59px; margin-top:8px;}
#footer .logos img.uofa {height: 35px;}
#footer p.copyright { margin:0; line-height:15px; float:right; width:310px; text-align:right;}

.user-info { float:right; }
.user-info .user-navigation a {border-left:1px dotted #666; padding-left:10px; margin-left:10px;}

.tabby-user-info-container { float:right; }
.tabby-user-info-container #user-avatar {float : right;}
.tabby-user-info-container #user-avatar img {height: 45px; width: 45px; border-radius: 50px;}
.tabby-user-info-container #user-avatar a {border: none;}

.tabby-user-info-container .tabby-user-info {margin-right: 20px; display: inline; float:right;}
.tabby-user-info-container .tabby-user-info #user-name {text-align: left; margin-bottom: -3px;}
.tabby-user-info-container .tabby-user-info #user-name span {font-weight: bold;}

.tabby-user-info-container .tabby-user-info #user-email {text-align: left; color: #989898; font-size : 11px;}

.tabby-user-info-container .tabby-user-navigation { font-size: 11px; margin-top: 3px; text-align: left;}
.tabby-user-info-container .tabby-user-navigation a {border-right:1px dotted #666; padding-right:10px; margin-right:10px; color: #4f819d}

.navigation-container { height:30px; width:100%; position:absolute; bottom:0; right:0;}
ul.navigation { float:right; list-style-type:none; }
ul.navigation > li {position:relative; display:inline-block; height:30px; margin:0 0 0 2px; background:#5A849C;}
ul.navigation > li.active, ul.navigation > li.active:hover { background: #0063b6; }
ul.navigation > li.open, ul.navigation > li:hover  { background: #386C97; }
ul.navigation > li > a {color:#fff; text-decoration:none; display:inline-block; width:100%; height:100%; line-height:30px; padding:0 8px; }
ul.navigation > li > a > i { padding-left:4px;}

ul.navigation li ul.dropdown-menu { position:absolute; display:none; top:100%; left:0; z-index:1000; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; background-color:#fff; background-clip:padding-box; border: 1px solid #CCC; border: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); }
ul.navigation li ul.dropdown-menu>li { margin:0; }
ul.navigation li ul.dropdown-menu>li>a { display:block; padding:3px 20px; clear:both; white-space:nowrap; color:#333; line-height:1.42857143; font-weight:normal;}
ul.navigation li ul.dropdown-menu>li>a:hover,ul.navigation li ul.dropdown-menu>li.active>a { background-color:#E0E7EC; color: #262626; text-decoration:none; }

.open > .dropdown-menu { display:block !important; }

/* BERTHA SPECIFIC LAYOUT */
body.bertha .tab-container { position:absolute; bottom:1}
.sub-nav-container {position:absolute; bottom:0; left:0; width:100%; background: #0063b6; height:18px; }
a.sub-nav {color:#fff; margin:0 10px; line-height:18px;}
a.sub-nav.sub-nav-active {font-weight:bold;}
a.sub-nav:hover { color:#fff; }

body.bertha #header { background-color: #fff; border:none; box-shadow:none; height:110px; position:relative; }
body.bertha #header img { margin-left:8px; margin-top:5px; height:70px; }
body.bertha .container { margin:0; }

body.bertha .tab-container{ position:absolute; bottom:18px; right:0; padding-bottom:3px;}

body.bertha a.tab {padding:3px 14px; color:#fff; margin-right:2px; border-radius:15px 15px 0 0; font-weight:normal; border-top:3px solid #9BB2C5; border-right:4px solid #005699; background:#5A849C;}
body.bertha a.tab:hover, body.bertha a.tab.active {background:#0063B6;}


/*
 * RIGHT COLUMN
 */
#right .client-content { padding:10px; }
#right .client-content a{text-decoration:none;}

/*
 * LEFT COLUMN
 */
.sidebar-region { padding:10px; }
.sidebar-region a{text-decoration:none;}
.sidebar-region ul.vertical-sidebar-list{ margin-left:0;}
.sidebar-region ul.vertical-sidebar-list li{ list-style-type:none; margin-bottom:5px; background:#5a849c; }
.sidebar-region ul.vertical-sidebar-list li:hover{ background:#0063b6; }
.sidebar-region ul.vertical-sidebar-list li a{color:#fff; text-decoration:none; padding:10px; display:block; text-transform:uppercase; font-size:11px;}


/*
 * MISC REGIONS
 */
.region { padding-bottom:20px; }
.breadcrumb-region{background:#e6e6e6; padding:6px; border-radius:8px; }


/*
 * MISC
 */
iframe.java { width:100%; }
.clearfix,.clear { clear:both; }
.warning{ color:red; }
.warning-bold{ color:red; font-weight: bold;}
.hidden{display:none !important;}
.underline{text-decoration:underline;}
.bold{font-weight: bold;}
.inline-p{display: inline;}
.no-wrap-around{white-space: nowrap;}

.read-more, .read-less{	display:block;font-size:11px;text-align:right;color:#666; }
.gradient-content {	border:1px solid #dddddd;background: #e9e9e9 url(custom-theme/images/ui-bg_highlight-soft_65_e9e9e9_1x100.png) 50% top repeat-x; color:#333; margin-top:10px; padding:10px; }
.nactrc-reports .gradient-content {    width: max-content;}
.dialog-form{display:none;}

.datepicker-calendar,span.datepicker-calendar-today, .form-control>span.datepicker-calendar-today  { display:inline-block; position:relative; left: -65px; vertical-align:middle; cursor:pointer; color:#353535;}
span.datepicker-calendar-today, .form-control>span.datepicker-calendar-today{margin-right:-28px;}
span.datepicker-calendar-today>i.icon-sign-blank{font-size:18px;}
span.datepicker-calendar-today>i.icon-text{position:relative; font-size:12px; font-weight:bold; color:#fff; left:1px;}


.dashboard-widget-title span {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}

.notice { background:#FFFFBE;border:1px solid #FFD600; width:500px; padding:5px; }
.document-breadcrumb { margin:0 0 30px 10px; }

#incompatible-browser-warning { display:none; }
.op-app-add-comment-dialog {width:  488px;}
.op-app-add-comment-dialog textarea {width:  376px;}
.op-app-add-comment-dialog label {width: auto; !important;}
h2 > small > a.button { margin-left:20px; margin-bottom:5px; }

.impersonation-bar{  padding-bottom:5px;padding-left:10px; border:1px solid #ffde2e; background: #FFEB80; color: #363636; list-style: none; border-radius: 4px;}
.impersonation-bar > a {display:inline-block; padding-top: 5px;}

.special-conditions { height: 500px; width: 575px;}
/*
 * Every date with this span tag effective date will now be red
 */
.effective-date { color: red; }

.invisible { visibility: hidden; }

/*
 * PROFILE
 */
.edit-profile-avatar-container label.edit-profile-avatar { display:inline-block; margin-right:10px;}
.edit-profile-avatar-container { display:inline-block; max-width:500px;}
label.edit-profile-avatar-label { vertical-align: top;}
label.edit-profile-avatar img { width: 70px; }
.three-col-row { overflow-wrap: anywhere; }
/*
 * PROTOCOL SELECTOR
 */
.protocol-selector { border:1px solid #bbb; padding:8px; }
.protocol-selector-grid { height: 350px; margin-bottom:15px; }
.protocol-selector .chosen-protocol { font-weight:bold; margin-left:20px; }
.protocol-selector .missing-protocol-info { float:right; }
.extra-ethics-questions { display:none; }
.no-funding-message {display:none;}

/*
 * REB IMPORT
 */
.cancel-comment-box{padding-top: 20px;}
.cancel-comment-box textarea {padding-top: 20px; width: 100%;}



/*
 * CREATE ACCOUNT
 */
p.account-exists {width:350px;}

/*
 * Reset MY PASSWORD
 */
form#forgot-my-password { height:300px;} /* height keeps the loading animation reasonable */


/*
 * TABBY ADMIN
 */
.stat{ display:inline-block; float:left; height:100px; width:150px; padding:20px 10px;}
.stat-value{display:block;font-weight:bold; font-size:24px; text-align:center;}
.stat-description{display:block;text-align:center;}
textarea.static-content-editor{width:800px; height:400px;}


/*
 * SEARCH PAGE
 */
.search-page-top-section {position:relative;}
.search-form {width:630px; height:60px; padding:20px 0; background: #F5F5F5; float:left;}
.search-extra-information { margin-left:630px; padding:0 10px;}
.search-extra-information p { margin: 5px;}
.search-extra-information a { margin: 5px;}
.search-hidden-information { max-height:600px; overflow-y: auto; }
.search-extra-information > form > fieldset{border-width: 1px; border-style: solid; border-color: #bbb; border-image: initial;}
.search-results { height: 500px; background:#fafafa; margin-top:20px;}
.search-results-bar { height:30px; background:#F6F6F6; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; }
.search-results-export { line-height:30px; float:left; }
.search-results-count { float:right; margin-right:5px; line-height:30px;}
.search-results-modify-columns {float:left; margin-right:10px; padding-left:3px; line-height:30px;}
.button.primary-button.search-page-primary-action { margin-left:20px;}
.search-results-confirm{
    padding-top: 50px;
}

/*
 * DETAIL SEARCH FORM
 */
#detailed-search-form {background: #F5F5F5; padding-top: 20px; padding-bottom: 40px;width:700px;}
#detailed-search-form .form-control-line{ display: flex;  width:50%;  padding-bottom: 10px;   padding-left: 20px;}
#detailed-search-form .form-control-group{ display: flex;}
#detailed-search-form label{ width: 100px;}
#detailed-search-form .form-control input { width: 170px;}
#detailed-search-form button{ float: right;}


/*
 * Review Legal Document Search Page
 */
.review-legal-document-search-info p {margin-bottom: 1px; margin-top: 6px;}
/*
 * Review Legal Document Watch List Search Page
 */
a.onHold{color: #FF0000;}

/*
 * OA REVIEW SEARCH PAGE
 */
#has-cci-admin-approval-icon{padding-top: 2px; padding-left: 4px;}

/*
 * SEARCH PAGE
 */

/* $background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/13460/dark_wall.png'); */
.select-search-preset {
    padding-right: 20px;
}
.search-preset {
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
}
.search-preset label {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 5px;
    border-style: groove;
    border-width: 1px;
    cursor: pointer;
}
.search-preset label:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #004F91;
    background: linear-gradient(top, #004F91 0%, #004F91 100%);
    opacity: 0;
}
.search-preset label:hover::after {
    opacity: 0.3;
}
.search-preset input[type=checkbox] {
    visibility: hidden;
}
.search-preset input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.search-preset > p {
    display: inline-block;
    margin: 2px 0px 0px 26px;
}

    /*
     * REQUEST FORMS
     */
#tabs {border:none;}
.middle-or { margin:20px 0px;}
.last-saved { position:absolute; bottom:10px; right:10px; }
.review table { width:100%; margin-bottom:30px; }
.tab-content { min-height:400px; }
.tab-fieldset{ padding:20px 0;}
.footer { height: 100px; padding: 10px 0; position: relative; border-top: 1px solid #bbb; }
.footer-buttons .nav-prev { float:left; }
.footer-buttons .nav-next { float:right; }

/*
 * VIEW OA
 */
span.oa-status { font-size:20px; font-weight:bold; }

/*
 * OA TAB
 */
#tab-research-agreement .tab-content {margin-bottom: 20px;}
/*
 * VIEW PROTOCOL
 */
form#edit-protocol-permissions input[name=user] { width:100%; margin:0; }

. .slick-viewport {
    overflow-x: hidden !important;
}
/*
 * VIEW ECLINICIAN
 */
form#assess-eclinician, form#upload-signed-agreement { position:relative; }

/*
 * VIEW LEGAL DOCUMENT
 */
table.ld-comments { margin-bottom:20px; }

/*
 * ADMIN EDIT ECLINICIAN
 */
table.consolidate-protocols-review { margin-top:40px; width:100%; position:relative;}


/*
 * ADMIN EDIT Static Document.
 */
#copy-html-link-textarea { opacity:0; width:1px;}

/*
 * REQUEST OA
 */
#request-op-app #no-funding-message{width:400px;margin-top:10px;}
#request-op-app .site-area-message{	color:red; margin-bottom:20px;}
#request-op-app .area-message{width:400px;color:red;}
#request-op-app .area-ra-message{width:400px;color:red;	margin-top:10px; margin-bottom:10px;}

/*
 * REQUEST OA QUESTION
 */
.label-question {margin: 0 0 7px; font-weight: bold;}
.indent-question {margin-left: 35px;}

/*
 * REQUEST DDA
 */
#request-dda-app .dda-request-text {width: 60%;}

/*
 * VIEWING OA
 */
.comment img.avatar {border:1px solid #ddd; width:55px; height:55px; float:left; margin-right:10px; border-radius:8px;}
.comment{margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:7px;}
.comment-info{color:#666; display:block; margin-bottom:5px;}
.dialog-report-comment textarea {width:500px; height:100px;}
#comment-section {color: #555}

/*
 * VIEWING LD
 */
#update-progress input[readonly], #update-progress input[disabled], #update-progress select[disabled] { border:none; box-shadow:none; background: none; color:#353535; cursor:default; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#update-progress span.pit-user { display:inline-block; min-width: 125px; }

/*
 * PROTOCOL ROAD MAP
 */
.rm-info-panel { min-height:80px; padding:10px; background-color: #f5f5f5; }
.rm-avatar { border:1px solid #aaa; height:78px; float:left; border-radius:8px;}
.rm-definition {margin-left:10px; width:75%; display:inline-block;}
.rm-definition p:first-child {display:inline;}
table.rm-legend {width:230px; margin-bottom:20px;}
table.rm-legend th.label { margin-bottom:10px; padding:0; width:20px; border:1px solid #888; }
table.rm-legend td {padding-left:5px;}
.rm-descriptions { display:none; }
#canvas-wrapper {position:relative; float:left;}
#canvas-overlay {position:absolute; top:0; left:0;}
#canvas-overlay .rm-destination-node { position:absolute; text-align:center; }
#canvas-overlay
div.rm-aa-percentage { font-size:30px; }
.rm-destination-node a.admin-approval { display:block; }
span.rm-aa-description { }

#canvas-overlay .rm-node { position:absolute; border-width:1px; border-style:solid; border-radius:5px;}
#canvas-overlay .rm-node a {text-align:center; display:table-cell; height:inherit; width:inherit; vertical-align:middle}
.rm-node-completed { background-color: #A3CA9D; border-color: #627e62; }
.rm-node-read-me { background-color:#D7E0FF; border-color: #747d9c;}
.rm-node-not-required { background-color: #CBCBCB; border-color:#595959; }
.rm-node-needs-attention { background-color: #FCA6A6; border-color: #FC7270;}
.rm-node-in-progress { background-color: #FDFD72; border-color: #f4eb4d;}
.rm-node-info-only { background-color: white; border-color:#999; }
.rm-node-no-protocol { background:#C8E0FF; border-color:#818FA1; }

/*
 * PROJECT DASHBOARD
 */
.dashboard-container {width:1490px;}
.dashboard-left-container {width:1140px; float:left;}
.dashboard-column {width:350px; float:left;}
.dashboard-column.middle {width:770px; margin:0 10px;}

.dashboard-widget {float:left; width:100%; margin-bottom:10px;}
.dashboard-widget-border {border:1px solid #A9A9A9; border-radius:2px;}

.dashboard-widget-title {padding:.4em 1em; } /* same padding as dialog header */
.dashboard-widget-content-container {border-top:none;}
.dashboard-widget-content {padding:10px; min-height:50px; position:relative;}
ul.dashboard-widget-actions li {list-style-type:none; float:right; margin-right:20px; }

ul.dashboard-widget-actions li.align-left {float:none; text-align: left; }

#agreements-grid, #finance-grid, #operational-approvals-grid, #eclinician-grid, #related-legal-docs-grid, #party-tracker-grid { height:155px;}
#chart-pulls-grid {height: 200px;}
.prj-warnings-widget .dashboard-widget-content { max-height:250px; overflow-y:auto;}
.prj-eclinician-widget .dashboard-widget-content, .prj-ra-widget .dashboard-widget-content { min-height: 0;}
.dashboard-header-widget .dashboard-widget-content { min-height: 0; }
.dashboard-header-widget .dashboard-widget-title {font-size: 18px;}
.dashboard-widget-content p{margin:5px 0 0 5px;}
#op-app-business-rules {margin: 10px 0 0 5px;}
.dashboard-widget-content img.admin-approval-badge { position:relative; right:4px; vertical-align: middle }


.section { margin-bottom:15px; }
table.dashboard-table {width: 100%;}
table.dashboard-table td, table.dashboard-table th {padding:3px 5px;}
table.dashboard-table .no-wrap {white-space: nowrap;}

/* Iriss User Profile Css */
.iriss-user-profile-form  {width: 80%;}
.iriss-user-profile-form .table{margin-top: 30px; margin-bottom: 20px;}
.iriss-user-profile-form .ui-button{float: right;}

.prj-warning { padding:5px; margin-bottom:5px;}
.prj-warning-low {background:#FEFF86; border:1px solid #E4B317;}
.prj-warning a.warning-exception   {text-decoration:underline; display:block;text-align:right;margin-top:10px;}
a.ame-exception,a.ame-download   {    float: right; padding-left: 10px;}
.ui-state-closed  {        border: 1px solid #d1d1d1;}
.prj-warning.exception {border:1px solid #ddd;}
.prj-warning.exception > span {text-decoration: line-through;}
.prj-warning.exception > p { color: #666; margin-left:25px;}

.two-column-widget, .protocol-header-widget {width: 1130px; margin-right:10px;}

/*
 * Procedure grid
 */
.op-app-procedure-grid { margin-bottom: 20px; }
.review-procedure-search { margin-left : 50px; }
.review-procedure-search .search-results { border-bottom: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid }
.select-procedure-search .search-results { border-bottom: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid }


/*
 * Legal document business days metrics report
 */
.legal-document-business-days-metrics .search-extra-information{margin: 0; padding: 0;}
#nactrclegaldocform .form-control {vertical-align:middle; margin:0 0 7px 225px;}
#nactrclegaldocform .form-control p { margin-top: 5px; margin-bottom: 5px;}

/*
 * OA dashboard
 */

.op-app-general-info > p {display: inline-block; width: 32.5%;}
.details-offset {padding: 2px; margin-left: 20px;}
#op-app-dashboard-widget .label{vertical-align: middle;}
#op-app-comment-content {max-height: 500px; overflow-y: auto;}
.center-align{text-align: center;}
.sub-answer{text-align: right; padding-right: 10px;}
#cci-admin-approval-badge-date {color : #989898;}

/*
 * Protocol dashboard
 */
#protocol-comment-content {max-height: 197px; overflow-y: auto;}
p.p-inline {width: 40%; display: inline-block;}

.p-inline-small { display: inline-block;}
/*
 * Legal document dashboard
 */
.party-tracker-widget .dashboard-widget-content {min-height: 20px;}

/*
 * General document tracker table CSS
 */
.document-tracker-section .document-tracker-table .date-table td {position: relative;}
.document-tracker-section .document-tracker-table .date-table .icon-calendar { position : absolute; left: 215px; top: 9px; }
.document-tracker-section .document-tracker-table .date-table .datepicker-calendar-today { position: absolute; left:225px; margin: auto;}
.document-tracker-section .document-tracker-table .date-table input[readonly] {cursor: not-allowed;}
.document-tracker-section .document-tracker-table .date-table .new-tracker-row td {padding-left: 0;}
.document-tracker-section .document-tracker-table .date-table {margin-bottom: 8px; margin-top: 8px;}

/*
 * Document tracker table CSS used for custom rows
 */
.document-tracker-section .document-tracker-table [class$=data] { display: inline-block; width: 275px;}
.document-tracker-section .document-tracker-table [class$=content] {width : 250px;}


/*
 * Custom document tracker table header row CSS
 */

.document-tracker-section .document-tracker-table .header-row {border-bottom: 1px solid #bbb; padding-bottom: 5px;}
.document-tracker-section .document-tracker-table .header-row .header-row-data .header-row-data-content .party-header {font-weight: bold;}
.document-tracker-section .document-tracker-table .header-row .header-row-data .header-row-data-content .party-header-selected {background-color: #f19190;}
.document-tracker-section .document-tracker-table .header-row .header-row-data .header-row-data-content  .party-checkbox {float :right; text-align: right;}
.document-tracker-section .document-tracker-table .header-row .header-row-data .header-row-data-content  .party-checkbox input[type=checkbox] {margin: 0; vertical-align: middle; -ms-transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/*
 * Custom document tracker table turn-around-time row CSS
 */
.document-tracker-section .document-tracker-table .turn-around-time-row {border-top: 1px solid #bbb; padding-top: 5px;}
.document-tracker-section .document-tracker-table .turn-around-time-row .turn-around-time-row-data .turn-around-time-row-data-content .turn-around-time-row-party {font-weight: bold;}
.document-tracker-section .document-tracker-table .turn-around-time-row .turn-around-time-row-data .turn-around-time-row-data-content .turn-around-time-row-days {float:right; color: red; font-weight: bold;}
.document-tracker-section .document-tracker-table .turn-around-time-row .document-tracker-button-data {width: auto;}
.document-tracker-section .document-tracker-table .turn-around-time-row .document-tracker-button-data-content {width: auto;}

.legal-notes-section .legal-notes-textarea textarea { padding: 0; margin: 0; width: 100%; }

/*
 * Review Conditions
 */
.review-conditions { list-style: none; padding-bottom: 10px; max-height: 30em; margin-right: 3em; width: 100%; }
.review-conditions div { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #ddd }
.review-conditions div > span { width: 40em; display:inline-block; vertical-align: middle; padding-right: 1em; }
span.reviewed-by { font-style: italic; padding-right: 0em; }
.reviewed-by a { font-style: normal; }
.review-conditions div > span.reviewed-by { width: auto; }
.last-review-condition {padding-bottom: 0em !important; margin-bottom: 0 !important; border-bottom: none !important;}

/*
 * Grid layout implementation
 */
.grid-layout * {  box-sizing: border-box;  }
.grid-layout .row::after{  content: "";  clear: both;  display: table;  }
.grid-layout [class*="col-"] {  float: left;  }

.grid-layout > p {  margin: 0 !important;  }

.grid-layout .col-1 {width: 8.33%;}
.grid-layout .col-2 {width: 16.66%;}
.grid-layout .col-3 {width: 25%;}
.grid-layout .col-4 {width: 33.33%;}
.grid-layout .col-5 {width: 41.66%;}
.grid-layout .col-6 {width: 50%;}
.grid-layout .col-7 {width: 58.33%;}
.grid-layout .col-8 {width: 66.66%;}
.grid-layout .col-9 {width: 75%;}
.grid-layout .col-10 {width: 83.33%;}
.grid-layout .col-11 {width: 91.66%;}
.grid-layout .col-12 {width: 100%;}

/*
 * DDA Question Form
 */
#user-system-access-table {margin-left:425px;}
.multi-select-system-user {width:500px;}
p.dda-detail-header {display: inline-block; margin-left: 0px;}
p.dda-header {display: inline-block; }
#nactrcDdaQuestionform .dda-checkbox .checkbox { display:inline-block; width: 400px; margin-right:25px;text-align:left; margin-left: 425px;}
#nactrcDdaQuestionform .form-control-group label { display:inline-block; width: 400px; margin-right:25px;text-align:right; }
#nactrcDdaQuestionform  .character-counter-notice { display:block; width: 400px; margin-right:25px;text-align:left; margin-left: 425px;}
#nactrcDdaQuestionform .add-button { display:inline-block; margin-right:25px;text-align:left; margin-left: 425px;}
.select2-results__message {display: none;}

/*
 * DDA Dashboard.
 */
.bold-comment span {font-weight: bold;}
/*
 * select2
 */
.select2-results__option {padding-top: 0 !important;}
li.select2-results__option{
    margin-bottom: 0px;
}
/*
 * DDA Review question page
 */
.middle-review-section {text-align: center;    vertical-align: middle; width: 80%; margin-left: 10%;}
.middle-review-table { margin-left: 25%;  width: 600px;}
.left-review-column {    text-align: right;
    padding-right: 50px;     width: 170px;}
.right-review-column {text-align: left;}
.middle-review-title {text-align: center; vertical-align: middle; }
.diff-color-rows table tr:nth-of-type(odd) {
    background-color:#cbe1f5;
}
.diff-color-rows table {
    table-layout: fixed;
    width: 100%;
}
.equal-width-table td.value{
    min-width: 200px;
}
#nactrcDdaQuestionform .form-control-group .right-review-column {
    text-align: left;
}
.q-set-review {width:70%;}
select[name="workflowSelection"] {
    background: #ffff;
}
/*
 * ConnectCare question dashboard
 */
.connect-care-question{

    width: 100%;
    margin-left: 10px;
    margin-right: 10px;

}

.connect-care-question tr{
    line-height: 30px;
}

.comment-title {
    padding-left: 8px;
}

/*
 * GRH Question Form
 */

#grhQuestionForm .general-checkbox .checkbox { display:inline-block; width: 500px; margin-right:25px;text-align:left; margin-left: 525px;}
#grhQuestionForm .form-control-group label { display:inline-block; width: 500px; margin-right:25px;text-align:right; }
#grhQuestionForm  .character-counter-notice { display:block; width: 500px; margin-right:25px;text-align:left; margin-left: 525px;}
#grhQuestionForm .add-button { display:inline-block; margin-right:25px;text-align:left; margin-left: 525px;}
#grhQuestionForm .warning {
    width: 700px !important;
}

/* the end */