html.ecrd .theme-horizontal select.form-control:not([size]):not([multiple]),
html.ecrd .theme-horizontal-light select.form-control:not([size]):not([multiple]) {
    height: auto;
}

html.ecrd .theme-horizontal #portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet,
html.ecrd .theme-horizontal-light #portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet{
	margin-bottom: 0px;
}

html.ecrd .theme-horizontal #portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet .portlet-content,
html.ecrd .theme-horizontal-light #portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet .portlet-content{
	border: none;
}

html.ecrd .theme-horizontal .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label,
html.ecrd .theme-horizontal-light .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label{
	white-space: nowrap;
}

html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_patient_selector_ .portlet-content,
html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_center_selector_ .portlet-content,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_patient_selector_ .portlet-content,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_center_selector_ .portlet-content{
	background-color: transparent;
	padding: 0;
}

html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_patient_selector_ .patient-selector-wrapper > .form-group,
html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_patient_selector_ .patient-selector-wrapper > .form-group,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group{
	margin-bottom: 0;
    margin-top: 1.5rem;
}

html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_patient_selector_ section.portlet,
html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_center_selector_ section.portlet
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_patient_selector_ section.portlet,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_center_selector_ section.portlet{
	margin-bottom: 0;
}

html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group,
html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group{
	margin-right: 2rem;
}

html.ecrd .theme-horizontal .input-group>.twitter-typeahead:not(:first-child) input.form-control,
html.ecrd .theme-horizontal-light .input-group>.twitter-typeahead:not(:first-child) input.form-control{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 2.375rem;
}

html.ecrd .theme-horizontal .center-name-wrapper{
    color: white;
}

html.ecrd .dropdown-menu > li > a{
	white-space: nowrap !important;
}

html.ecrd .center-name-wrapper{
	padding: 25px 15px;
}

html.ecrd .modal-header{
	height: auto;
}

html.ecrd a.dropdown-toggle:hover {
    text-decoration: none;
}

html.ecrd .dropdown-toggle::after {
    display: none !important;
}

html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__languages .m-topbar__language-selected-img {
    width: 26px;
    border-radius: 50% !important;
}

html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__languages .m-nav__item .m-topbar__language-img {
    width: 22px;
    border-radius: 50% !important;
}

html.ecrd .yui3-widget.modal-dialog {
    position: fixed;
    max-width: initial;
    left: 0 !important;
	top: 0 !important;
	display: block;
}

html.ecrd .yui3-widget.modal-dialog iframe {
    height: 100% !important;
	width: 100% !important;
}

html.ecrd #portlet_net_sonicon_ecrd_usermessages{
	margin: 0 !important;
}

html.ecrd .nav.nav-pills.no-margin-bottom, .nav.nav-tabs.no-margin-bottom{
	margin-bottom: 0 !important;
}

html.ecrd .m-form fieldset.fieldset {
	padding-bottom: 40px;
}

html.ecrd .m-form fieldset.fieldset h6 {
	margin-top: 10px;
}

html.ecrd .m-header--minimize-on .patient-selector-wrapper>.form-group,
html.ecrd .m-header--minimize-on .center-selector-wrapper>.form-group {
     margin-top: 1rem !important;
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
html.ecrd .m-header--minimize-on .center-name-wrapper {
     padding-top: 20px !important;
     padding-bottom: 20px !important;
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}

html.ecrd #p_p_id_net_sonicon_ecrd_navigation_ section.portlet div.portlet-body{
	height: 100%;
}

html.ecrd #p_p_id_net_sonicon_ecrd_navigation_ section.portlet{
	margin-bottom: 0px !important;
}

html.ecrd .modal.modal-full .modal-dialog {
    width: 90%;
    height: 90%;
    max-width: 90%;
    max-height: 90%;
}

html.ecrd #visit-forms-tree ul.list-group .la-question {
    color: red;
}

