/* CSS Document */
.mp-margin-right-10 {margin-right: 10px;}
.mp-margin-right-20 {margin-right: 20px;}
.mp-margin-right-30 {margin-right: 30px;}
.mp-margin-right-40 {margin-right: 40px;}

.mp-margin-left-10 {margin-left: 10px;}
.mp-margin-left-20 {margin-left: 20px;}
.mp-margin-left-30 {margin-left: 30px;}
.mp-margin-left-40 {margin-left: 40px;}

.mp-margin-down-10 {margin-bottom: 10px;}
.mp-margin-down-20 {margin-bottom: 20px;}
.mp-margin-down-30 {margin-bottom: 30px;}
.mp-margin-down-40 {margin-bottom: 40px;}

.mp-margin-top-5 {margin-top:5px;}
.mp-margin-top-10 {margin-top:10px;}
.mp-margin-top-20 {margin-top:20px;}
.mp-margin-top-30 {margin-top:30px;}
.mp-margin-top-40 {margin-top:40px;}
.mp-margin-top-50 {margin-top:50px;}
.mp-margin-top-80 {margin-top:80px;}

.mp-padding-top-10{padding-top:10px;}
.mp-padding-top-4{padding-top:4px !important;}
.mp-padding-bottom-0{padding-bottom:0px !important;}
.mp-padding-bottom-4{padding-bottom:4px;}
.mp-padding-5{padding:5px;}
.mp-padding-20{padding:20px;}


.mp-relative{
	position: relative;
}
.mp-abs-left {
	position:absolute;
	left:0;
}
.mp-abs-right {
	position:absolute;
	right:0;
}

.mp-height-40{height: 40px;}
.mp-height-50{height: 50px;}
.mp-height-60{height: 60px;}
.mp-height-70{height: 70px;}
.mp-height-80{height: 80px;}

.mp-form-section .mp-section-container{
	
    margin: 60px 60px 0 60px

}

.mp-footer {
        height: 70px;
    z-index: 5000;
    border: none;
    bottom: 70px;
    width: 100%;
    text-align: center;
    margin: 0 auto 100px auto;
}
.mp-button-header{
	float:right;
	margin:5px 5px 0 10px;
}
.mp-translucent{
	
}
.mp-select-selected:after {
    background-color: #F47758 !important;
}
.mp-border-1 {
	border:1px solid #ccc;
}
.mp-padding-border-10{
	padding:10px !important;
	border:1px solid #EEE;
}
.mp-static-form{
	padding:0 0 10px 0 !important;
}
.mp-static-form .portlet-body{
	padding:10px!important;
}
/* BUTTONS */
.button-admin{
	 background: #F47758;
}
.button-logout {
	position: absolute;
	right:31px;
	top:41px;
	z-index: 20;
}
.btn-block button{
	display:block;
	width:100%;
	text-align: center;
	margin-bottom:5px;
}
.button-nav-back,.button-nav-forward {margin:20px;}

.refresh-light{
	background: #FFFFFF !important;
}
button.button-slim:hover{
	background-color:none !important;
	color: #000000 !important;
	border:1px solid #F47758;
}
.button-leave{
	background:#F47758;
}
.popovers{
	border:1px solid #cccccc !important;
}
.grey-gallery-1.btn{
	background:#ccc5c5;
	color:#000000;
	
}
.yellow-crusta-2.btn{
	background:#f5e5a7;
	color:#000000;
	
}
.blue-steel-2.btn{
	background:#c0d1ec;
	color:#000000;
	
}
.grey-gallery-2.btn.button-slim{
	border-bottom:5px solid #ccc5c5;
	color:#000000;
	
}
.yellow-crusta-2.btn.button-slim{
	border-bottom:5px solid #f5e5a7;
	color:#000000;
	
}
.blue-steel-2.btn.button-slim{
	border-bottom:5px solid #c0d1ec;
	color:#000000;
	
}

.btn.active{
	margin-top: -8px;
    box-shadow: 0px 6px 7px #666666;
}  

