/* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */

html, body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;

	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;

	background-color:#afbce3;
}
/* What it does: Stops email clients resizing small text. */
* {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/* What it does: Forces Outlook.com to display emails full width. */



/*.table, td {
	mso-table-lspace: 0pt !important;
	mso-table-rspace: 0pt !important;
}*/
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */

table {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
	/*margin: 0 auto !important;*/
}



.container_table{
	/*cellpadding:0;
    cellspacing:0;*/
	border:0;
	/*height:100%;*/
	width:100%;
	background-color:#F7F5F4;
	border-collapse:collapse;

}

.container_table_home{
	/*cellpadding:0;
    cellspacing:0;*/
	border:0;
	height:100%;
	width:100%;
	background-color:#FFFFFF; ;
	border-collapse:collapse;
}


.centerdiv{
	width:100%;
}



/*homelogo*/
.logo_table_home{
	/*cellspacing:50px;
     cellpadding:0; */
	border:0;
	height:100%;
	width:100%;
}


.td_logotable_home{
	padding: 0;
	/*text-align: center;*/
}


.home_logoimg{
	margin:auto;
	height:100px;
	width:100px;
	background: url("./listhtml_image/listlogo_lineblue_240x.png");
	background-size:cover;
}
/*end homelogo*/




.link_table{
	cellspacing:0;
	cellpadding:0;
	width:100%;

	border:0;
	line-height: 100px;
	text-align:center;
	background-color:#ffffff;
}


.td_linktable{
	background-color:#ffffff;
	text-align:center;
	height:100%;
	width:100%;

}



.title_bar{
	margin:auto;
	height:60px;
	width:100%;
	background-color:#F7F5F4;

	border-bottom: solid 1px #BEBEBE;
}

.sub_title_bar{
	margin:auto;
	width:70%;
	height:100%;

}




/*logo with btnlink*/
.td_btnlogo input{
	margin:10px 0;
	height:40px;
	width:40px;
	border:none;
	background: url("./listhtml_image/listlogo_lineblue_240x.png");
	background-size:cover;
	background-repeat: no-repeat;

}

.td_btnlogo input:hover{
	border:none;
	background: url("./listhtml_image/listlogo_240x_t00240.png");
	background-size:cover;
	background-repeat: no-repeat;
	cursor:pointer;

}
/* end logo with btnlink*/


/*btn getapp*/
.btn-g-app-1{
	position:absolute;
	top:11px;
	right:0;
	margin-right:20px;
	height:40px;
	display: inline-block;
	width:200px;
	box-sizing: border-box;
	padding:9px 30px;
	font-size:18px;
	font-weight:400;
	text-align: center;
	color:#00008C;
	text-decoration: none;

	cursor:pointer;
	background-color: transparent;
	border:solid 2px #BEBEBE;
	border-radius: 5px;
}

.btn-g-app-1:hover{
	color:#4C9BE0;
	border:solid 2px #4C9BE0;
	transition-duration: 0.4s;
}

.btn-g-app-2{
	display:none;
}


/*end btn getapp*/







.main_text_table{

	margin:0 auto 100px auto;

	border:0;
	height:100%;
	width:70%;
}


.td_maintexttitle{
	padding:0;
	text-align:left;
	line-height:80px;


	font-weight:600;
	font-size: 24px;
	color:#5A5A5A;
}

.td_maintextsubtitle{
	padding:0;
	text-align:left;
	line-height:20px;


	font-weight:600;
	font-size: 16px;
	color:#5A5A5A;
}


.td_maintextsubtitlefm{
	padding:0;
	text-align:left;
	line-height:20px;


	font-weight:600;
	font-size: 16px;
	color:#5A5A5A;
}


.td_maintext{
	padding:0;
	text-align:justify;


	line-height:28px;
	font-size: 16px;
	/*font-weight: 200;*/
	font-weight: 400;
	color:#5A5A5A;
}



/*contact & create account form */
.td_maintextsubtitlefm p{
	margin:40px 0 20px 0;
	width:70%;
	max-width:500px;
}


.main_contactform{
	margin:0px auto;
	width:70%;
	max-width:500px;

	/*background: url("listhtml_image/TprevGif.gif");
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;*/
}


.formarticletitle{
	margin:0px auto;
	display: block;
	font-size:14px;
	color:#5A5A5A;
}


input{
	margin-top:5px;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	padding:10px 20px;

	width:100%;
	border: 1px solid #D2D2D2;
	border-radius: 2px;
	font-size:16px;
	color:#323232;
}


.text_valid_enter{ /*same as normal input*/
}


.text_invalid_enter{
}


.td_button_submit input{
	display: inline-block;
	box-sizing: border-box;

	margin-top:20px;
	margin-bottom:100px;
	padding:5px 0;
	height:35px;
	width:200px;
	background-color:transparent;
	border:solid 2px #BEBEBE;
	border-radius: 5px;

	text-align:centre;
	font-size:16px;
	font-weight:600;
	color:#00008C;
	cursor:pointer;

}

.td_button_submit input:hover{
	color:#4C9BE0;
	border:solid 2px #4C9BE0;
	transition-duration: 0.4s;

}















textarea{
	margin-top:5px;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	padding:10px 20px;

	width:100%;
	border: 1px solid #D2D2D2;
	border-radius: 2px;
	font-size:16px;
	color:#323232;
}

.sym-asterisk-operator{
	font-size: 18px;
	color:#0000FF;
}


.main_tsp_table{
	margin:0 auto 300px auto;

	border:0;
	height:100%;
	width:70%;
}



.text_submitsuccessfully{
	margin:auto;
	padding:100px 0 0 0;
	text-align:center;
	font-weight:400;
	color:#0000FF;
}


.text_submitsuccessfully a{
	color:#0000FF;
}


.text_submitsuccessfully a:hover{
	font-weight: 600;
	color:#0000FF;
}


.text_back{
	color:#0000FF;
}


.note_text_sp{
	/*font-style: italic;*/
}

.note_text{
	margin:0;
	display: block;
	font-size:14px;
	color:#5A5A5A;
}

.note_text a{ /*see html create account*/
	color:#0000FF;
	text-decoration-line: none;
}

.note_text a:hover{
	font-weight:bold;
}


/* end contact & create account form */




/*message page*/
.msg_title{
	padding:20px 0 0 0;
	text-align:left;
	line-height:20px;


	font-weight:600;
	font-size: 16px;
	color:#5A5A5A;
}

.msg_text{
	margin:15px auto 0 auto;
	display: block;
	font-size:14px;
	color:#5A5A5A;
}



input.msg_text_valid_enter{
	margin:0;
}


input.msg_text_invalid_enter{
	margin:0;
}

/*end message page*/




/*homefooter*/

.footer_table_home{
	border:0;
	text-align:center;
	width:100%;
	background-color:#FFFFFF;
}


.td_footertable01_home{
	padding:80px 10px 20px 10px;
	width:100%;

	font-size:12px;
	font-family: sans-serif;
	/*mso-height-rule: exactly;*/
	text-align:center;
	color:#D2D2D2;
}


.td_footertable01_home a{
	line-height: 20px;
	text-decoration:none;
	font-weight:600;
	/*text-transform: uppercase;*/
	color:#D2D2D2;
}

.td_footertable01_home a:hover{
	color:#0000C8;
}


.badge_appstr input{
	margin:auto;
	height:40px;
	width:120px;
	border:none;
	background: url("./listhtml_image/BadgeAppstEn.png");
	background-size:cover;
	background-repeat: no-repeat;
	cursor:pointer;
}


.badge_adr input{
	margin:auto;
	height:40px;
	width:120px;
	border:none;
	background: url("./listhtml_image/BadgeAdrEn.png");
	background-size:cover;
	background-repeat: no-repeat;
	cursor:pointer;
}


.td_footertable02_home{
	padding:5px 10px 20px 10px;
	width: 100%;
	font-size:10px;
	font-family: sans-serif;
	mso-height-rule: exactly; /* ? */
	line-height:15px;
	text-align: center;
	color:#D2D2D2;

}

/*end homefooter*/



.footer_table{
	border-top:solid 1px #D2D2D2;
	text-align:center;
	width:100%;
	background-color:#F7F5F4;

}


/*.td_footertable01*/
.td_footertable01{
	padding:40px 10px 30px 10px;
	width:100%;

	font-size:12px;
	font-family: sans-serif;
	text-align:center;
}



.td_footertable01 a{
	padding:20px 10px 20px 10px;
	width:100%;

	text-decoration: none;
	font-size:12px;
	font-family: sans-serif;
	font-weight:600;
	color:#D2D2D2;
}


.td_footertable01 a:hover{
	color:#00008C;
}



.link_pp,.link_tou,.link_cua{

}

/*.end td_footertable01*/







.td_footertable02{
	padding:5px 10px 20px 10px;
	width: 100%;
	font-size:10px;
	font-family: sans-serif;
	mso-height-rule: exactly; /* ? */
	line-height:15px;
	text-align: center;
	/*color:#D2D2D2;*/
	color:#00008C;
}

.fa-check::before {
	content: "\002713";
	border:none;
	color:#00008C;

}

*{

	font-family:helvetica neue,helvetica,arial,sans-serif;

	
	box-sizing:border-box;
	margin:0;

	/*border:solid 1px #dde07e;  */
}

body{
	background-color:#F7F7F7;

}

h1{
	margin:auto;
	width:100%;
	padding:40px 0;
	font-size:20px;
	font-weight:600;
	/*text-transform: uppercase;*/
	color:#00008C;

}



h1 .fa-check{
	font-size:30px;
	/*margin-right:10px;*/
	color:#0000C8;
}


#todo-list{
	position:relative;
	/*width:500px;*/
	width:100%;
	margin:0 auto 50px auto;
	padding:50px;
	background-color:#FFFFFF;

	/*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
     box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);

     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;*/
}


