/* RESPONSIVE TAB MENU FOR LISTER EDIT */

/*
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid gray;
}
*/
.resp-jfit {
  width: 100%;
  margin: 0px;
}

.muwa_lister_tabs{
	padding: 10px;
	
	margin: 0 auto;
	height: 100%;
	
}







/*..................*/
/* ..... PHONE .....*/
/*..................*/
/*.muwa_win_master[max-width~="768px"] ul.resp-tabs-list {*/
.muwa_lister_tabs[max-width~="429px"] ul.resp-tabs-list {
	
	display: none; 
	
}

/*.muwa_win_master[max-width~="768px"] h2.resp-accordion{*/
.muwa_lister_tabs[max-width~="429px"] h2.resp-accordion{
	
	position: relative;
	font-weight: normal;
	font-size: 16px;
	display: block;
	padding: 10px 15px !important;
	margin: 0px;
	margin-bottom: -1px !important;
	cursor: pointer;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	
}

/*.muwa_win_master[max-width~="768px"] h2.resp-tab-active {*/
.muwa_lister_tabs[max-width~="429px"] h2.resp-tab-active {
	
	font-weight: bold;
	background-color: rgba(25, 67, 98, 0.1);
	border: 1px solid #c1c1c1;
	border-bottom: none !important;
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
	box-shadow: rgba(25, 67, 98, 0.5) 0px 5px 15px -5px;

}

/*.muwa_win_master[max-width~="768px"] .resp-tabs-container {*/
.muwa_lister_tabs[max-width~="429px"] .resp-tabs-container {
	
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
	
	height: auto;
	
}

/*.muwa_win_master[max-width~="768px"] .resp-tab-content {*/
.muwa_lister_tabs[max-width~="429px"] .resp-tab-content {
	
	display: none;
	padding: 8px;
	background-color: transparent;
	
}	

/*.muwa_win_master[max-width~="768px"] .resp-tab-content-active { */
.muwa_lister_tabs[max-width~="429px"] .resp-tab-content-active { 
	
	display: block; 
	background-color: rgba(25, 67, 98, 0.1);
	border: 1px solid #c1c1c1;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: -1px !important;
	
}




/*..................*/
/* .... TABLET .... */
/*..................*/
/*.muwa_win_master[min-width~="769px"] h2.resp-accordion { */
.muwa_lister_tabs[min-width~="430px"] h2.resp-accordion { 

	display: none; 

}

/*.muwa_win_master[min-width~="769px"] ul.resp-tabs-list { */
.muwa_lister_tabs[min-width~="430px"] ul.resp-tabs-list { 

  margin: 0px;
  padding: 0px;
  display: block; 
  
}

/*.muwa_win_master[min-width~="769px"] .resp-tabs-list li {*/
.muwa_lister_tabs[min-width~="430px"] .resp-tabs-list li {
	
	position: relative;
	font-weight: normal;
	font-size: 16px;
	display: inline-block;
	padding: 10px 10px !important;
	margin: 0;
	cursor: pointer;
	float: left;
	list-style: none;
	border: 1px solid #c1c1c1;
	border-left: none;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
  
}

/*.muwa_win_master[min-width~="769px"] .resp-tabs-list li:first-child {*/
.muwa_lister_tabs[min-width~="430px"] .resp-tabs-list li:first-child {
	
	border-left: 1px solid #c1c1c1;
	
}

/*.muwa_win_master[min-width~="769px"] li.resp-tab-active {*/
.muwa_lister_tabs[min-width~="430px"] li.resp-tab-active {
  
	background-color: rgba(25, 67, 98, 0.1);
	font-weight: bold;
	position: relative;
	/*z-index: 2;*/
	border: none;
	border-top: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #e6e6e6 !important;
	margin-bottom: -1px !important;
	border-radius: 5px 5px 0px 0px;
	/*box-shadow: rgba(25, 67, 98, 0.5) 0px 5px 15px -5px;*/
  
}

/*.muwa_win_master[min-width~="769px"] .resp-tabs-container {*/
.muwa_lister_tabs[min-width~="430px"] .resp-tabs-container {
	
  padding: 0px;
  border: none;
  background-color: transparent;
  clear: left;
  height: calc(100% - 50px);
  
  
}

/*.muwa_win_master[min-width~="769px"] .resp-tab-content {*/
.muwa_lister_tabs[min-width~="430px"] .resp-tab-content {
	
  display: none;
  padding: 8px;
  border: none;
  background-color: transparent;
  
}