.zone-flag {
	display: inline-block;
    vertical-align: middle;
    padding:4px;
    height: 27px;
    border-radius: 5px;
    margin-right: 5px;
}
.attribute-flag {
	display: inline-block;
    vertical-align: middle;
	padding:4px;
    height: 27px;
    border-radius: 5px;
    margin-right: 5px;
}

.mp-circle{
	width: 115px;
    height: 115px;
    border-radius: 60px;
    margin: 0px auto 0px auto;
    padding: 20px 20px 20px 20px;
	color:#FFFFFF;
}
.mp-circle i{
	font-size: 70px;
	padding: 0;
    margin: 0;
}
.green-circle {
	background:#F47758;	
}
.red-circle {
	background:#D7343E;	
}

.mp-small-inner{
	    font-size: 11px;
    float: right;
    margin: -11px -11px 0 0;
   background: #F47758;
    text-shadow: none;

    padding: 5px 5px 5px 5px;
    border-bottom-left-radius: 6px;
	
}
.mp-current-bubble{
	border-radius: 20px;
	background:#CCCCCC;
	font-weight: bold;
	padding:2px;
	text-align: center;
}



h1,h2,h3,h4 {
	font-family:'Raleway';
	font-size:30px;
	font-weight:300;
	color:#5d5d5d;
}

.modal-title {
	color:#ffffff;
}







/* JQM MODS */
.ui-shadow {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.30);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.30);
    box-shadow: 0 2px 6px rgba(0,0,0,.30);
}
.ui-field-contain, .ui-mobile fieldset.ui-field-contain{
	margin:0px;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	color:#555555;
}
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active{
	background-color: #8ea2da;
    border: none;
    text-shadow: none;
	
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {

    /* border-color: #ddd; */
    color: #555555;
    text-shadow: 0 0px 0;
    border: none;
	font-size: 16px;
	font-weight: 300;
	font-family: "Raleway";
}
.ui-controlgroup-controls .ui-btn, .ui-controlgroup-controls .ui-btn{
	border:1px solid #ddd;
	    background: #ffffff;
}
.ui-controlgroup-controls .ui-btn.ui-btn-active, .ui-controlgroup-controls .ui-btn.ui-btn-active{
	border:1px solid #d7c8df;
}
.ui-select .ui-btn{
	border:1px solid #ddd;
}
.ui-navbar li .ui-btn {
   
    display: block;
    margin: 0 5px 0 0;
	padding: 10px;
    border-right-width: 0;
	text-transform: uppercase;
    font-size: 19px !important;
	font-weight: 300;
    color: #FFFFFF !important;
    text-shadow: none !important
}

.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after{
	
	border-color:#8ea2da;
}

.ui-grid-a>.ui-block-a, .ui-grid-a>.ui-block-b{
	width:14%;
}





/* FONT AWESOME MODS */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    -moz-osx-font-smoothing: grayscale;
}


.portlet.light{
	padding-top:0px;

}











/* CUSTOM - BY ID */
#mp-nav-panel {
    height: 50px;
    background: rgb(112, 112, 112);
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
}


/* CUSTOM - BY CLASS */
.mp-section-content {
    margin: 0px auto 0 auto;
    padding: 0 0px 30px 0px !important;
}

.portlet {
	border-radius: 0;
	-webkit-border-radius:0;
}






