/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

 .table {
        max-width: none;
        table-layout: fixed;
        word-wrap: break-word;
    }    
.table-scrollable{
    overflow: auto;
}
.family-divider{
	margin-top:10px;
	margin-bottom:15px;
}
label.required:after {
  content:"*";
  color:red;
}
@media(min-width:768px) {
	DIV.navbar-brand{
		margin-left:10px !important;
	}
}
@media(min-width:1200px) {
	DIV.navbar-brand{
		margin-left:20px !important;
	}
}
@media(max-width:768px) {
	DIV.navbar-brand{
		padding-left:0px !important;		
	}
}
@media(max-width:426px) {
	DIV.navbar-brand{
		padding-left:10px !important;
		max-height:50px;
		margin-top:-20px;
	}
	DIV.navbar-brand p{
		padding-left:15px !important;
		margin-bottom:0px;
	}
}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:700}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}
.alert-error{background-color:#f2dede;border-color:#ebccd1;color:#a94442}
.alert-error hr{border-top-color:#e4b9c0}
.alert-error .alert-link{color:#843534}
label{
	padding-top:10px;
}
DIV.css-checkbox label{
	font-size:14px !important;
	display:table-cell !important;
	padding-left:0px;
	
}

DIV.css-checkbox input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	vertical-align:middle;
}	


DIV.css-checkbox input[type=checkbox]{
	
	background-color: #ffffff;	
	border: 3px solid #ffb84d !important;
	
	/*border: 3px solid #DDDDDD;*/
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	width: 35px;
	height: 35px;
	
	border-radius: 3px;
	display: block;
	float:left;
	margin-right:7px;
	position: relative;
	top:-2px;
}
DIV.css-checkbox input[type=checkbox]::-ms-check {
  border-color: #ffb84d; 
  color: #009900; 
  
}



DIV.css-checkbox input[type=checkbox]:checked {
	background-color: #ffffff;
	border: 3px solid #adb8c0;
	border: 3px solid #66cc66;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
	color: #99a1a7;
}
DIV.css-checkbox input[type=checkbox]:checked:after {	
	content: '\2714';	
	font-size: 23px;
	font-weight:900;
	position: absolute;
	top: -3px;
	left: 4px;
	color: #009900;
	
}
/*
@media screen and (min-width: 700px) {
  DIV.css-checkbox {
    padding-top: 22px;
  }
}
@media screen and (max-width: 699px) {
  DIV.css-checkbox {
    padding-top: 0px;
  }
}*/
DIV.css-checkbox {
    padding-top: 5px;
  }
  
.titleDiv{
			padding-right:0px;
		}
	.navbar{
		margin-bottom:0px;
	}
	.heading{
		color: #c00;
    	font-family: "headline","Helvetica Neue",Helvetica,Arial,sans-serif;
    	border-bottom: 1px solid #231f20;
    	font-size: 3.0rem;
    	padding-bottom: 1.5rem;
    	padding-top: 10px;
    	margin-bottom: 2rem;
/*    	font-style: italic;*/
    	font-weight: 600;
    	line-height: 1;
    	letter-spacing: 0.05rem;
    	border:0;
    	margin:0;
	}
	.instruction{		
    	font-family: "headline","Helvetica Neue",Helvetica,Arial,sans-serif;
    	border-bottom: 1px solid #231f20;
    	font-size: 1.6rem;
    	padding-bottom: 1.3rem;
    	margin-bottom: 2.0rem;
    	/*font-style: italic;*/
    	font-weight: normal;
    	line-height: 1;
    	letter-spacing: 0.05rem;
    	border:0;
    	margin:0;
    	padding-left:2px
	}
	@media(min-width: 765px){
		#navTitle{
			position:relative;
			left:-5px;
		}
		
	}
	@media(min-width: 990px){
		#navTitle{
			position:relative;
			left:-40px;
		}
		
	}
	@media(min-width: 1200px){
		#navTitle{
			position:relative;
			left:0px;
		}
		
	}
	@media(max-width: 425px){
		#navTitle{
			font-size:15px;
			padding-left:0px !important;
			padding-top:20px;
			position:relative;
			left:-8px;
		}
		.instruction{
			font-size:1.5rem;
		}
		.heading{
			font-size:2.0rem;
			padding-bottom:1.1rem;
		}
	@media(max-width: 370px){
		#navTitle{
			font-size:15px;
			padding-left:15px !important;
			padding-top:0px;
			position:relative;
			left:0px;
		}		
		
	}