body{
	box-sizing: border-box;
	background-color: transparent;
	background-image: linear-gradient(360deg, #E9EBFF 0%, #FCFCFF 100%);
	min-height: 100vh;
	margin: auto;
}

.bold {
	color: #18164c;
    font-weight: 600;
}

.codeStyle {
	font-size: 87.5%;
    color: #FFB29B;
    word-break: break-word;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	}
}

/* Header Container */
.top-header {
	display: flex;
	justify-content: space-between;
	margin-top: 2vh;
	margin-bottom: 4vh;
}

.header {
	padding-bottom: 2vh;
	text-align: center;
	padding: 80px 0 65px 0;
}

.header-logo {
    display: flex;
}

.header-logo span {
    color: #3D46FB;
    font-size: 19px;
    margin-left: 5px;
}

@media screen and (max-width: 800px) {
	.header-logo {
		display: grid!important;
	}
	.header-logo span {
		margin-left: 0;
	}
}

.dropdown-toggle {
	height: 34.59px;
}

.nav-link {
	border-radius: 0.25rem;
}

.nav-item {
	margin-left: 0.5em;
}

.nav-link:hover {
	background-color: #e9ecef;
}

/* Ouvre le dropdown au hover sur desktop */
@media (min-width: 768px) {

	.navbar-nav .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	  }
	
	  .navbar-nav .dropdown:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	  }

  }

.logo {
	height: 16px;
}

.btn-discover {
	color: white!important;
}

a.title {
	color: #18164C!important;
}

a.title:hover {
	text-decoration: none;
}

.title {
	font-size: 48px;
	font-weight: 700;
} 

.subtitle {
	color: #18164C!important;
	font-size: 35px;
	font-weight: 500;
} 

.getStarted {
	background-color: #473AE0;
	max-width: 600px;
	display: flex;
	text-align: left;
	padding: 2rem;
}

@media screen and (max-width: 600px) {
	.getStarted {
	  flex-direction: column;
	}
	.getStarted .btn{
		margin-top: 1em;
	}
	.icon_getStarted{
		align-self: center!important;
		margin-bottom: 1em;
	}
  }

.title_getStarted {
	color: white;
	font-weight: 700;
	font-size: 24px;
}

.body_getStarted {
	color: white;
	font-size: 17px;
	font-weight: 300;
}

.btn-dark{
	width: auto;
    height: fit-content;
    align-self: center;
	border-radius: 15px;
}

.btn-dark > a {
	color: white;
}

.icon_getStarted {
	width: 80px;
	align-self: flex-start;
}

.container_getStarted{
	text-align: -webkit-center;
}

.contact {
	font-size: 14px;
	margin-right: 10px;
	font-weight: 400!important;
}

h2 {
	margin-bottom: 2vh;
}

.discover-block .btn {
	padding: 7px 20px;
}

.white-background {
	background-color: white;
	margin-bottom: 3vh;
	border-radius: 15px;
	box-shadow: 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .03);
	padding: 3vh;
}

.size-xl {
	font-size: 16px;
	color: #434649;
	line-height: 1.6;
	font-weight: 300;
	padding:60px;
}

strong {
	color: #18164c;
	font-weight: 600;
}

input,
button {
	font-size: 14px;
}

input {
	height: 25px;
	width: 100%;
	border:none;
	border-bottom: 1px solid grey;
	vertical-align: sub;
	font-size: 17px;
}

.text {
	font-size: 18px;
}

.hreflang-block {
	margin-left: 5px;
    margin-top: -7px;
}

.badge-secondary {
	font-size: 8px!important;
	font-weight: 500;
	background: transparent;
    text-transform: uppercase;
	margin-left: 5px!important;
    padding: 3px 6px;
    border: 1px solid #3D46FB;
	border-radius: 4px;
}

#submitUrl button,
#submitUrl select {
	padding: 5px 0px;
	min-width: 100%;
	cursor: pointer;
}

#submitUrl .btn-primary {
	padding-left: 10px;
}

@media screen and (max-width: 800px) {
	.col-2 {
		max-width: 50%;
		flex: 50%;
	}
	.col-8 {
		flex: 100%;
		max-width: 100%;
	}
}

.error-message {
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
	color: rgba(255, 0, 0, 0.61);
}

/* Result Container */
.result-container {
	padding-bottom: 1vh;
}

.table thead,
.table tbody {
	text-align: center;
}
.table td {
	font-size: 13px;
}

/* Icons */
.material-icons {
	font-size: 20px;
	line-height: 0.7;
}

.ic-info {
	color: #473AE0;
}

.ic-check,
.check.ic-check {
	color: #32CD32;
	font-weight: bold;
}
.check.ic-check {
	border: 1px solid #32CD32;
	border-radius: 50%;
}

.ic-block,
.ic-cancel {
	color: red;
}

.ic-error,
.ic-warning {
	color: orange;
}

.error {
	list-style-type: disc;
	text-align: center;
}

.error .empty-error {
	list-style: none;
}

.empty-error {
	margin-left: -40px;
}

.table td {
    padding-bottom: 0;
}

#footer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15vh;
	margin-bottom: 5vh;
} 

@media screen and (max-width: 800px) {
	#footer .row {
		display: block;
		text-align: center;
	}
	#footer .col {
	    margin-bottom: 6vh;
	}
	#footer nav ul li a {
		display: block!important;
	}
}

#footer nav{
	margin-right: auto;
}

#footer nav ul {
	box-sizing:border-box;
	display:block;
	font-size:14px;
	font-weight:400;
	height:160px;
	justify-content:flex-start;
	list-style-type:none;
	margin-right: 0;
    padding: 0;
}
	
#footer nav ul li a {
	color:rgb(111, 117, 136);
	cursor:pointer;
	display:flex;
	height:32px;
	line-height:26.04px;
	outline-color:rgb(111, 117, 136);
	outline-style:none;
}

/* ISO code list page */

#table-container{
	width:70%;
	justify-self: center;
}

.pagination {
    margin-top: 25px;
}

.search_iso_639-1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.search_iso_3166 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media screen and (max-width: 460px) {
	.search_iso_639-1 {
		flex-direction: column;
	}

	.search_iso_3166 {
		flex-direction: column;
	}
}

/* Spinner CSS */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
	display: none;
	color: #3D46FB;
	font-size: 10px;
	position: absolute!important;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
  	left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}