html.ecrd #visit-forms-tree ul.list-group .la-exclamation{
	color: orange;
    font-size: 14px;
}

html.ecrd .tt-menu {
	width: 100%;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ebedf2;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

html.ecrd .tt-suggestion {
    padding: 0px 20px;
    font-size: 14px;
    line-height: 24px;
}

html.ecrd .tt-suggestion:hover {
    cursor: pointer;
}

html.ecrd .tt-suggestion.tt-cursor {
	background-color: #eee;
}

html.ecrd .patient-selector-wrapper .twitter-typeahead .form-control,
html.ecrd .center-selector-wrapper .twitter-typeahead  .form-control {
   	height: 2.375rem;
}

html.ecrd .m-topbar__language-text{
	text-transform: capitalize;
}

html.ecrd #m_quick_sidebar_tabs.nav-tabs .nav-link.active, 
html.ecrd #m_quick_sidebar_tabs.nav-tabs .nav-item.show .nav-link,
html.ecrd #m_quick_sidebar_tabs.nav-tabs .nav-link:hover, 
html.ecrd #m_quick_sidebar_tabs.nav-tabs .nav-link:focus {
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}

html.ecrd .alert button.btn svg{
	display: none;
}

html.ecrd .actions.pull-right {
    position: absolute;
    margin-right: 15px;
    right: 2px;
    top: 2px;
}

html.ecrd .actions.pull-right > .dropdown > button {
    padding: 5px;
}

html.ecrd .variable-wrapper .chosen-container{
	float: right;
}

html.ecrd .variable-wrapper > .row{
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
}

html.ecrd .variable-wrapper > .row{
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
}

html.ecrd .variable-wrapper > .row > div{
    align-items: stretch;
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

html.ecrd .variable-wrapper > .row > div > div{
    flex-grow: 1;
    overflow: initial;
    word-wrap: break-word;
    text-align: right;
}

html.ecrd .nowrap{
	white-space: nowrap;
}

html.ecrd div[id$="error"].help-inline{
	color: red;
}

html.ecrd body .profile-info h1 {
    color: #697882;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

html.ecrd body .profile-info .inline {
    display: inline;
    padding-left: 0;
}

html.ecrd body .profile-info .inline > li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
}

html.ecrd body .feeds {
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 20px;
}
 
html.ecrd body .feeds li {
	background-color: #fafafa;
	color: #82949a;
	margin-bottom: 7px; 
	clear: both;
}

html.ecrd body .comments-wrapper {
	margin-top: 20px;
}

html.ecrd body ul.query-tabs {
	margin-top: 50px;
}

html.ecrd body .feeds li:after, html.ecrd body .feeds li:before {
	display: table;
	line-height: 0;
	content: "";
}
  
html.ecrd body .feeds li:last-child {
	margin-bottom: 0;
}
    
html.ecrd body .feeds li .col1 > .cont {
    float: left;
    margin-right: 75px;
    overflow: hidden;
}

html.ecrd body .feeds li .col1 > .cont > .cont-col1 {
	float: left;
	margin-right: -100%;
}

html.ecrd body .feeds li .col1 > .cont > .cont-col1 > .label {
	display: inline-block;
	padding: 5px 4px 6px 5px;
	vertical-align: middle;
	text-align: center;
}

html.ecrd body .feeds li .col1 > .cont > .cont-col1 > .label > i {
	text-align: center;
	font-size: 14px;
}

html.ecrd body .feeds li .col1 > .cont > .cont-col2 > .desc {
	margin-left: 35px;
	padding-top: 4px;
	padding-bottom: 5px;
	overflow: hidden;
}

html.ecrd body .feeds li .col2 {
	float: left;
	width: 75px;
	margin-left: -75px;
}

html.ecrd body .input-mini, html.ecrd body .m-style .input-xxs {
	width: 45px !important;
}

html.ecrd body .feeds li .col2 > .date {
	padding: 4px 9px 5px 4px;
	text-align: right;
	font-style: italic;
	color: #c1cbd0;
}

html.ecrd body .profile-nav .btn.btn-accent {
    color: #fff !important;
    background-color: #00c5dc !important;
    border-color: #00c5dc !important;
}

html.ecrd body .profile-nav .btn.btn-accent:hover {
    color: #fff !important;
    background-color: #00a3b6 !important;
    border-color: #0097a9 !important;
}

html.ecrd body .profile-nav .btn.btn-accent i {
    color: white !important;
}

html.ecrd body .profile-nav .btn.m-btn--air.btn-accent.focus, 
html.ecrd body .profile-nav .btn.m-btn--air.btn-accent:focus, 
html.ecrd body .profile-nav .btn.m-btn--air.btn-accent:hover:not(:disabled):not(.active) {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113,106,202,0.26) !important;
    box-shadow: 0px 3px 20px 0px rgba(113,106,202,0.26) !important;
    background: #00a3b6 !important;
    color: #fff !important;
    border-color: #0097a9 !important;
}

