@charset "utf-8";
/* CSS Document */

/* tooltips */
.tooltip{max-height:200px;max-width:200px;overflow:hidden;margin:0;padding:3px;font-size:18px;background:#fff;border:3px solid #ccc;}
.tooltip p{margin:0;text-align:justify;}

.tooltip_div .border {
	color: #336699;
	padding: 10px;
	line-height: 1.5;
	background-color: #e6ecf2;
	border: 4px solid white;
	font-size:19px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: 500 !important;

	-webkit-box-shadow: 3px 3px 11px 2px #222;
	-moz-box-shadow: 3px 3px 11px 2px #222;
	box-shadow: 3px 3px 11px 2px #222;
	font-family: NunitoSans-SemiBold, sans-serif;
}

/* only for IE */

.tooltip_div .shadow-top,
.tooltip_div .shadow-middle,
.tooltip_div .shadow-bottom{
	display: none;
}

.tooltip_div {
	position: absolute;
	display:none;
	z-index: 1000;
	margin-top: -10px;
	width: 600px;
	right: 250px;
	overflow-wrap: break-word;
	white-space: normal;
}

.tooltip-front {
	position: fixed;
	/*top: 20px;
	left: 50%;
	width:970px !important;
	*/
	top: 90px;
	left: 56.5%;
	width:617px !important;
	transform: translateX(-50%);
	border-radius: 6px;
	/*white-space: nowrap;*/
	z-index: 10000;
	display: none;
	pointer-events: none;

	color: #336699;
	padding: 10px;
	line-height: 1.5;
	background-color: #e6ecf2;
	border: 4px solid white;
	font-size:19px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: 500 !important;

	-webkit-box-shadow: 3px 3px 11px 2px #222;
	-moz-box-shadow: 3px 3px 11px 2px #222;
	box-shadow: 3px 3px 11px 2px #222;
	font-family: NunitoSans-SemiBold, sans-serif;
}


.hastooltip:hover .tooltip_div {
	display: block;
}

/* tables */
h1 {font-size:36px;}
th {font-size:24px;}
td {font-size:20px; font-family:arial;}

table.tablesorter {
	font-family:arial;
	background-color: #e6EEEE;
	border:0;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	/*border: 1px solid #e6eeee;*/
}

table.tablesorter thead tr th:last-child, table.tablesorter tfoot tr th:last-child,
table.tablesorter thead tr td:last-child, table.tablesorter tfoot tr td:last-child,
table.tablesorter tbody td:last-child{
	border-right: 1px solid #a3a3a3;
}

table.tablesorter tr:last-child td{
	border-bottom: 1px solid #a3a3a3;
}

.tooltiplink tbody tr:last-child td{
	border-bottom:none !important;
}

.tooltiplink tbody td:last-child{
	border-right:none !important;
}


table.tablesorter thead tr td, table.tablesorter tfoot tr td {
	background-color: #FFF;
	border: 1px solid #FFF;
}
table.tablesorter thead tr .header {
	/*background-image: url(bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	background-color: #FFF;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp, .tablesorter-headerDesc {
	/*background-image: url(asc.gif);*/
    /*background-color: #FF9933;*/
	background-color: #f44336 !important;
	border:1px solid #f44336;
	color: #FFFFFF;
}
table.tablesorter thead tr .headerSortDown, .tablesorter-headerAsc {
	/*background-image: url(desc.gif);*/
   /* background-color: #3399FF;*/
	background-color: #4caf50 !important;
	border:1px solid #4caf50;
	color: #FFFFFF;
}

/*
table.tablesorter thead tr, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
*/

.note_btn {
	background: #e6eeee;
	color: black;
	 border: 1px solid #9e9e9e;
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
	float: left;
	cursor:pointer;
}

.list_btn {
    border: 1px solid #3399ff;
    background: #3399ff;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
    /* vertical-align: middle; */
	border-radius: 5px;
	min-width: 10px;
	font-size: initial;
	font-family: Arial, sans-serif;
	float: right;
	/* margin: 0 3px; */
	margin-left: 5px;
	font-weight: 700;
	margin-bottom: 10px;
}

.edit1task_inline {
	border: 1px solid #ccc;
	width: 400px;
	padding: 20px;
	margin-top: 10px;
}

#scriptAreatext, #scriptAreatextROW, #instructionAreatext {
	padding:30px;
}