@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
}
table{
	font-size:100%;
		}
.number_format{
	text-align:right;
}
#table_chained{
	color:#FFFFFF;
}
#table_chained select{
	color:#000;
}
.comments_table td, th {
    border: 1px solid #BBDEFB;
    text-align: left;
    padding: 8px;
}
	.table_cell{
	  display:table-cell;
	  color:#333;
	  vertical-align:middle;
	  padding:10px;
	}
	.DDD{
		background-color:#DDD;
		vertical-align:middle;
	}
	.CCC{
		background-color:#CCC;
		vertical-align:middle;
	}
	.hundred{
		text-align:center;
		vertical-align:middle;
		padding:10px;
		height:100%;
	}
	.hundred2{
		text-align:center;
		vertical-align:middle;
		padding:10px;
		height:70px;
		font-size:14px;
	}
	.smallFont{
		font-size:80%;
		vertical-align:middle;
		
	}
.comments_table tr:nth-child(even) {
    background-color: #BBDEFB;
}

#comments_table_blue td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
#comments_table_blue tr:hover {
    border: 1px solid #dddddd;
	background-color:#999999;
    text-align: left;
    padding: 8px;
}

#comments_table_blue tr:nth-child(even) {
    background-color: #dddddd;
}
#comments_table_blue tr:nth-child(even):hover {
    background-color: #999999;
}

.green{
	background-color:#009900;
}
.red{
	background-color:#FF0000;
	color:#FFFFFF;
}
.umber{
	background-color:#FF9900;
}
#help_panel{
	display:none;
	margin-left:20px;
	padding:20px;
}
#help_icon{
	margin-left:50px;
	margin-bottom:-15px;
}

ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
#help_panel li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

#help_panel li:hover{
    background: #eee;
}

#help_panel li:hover:before{
    transform: rotate(360deg);  
}

#help_panel li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

#decision_matrix{
}
#decision_matrix td{
	padding:10px;
	border:solid 0px;
	font-size:14px;
}
#dataTable{
	margin-top:-15px;
	font-family: 'Raleway', sans-serif;
}
#dataTable th{
	font-size:12px;
	background-color:#CCCCCC;
	padding:5px;
	border: solid 0px;
}
#dataTable td{
	font-size:10px;
	border: solid 1px;
	border-color:#CCCCCC;
}
#dataTable input{
	width:100%;
	height:20px;
	border: solid 0px;
}
#dataTable td{
	font-size:10px;
}
#dataTable td{
	font-size:10px;
}
#dataTableImplementation input{
	width:100%;
	height:40px;
	border: solid 0px;
}
#dataTableImplementation{
	margin-top:-15px;
}
#dataTableImplementation th{
	font-size:14px;
	border: solid 1px;
	border-color:#f5f5f5;
	background-color:#C5C5C5;
}
#dataTableImplementation th:hover{
	background-color:#CCCCCC;
}

#dataTableImplementation td{
	font-size:12px;
	border: solid 0px;
	border-bottom: solid 1px;
	border-left:solid 1px;
	border-color:#CCCCCC;
	padding-left:10px;
	font-family: 'Raleway', sans-serif;
	padding:7px;
	
}
#dataTableImplementation input{
	width:100%;
	height:20px;
	border: solid 0px;
	font-size:14px;
}

#target_table_header th{
	font-size:10px;
	vertical-align:bottom;
	background-color:#CCCCCC;
	padding:10px;
	
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
#addRow{
	
}
										#protocol_code{
											border-radius: 5px;
											background-color:#C49801;
											height:50px;
											width:100%;
											text-align:center;
											vertical-align:middle;
											font-weight:bolder;
											color:#FFFFFF;
											padding:15px;
											
										}
										
										
										#protocol_title{
											
											text-align:left;
											vertical-align:middle;
											padding:30px;
											width:100%;
											font-size:24px;
											font-weight:bolder;
										}
										
										.code_id{
											border-radius: 5px;
											background-color:#C49801;
											height:50px;
											width:100%;
											text-align:center;
											vertical-align:middle;
											font-weight:bolder;
											color:#FFFFFF;
											padding:15px;
											
										}
										.title_code{
											text-align:left;
											width:400px;
											font-size:16px;
											font-weight:bolder;
											padding-left:30px;
										}
										#country_name{
											border-radius: 5px;
											background-color:#C49801;
											width:100%;
											height:50px;
											text-align:center;
											vertical-align:middle;
											font-weight:bolder;
											color:#FFFFFF;
											padding:15px;
											
										}

.form_data_type{
}
.form_data_type td{
	padding:5px;
	width:200px;
}
#checkbox_table{
}
#checkbox_table td{
	padding:5px;
}
#form_preview{
}
#form_preview td{
	padding:10px;
	width:300PX;
	padding-left:50px;
}
#form_preview input{
	height:50px;
	border: solid 1px;
	border-color:#CCCCCC;
	width:300px;
}
#form_preview .selectpicker{
	height:50px;
	border: solid 1px;
	border-color:#CCCCCC;
	width:363px;
}

#form_preview input input-group-addon{
	background-color:#FF0000;
	color:#00FF00;
}

#disaggregate td{
padding:10px;
}

#dynamic_form_table{
	width:100%;
}

#sample_1 .table_row td{
	padding:10px;
}
#sample_1 td{
	padding:10px;
}
#sample_1 td input{	
	height:40px;
	width:100%;
	padding:10px;
}
.implementation_button{
	padding:20px;
	background-color:#AAAAAA;
}
.implementation_button:hover{
	padding:20px;
	background-color:#333333;
	color:#FFFFFF;
	cursor:pointer;
}
.review_table2{
	width:100%;
	background-color:#EEEEEE;
}
.review_table2 th{
	padding:7px;
	background-color:#006699;
}
.m_delete{
	cursor:pointer;
	padding:10px;
}
.m_delete2{
	cursor:pointer;
	padding:0px;
}
.m_edit{
	cursor:pointer;
	padding:10px;
}

.m_delete:hover{
	cursor:pointer;
	background-color:#993300;
	color:#FFFFFF;
	padding:10px;
}
.m_edit{
	cursor:pointer;
	padding:10px;
}

.m_edit:hover{
	cursor:pointer;
	background-color:#99CC00;
	color:#FFFFFF;
	padding:10px;
}