html.ecrd body .switch-delete-file .m-switch{
	vertical-align: top;
    padding: 5px;
}

html.ecrd body .switch-delete-file .download-icon{
	margin-top: 15px;
    margin-right: 5px;
}

html.ecrd body .custom-file-label::after {
    top: 1px;
    height: 2.91rem;
}

html.ecrd body #visit-forms-tree .node-visit-forms-tree{
	align-items: stretch;
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

html.ecrd body #visit-forms-tree .node-visit-forms-tree.node-selected{
	color: #000 !important;
    background-color: rgba(0,100,255,0.2) !important;
    font-weight: bold !important;
}

html.ecrd body .custom-file .custom-file-label {
    white-space: nowrap;
    overflow: hidden;
}

html.ecrd body .row.attachment-odd .control-group > label,
html.ecrd body .row.attachment-pair .control-group > label{
	width: 100%;
}

html.ecrd body .chats {
    margin: -15px 0 0;
    padding: 0;
}
html.ecrd body .chats li {
    list-style: none;
    padding: 5px 0;
    margin: 10px auto;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
html.ecrd body .chats li .body {
    display: block;
}
html.ecrd body .chats li .avatar {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
}
html.ecrd body .chats li .avatar i{
font-size: 25px; margin: auto;
}

html.ecrd body .chats li.in .avatar {
    float: left;
    margin-right: 10px;
}
html.ecrd body .chats li.out .avatar {
    float: right;
    margin-left: 10px;
}
html.ecrd body .chats li .name {
    color: #3590c1;
    font-size: 14px !important;
    font-weight: 400;
}
html.ecrd body .chats li .datetime {
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
html.ecrd body .chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}
html.ecrd body .chats li.in .message .arrow, html.ecrd body .chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
html.ecrd body .chats li.in .message {
    text-align: left;
    border-left: 2px solid #1BBC9B;
    margin-left: 65px;
    background: #fafafa;
}
html.ecrd body .chats li.in .message .arrow {
    left: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #1BBC9B;
}
html.ecrd body .chats li.out .message {
    border-right: 2px solid #F3565D;
    margin-right: 65px;
    background: #fafafa;
    text-align: right;
}
html.ecrd body .chats li.out .message .arrow {
    right: -8px;
    border-left: 8px solid #F3565D;
}
html.ecrd body .chats li.out .datetime, html.ecrd body .chats li.out .name {
    text-align: right;
}
html.ecrd body .chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
    clear: both;
}
html.ecrd body .chat-form .input-cont {
    margin-right: 40px;
}
html.ecrd body .chat-form .input-cont .form-control {
    border: 1px solid #ddd;
    width: 100%!important;
    margin-top: 0;
    background-color: #fff!important;
}
html.ecrd body .chat-form .input-cont .form-control:focus {
    border: 1px solid #4b8df9!important;
}
html.ecrd body .chat-form .btn-cont {
    margin-top: -41px;
    position: relative;
    float: right;
    width: 44px;
}
html.ecrd body .chat-form .btn-cont .arrow {
    position: absolute;
    top: 17px;
    right: 43px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html.ecrd body .chat-form .btn-cont .btn {
    margin-top: 7px;
}
html.ecrd body .chat-form .btn-cont:hover .arrow {
    border-right-color: #0362fd;
    transition: all .3s;
}
html.ecrd body .chat-form .btn-cont:hover .btn {
    background-color: #0362fd;
    transition: all .3s;
}

html.ecrd body ul.queries-action-list {
	position: absolute;    
    right: 0px;
    bottom: 0px;
    margin: 0px 15px 0px 0px !important;
}

html.ecrd .margin-top-30 {
	margin-top: 30px;
}

html.ecrd body button.input-localized-trigger{
	width: calc(2.95rem + 12px);
    height: calc(2.95rem + 2px);
}

html.ecrd .queries-status .pending {
	border-color: #5867dd;
	background-color: #5867dd;
    color: #fff
}

html.ecrd .queries-status .replied {
	border-color: #36a3f7;
	background-color: #36a3f7;
    color: #fff
}

html.ecrd .queries-status .approved {
	border-color: #34bfa3;
	background-color: #34bfa3;
    color: #fff
}

html.ecrd .queries-status .denied {
	border-color: #f4516c;
	background-color: #f4516c;
    color: #fff
}

html.ecrd .queries-status .reopened {
	border-color: #ffb822;
	background-color: #ffb822;
    color: #fff
}

html.ecrd .queries-status .canceled {
	border-color: #ebedf2;
	background-color: #ebedf2;
    color: #fff
}

html.ecrd .queries-logs .pending {
	border-color: #5867dd;
    color: #5867dd
}

html.ecrd .queries-logs .replied {
	border-color: #36a3f7;
    color: #36a3f7
}

html.ecrd .queries-logs .approved {
	border-color: #34bfa3;
    color: #34bfa3
}

html.ecrd .queries-logs .denied {
	border-color: #f4516c;
    color: #f4516c
}

html.ecrd .queries-logs .reopened {
	border-color: #ffb822;
    color: #ffb822
}

html.ecrd .queries-logs .canceled {
	border-color: #ebedf2;
    color: #ebedf2
}

html.ecrd .queries-status li.btn {
	cursor: initial !important;
}

html.ecrd .queries-status span.query-info-status {
	vertical-align: super;
	font-size: 9px;
	margin-left: 10px;
}

html.ecrd .queries-list .row a.view-query-button {
    position: absolute;
    right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

html.ecrd div.date-picker.variable-position input.date-position,
html.ecrd div.daterange-picker.variable-position input.date-position{
	width: calc(100% - 36px);
    float: left;
}

html.ecrd div.date-picker.variable-position div.input-group-append,
html.ecrd div.daterange-picker.variable-position div.input-group-append{
	width: 36px;
    float: left;
}

html.ecrd .form-date-picker .form-control[readonly] {
	border-color: #b6bac5 !important;
}

html.ecrd body div.datepicker.datepicker-dropdown{
	z-index: 100 !important;
}

html.ecrd body .m-header .m-header__top,
html.ecrd body.m-header--fixed.m-header--minimize-off .m-header .m-header__top {
	height: 70px;
}

html.ecrd body .m-header__bottom {
	height: 50px;
}

html.ecrd body.m-header--fixed .m-body {
    padding-top: 110px !important;
}

html.ecrd body .search-list .lfr-search-container {
    margin-top: 0;
}

html.ecrd body #_net_sonicon_ecrd_samples_images_tagDialog,
html.ecrd body #_net_sonicon_ecrd_samples_images_measureDialog{
	height: 100% !important;
    width: 100%!important;
	padding: 0px !important;
	margin: 0px !important;
    overflow: hidden;
}

html.ecrd body #_net_sonicon_ecrd_samples_images_tagDialog .modal-content,
html.ecrd body #_net_sonicon_ecrd_samples_images_measureDialog .modal-content{
	border-radius: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

html.ecrd body #_net_sonicon_ecrd_samples_images_tagDialog .modal-header,
html.ecrd body #_net_sonicon_ecrd_samples_images_measureDialog .modal-header{
	display: none !important;
}

