body{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
}
.heading{
	font-weight: bold;
	color:black;
}
.typeHeading{
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #004de6;
}
.chartTitle{
	font-size:10px;
	align:center;
	padding-left:5px;
	color:black;
	font-weight:bold;
}
.mainheading{
	font-weight:bold;
	font-size:18px;
	color:black;
}
.bracketWords{
	font-weight: bold;
	font-size:12px;
}
.input{
	
	padding: 5px 6px;
	margin: 5px 8px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
#unselectedTable tr td:last-child { display: none; }
#timeTable tr td:last-child { display: none; }
#targetTable tr td:last-child { display: none; }
#viewTargetTable tr td:last-child { display: none; }
#viewTargetTable tr td:nth-child(10) { display: none; }
#mainTable tr td:last-child { display: none; }
#skillsTable tr td:last-child { display: none; }
#masterTable tr td:last-child { display: none; }
#populateTable tr td:last-child { display: none; }
#populateSkillsTable tr td:last-child { display: none; }
#iepTargetTable tr td:last-child { display: none; }
::placeholder {
    color: #cccccc;
}
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.popup1 .popuptext1 {
    visibility: hidden;
    width: 130px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    margin-left: -80px;
    font-size:11px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup1 .popuptext1::after {
    content: "";
    
    top: 150%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.popup1 .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

input[type='radio'] {
    transform: scale(1.5);
}
input[type='checkbox'] {
    transform: scale(1.3);
}
.clickText{
	font-weight:bold;
	font-size:18px;
}

.clickText1{
	font-weight:bold;
	font-size:16px;
	
}
.socialTable{
	font-weight:bold;
	font-size:11px;
}
.assMenuTable{
	border-collapse: collapse;
	border: ;
	width:350px;
}
.assMenuTable td, .assMenuTable th {
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	inherit:none;
}
.assIEPTable{
	border-collapse: collapse;
	border: ;
}
.assIEPTable td, .assIEPTable th {
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	inherit:none;
}
.portfolioTable{
	border-collapse: collapse;
	border: ;
	
}
.portfolioTable td, .portfolioTable th {
	border-bottom:2px solid black;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	inherit:none;
}
.pmTable{
	border-collapse: collapse;
	border: ;
	
}
.pmTable td, .pmTable th {
	border-bottom:2px solid black;
	padding-top:5px;
	padding-right:10px;
	padding-left:5px;
	inherit:none;
	color:black;
	height:20px;

}
.borderLessTable{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	border:none;
	color: black;
}
.borderLessTable td, .borderLessTable th {
	border:none
	inherit:none;
	color: black;
}

.borderLessTable th {
	border:none
	background-color: #c1c1bd;
	color: black;
}
.borderLessTable td table, .borderLessTable td table tbody, .borderLessTable td table td {
    border:none;
}
.simpleTable{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	border: 1px solid black;
	color: black;
}
.simpleTable td, .simpleTable th {
	border: 1px solid black;
	inherit:none;
	color: black;
	padding-left: 5px;
}

.simpleTable th {
	border: 1px solid black;
	background-color: #1ca7ce;
	color: white;
}
.commonTable{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	
}
.commonTable td, .commonTable th {
	color:black;
	font-size: 10px;
	padding:5px;
	inherit:none;
	line-height: 1.0;
	cursor: pointer;
}

.commonTable th {
	background-color: #c1c1bd;
	color: black;
}
.normalTable{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	
}
.normalTable td, .normalTable th {
	color:black;
	padding:5px;
	inherit:none;
	
}
.selectIEPTable td{
	font-family: Arial,Utkal,sans-serif;
	color:black;
	padding:5px;
	font-size: 11px;
	line-height: 1.0;
	cursor: pointer;
}
.headerTable {
    font-family: CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
    border-collapse: collapse;
}

.headerTable td, .headerTable th {
    border: 1px solid #ddd;
    padding: 8px;
    color:black;
}

.headerTable tr:nth-child(odd){background-color: #f2f2f2;}

.headerTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: black;
    font-weight:bold;
}
.languageTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.languageTable td, .languageTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color: black;
}

.languageTable tr:nth-child(even){background-color: #f2f2f2;}

.languageTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #c1c1bd;
	color: black;
}
.viewTargetTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.viewTargetTable td, .viewTargetTable th {
	border: 1px solid #ddd;
	padding: 6px;
}
.viewTargetTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #c1c1bd;
	color: black;
}

.homeTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.homeTable td, .homeTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.homeTable tr:nth-child(even){background-color: #f2f2f2;}

.homeTable th {
	
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #3399ff;
	color: black;
}
.langTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.langTable td, .langTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.langTable tr:nth-child(even){background-color: #f2f2f2;}

.langTable th {
	
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #bbc9a5;
	color: black;
}
.schoolTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.schoolTable td, .schoolTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.schoolTable tr:nth-child(even){background-color: #f2f2f2;}

.schoolTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #91add4;
	color: black;
}
.sTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.sTable td, .sTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.sTable tr:nth-child(even){background-color: #f2f2f2;}

.sTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #1ca7ce;
	color: black;
}
.shadowTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.shadowTable td, .shadowTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.shadowTable tr:nth-child(even){background-color: #f2f2f2;}

.shadowTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #a3a0c5 ;
	color: black;
}
.shTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.shTable td, .shTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.shTable tr:nth-child(even){background-color: #f2f2f2;}

.shTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #a3a0c5 ;
	color: black;
}
.academicTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.academicTable td, .academicTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.academicTable tr:nth-child(even){background-color: #f2f2f2;}

.academicTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #c1c1bd ;
	color: black;
}
.aTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.aTable td, .aTable th {
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.aTable tr:nth-child(even){background-color: #f2f2f2;}

.aTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #5f88c1 ;
	color: white;
}
.statusTable{
	border-collapse: collapse;
	border: 5px solid #f9a085;

}
.statusTable1{
	border-collapse: collapse;
	border: 5px solid #97ceb1;

}
.statusTable2{
	border-collapse: collapse;
	border: 5px solid  #a3bbdb;

}
.vbmappTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.vbmappTable td, .vbmappTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.vbmappTable tr:nth-child(even){background-color: #f2f2f2;}

.vbmappTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.assessmentTablePdf {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	color:black;
	border:1px solid #999999;
	 border-width: thin;
}
.assessmentTablePdf td{
	border: 1px solid #999999;
	 border-width: thin;
	padding: 6px;
	color:black;
}

.assessmentTablePdf th {
	padding-top: 6px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	 border-width: thin;
	color: black;
	font-weight:bold;
}

.assessmentTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	color:black;

}

.assessmentTable td, .assessmentTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.assessmentTable th {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #1ca7ce;
	color: white;
}
.complaintTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	color:black;

}

.complaintTable td, .complaintTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.complaintTable th {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f24816;
	color: white;
}
.nameTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	color:black;
	border: 1px solid black;
	padding:10px;

}
.nameTable td, .nameTable th {
	
	padding: 10px;
}
.nameTable th {
	
	background-color: #e7e9ea;
	color: black;
}
.detailsTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.detailsTable td, .detailsTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.detailsTable th {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #1ca7ce;
	color: white;
}
.probeTable {
	width:100%;
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.probeTable td, .probeTable th {
	font-size:10px;
	font-weight:bold;
	border: 1px solid #ddd;
	padding: 6px;
}

.probeTable tr:nth-child(even){background-color: #f2f2f2;}

.probeTable th {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: black;
	color: white;
}
.iepTable td,.iepTable th {  
	pading:15px;
	border: 1px solid #ddd;
}

.iepTable {

	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	border: 1px solid #ddd;

}
.iepTable th {
	padding: 12px;
	background-color: #5f88c1;
	color: white;
}
.scoreTable th {
	padding: 12px;
	background-color: #c8d6ea;
	color: black;
}
.analysisTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.analysisTable td, .analysisTable th {
	border: 1px solid #ddd;
	padding: 6px;
}

.analysisTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fba69d;
	color: black;
}

.vbchartTable {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size:8px;
	font-weight:bold;
	color:black;
    
}

.vbchartTable th,.vbchartTable td {
	padding: 0px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:black;	
}

.vbchartTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.vbchartTableiep {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size:8px;
	font-weight:bold;
	color:black;
}

.vbchartTableiep th,.vbchartTableiep td {
	padding: 5px;
	color:black;
}

.vbchartTableiep th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.vbMainChartIep {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border: collapse;
	border: 1px solid #ddd;
	font-size:8px;
	font-weight:bold;
	color:black;
}
.vbMainChartIep td {
	padding: 5px;
	color:black;
}
.vbMainChartIep th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.taskchartTable {
    font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
    border-collapse: collapse;
    border: 1px solid black;
    font-size:12px;
    font-weight:bold;
    height:1700px;
    
}

.taskchartTable td {
	
	color:black;
	height:19;
	
	font-weight:bold;
	
}

.taskchartTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.level1Table {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.level1Table td, .level1Table th {
	
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.level1Table th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fba69d;
	color: black;
}
.level2Table {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.level2Table td, .level2Table th {
	
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.level2Table th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #afcecf;
	color: black;
}
.level3Table {
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.level3Table td, .level3Table th {
	
	border: 1px solid #ddd;
	padding: 6px;
	color:black;
}

.level3Table th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #a3bbdb;
	color: black;
}
.abllsChartTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.abllsChartTable td, .abllsChartTable th {
	border: 1px solid black;
	
	height:10px;
	font-size:8px;
	color:black;
	font-weight:bold;
}

.abllsChartTable th {
	
	background-color: #5f88c1;
	color: white;
}

.numberTable{
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

	font-size:10px;
	font-weight:bold;
	padding: 10px;
	color:black;
    
}
#formTable,#image {
	display: inline-block;
 
}
.eesaTable td{
  	text-align: left; 
  	padding-right: 10px;
  	padding-left: 10px;
  	padding-top: 10px;
  	padding-bottom: 10px;
 	color:black;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0%;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	-webkit-animation-name: fadeIn; /* Fade in the background */
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 95%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
    
}
/* The Close Button */
.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 12px;
	background-color:#96bf65;
	color: white;
	font-weight: bold;
	font-size: 15px;
    
}
.modal-headerUndiqueBlue {
	padding: 12px;
	background-color:#96bf65;
	color: white;
	font-weight: bold;
	font-size: 15px;
    
}
.modal-headerAss {
	padding: 12px;
	background-color:#96bf65;
	color: white;
	font-weight: bold;
	font-size: 15px;
    
}
.modal-header1 {
	padding: 12px;
	background-color:#96bf65;
	color: white;
	font-weight: bold;
	font-size: 15px;
    
}
.modal-body {padding: 2px 16px;}

.modal-footer {
	padding: 16px;
	background-color: #aad4cd;
	color: black;
}
.modal-content1 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
    
}
.buttonSave{
	padding:8px;
	width:100px;
	background-color:#96bf65;
	font-weight:bold;
	color:white;
}
.buttonFit{
	background-color:#96bf65;
	color:white;
}
.simpleButton{
	background: #96bf65;
	color: white;
}
.simpleOppButton{
	background: #1ca7ce;
	color: white;
}
.doneButton{
	background-color:#96bf65;
	font-weight:bold;
	color:white;
}
.buttonUndiqueBlue{
	padding:8px;
	width:100px;
	background-color: #5f88c1;
	font-weight:bold;
	color:white;
}
.buttonUndiqueGreen{
	padding:8px;
	width:100px;
	background-color: #c6ecc6;
	font-weight:bold;
}
.buttonBlue{
	padding:8px;
	width:100px;
	background-color: #1ca7ce;
	font-weight:bold;
	color:white;
}
.barrierButton{
	padding:8px;
	background-color:#96bf65;
	font-weight:bold;
	width:450px;
}
.errorButton{
	padding:8px;
	width:100px;
	background-color: #1ca7ce;
	color:white;
	font-weight:bold;
}
.button1{
	padding:8px;
	width:100px;
	background-color:#96bf65;
	font-weight:bold;
	color:white;
}
.button2{
	padding:8px;
	width:100px;
	background-color: #1ca7ce;
	color:white;
	font-weight:bold;
}
.button3{
	padding:8px;
	width:100px;
	background-color: #1ca7ce;
	font-weight:bold;
}
.button33{
	padding:8px;
	width:100px;
	background-color: #b6b6af;
	font-weight:bold;
}
.button4{
	padding:8px;
	width:100px;
	background-color: #e5d1db;
	font-weight:bold;
}
.buttonYes{
	padding:6px;
	background-color: #c6ecc6;
	font-weight:bold;
	width:50px:
}
.button5{
	padding:6px;
	background-color: #f8a56d;
	font-weight:bold;
	width:50px:
}
.button55{
	padding:8px;
	width:100px;
	background-color: #c6ecc6;
	font-weight:bold;
}
.buttonNo{
	padding:6px;
	background-color: #ffcccc;
	font-weight:bold;
	width:50px:
}
.button6{
	padding:6px;
	background-color:#96bf65;
	font-weight:bold;
	color:black;
}
.buttonPgm{
	padding:6px;
	color:white;
	background-color: #1ca7ce;
	font-weight:bold;
	width:50px:
	
}
.buttonPgmVerbal{
	padding:6px;
	color:white;
	background-color: #96bf65;
	font-weight:bold;
	width:50px:
	
}
.buttonPgmBasic{
	padding:6px;
	color:white;
	background-color: #1ca7ce;
	font-weight:bold;
	width:50px:
	
}
.buttonpgmGreen{
	padding:6px;
	color:white;
	background-color:#96bf65;
	font-weight:bold;
	width:50px:
	
}
.buttonFP{
	padding:6px;
	background-color: #ffa600;
	font-weight:bold;
	width:50px:
}
.buttonPP{
	padding:6px;
	background-color: #ffff80;
	font-weight:bold;
	width:50px:
}
.buttonVP{
	padding:6px;
	background-color: #99ccff;
	font-weight:bold;
	width:50px:
}
.buttonGP{
	padding:6px;
	background-color: #ae7cb6;
	font-weight:bold;
	width:50px:
}
.buttonB{
	padding:6px;
	background-color: #ff0000;
	font-weight:bold;
	width:50px:
}
.button66{
	padding:8px;
	width:100px;
	background-color: white;
	font-weight:bold;
}
.button67{
	padding:5px;
	font-size:10px;
	width:80px;
	background-color: white;
	font-weight:bold;
}
.button7{
	padding:8px;
	width:100px;
	background-color: #bbc9a5;
	font-weight:bold;
}
.button8{
	padding:8px;
	width:100px;
	background-color: #b6c9e2;
	font-weight:bold;
}
.button9{
	padding:8px;
	width:100px;
	background-color:#96bf65;
	font-weight:bold;
	color:white;
}
.button10{
	padding:8px;
	width:400px;
	background-color: #fba69d;
	font-weight:bold;
	color:black;
}
.button11{
	padding:8px;
	width:100px;
	background-color: #aad4cd;
	font-weight:bold;
}
.buttonbg{
	padding:8px;
	width:150px;
	background-color:#96bf65;
	font-weight:bold;
	color:white;
}
.shadowButton{
	background-color: #65a2c3; 
	border: none;
	color: white;
	font-weight:bold;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.animatedButton{
	display: inline-block;
	border-radius: 4px;
	background-color: #fba69d;
	border: none;
	color: black;
	float: center;
	text-align: center;
	font-size: 15px;
	padding: 10px;
	
	font-weight:bold;
	transition: all 0.5s;
	cursor: pointer;
	margin: 2px;
}

.animatedButton span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.animatedButton span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.animatedButton:hover span {
 	padding-right: 25px;
}

.animatedButton:hover span:after {
	opacity: 1;
	right: 0;
}
.animatedButton1{
	display: inline-block;
	border-radius: 4px;
	background-color: #afcecf;
	border: none;
	color: black;
	float: center;
	text-align: center;
	font-size: 15px;
	padding: 10px;
	
	font-weight:bold;
	transition: all 0.5s;
	cursor: pointer;
	margin: 2px;
}

.animatedButton1 span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.animatedButton1 span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.animatedButton1:hover span {
 	padding-right: 25px;
}

.animatedButton1:hover span:after {
	opacity: 1;
	right: 0;
}
.animatedButton2{
	display: inline-block;
	border-radius: 4px;
	background-color:  #a3bbdb;
	border: none;
	color: black;
	float: center;
	text-align: center;
	font-size: 15px;
	padding: 10px;
	
	font-weight:bold;
	transition: all 0.5s;
	cursor: pointer;
	margin: 2px;
}

.animatedButton2 span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.animatedButton2 span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.animatedButton2:hover span {
 	padding-right: 25px;
}

.animatedButton2:hover span:after {
	opacity: 1;
	right: 0;
}
#ul {
	list-style-type: none;
	margin-top: -25px;
	margin-right:-20px;
	margin-left: -20px;
	padding: 0;
	overflow: hidden;
	background-color: orange;
}
#ul1 {
	list-style-type: none;
	width:100%;
	margin-top: -10px;
	margin-right:-10px;
	margin-left: -10px;
	padding: 0;
	overflow: hidden;
	background-color: orange;
}

.li {
	float: left;
}

.li .act {
	display: block;
	color: black;
	font-weight:bold;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.li .act:hover:not(.active1) {
	background-color: #ecc6ec;
}

.active1 {
	background-color: #3b6879;
}
.multiselect {
 
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}
#checkboxesSearch {
  display: none;
  border: 1px #dadada solid;
}

#checkboxesSearch label {
  display: block;
}