#todo-list:before{ /*?*/
	/*
    content:"";
    position:absolute;
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    z-index:-1;*/

	/*-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);


    -webkit-border-radius:100px / 10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;*/
}


.todo-wrap{
	display:block;
	position:relative;
	padding-left:35px;

	border-bottom:1px solid #D2D2D2;
	overflow:hidden;
	/*-webkit-box-shadow:0 2px 0 -1px #ebebeb;
     -moz-box-shadow:0 2px 0 -1px #ebebeb;
     box-shadow:0 2px 0 -1px #ebebeb;*/
}




/*.todo-wrap:hover .delete-item{
    opacity:0.5;
}*/

.todo-wrap:last-of-type{/*?*/
	/*-webkit-box-shadow:none;
      -moz-box-shadow:none;
      box-shadow:none;*/
}


/*hide default checkbox*/
input[type="checkbox"]{
	position:absolute;
	height:1px;
	width:1px;
	opacity:0;
	/*top:-600px;*/
}


.todo{
	position:relative;
	display:inline-block;
	/*font-weight:300;*/
	padding:10px 5px;
	height:40px;
	border:none;
	/*border:dotted 1px #0000ff;*/


}


.todo:before{
	display:block;
	position:absolute;
	/*top:100px;
    left:100px;
    width:100%;
            background:#cd4400;*/
	/*content:'';
    display:block;
    position:absolute;
    top:calc(50% + 2px);
    left:0;
    width:0%;
    height:1px;
    background:#cd4400;*/

	/*-webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;*/
}