/* NAVBAR */
.button-menu-item{
	background:none !important;
	color:#555555 !important;
}
.button-menu-item.ui-btn-active{
	border-bottom:3px solid #F47758 !important;
	
}
.ui-navbar{
	border-bottom:1px solid #ffffff;
	box-shadow: 0px 0px 0;
	background: #7d7b7b;
	margin-bottom: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.ui-navbar li a {
    font-size: 16px !important;
    padding: 11px 0 0 0;
	text-shadow:none;
}


.btn-grp{
	text-align:left;
	
    padding: 10px 10px 5px 10px;
}
.btn-grp button{
	width: 106px;
	height: 47px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 4px 4px 0;
    box-shadow: none;
    padding: 2px 6px 3px 6px !important;
    
}
.btn-grp button.button-slim{
	width:auto;
	min-width:80px;
	background:none !important;
	    border: 1px solid #dedede;
}

.item-counter{
	border-radius: 20px;
    background: rgba(255, 255, 255, 0.30);
    font-weight: 700;
    text-align: center;
    color: #555555;
     margin: 0 auto;
	max-width:40px;
 
}
.button-slim .item-counter{
	border:none;
	background:none;
}
.btn.active .item-counter{
	background:#FFFFFF;
}
.mp-text-36 {font-size: 36px;}
.mp-text-30 {font-size: 30px;}
.mp-text-28 {font-size: 28px;}
.mp-text-24 {font-size: 24px;}


.mp-button-circle-lg{
	border: 1px solid #F47758;
	background:#F47758;
    border-radius: 30px;
    text-align: center;
    padding: 8px 2px 8px 12px;
    color: #ffffff;
	cursor:pointer;
	display: inline-block;
	
}
.mp-button-circle-lg:hover{
	background:#FFFFFF;
	color:#F47758;
}
.question-label-parent{
	
    margin-bottom: 5px;

}
.mp-select-container, .mp-drag-container{
	border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 7px;
    margin: -21px 20px 0 0px;
    background-color: #f6f6f6;
    width: 50%;
}
.mp-selectable, .mp-draggable{
	display:inline-block;
	width:85px;
	height:30px;
	color:#000000;
	overflow:hidden;
	text-overflow: ellipsis;
	margin:1px;
	border-radius:2px;
	text-shadow:none;
	text-align:center;
	font-size:14px;
	cursor: pointer;
	background:#FF0000;
	white-space: nowrap;
    padding: 5px;
	
}
.mp-fullscreen-popup {
        height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.81) !important;
	    border: none !important;
    border-radius: 0px;
	
}
.mp-fullscreen-popup-inner{
	margin:10% auto;
	width:50%;
	height: 50%;
	padding:20px;
	text-align:center;
	
}
.mp-fullscreen-popup-inner p {
	color:#FFFFFF;
	text-shadow:none;
}

.mp-fullscreen-popup-inner div{
	margin:0 auto;
}


.aim-2{
	background: #e1e7f3;
}
.aim-3{
	background: #f0f3e1;
}

.aim-ineligible{
	background: #e2e2e2;
}
.aim-none{
	background: none;
}
.arm-control{
	background: #eaf378;
}
.arm-intervention{
	background:#f3ce78;
}



@media screen and (min-width: 768px){
	.mp-form-section .mp-section-container {
		margin: 60px auto 0 auto;
		max-width: 625px;
		}
}



@media screen and (max-width: 768px){
	.mp-form-section .mp-section-container {
		margin: 30px auto 0 auto;
		max-width: 625px;
		}
	
	.question-container{
		border-bottom:none;
	}
	.mp-section-inner{
		font-size:18px;
	 letter-spacing: 2px;
	}
	.navbar-sec {
		padding-top:52px;
	}
	.navbar-sec a {
		    margin: 0 1px 0 0;
			color: #000000 !important;
			border-radius: 15px;
			width: 20px;
			height: 20px;
			font-size: 10px;
			padding: 2px 0 0 0;
	}
	.labelQuestionInternal .question-label{
		padding:10px;
			border-radius:8px;
	}
	.labelQuestionInternal .ui-field-contain, .labelQuestionInternal .ui-mobile fieldset.ui-field-contain{
		padding:0;
	}
	.mp-form-section .mp-section-container {
		margin: 60px auto 0 auto;
		max-width: 537px;
		}
	.mp-section-inner{
		padding: 9px 20px 13px 20px;
		height:40px;
	}
	.mp-circle{
		width: 50px;
		height: 50px;
		border-radius: 25px;
		margin: 10px auto 30px auto;
		padding: 8px 10px 10px 8px;
		color: #FFFFFF;
	}
	.mp-circle i{
		font-size:30px;
	}
	.grid-format-question .ui-radio{
		float:none;
	}
	.feedback-field {
		margin: 0;
	}
	.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn{
		padding: 10px;
		padding-left: 40px;
	}
	.grid-format-question .ui-btn-icon-left:after, .grid-format-question .ui-btn-icon-right:after, .grid-format-question .ui-btn-icon-top:after,  .grid-format-question .ui-btn-icon-bottom:after, .grid-format-question .ui-btn-icon-notext:after {
		display:block;
	}
	
	.labelIcon{
		position: absolute;
		top: 50px;
		margin-left: -25px;
		padding: 0px;
	}
	
	
}
@media screen and (max-width: 550px){
	.mp-form-section .mp-section-container{
		margin-top:30px;
    	padding: 15px 15px 0 15px;

	}
	.mp-form-section .mp-section-container {
			margin: 60px 30px 0 30px;
		}
	
	
	
	
	
	
}