/*.muwa_win_master[min-width~="769px"] .resp-tab-content-active { */
.muwa_lister_tabs[min-width~="430px"] .resp-tab-content-active { 

	background-color: rgba(25, 67, 98, 0.1);
	border: 1px solid #c1c1c1;
	border-radius: 0px 5px 5px 5px;
	/*z-index: 1;*/
	display: block; 

}
  

/*...............*/
/* ..... PC .....*/
/*...............*/
/*.muwa_win_master[min-width~="1200px"] h2.resp-accordion {*/
.muwa_lister_tabs[min-width~="1200px"] h2.resp-accordion {
	
	display: none;	

}

/*.muwa_win_master[min-width~="1200px"] ul.resp-tabs-list {   */
.muwa_lister_tabs[min-width~="1200px"] ul.resp-tabs-list {   
	margin: 0px;
	padding: 0px;
	display: block; 
	float: left;
	width: 20%;
}

/*.muwa_win_master[min-width~="1200px"] .resp-tabs-list li {*/
.muwa_lister_tabs[min-width~="1200px"] .resp-tabs-list li {
  
	position: relative;
	font-weight: normal;
	font-size: 16px;
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none;
	list-style: none;
	border: 1px solid #c1c1c1;
	border-top: none;
	border-right: none;
	border-radius: 5px 0px 0px 5px;
	
}

/*.muwa_win_master[min-width~="1200px"] .resp-tabs-list li:first-child {*/
.muwa_lister_tabs[min-width~="1200px"] .resp-tabs-list li:first-child {
	
	border-top: 1px solid #c1c1c1;

}

/*.muwa_win_master[min-width~="1200px"] li.resp-tab-active{*/
.muwa_lister_tabs[min-width~="1200px"] li.resp-tab-active{
  
  font-weight: bold;
  background-color: rgba(25, 67, 98, 0.1);
  padding: 14px 15px 15px 14px !important;
  position: relative;
  /*z-index: 2;*/
  border: none;
  border-left: 1px solid #c1c1c1 !important;
  border-bottom: 1px solid #c1c1c1 !important;
  border-right: 1px solid #e6e6e6 !important;
  margin-right: -1px !important;
  border-radius: 5px 0px 0px 5px;
 
}

/*.muwa_win_master[min-width~="1200px"] .resp-tabs-container {*/
.muwa_lister_tabs[min-width~="1200px"] .resp-tabs-container {
  
  padding: 0px;
  background-color: transparent;
  border: none; 
  width: 80%;
  float: left;
  clear: none;
  
  height: 100%;
  /*min-height: 100%*/
  
  
}

/*.muwa_win_master[min-width~="1200px"] .resp-tab-content {*/
.muwa_lister_tabs[min-width~="1200px"] .resp-tab-content { 

	padding: 8px;
	display: none;
	border: none;
	background-color: transparent;
	
}

/*.muwa_win_master[min-width~="1200px"] .resp-tab-content-active { */
.muwa_lister_tabs[min-width~="1200px"] .resp-tab-content-active { 
	
	background-color: rgba(25, 67, 98, 0.1); 
	border: 1px solid #c1c1c1;
	border-radius: 0px 5px 5px 5px;
	/*z-index: 1;*/
	display: block; 
}
									
	
/* END RESPONSIVE TAB MENU FOR LISTER EDIT */









.INPUT {
  /*margin: 0 .25rem;*/
  /*min-width: 125px;*/
  /*border: 1px solid #eee;*/
  /*border-left: 3px solid;*/
  /*border-radius: 5px;*/
  /*transition: border-color .5s ease-out;*/
}

.INPUT:optional {
  /*border-left-color: gray;*/
}
.INPUT:required:focus:valid {
  border-bottom-color: #9cfc9c;/*palegreen;*/
}

.INPUT:focus:invalid {
  border-bottom-color: #ff6666;/*salmon;*/
}



/*
.INPUT:required:focus:valid {
  background: url("../media/image/yes_green.png") no-repeat 95% 50%;
  background-size: 25px;
}
.INPUT:focus:invalid {
  background: url("../media/image/no_red.png") no-repeat 95% 50%;
  background-size: 25px;
}
*/




.muwa_input_label {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  
  display: inline-block;
  
}

.muwa_label {
  position: absolute;
  left: 10px;
  top: 0;
  padding-top: 8px; 
  /*font-weight: bold;*/
  font-size: 16px;
  color: black;
  text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(128,128,128,.5);
  /* Use "Translate" function instead of classic positioning for better performance */
  transform: translateY(-16px);
}


/* You can use "input ~ label" selector too */
.muwa_label_SSSS {
  position: absolute;
  left: 10px;
  top: 0;
  transition: transform 200ms ease;
  /*transform: translateY(0.5em);  */
  color: transparent;
  text-shadow: none;
  /* You have to use this to make it clickable through*/
  pointer-events: none;
}