#checkboxesSearch label:hover {
  background-color: #1e90ff;
}
.multiselect1 {
 
}

.selectBox1 {
  position: relative;
}

.selectBox1 select {
  width: 100%;
  font-weight: bold;
}

.overSelect1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes1 {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes1 label {
  display: block;
}

#checkboxes1 label:hover {
  background-color: #1e90ff;
}

#loading {
  position: absolute;
  top: 200px;
  left: 50%;
  width: 50px;
  height: 50px;
  /* 1/2 of the height and width of the actual gif */
  margin: -16px 0 0 -16px;
  z-index: 1104;
}
.strike{
	text-decoration: line-through;

}
.red {
    font-size: 30px;
    color:red;
    content:"\00B7";
}
.green {
    font-size: 30px;
    color:green;
    content:"\00B7";
}
.circle {
	
	display: inline-block;
	width: 6px;
	height: 6px;
	font-size:10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 35px;
	
}
.circleLegend {
	
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size:10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 35px;
	
}
.circle1 {
	border: 1px solid black;
	display: inline-block;
	width: 7px;
	height:7px;
	font-weight:bold;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 35px;
	
}
#cover {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.80;
   background: #aaa;
   z-index: 10;
   display: none;
}

/* The Modal (background) */
.modalalert {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentalert {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    float: center;
    font-weight:bold;
    font-size:16px;
    border: 1px solid #888;
    width: 40%;
    height:auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#alertContent{
	float: center;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.closealert{
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closealert:hover,
.closealert:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.modal-bodyalert {padding: 5px 16px;height:70px; margin-top: 1cm;}
.modal-bodyerror{padding: 5px 16px;height:auto; margin-top: 1cm;background:#f2f2f2;}
.errorHeader {
	position: relative;
	background-color: #f2f2f2;
	margin: auto;
	padding: 0;
	float: center;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #888;
	width: 40%;
	height:auto;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
.modal-footeralert {
    padding: 2px 16px;
    background-color:#96bf65;
    color: white;
}
.modal-footerError {
    padding: 2px 16px;
    background-color: #fba69d;
    color: white;
}
.inline{ 
	float:left;
	width:33%;
	height:200px;
}
.divInline{
	float:left;
	width:95%;
	height:150px;
}
.inline1{ 
	float:left;
	width:45%;
	height:200px;
}
.radClass{
	 transform: scale(1.5);
}
.bold-option{font-weight: bolder;}
.active{
	background-color:#1ca7ce;
	color: white;
	font-weight:bold;
}
.centerButton{
	padding:8px;
	width:200px;
	background-color: #1ca7ce;
	font-weight:bold;
	color:white;
}
.initialDiv{
	width: 90px; 
	
	height:90px; 
	background:white;
	font-weight:bold;
	color:black;
	border: 2px solid black;
	margin:20px;
}
.finalDiv{
	width: 90px; 	
	height:90px; 
	background:#c0504d;
	border: 2px solid black;
	font-weight:bold;
	margin:20px;
	color:black;
}
.pfDiv1{
	width: 160px; 	
	height:75px; 
	font-family: "Arial Black", Times, serif;
	color:white;
	background: linear-gradient(#f78b08,#fbc583);
	font-weight:bold;
	font-size:22px;
	
}
.pfDiv2{
	width: 160px; 	
	height:75px;
	font-family: "Arial Black", Times, serif;
	color:white;
	background: linear-gradient(#397957,#97ceb1);
	font-weight:bold;
	font-size:22px;
}
.pfDiv3{
	width: 270px; 	
	height:70px; 
	font-family: "Arial Black", Times, serif;
	color:white;
	background: linear-gradient(#83422b,#e0b09e);
	font-weight:bold;
	font-size:22px;
}
.pfDiv4{
	width: 270px; 	
	height:70px; 
	font-family: "Arial Black", Times, serif;
	color:white;
	background: linear-gradient(#6e4a75,#d4c0d8);;
	font-weight:bold;
	font-size:22px;
}
.pfDiv5{
	width: 270px; 	
	height:70px; 
	font-family: "Arial Black", Times, serif;
	color:white;
	background: linear-gradient(#264d7e,#b0c9e8);
	font-weight:bold;
	font-size:22px;
}
#ass1:checked + label:before {
	background: #ff0900;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;

}
#ass1:checked + label:after {
	font-weight: bold;
}
#ass2:checked + label:before {
	background: #ffbb00;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass2:checked + label:after {
	font-weight: bold;
}
#ass3:checked + label:before {
	background: #457725;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass3:checked + label:after {
	font-weight: bold;
}
#ass4:checked + label:before {
	background: #09568d;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass4:checked + label:after {
	font-weight: bold;
}
#ass5:checked + label:before {
	background: #901e1d;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;

}
#ass5:checked + label:after {
	font-weight: bold;
}
#ass6:checked + label:before {
	background: #964f8e;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass6:checked + label:after {
	font-weight: bold;
}
#ass7:checked + label:before {
	background: #ff0066;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass7:checked + label:after {
	font-weight: bold;
}
#ass8:checked + label:before {
	background: #8080ff;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass8:checked + label:after {
	font-weight: bold;
}
#ass11:checked + label:before {
	background: green;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;

}
#ass11:checked + label:after {
	float:right;
	font-weight: bold;
}
#ass12:checked + label:before {
	background: green;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass12:checked + label:after {
	font-weight: bold;
}
#ass13:checked + label:before {
	background: green;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass13:checked + label:after {
	font-weight: bold;
}
#ass14:checked + label:before {
	background: green;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass14:checked + label:after {
	font-weight: bold;
}
#ass15:checked + label:before {
	background: green;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;

}
#ass15:checked + label:after {
	font-weight: bold;
}
#ass16:checked + label:before {
	background: #4B0082;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass16:checked + label:after {
	font-weight: bold;
}
#ass17:checked + label:before {
	background: #982d57;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass17:checked + label:after {
	font-weight: bold;
}
#ass18:checked + label:before {
	background: #bba38a;
	color: white;
	content: "\2713";
	font-weight: bold;
	text-align: center;
}
#ass18:checked + label:after {
	font-weight: bold;
}
.hc-cat-title {
  font-size: 13px;
  font-weight: bold;
}
.square {
	width: 20px;
	height: 20px;
}