.todo:after{
	content:'';
	display:block;
	position:absolute;
	z-index:0;
	height:16px;
	width:16px;
	top:12px;
	left:-25px;

	-webkit-box-shadow:inset 0 0 0 1px #D2D2D2;
	-moz-box-shadow:inset 0 0 0 1px #D2D2D2;
	box-shadow:inset 0 0 0 1px #D2D2D2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

	/*-webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    */
}
.todo:hover:after{
	-webkit-box-shadow:inset 0 0 0 1px #4C9BE0;
	-moz-box-shadow:inset 0 0 0 1px #4C9BE0;
	box-shadow:inset 0 0 0 1px #4C9BE0;
}

.todo .fa-check{ /*unchecked checkbox:square without checkmark*/
	position:absolute;
	left:-34px;
	top:0;
	z-index:1;
	font-size:1px;
	line-height:36px;
	width:34px;
	height:40px;
	text-align:center;
	color:transparent;
	/*text-shadow:1px 1px 0 white, -1px -1px 0 white;*/

	/*border:solid 1px #5e9e5a;*/

}
:checked + .todo{
	/*color:#717171;*/
	color:#000000;

}
:checked + .todo:before{
	width:100%;
}
:checked + .todo:after{

	/*-webkit-box-shadow:inset 0 0 0 2px #0eb0b7;
    -moz-box-shadow:inset 0 0 0 2px #0eb0b7;
    box-shadow:inset 0 0 0 2px #0eb0b7;*/
}
:checked + .todo .fa-check{
	display: block;
	font-size:24px;

	line-height:36px;
	color:#5b95c7;
	background-color:transparent;


}