html.ecrd body #_net_sonicon_ecrd_samples_images_tagDialog .modal-body,
html.ecrd body #_net_sonicon_ecrd_samples_images_measureDialog .modal-body{
	max-height: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
}

.note-icon-form{
    margin-right: 10px;
    margin-top: 10px;
}

#form-buttons-visible .query-button,
#form-buttons-visible .note-button,
#form-buttons-visible .metadata-button,
#form-buttons-visible .attachment-button,
#form-buttons-visible .back-button {
	color: #333;
    background-color: #bd212100;
    border-color: #bd212100;
}

#form-buttons-visible .query-button:hover{
    border-color: #e7505a;
}

#form-buttons-visible .note-button:hover{
	border-color: #337ab7;
}

#form-buttons-visible .metadata-button:hover{
	border-color: #34bfa3;
}

#form-buttons-visible .attachment-button:hover{
	border-color: #ffb822;
}

#form-buttons-visible .back-button:hover{
	border-color: #337ab7;
}

.color-icon-red{
	color: #e7505a;
}

.color-icon-blue{
	color: #337ab7;
}

.color-icon-green{
	color: #34bfa3;
}

.color-icon-purple{
	color: #9816f4;
}

.color-icon-orange{
	color: #ffb822;
}

.color-medium-sea-green{
	color: mediumSeaGreen;
}

