@charset "utf-8";
/* CSS Document */

.tableTopHeader{width:100%;}
.tableTopHeader th{padding:10px;}
.tableTopHeader td{padding:10px;}
.tableTopHeader tr:nth-child(odd) td{background:rgba(0,0,0,0.02)}
.tableTopHeader tr:nth-child(even) td{background:rgba(255,255,255,0.5)}

#config-buttons{
	background:rgba(255,255,255,0.5);
	padding:5px;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.05);
	margin-bottom:10px;
}
#config-buttons .vmButt{margin:0}

#config-filter{
	background:rgba(255,255,255,0.5);
	padding:5px;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.05);
	margin-bottom:10px;
}

#config-filter-head{
	background:rgba(0,0,0,0.05);
	padding:5px 10px;
	font-weight:bold;
	border-radius:3px;
	margin-bottom:10px;	
}

#config-hiddenContent{display:none;}


#configMenu{
	float:left;
	width:25%;
	
}
#configMenu > li{
	list-style:none;
}
#configMenu > li > a{
	text-decoration:none;
	display:block;
	margin:0;
	margin-bottom:1px;
	font-family: 'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	height:20px;
	line-height:20px;
}
#configMenu > li > a > i{width:2em; text-align:center;}
#configMenu > li > a:hover{background:#dddddd;}
#configMenu > li > a.active{background:#ed2024; font-weight:bold; color:white}

#configMenu > li > ul > li{
	list-style:none;
}

#configMenu > li > ul > li > a{
	text-decoration:none;
	background:#ffffff;
	display:block;
	margin:0;
	margin-bottom:1px;
	line-height:30px;
	height:30px;
}

#configMenu > li > ul > li > a:hover{background:#dddddd;}
#configMenu > li > ul > li > a.active{background:#fafafa; font-weight:bold; color:#dd0000}

#formContent{
	width:75%;
	float:left;
	position:relative;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	margin-bottom:30px;
}
#formContentInside{padding:20px; background:#fafafa;}
#formContentButtons{padding:10px; background:#fafafa; margin-top:20px; text-align:right;}
#formContent h2{margin:0 0 20px 0; padding:0}
#formContent #formLangSwitch{position:static; float:right; padding:0;}

#formContent .confTable{
	width:100%;
	border-collapse:collapse;
	border-spacing:5px !important;
	margin-bottom:30px;
}
#formContent .confTable caption{font-weight:bold; display:block; margin-bottom:10px;}
#formContent .confTable th{
	width:25%;
	text-align:right;
	padding:10px 10px 0 0;
	background:rgba(0,0,0,0.05);
	vertical-align:top;
}
#formContent .confTable td{padding:0 0 10px 10px;}
#formContent .confTable .langFormElement{width:90%}

#formContent .userTable{
	width:100%;
	border-collapse:collapse;
	border-spacing:1px !important;
	margin-bottom:30px;
	background:rgba(0,0,0,0.05);
}
#formContent .userTable th{
	text-align:left;
	padding:10px 10px;
	background:rgba(0,0,0,0.05);
	vertical-align:middle;
}

#formContent .userTable tr{border-bottom:1px dotted #dddddd;}
#formContent .userTable td{	padding:10px 0px 10px 0px !important; background:white; vertical-align:middle;}
#formContent .userTable td .vmButt{margin:0}
#formContent .userTable td a{text-decoration:underline}
.page, .page-previous, .page-next {
	display:inline-block;
	background:#fafafa;
	padding:3px 5px;
	margin:0px 5px 5px 0px;
	text-align:center;
	line-height:16px;
	width:29px;
}

/* ----- SMS TABLE ----- */
#formContent .smsTable{
	width:100%;
	border-collapse:collapse;
	border-spacing:1px !important;
	margin-bottom:30px;
}
#formContent .smsTable tr{ margin-bottom:5px;}
#formContent .smsTable td{	padding:10px 10px 10px 10px !important; background:white; vertical-align:middle; border-bottom:1px solid white;}
#formContent .smsTable td a{text-decoration:underline}
.page, .page-previous, .page-next {
	display:inline-block;
	background:#fafafa;
	padding:3px 5px;
	margin:0px 5px 5px 0px;
	text-align:center;
	line-height:16px;
	width:29px;
}

.page-info{margin-bottom:10px;}
.page:hover, .page-previous:hover, .page-next:hover {
	background:#eaeaea;
	cursor:pointer;
}
.selectedPage {
	background:#dddddd;
}

.table_user_detail{	
	width:100%;
	border-collapse:collapse;
	border-spacing:5px !important;
	margin-bottom:30px;
}
.table_user_detail tr{border-bottom:1px dotted #ffffff;}
.table_user_detail th{
	text-align:left;
	padding:10px 10px;
	background:rgba(0,0,0,0.05);
	vertical-align:middle;
	width:25%;	
}
.table_user_detail td{
	text-align:left;
	padding:10px 10px;
	background:rgba(0,0,0,0.01);
	vertical-align:middle;	
}
.table_user_detail caption{
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;		
}
.state-0 td{background:#eee !important}
.state-1 td{background:#f9fcc8 !important}
.state-2 td{background:#a1c7ff !important}
.state-3 td{background:#ffc7c7 !important}
.state-4 td{background:#ffc7c7 !important}
.state-5 td{background:#ffc7c7 !important}
.state-6 td{background:#c8fcc8 !important}

.fa-stack-style1 {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.fa-stack-style1 > i {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  text-align: center;
  display:block;
}
.fa-stack-style1 > i:nth-child(1) {
	font-size:20px;
	line-height:20px;
	height:20px;
}
.fa-stack-style1 > i:nth-child(2) {
	font-size:12px;
	line-height:20px;
	height:20px;
	color:white;
}

.newsLetterInput{position:relative;}
.newsLetterInput .icoButt{border:none;background:none; font-size:1.5em; padding:0 5px; margin:0}
.newsLetterInput .icoButt .icolabel{font-size:0.7em;}
.newsLetterInput input{border:none;background:#fff;box-shadow:none; border-radius:0px; font-size:12px; padding:5px 5px 5px 35px; color:#555;}
.newsLetterInput > i{position:absolute; top:4px; left:5px; color:#444;font-size:1.2em; text-shadow:none;}
.newsLetterInput .addToNewsLetter{color:white; opacity:1 !important; }


@media screen and (max-width: 480px){
	#configMenu{float:none; display:block; width:100%; margin-bottom:20px;}
	#formContent{float:none; display:block; width:100%; box-shadow:none}
	#formContentInside{padding:5px;}
}
@media screen and (max-width: 990px) and (min-width: 481px) {
	#configMenu{width:35%;}
	#formContent{ width:65%;}	
}