@keyframes argh-my-eyes {
0%   { background-color: #fff; }
49% { background-color: #fff; }
50% { background-color: #ff9999; }
99% { background-color: #ff9999; }
100% { background-color: #fff; }
}
#blinkbg {
	-webkit-animation: argh-my-eyes 1s infinite;
	-moz-animation:    argh-my-eyes 1s infinite;
	animation:         argh-my-eyes 1s infinite;
}
@media screen and (max-width: 700px) {
   body {
      padding: 170px 0 0 0;
      width: 100%
   }
}

a {
   color: inherit;
}

.menupm-itempm,
.menupm-open-buttonpm {
   font-family: "Arial Black", Times, serif;
   background: #EEEEEE;
   border-radius: 100%;
   width: 100px;
   height: 100px;
   margin-left: -40px;
   position: absolute;
   color: white;
   text-align: center;
   line-height: 8px;
   font-size: 12px;
   font-weight:bold;
   underline:none;
   text-decoration: none;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform ease-out 200ms;
   transition: -webkit-transform ease-out 200ms;
   transition: transform ease-out 200ms;
   transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menupm-openpm {
   display: none;
}

.menupm-openpm:checked + .menupm-open-buttonpm .line-1 {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.menupm-openpm:checked + .menupm-open-buttonpm .line-2 {
   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
   transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menupm-openpm:checked + .menupm-open-buttonpm .line-3 {
   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
   transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menupm {
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 80px;
   height: 80px;
   text-align: center;
   box-sizing: border-box;
   font-size: 12px;
   font-weight:bold;
   underline:none;
   text-decoration: none;
}


/* .menupm-itempm {
   transition: all 0.1s ease 0s;
} */

.menupm-itempm:hover {
   background: #EEEEEE;
   color: #3290B1;
   text-decoration: none;
}

.menupm-itempm:nth-child(3) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(4) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(5) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(6) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(7) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(8) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-itempm:nth-child(9) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menupm-open-buttonpm {
   
}

.menupm-open-buttonpm:hover {
   -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
   transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menupm-openpm:checked + .menupm-open-buttonpm {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 200ms;
   transition-duration: 200ms;
   -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
   transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menupm-openpm:checked ~ .menupm-itempm {
   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
   transform: translate3d(0.08361px, -104.99997px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
   transform: translate3d(90.9466px, -52.47586px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
   -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
   transform: translate3d(90.9466px, 52.47586px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(6) {
   transition-duration: 480ms;
   -webkit-transition-duration: 480ms;
   -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
   transform: translate3d(0.08361px, 104.99997px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(7) {
   transition-duration: 580ms;
   -webkit-transition-duration: 580ms;
   -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
   transform: translate3d(-90.86291px, 52.62064px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(8) {
   transition-duration: 680ms;
   -webkit-transition-duration: 680ms;
   -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
   transform: translate3d(-91.03006px, -52.33095px, 0);
}

.menupm-openpm:checked ~ .menupm-itempm:nth-child(9) {
   transition-duration: 780ms;
   -webkit-transition-duration: 780ms;
   -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
   transform: translate3d(-0.25084px, -104.9997px, 0);
}

.blue {
   background: linear-gradient(to bottom, #0000cc 0%, #99ccff 100%);
   
}

.blue:hover {
   background: linear-gradient(to bottom, #0000cc 0%, #99ccff 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.green1 {
   background: linear-gradient(to bottom, #009933 0%, #80ffaa 100%);
   
}

.green1:hover {
   background: linear-gradient(to bottom, #009933 0%, #80ffaa 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.red1 {
   background: linear-gradient(to bottom, #cc0052 0%, #ff80b3 100%);
  
}

.red1:hover {
   background: linear-gradient(to bottom, #cc0052 0%, #ff80b3 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.black {
   background: linear-gradient(to bottom, #000000 0%, #d9d9d9 100%);
   
}

.black:hover {
   background: linear-gradient(to bottom, #000000 0%, #d9d9d9 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.orange {
   background: linear-gradient(to bottom, #ff470a 0%, #ffad99 100%);
  
}

.orange:hover {
   background: linear-gradient(to bottom, #ff470a 0%, #ffad99 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.purple {
   background: linear-gradient(to bottom, #9900cc 0%, #e699ff 100%);
   
}

.purple:hover {
   background: linear-gradient(to bottom, #9900cc 0%, #e699ff 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.yellow {
   background: linear-gradient(to bottom, #fde706 0%, #ff9900 100%);
   
}

.yellow:hover {
   background: linear-gradient(to bottom, #fde706 0%, #ff9900 100%);
   color:white;
   box-shadow: 0 0 0 6px #cc0000;
   cursor: pointer;
}

.credit {
   margin: 24px 20px 120px 0;
   text-align: right;
   color: #EEEEEE;
}

.credit a {
   padding: 8px 0;
   color: #C49CDE;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.credit a:hover {
   text-decoration: none;
}
.bgred{
	background: linear-gradient(to bottom, #ff0000 0%, #ffb3b3 100%);
	color:white;
	font-weight:bold;
}
.bgblue{
	background: linear-gradient(to bottom,#96bf65 0%, #b3b3ff 100%);
	color:white;
	font-weight:bold;
}
.bggreen{
	 background: linear-gradient(to bottom, #008000 0%, #99ff99 100%);
	 color:white;
	 font-weight:bold;
}
.bgorange{
	background: linear-gradient(to bottom, #ff6600 0%, #ffd1b3 100%);
	color:white;
	font-weight:bold;
}
.bgblack{
	background: linear-gradient(to bottom,#96bf65 0%, #d9d9d9 100%);
	color:white;
	font-weight:bold;
}
.bgpurple{
	background: linear-gradient(to bottom, #9900cc 0%, #e699ff 100%);
	color:white;
	font-weight:bold;
}
.bgbrown{
	background: linear-gradient(to bottom, #a52a2a 0%, #eaaeae 100%);
	color:white;
	font-weight:bold;
}
.petals{
	float:right;
	font-size:10px;
	color:black;
	line-height: 0.9;
	cursor: pointer;
}
.imgCaption{
	font-size:10px;
	color:black;
	line-height: 0.9;
	cursor: pointer;
}
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight:bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display:inline;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border:1px solid black;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}
.imghover:hover {
	cursor: pointer;
}
#workBookHeader{
 	background:#96bf65;
 	color:white;
 	height:auto;
}
.example{
	color:blue;
	font-weight:bold;
	font-size:16px;
	display:inline;
}
.headCell{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #1ca7ce;
	color: white;
	font-weight:bold;
}
.repeatedCell{
	color: #ff69da;
	font-weight: bold;
}
.futureCell{
	color: black;
	font-weight: bold;
}
.previousLevel{
	color: green;
	font-weight: bold;
}
.currentLevel{
	color: #6666ff;
	font-weight: bold;
}
.blueText{
	color:blue;
}
.greenText{
	color: green;
}
.largeText{
	font-size: 18px;
	font-weight: bold;
}
.group1Text{
	color:#cc0066;
	display:inline;
	font-weight:bold;
}
.group2Text{
	color:#33cc33;
	display:inline;
	font-weight:bold;
}
.group3Text{
	color:#ff4d4d;
	display:inline;
	font-weight:bold;
}
.group4Text{
	color:#292983;
	display:inline;
	font-weight:bold;
}
.group5Text{
	color:#ff661a;
	display:inline;
	font-weight:bold;
}
.group6Text{
	color:#990099;
	display:inline;
	font-weight:bold;
}
.targetComplete{
	background-color: #cce6ff;
}
.pagefooter {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background:#96bf65;
	color: white;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;	
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	height: 40px;
}
#circle{
	position: absolute;
	top: 48px;
	right: 50px;
	border:3px solid red;
	background: red;
	color:white;
	font-size: 11px;
	font-weight:bold;
	
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
    
}
#circle1{
	position: absolute;
	top: 48px;
	right: 100px;
	border:3px solid red;
	background: red;
	color:white;
	font-size: 12px;
	font-weight:bold;
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
    
}
.imgTerm{
	background-image:url(front.jpg);
}
.modeText{
	font-weight:bold;
	font-size:17px;
}

.smallBoxTable {
    font-family: CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
    border-collapse: collapse;
}

.smallBoxTable td, .smallBoxTable th {
    border: 1px solid black;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    font-size:12px;
}
.smallBoxTable th {
   
    text-align: left;
    color: black;
    font-weight:bold;
}
.socialChartTable {
	
	font-family:  CNN,Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	border-collapse: collapse;

}

.socialChartTable td, .socialChartTable th {
	border: 1px solid black;
	height:10px;
	font-size:9px;
	color:black;
	font-weight:bold;
	padding:5px;
}

.socialChartTable th {
	
	background-color: #5f88c1;
	color: white;
}
.errorMessage{
	font-size:13px;
	font-weight: normal;
	color:black;
	text-align:left;
}
.errorAlert{
	font-size:18px;
	font-weight:bold;
	float:left;
	color:black;
}
.disableSelected{
	color:white;
	font-weight:bold;
	background:#99bbff;
}
disableRemoved{
	color:black;
	background: white;
}
.twinTable{
	align:center;
	margin-left:120px;
}
.uniqueTwinTable{
	align:center;
	margin-left:200px;
}
@media only screen and (max-width: 1000px) {
    .twinTable {
        align:center;
        margin-top:65px;
	margin-left:10%;
    }    
    .uniqueTwinTable {
        align:center;
        margin-top:65px;
	margin-left:10%;
    }
}
.noteText{
	color:blue;
	font-size:12px;
}
.red-star {
   color: red; /* Make it red */
   
}
.hypothesis{
	padding-left:30px;
	text-align:left;
	color:black;
}
.pdfHeading{
	color:black;
	font-weight:bold;
	font-family : Times New Roman;
	font-size:16px;
}
.pdfHeadingRed{
	color:red;
	font-weight:bold;
	
}
.pdfblueText{
	color:#004de6;
}
.singleSpace{
	padding-left:25px;
}
.doubleSpace{
	padding-left:50px;
}
.topAlign{
	vertical-align:top;
	width:10%;
	text-align:right;	
}
.invoiceHeader{
	background:#3039b6;
	color: white;
	box-sizing: border-box;	
	width: 100%;
	height: 3px;
	padding: 0 50px;
}
.invoiceHeading{
	font-weight:bold;
	font-size:18px;
	color:#4a53cf;
}
.invoiceHeaderTable {	
	font-family:  Arial;
	border-collapse: collapse;
	color:black;
}

.invoiceHeaderTable td{
	border: none;
	padding: 4px;
	text-align:center;
}

.invoiceHeaderTable th {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight:bold;
	font-size:12px;
	background-color: #4a53cf;
	color: white;
}
.invoiceMainTable {	
	font-family:  Arial;
	border-collapse: collapse;
	color:black;
}

.invoiceMainTable td{
	border: none;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align:center;
}

.invoiceMainTable th {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight:bold;
	font-size:12px;
	background-color: #4a53cf;
	color: white;
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    font-size:12px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.headerImage{
	width:37px;
	height:37px;
	align:right;
	margin-right:5px;
	cursor: pointer;
}
.divBox{
	border-radius: 10px;
	border: 2px solid black;
	padding: 15px; 
	width: 500px;
	height: 35px;
	color:black;
}
 .text-line {
        background-color: transparent;
        color: blue;
        outline: none;
        outline-style: none;
        outline-offset: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: solid #d9d9d9 1px;
        padding: 3px 10px;
}
.pdfTableHead{
	font-size:16px;
	color:#004de6;
	font-weight:bold;
	text-align:center;	
}
.page-template {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.page-template .pageHeader {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	border-bottom: 1px solid #888;
	text-align: center;
	font-size: 18px;
}

.page-template .pageFooter {
	position: absolute;
	bottom: 20px;
	left: 30px;
	right: 30px;
	font-size:10px;
}
.square1 {
	height: 10px;
	width: 10px;
}
.buttonVal0{
	padding:6px;
	background-color: #c6ecc6;
	font-weight:bold;
	width:50px:
}
.buttonVal1{
	padding:6px;
	background-color: #ffcccc;
	font-weight:bold;
	width:50px:
}
.buttonVal2{
	padding:6px;
	background-color: #ffa600;
	font-weight:bold;
	width:50px:
}
.buttonVal3{
	padding:6px;
	background-color: #ffff80;
	font-weight:bold;
	width:50px:
}
.buttonVal4{
	padding:6px;
	background-color: #ff0000;
	font-weight:bold;
	width:50px:
}
.buttonVal5{
	padding:6px;
	background-color: #99ccff;
	font-weight:bold;
	width:50px:
}
.buttonVal6{
	padding:6px;
	background-color: #ae7cb6;
	font-weight:bold;
	width:50px:
}
.buttonVal7{
	padding:6px;
	background-color: #507d3a;
	font-weight:bold;
	width:50px:
}
.buttonVal8{
	padding:6px;
	background-color: #8600e6;
	font-weight:bold;
	width:50px:
}
.buttonVal9{
	padding:6px;
	background-color: #c43b72;
	font-weight:bold;
	width:50px:
}
.buttonVal10{
	padding:6px;
	background-color: #bba38a;
	font-weight:bold;
	width:50px:
}
.buttonVal11{
	padding:6px;
	background-color: #f4a28b;
	font-weight:bold;
	width:50px:
}
.iepDivText{
	display:inline;
	font-size:14px;
	border:1px solid red;
	padding:10px;
}
.iepSpanText{
	color:blue;
	font-size:16px;
	font-weight:bold;
}

#top {
	position: fixed;
	left: 0;
	right: 0;
	height: 47%;
	overflow:scroll;
	top: 0;
	background-color: #fffdf5;
}
#top2 {
	position: fixed;
	left: 0;
	right: 0;
	height: 40%;
	overflow:scroll;
	top: 0;
	background-color: ;
}

@media screen and (max-width:1000px){
	#top {
		position: fixed;
		left: 0;
		right: 0;
		height: 55%;
		overflow:scroll;
		top: 0;
		background-color: ;
	}	  
}

#bottom2 {
	position: fixed;
	left: 0;
	right: 0;
	height: 60%;
	overflow:scroll;
	bottom: 0;
	background-color: ;
} 

/* The Modal (background) */
.modalFeedback {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*Feedback Modal Content */
.modal-contentFeedback {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 450px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* The Close Button */
.closeFeedback {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closeFeedback:hover,
.closeFeedback:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-headerFeedback {
  padding: 2px 16px;
  background-color: #96bf65;
  color: white;
  
}

.modal-bodyFeedback {padding: 2px 16px;}

.modal-footerFeedback {
  padding: 2px 16px;
  background-color: #96bf65;
  color: white;
}
.parentFeedbackDiv{
	border-radius: 5px;
	border: 2px solid #dedede;
	padding: 5px;
	background: #e6f3ff;
	color: black;
	width: 300px;
	font-size: 13px;
	float: right;
}
.centerFeedbackDiv{
	border-radius: 5px;
	border: 2px solid #dedede;
	padding: 5px;
	background: #ffe6e6;
	color: black;
	width: 300px;
	font-size: 13px;
	float: left;
}
.spanDiv{
	font-size: 10px;
	float: right;
}
.dateButton{
	font-size: 12px;
	background: #e7e7e7;
	border-radius: 20px;
	width: 100px;
}