#sortable{
	list-style-type:none;
	padding-left:0;

}





/* Delete Items */

.delete-item{
	display:block;
	position:absolute;
	right:0;
	top:10px;

	cursor:pointer;
	height:20px;
	width:20px;
	text-align:center;
	font-size:15px;
	color:#f4aa33;
	border:none;                   ;
	opacity:1;
}


.delete-item:hover{
	opacity:0.5;
}








/* Add Items */

#add-todo{
	position:relative;
	bottom:100px;
	right:0;
	display:inline-block;

	/*width:30%;*/
	padding:6px 30px;
	font-size:14px;
	font-weight:600;
	color:#00008C;

	cursor:pointer;

	border:solid 2px #BEBEBE;
	border-radius: 5px;
}
#add-todo:hover{
	color:#4C9BE0;
	font-weight:600;
	border:solid 2px #4C9BE0;

	/*-webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;*/
}
#add-todo .fa-plus{
	font-size:14px;
	/*-webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;*/
}

.input-todo{
	width:100%;
	margin:0;
	padding:2px;

	outline:none;
	/*font-weight:200;
    position:relative;
    top:-1px;

    */
}
.editing{
	height:0;
	/*overflow:hidden;*/
}

.editing.todo-wrap {
	height:40px;
	/*box-shadow:0 0 400px rgba(0,0,0,.8),inset 0 0px 0 2px #00FF00;*/
}







#gdprconsnet {
	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;

	line-height:1.6;
	border:solid 1px #E1E1E1;
	/*padding:10px 25px 50px 25px;*/
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:10px;


	width:100%;

	background-color:#FFFFFF;
	color:#5A5A5A;
	font-size:14px;
}


#gdprconsnet a{
	font-size:14px;
	color:#0000FF;
	text-decoration:underline;

}

.accBttnClass{
	margin-left:20px;
	padding: 3px 10px;

	background-color: #0000FF;
	border: solid 1px #0000FF;
	border-radius:3px;
	color: #FFFFFF;

	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}


.rejBttnClass{
	margin-left:20px;
	padding: 3px 10px;

	background-color: #FFFFFF;
	border: solid 1px #AAAAAA;
	border-radius:3px;
	color: #808080;

	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}



@media (max-width:768px) and (min-width:480px){

}/*media768-480 end*/



@media (max-width: 480px){



	.td_maintextsubtitlefm{
		/*padding:0;
        text-align:left;
        line-height:20px;
        font-weight:600;*/
		font-size: 14px;
	}


	.td_maintextsubtitlefm p{
		margin:20px 0;
		/*width:70%;
        max-width:500px;*/
	}

	/*form*/
	.main_contactform{
		/*margin:0px auto;
        width:70%;
        max-width:500px;*/


		width:95%;

	}

	input{
		margin-top:0;
		margin-bottom:10px;
		padding:10px 0;

	}


	.text_valid_enter{ /*same as normal input*/
		margin-top:0;
		margin-bottom:10px;
		padding:10px 0;

	}


	.text_invalid_enter{
		padding:10px 0;
	}
	/*end form*/




	.td_button_submit input{
		width:100%;

	}

	.td_button_submit input:hover{

	}




	.btn-g-app-1{
		display: none;
	}

	.btn-g-app-2{
		display:block;
		height:40px;
		width:100%;
		text-decoration: none;
		box-sizing: border-box;
		padding:9px 30px;
		font-size:18px;
		font-weight:400;
		text-align: center;
		color:#00008C;

		cursor:pointer;
		background-color: transparent;
		border:solid 2px #BEBEBE;
		border-radius: 5px;


	}

	.btn-g-app-2:hover{
		color:#4C9BE0;
		border:solid 2px #4C9BE0;
		transition-duration: 0.4s;

	}




	.td_footertable01{
		padding:20px 10px;
	}



}/*media <480 end*/