.margin-icon{
	margin-left: 5px;
	margin-right: 5px;
}

.note-pair{
	background-color: lightcyan;
	padding-top: 15px;
}

.note-odd{
	background-color: lightblue;
	padding-top: 15px;
}

.query-pair{
	background-color: mistyrose;
	padding-top: 15px;
}

.query-odd{
	background-color: pink;
	padding-top: 15px;
}

.metadata-pair{
	background-color: lightgreen;
	padding-top: 15px;
}

.metadata-odd{
	background-color: mediumSeaGreen;
	padding-top: 15px;
}

.attachment-pair{
	background-color: navajoWhite;
	padding-top: 15px;
}

.attachment-odd{
	background-color: sandyBrown;
	padding-top: 15px;
}

.level-1:not(.variable-units){
	padding-left:20px;
	margin-left:20px;
	border-left: 1px dotted #000;
}

.level-2:not(.variable-units){
	padding-left:20px;
	margin-left:40px;
	border-left: 2px dotted #000;
}

.level-3:not(.variable-units){
	padding-left:20px;
	margin-left:60px;
	border-left: 3px dotted #000;
}

.level-4:not(.variable-units){
	padding-left:20px;
	margin-left:80px;
	border-left: 4px dotted #000;
}

.level-5:not(.variable-units){
	padding-left:20px;
	margin-left:100px;
	border-left: 5px dotted #000;
}	

.level-6:not(.variable-units){
	padding-left:20px;
	margin-left:120px;
	border-left: 6px dotted #000;
}

.level-7:not(.variable-units){
	padding-left:20px;
	margin-left:140px;
	border-left: 7px dotted #000;
}

.level-8:not(.variable-units){
	padding-left:20px;
	margin-left:160px;
	border-left: 8px dotted #000;
}

html.ecrd body .m-style .variable-wrapper .radio-list > label.radio-inline:first-child{
	padding-left: 20px;
}

html.ecrd body .m-style .variable-wrapper .radio-list > label.radio-inline{
	margin-left: 0;
}