@media screen and (max-width: 388px){
	.labelQuestionInternal .question-label {
   
   		background-size: 100% 100%;
	}
	
	
	
	
	
	
	
}










/* MENU */
.menu-block,#menu-visit-block-model{
    padding: 0;
	max-width: 800px;
	margin:20px  auto 0 auto;
	
}
@media (max-width: 800px){
	.menu-block,#menu-visit-block-model{
		
	}
}
.menu-visit-top{
	   
    height: 147px;
    margin: 15px auto 15px auto;
    background: #ffffff url(../images/pic6.jpg) no-repeat 0px 0px;
    background-size: cover;
	border-radius:20px;
	padding:20px;
	position: relative;
	
}
.menu-visit-bottom{
    height: 147px;
    margin: 0 auto 5px auto;
    background: #ffffff url(../images/pic7.jpg) no-repeat  0px 0px;
    background-size: cover;
	border-radius:20px;
	padding:20px;
	position: relative;
}
.menu-visit-container{
    padding:20px 10px 20px 10px;
  
}
.menu-visit-container:hover{
	background:#ffffff;
}
.menu-visit-info{
	width:200px;
	border-radius:20px;
	position:absolute;
	right:5px;
	background:rgba(255, 255, 255, 0.80);
	padding:10px;
}
.menu-visit-info h1 {
	margin-top:10px;
}
.menu-visit-attributes{
	 color:#FFFFFF;
	
}
.menu-visit-inner{
	position: relative;
	
}
.col1, .col2, .col3, .col4 {
	display:inline-block;
	vertical-align: top;
}
.col1 {
	width: 50px;
}
.col2 {
	width:180px;
	
}
.col2 h1{
	margin: 9px 0 0 20px;
	font-size:24px;
    color: #9c9a9a;
}

.star-completed, .item-done{
	color:#62c75c;
}
.star-notcompleted {
	color:#cacec9;
}
.col4 {
	width:135px;
	text-align: right;
	position: absolute;
    right: 0px;
}

.col4 h1{
	color:#9c9a9a;
	font-size:14px;
	margin: 15px 0 0 0;
}
.col4 h2{
	font-size:12px;
	margin: 0;
	color: #5eccf5;
}
.col4 h3{
	    font-size: 14px;
    margin: 14px 0 0 0;
}


@media (max-width: 500px){
	
	.col1{
		margin:0 0 0 30px;
	}
	.col4 {
		 width: 135px;
		text-align: left;
		position: relative;
		margin: 0 0 0 105px;
		
		}
	.col4 h3{
	    font-size: 16px;
    	margin: 0px 0 0 0;
	}
}



.visit-status{
	background: #F47758;
    padding: 2px;
    text-align: center;
    margin: -10px 0 10px 0;
	color:#ffffff;
}
.visit-status-open{
	background: rgba(252, 202, 70, 0.3411764705882353);
}
.visit-days {
	padding:0 0 0 10px;
}
.menu-button{
	cursor: pointer;
}
.visit-incentive{
	border-radius: 25px;
	background: url(../images/logo-yellow.png) no-repeat -25px -14px;
    background-size: 100px auto;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    color: #f7a9b8;
    padding: 12px 0 0 2px;

}
.visit-status-completed {
	background:#ccf9ca;
}
.incentive-completed{
	border: 3px solid #62c75c;
	background: url(../images/logo-yellow.png) no-repeat -25px -17px;
    background-size: 100px auto;
	font-weight: bold;
	padding: 11px 0 0 3px;
	color:#ffffff;
}
.incentive-notcompleted{
	border: 3px solid #cacec9;
	background:#cacec9;
	padding: 11px 0 0 3px;
	color:#ffffff;
}