/*input + label.freeze,*/
/*input.OK + label*/

.muwa_label:focus,
.muwa_label.OK {
  padding-top: 10px; 
  font-weight: bold;
  font-size: 16px;
  color: black;
  text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(128,128,128,.5);
  /* Use "Translate" function instead of classic positioning for better performance */
  transform: translateY(-16px);
}
.muwa_label.ERROR + label {
	padding-top: 14px; 
	font-weight: normal;
	font-size: 16px;
	color: red;
	text-shadow: 0 0 15px rgba(255,0,0,.5), 0 0 10px rgba(0,0,0,.3);
	/* Use "Translate" function instead of classic positioning for better performance */
	transform: translateY(-16px);
}




.muwa_former_label_lang{
	
	border: 1px solid transparent;
	background-color: rgba(255, 255, 255, 0.9);
	/*background-color: rgba(238, 238, 238, 0.81);*/
	/*font-size: 18px;  */
	cursor: pointer; 
	text-align: center; 
	height: 43px;
	/*width: 43px;*/
	line-height: 43px;
	position: absolute;
	left: 7px;
	bottom: 1px;
	margin-right: 6px;
	padding: 0px;
	
}

.muwa_former_lang{
	
	
	
	border: 1px solid transparent;
	border-radius: 5px;  
	float: left; 
	width: 41px;
	height: 41px;
	line-height: 41px;
	display: none;
	
	margin: 0 1px 0 0;
	
}

.muwa_former_lang_actual{
	
	
	
	border: 1px solid transparent;
	border-radius: 5px;  
	float: left; 
	width: 41px;
	height: 41px;
	line-height: 41px;
	font-weight: bold;
	
	margin: 0 1px 0 0;
	
	
}

.muwa_former_lang_flag{
	
	background-color: transparent;

	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	
	
}





.muwa_input_label_info{
	
	/*border: 1px solid #bbc9dd;*/
	border: 1px solid rgba(153, 174, 204, 0.7);
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
	border-radius: 50%; 
	background-color: rgba(221, 228, 238, 0.7);
	color: #194362;
	font-size: 18px; 
	font-family: "Courier New", Courier;
	font-weight: bold; 
	cursor: pointer; 
	text-align: center; 
	width: 32px; 
	height: 32px;
	line-height: 32px;
	position: absolute; 
	right: 0px; 
	top: 5px;
	
}
.muwa_input_label_error{
	
	/*border: 1px solid #bbc9dd;*/
	border: 1px solid rgba(255, 102, 102, 0.5);
	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
	border-radius: 50%; 
	background-color: rgba(255, 204, 204, 0.7);
	color: red;
	font-size: 18px; 
	font-weight: bold; 
	cursor: pointer; 
	text-align: center; 
	width: 32px; 
	height: 32px;
	line-height: 32px;
	position: absolute; 
	right: 0px; 
	top: 5px;
	
}

.muwa_input_label_error_mini{
	
	
	display: none;
	
	/*border: 1px solid #bbc9dd;*/
	border: 1px solid rgba(255, 102, 102, 0.5);
	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
	border-radius: 50%; 
	background-color: rgba(255, 204, 204, 0.7);
	color: red;
	font-size: 14px; 
	font-weight: bold; 
	cursor: pointer; 
	text-align: center; 
	width: 24px; 
	height: 24px;
	line-height: 24px;
	position: absolute; 
	right: -5px; 
	top: -5px;
	
}


.muwa_input_label_ok{
	
	/*border: 1px solid #bbc9dd;*/
	border: 1px solid rgba(83, 198, 144, 0.5);
	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
	border-radius: 50%; 
	background-color: rgba(206, 253, 206, 0.7);
	color: #339969;
	font-size: 18px; 
	font-weight: bold; 
	/*cursor: pointer;*/
	text-align: center; 
	width: 32px; 
	height: 32px;
	line-height: 32px;
	position: absolute; 
	right: 0px; 
	top: 5px;
	
}

.muwa_input_label_ok_mini{
	
	display: none;
	
	/*border: 1px solid #bbc9dd;*/
	border: 1px solid rgba(83, 198, 144, 0.5);
	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
	border-radius: 50%; 
	background-color: rgba(206, 253, 206, 0.7);
	color: #339969;
	font-size: 14px; 
	font-weight: bold; 
	/*cursor: pointer;*/
	text-align: center; 
	width: 24px; 
	height: 24px;
	line-height: 24px;
	position: absolute; 
	right: -5px; 
	top: -5px;
	
}