html.ecrd .yui3-widget.overlay:not(.overlaymask) {
	width: 210px !important;
}

html.ecrd .toast-top-right.extra-right-space {
	right: 72px !important;
}

span.taglib-icon-help span.tooltip-text{
	display: none !important;
}

table.visits-x-forms-grid a{
	color: #222 !important;
}

table.visits-x-forms-grid a:hover{
	color: #333 !important;
}

.search-filters .margin-top-20 {
	margin-top: 20px;
}

#treatment_output {
	width: 100%; 
	margin-top: 30px;
} 

#treatment_output table tbody td, #treatment_output table thead th {
	padding: 10px 10px;
}

#treatment_output table tfoot form button {
	min-height: 30px;
}

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

.variable-value .dropdown.lfr-icon-menu {
	display: inline-block;
}

.variable-value{
	overflow-y: auto;
	max-width: 70%;
	float: left;
}

span[class^="icon-monospaced"], .icon-monospaced {
    line-height: 19px !important;
}

.treeview .list-group-item {
    border: none;
}

.trial-form .nav.nav-tabs{
	margin-bottom: 0px !important;
}

html.ecrd .faq-wrapper {
    width: 60%;
    margin-left: 20%;
    margin-bottom: 50px;
}

html.ecrd .question {
    border-top: 2px solid LIGHTBLUE;
    border-bottom: 2px solid LIGHTBLUE;
	margin-top: -2px;
}

html.ecrd .question h4 {
    margin-top: .5rem;
}

html.ecrd .answer {
    margin-bottom: 20px;
    margin-top: 20px;
}

html.ecrd .question-icon {
    text-align: right;
}

html.ecrd .manual-query-link a span{    
    /*color: #e73d4a;*/
    font-size: 12px;
}

html.ecrd .form-control[readonly], html.ecrd .form-control{
	border-color: #b6bac5;
}
	
html.ecrd body .variable-units-wrapper{
	display: inline-block;
   	margin-left: 10px;
}

html.ecrd body .input-group .input-group-append>.input-group-text, 
html.ecrd body .input-group .input-group-prepend>.input-group-text {
    border-color: #b6bac5;
}

html.ecrd body .trial-form .chosen-drop{
	display: none;
}

html.ecrd body .trial-form .chosen-with-drop .chosen-drop{
	position: relative;
	display: block;
}

html.ecrd .form-control[readonly] {
    border-color: #f4f5f8;
    color: #6f727d;
    background-color: #f4f5f8;
}

html.ecrd .image-carousel-form .variable-wrapper > .row > div {
    display: block;
}

html.ecrd .image-carousel-form .variable-wrapper > .row > div > label,
html.ecrd .image-carousel-form .variable-wrapper > .row > div .variable-position {
    width: 100% !important;
}

html.ecrd body.theme-horizontal-light .m-header {
	background-color: white;
}

html.ecrd .has-error .help-block {
	font-size: 12px;
}

html.ecrd div.portlet-options > a > span > svg {
	margin-top: 0.5em;
}

html.ecrd body .daterangepicker_input .input-mini, 
html.ecrd body .m-style .daterangepicker_input .input-xxs{
	width: auto !important;
}

html.ecrd body .daterange-picker input.date-position{
	border-color: #b6bac5;
}

html.ecrd .form-date-picker .input-group-append .input-group-text {
	padding-top: 17px;
    padding-bottom: 18px;
}