.button-large{
	padding:20px;
	font-size:18px;
	background: #88e292 !important;
	
}
.button-row {
	
    width: 80%;
    margin: 0 auto 10px auto;
    padding: 15px;
    font-size: 14px;
}
#intro_screening-1-page .button-row {
	   
    padding: 20px;
    
}
.btn-disabled:hover{
	background:inherit;
}
.button-row .demo-icon{
	display:block;
	font-size:20px;
}
.module-button-row {
	width:80%;
	margin:0 auto 10px auto;
	background:#f3f3f3;
	padding: 10px;
	font-size: 14px;
	
}
.module-button-row .btn, .intro-item div{
	
    white-space: normal;
   
	color:#393838;
	border:none;
    margin-bottom: 5px;
	
	font-size: 1.7rem;
    font-family: 'Amatic SC', cursive;
    font-weight: 600;
}
.intro-item div{
	padding: 10px;
}



@media (max-width: 500px){
	
	.button-logout {
		right: 0px;
		top: 0px;
		padding: 5px !important;
	}
}
.intro-item{
	text-align:center;
	    visibility: visible;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-name: fadeInDown;
}
.button-row h1{
	 text-align: center;
    margin-top: 2px;
}
.mp-section-header h1 {
	font-family: 'Amatic SC', cursive;
    font-size: 60px;
	display:none;
}

.mp-section-header h2 {
	font-family: 'Amatic SC', cursive;
	color: #5d5d5d;
	font-size: 36px;
    margin: 2px 0 0 0;
	padding:15px;
}
.mp-section-header-heading{
	
	position: absolute;
    top: 43px;
    margin: 0 0 0 -87px;
    left: 50%;
    z-index: 10;

}
.menu-block-intervention .mp-section-header-heading {
	margin: 0 0 0 -100px;
}
.header-icon{
	 display: none;
    font-size: 120px;
    color: #ffffff;
}




.extracted-display {
	display:none;
    padding: 0 10px 10px 10px;
    background: #f1f1f1;
	margin-bottom:10px;
	
	color:#555555;
	font-size:16px;
	border: 1px solid #d7c8df;
}
.extracted-table{
	font-size:16px;
	margin-left:38px;
	margin-top:10px;
}
.extracted-table td{
	height: 35px;
	color:#555555;
	vertical-align: top;
}
.extracted-label{
	vertical-align: middle;
}
.extracted-relationship, .extracted-condition {
	
    padding: 5px;
    color: white;
    background: #b8c7cc;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 2px;
}
.extracted-relationship {
	background: #b8c7cc;
}
.extracted-header, .extracted-header-none{
	border-bottom: 1px dashed #555555;
    line-height: 44px;
}
.extracted-header-none {
	border:none;
}
.extracted-display div {
	margin-bottom: 15px;
}
.ui-controlgroup-controls, .ui-controlgroup-controls .ui-radio, .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-controls .ui-select, .ui-controlgroup-controls li{
	
	-webkit-border-radius: unset;
    border-radius: unset;
}
.inline-icon{
	color:#555555; 
	font-size:28px;
	vertical-align:middle;
}
.report-section-header{
	text-align: center;
    padding: 6px;
    margin: 20px auto 0 auto;
    background: #e8e5e5;
    width: 80%;
}
.fhir-link:hover{
	color:#ffffff;
}
.fhir-link-linked {
	background: #d7c8df;
    padding: 5px;
    border-radius: 20px;
    margin-left: 5px;
}
.fhir-link-unlinked {
	background: #b9b9b9;
    padding: 5px;
    border-radius: 20px;
    margin-left: 5px;
}