/* General tags */ 

	strong {
		 font-weight: bold;
    }
	
	td { 
		 font-family: LG Smart;
		 font-size: medium;	 
	 } 
	 
	th { 
		 font-family: LG Smart;
		 font-size: medium;	 
	 } 
	 
	 
	/* Responsive image class */ 	
	
	@media(max-width:599px){
		.min-width600{
			display:none;
		}
		.max-width599{
			display:block;
		}
	}

	@media(min-width:600px){
		.min-width600{
			display:block;
		}
		.max-width599{
			display:none;		
		}
	}	 
	 

	/* Table: table1 */ 

	table.table1 { 
		 width: 100%; 
		
	 } 
	 
	td.table1 { 
		 border: 1px solid #f0ede9;
		 background-color: #e4e4e4; 
		 text-align: center;
		 font-family: LG Smart;
		 font-size: medium;	 
	 } 
	 
	th.table1 { 
		 border: 1px solid #f0ede9;
		 background-color: #535353;
		 color: #FFFFFF;
		 text-align: center;
		 font-family: LG Smart;
		 font-size: medium;	 
	 } 
	  
	thead.table1 { 
		 background-color: #e4e4e4; 
	 }


	/* Responsive: table 1 No table  */ 

	 @media only screen and (max-width: 767px) { 

		                     /* Force table */ 

		#no-table table,  
		#no-table thead,  
		#no-table tbody,  
		#no-table th,  
		#no-table td,  
		#no-table tr {  

			display: block;  
		} 

		                     /* hide */ 

		#no-table thead tr {  

			position: absolute; 
			top:-9999px; 
			left:-9999px; 
		} 

		#no-table tr { border: none; } 
	  
		#no-table td.table1 {  

		                     /* Insert as row */ 

			border: none;   
			position: relative; 
			padding-left: 50%;  
			white-space: normal; 
			text-align:center; 
		} 

		#no-table td.table1:before {  

		                     /* Insert as table title */ 

			position: absolute; 

		                     /* top/left are padding */ 

			top: 0; 
			left: 6px; 
			width: 45%;  
			padding-right: 10px;  
			white-space: nowrap; 
			text-align: center; 
			font-weight: bold;
			background-color: #535353;
		    color: #FFFFFF;
		} 

		                     /* Add label data */ 

		#no-table td.table1:before { content: attr(data-title); }
    }	 
 
	
	/* Table: my-sol-menu */ 

	table.my-sol-menu { 
		 width: 100%; 
	 } 	 
	 
	td.my-sol-menu { 
		 border: 1px solid #f2f2f2; 
		 background-color: #e4e4e4;
         padding: 7px;		 
		 text-align: center;
		 font-family: LG Smart;
		 font-size: 4;	 
	 } 

	td.my-sol-menu-sel { 
		 border: 1px solid #f2f2f2; 
		 background-color: #A50034;
		 color: #FFFFFF;
         padding: 7px;		 
		 text-align: center;
		 font-family: LG Smart;
		 font-size: 4;	 
	 } 		  
	 
    @media only screen and (max-width: 767px) { 
 	#sol-menu table.my-sol-menu,  
 	#sol-menu thead.my-sol-menu,  
 	#sol-menu tbody.my-sol-menu,  
 	#sol-menu th.my-sol-menu,  
 	#sol-menu td.my-sol-menu, td.my-sol-menu-sel,  
 	#sol-menu tr.my-sol-menu {  
 		display: block;  
 	} 
  
 	#sol-menu thead.my-sol-menu tr.my-sol-menu {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#sol-menu tr.my-sol-menu { border: 1px solid #f2f2f2; } 
  
 	#sol-menu td.my-sol-menu, td.my-sol-menu-sel {  
  
 		border: 1px solid #f2f2f2;  
 		position: relative; 
 		white-space: normal; 
 		text-align:left; 
 	} 
  
 	#sol-menu td.my-sol-menu:before, td.my-sol-menu-sel:before  {  
  
 		position: absolute; 
 		top: 0; 
 		left: 7px; 
 		width: 100%;  
 		padding-right: 7px;  
 		white-space: nowrap; 
 		text-align:left; 
 		font-weight: bold; 
 	}
    } 
	

	/* Responsive: cont-colonne */ 	
	
	@media only screen and (min-width: 901px) {
	.cont-colonne {
	  display: flex;
	  width: 100%;
	}

	.colonna {
		flex: 1;
		padding: 10px;
		text-align: left;
	}
	}
	@media only screen and (max-width: 900px) {
	  .colonna {
		display: block;
		width: 100%;
		text-align: left;
	  }
	}		


	/* Link: my-link */  

	a.my-link:link {color:#A50034;}
	
	a.my-link:visited {color:#A50034;}
	
	a.my-link:hover {color:#A50034;}
	

	/* Link: nav-link (guides and sol) */  	
	
	.nav-link.active, .nav-link:hover, .nav-link:focus {
		border-bottom: solid 3px #A50034;
	}
	
	.navbar .nav-link {
		font-size: 1rem;
		font-weight: bold;
		text-transform: uppercase;
		font-family: "LG Smart Bold", "sans-serif";
		margin: 0 1rem;
		text-decoration: none;
	}
	
    .nav-item>a:link {
			color: #000000;
			background-color: #FFFFFF;	
    }
	.nav-item>a:visited {
			color: #000000;
			background-color: #FFFFFF;			
    }	
    .nav-item>a:hover {
			color: #FFFFFF;
			background-color: #A50034;				
    }
    .nav-item>a:active {
			color: #000000;
			background-color: #FFFFFF;	
    }
	
	.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus {
	color: #FFFFFF;
	background-color: #A50034;
    }	
	
	.nav-pills .nav-link {
		font-weight: bold;
		font-family: "LG Smart", "sans-serif";
		margin: 0 1rem;
		text-decoration: none;
        color: #000000;
		background-color: #FFFFFF;	
	}


	/* Menu: horizontal frame menu (guides and sol) */  	

	.support-wrap .select-category-area .search-select-area .search-result-group .text-box{
		margin-top: 5px;
	}
	.support-wrap .select-category-area .search-select-area .search-result-group .box-result-item>a {
		text-decoration: none;
		border: solid 2px #fff;
		padding: 0.5rem;
		margin: 0.5rem;
	}
	.box-result-item a:hover,
	.box-result-item a:focus{
		border: solid 2px #a50034!important;
		border-radius: 1rem;
	}

	ol.lgeai-counter {
		list-style: none;
		counter-reset: lgeai-counter;
	}
	ol.lgeai-counter li {
		counter-increment: lgeai-counter;
		line-height:3rem;
	}
	ol.lgeai-counter li::before {
		content: counter(lgeai-counter) ". ";
		color: #A50034;
		font-weight: bold;
	}

	
	/* Menu: horizontal flex menu (guides and sol) */ 

    div.links { 	
    display: flex;
	justify-content: space-around;
	}
	
    @media only screen and (max-width: 900px) {
	div.links {
	display: flex;
    flex-direction: column;
	}
    }
	

	/* Youtube embed */ 

	.embed-youtube {
		position: relative;
		padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
		                        /* padding-bottom: 62.5%; - 16:10 aspect ratio */
		                        /* padding-bottom: 75%; - 4:3 aspect ratio */
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.embed-youtube iframe,
	.embed-youtube object,
	.embed-youtube embed {
		border: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	/* Details tag customization */ 
	
	details[open] summary ~ * {
	  animation: open 0.3s ease-in-out;
	}

	@keyframes open {
	  0% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	details summary::-webkit-details-marker {
	  display: none;
	}

	details summary {
	  width: 85%;
	  padding: 0.5rem 0;
	  border-top: 1px solid black;
	  position: relative;
	  cursor: pointer;
	  list-style: none;
	  text-align: left; 	  
	}

	details summary:after {
	  content: "+";
	  color: black;
	  position: absolute;
	  font-size: 1.75rem;
	  line-height: 0;
	  margin-top: 0.75rem;
	  right: 0;
	  font-weight: 200;
	  transform-origin: center;
	  transition: 200ms linear;
	}
	details[open] summary:after {
	  transform: rotate(45deg);
	  font-size: 2rem;
	}
	details summary {
	  outline: 0;
	}
	details p {
	  margin: 0 0 1rem;
	}	
	
	details.description[open] summary ~ * {
	  animation: open 0.3s ease-in-out;
	}

	@keyframes open {
	  0% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	details.description summary::-webkit-details-marker {
	  display: none;
	}

	details.description summary {
	  width: 85%;
	  padding: 0.5rem 0;
	  border-top: 1px solid black;
	  position: relative;
	  cursor: pointer;
	  list-style: none;
	}	
	
	details.description[open] summary::after {
	  content: attr(data-open);
	  color: black;
	  position: absolute;
	  font-size: 1rem;
	  line-height: 0;
	  margin-top: 0.75rem;
	  right: 0;
	  font-weight: 200;
	  transform-origin: center;
	  transition: 200ms linear;	  
	}

	details.description:not([open]) summary::after {
	  content: attr(data-close);
	  color: black;
	  position: absolute;
	  font-size: 1rem;
	  line-height: 0;
	  margin-top: 0.75rem;
	  right: 0;
	  font-weight: 200;
	  transform-origin: center;
	  transition: 200ms linear;	  
	}

	details.description summary {
	  outline: 0;
	}
	details.description p {
	  margin: 0 0 1rem;
	}	


	/* Overlay popup customization */ 

	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.5);
		transition: opacity 200ms;
		visibility: hidden;
		opacity: 0;

	  .cancel {
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: default;
	  }
	}

	.overlay:target {
	  visibility: visible;
	  opacity: 1;
	}

	.popup {
		margin: 75px auto;
		padding: 20px;
		background: #ffffff;
		border-radius: 5px;	
		border: 1px solid #666666;
		width: 70%;
		box-shadow: 0 0 50px rgba(0,0,0,0.5);
		position: relative;
		transition: all 5s ease-in-out;	
	}

	.popup .close {
		position: absolute;
		width: 20px;
		height: 20px;
		top: 20px;
		right: 20px;
		opacity: 0.8;
		transition: all 200ms;
		font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		color: #666666;
	}
	  
	.popup .close:hover {
		opacity: 1;
	} 
	  
	.popup .content {
	  overflow: auto;
	}

	@media screen and (max-width: 700px){
	  .popup{
		width: 90%;
	  }
	}