@media (max-width: 500px){
	html.ecrd .actions.pull-right + div.row {
	    margin-top: 2.2rem;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav {
	    margin-top: -20px !important;
	    float: left !important;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item {
	    float: left;
	    height: 60px;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item:nth-child(1), 
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item:nth-child(2) {
		width: 100%;
	    float: left;
	    height: 60px;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item:nth-child(2),
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item:nth-child(3) {
		clear: both;
	}
	html.ecrd .m-header--fixed-mobile .m-topbar {
	    margin-top: 0;
	    top: -165px;
	}
	html.ecrd .center-selector-wrapper .m-form__group{
	    margin-top: 1rem;
	}
	html.ecrd #visit-forms-tree-wrapper {
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	    border-bottom: 1px dotted #aaa;
	}

	html.ecrd .variable-value{
		max-width: 100%;
	}
	
	html.ecrd .variable-wrapper > .row > div {
	    display: block;
	}
}

@media (max-width: 768px) and (min-width: 501px){
	html.ecrd .actions.pull-right + div.row {
	    margin-top: 2.2rem;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav {
	    margin-top: -20px !important;
	    float: left !important;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item {
	    float: left;
	    height: 60px;
	}
	html.ecrd .m-topbar .m-topbar__nav.m-nav>.m-nav__item:nth-child(3) {
		clear: both;
	}
	html.ecrd .m-header--fixed-mobile .m-topbar {
	    margin-top: 0;
	    top: -125px;
	}
	html.ecrd .m-header--fixed-mobile.m-topbar--on .m-topbar {
	    top: 0px;
	}
	html.ecrd #visit-forms-tree-wrapper {
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	    border-bottom: 1px dotted #aaa;
	}

	html.ecrd .variable-value{
		max-width: 100%;
	}
	
	html.ecrd .variable-wrapper > .row > div {
	    display: block;
	}
}

@media (max-width: 1024px) and (min-width: 769px){
	html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_patient_selector_ .patient-selector-wrapper > .form-group, 
	html.ecrd .theme-horizontal #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group,
	html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_patient_selector_ .patient-selector-wrapper > .form-group, 
	html.ecrd .theme-horizontal-light #p_p_id_net_sonicon_ecrd_center_selector_ .center-selector-wrapper > .form-group {
    	margin-top: 1.5rem;
    	bottom: 0.75rem;
	}
	
	html.ecrd body.m-header--fixed .m-body {
	    padding-top: 70px !important;
	}
	
	html.ecrd body .variable-units-wrapper{
		max-width: 25%;
    	margin-left: 10px;
		display: block;
	}
	
	html.ecrd .form-date-picker .input-group-append .input-group-text {
		padding-top: 18px;
	    padding-bottom: 18px;
	}
}

@media (max-width: 1200px) and (min-width: 1025px){
	html.ecrd .patient-selector-wrapper .twitter-typeahead,
	html.ecrd .center-selector-wrapper .twitter-typeahead {
    	max-width: 145px;
	}
}
	
@media (min-width: 1025px){

	html.ecrd label.variable-value{
		float:left;
	}
	
	html.ecrd select.variable,
	html.ecrd div.radio-list,
	html.ecrd div.checkbox-list,
	html.ecrd textarea.variable-position,
	html.ecrd div.date-picker.variable-position,
	html.ecrd div.daterange-picker.variable-position,
	html.ecrd input.variable-position{
		float:right;
	}
	html.ecrd .custom-file input{
		max-width: 100% !important;
		float:right;
	}
	html.ecrd .input-size, html.ecrd .date-picker{
		width: 250px !important;
	}
	html.ecrd .form-date-picker{
		width: 100% !important;
	}
	
	html.ecrd .select-size{
		width: 360px !important;
	}
	
	html.ecrd .unit-size{
		width: 100% !important;
	    float: left;
	}
	
	html.ecrd .m-brand {
	    width: 180px !important;
	}
	
	html.ecrd body.m-header--fixed.m-header--minimize-off .m-header {
	    height: 120px;
	}
	
	html.ecrd body .variable-units-wrapper{
		max-width: 15%;
    	margin-left: 10px;
		display: block;
	}

	html.ecrd .form-date-picker .input-group-append .input-group-text {
		padding-top: 19px;
	    padding-bottom: 19px;
	}
}