@font-face {
 font-family: 'Poppins';
 src: url('../font/Poppins-Regular.otf');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Poppins';
 src: url('../font/Poppins-Italic.otf');
 font-weight: normal;
 font-style: italic;
}

@font-face {
 font-family: 'Poppins';
 src: url('../font/Poppins-Bold.otf');
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: 'Poppins';
 src: url('../font/Poppins-BoldItalic.otf');
 font-weight: bold;
 font-style: italic;
}

html {
 position: relative; 
 min-height: 100%;
}

body {
 font-family: Poppins;
 background-image: url('../img/back.png');
}

div {
 text-align: justify;
 text-justify: inter-word;
}

#content a {
 color: #007ACC;
 text-decoration: none;
 font-weight: bold;
 cursor: pointer;
}

#content a:hover {
 color: #30AAFC;
}

h1 {
 font-weight: bold;
 font-size: xx-large;
 margin-bottom: 20px;
}

h2 {
 font-weight: bold;
 font-size: x-large;
 margin-bottom: 20px;
}

h3 {
 font-weight: bold;
 font-size: large;
 margin-bottom: 20px;
}

main {
 margin-bottom: 30px;
}

.bg-menu {
 background-color: #27262C;
}

.thumbnail {
 width: 250px;
 max-width: 100%;
 border: 1px solid #CCCCCC;
 border-radius: 10px;
 padding: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 float: left;
}

.dropdown-menu {
 position: absolute; 
 right:0;
}

.navbar-brand {
 cursor: pointer;
}

.navbar-brand img {
 margin-right: 5px;
}

.navbar-logo {
 height: 32px;
 padding-left: 10px;
}

.navbar-nav .nav-link {
 padding-left: 10px;
 padding-right: 10px;
}

.nav-item {
 cursor: pointer;
 padding-left: 5px;
 padding-right: 5px;
}

.nav-item .active {
 background-color: #47464C;
 border-radius: 5px;
}

.nav-link, .navbar-brand {
 display: flex;
 align-items: center;
}

.nav-link:hover {
 background-color: #37363C;
 border-radius: 5px;
}

.dropdown-menu {
 width: max-content;
}

.dropdown-item:hover {
 background-color: #EEEEEE;
}

#content {
 background-color: #FFFFFF;
 margin: 0 auto;
 max-width: 1200px;
 border: 1px solid #BBBBBB;
 padding: 10px;
}

.table-icon {
 width: 24px;
 height: 24px;
}

.accordion-button {
 font-size: x-large;
 font-weight: bold;
}

.acc {
 border: 1px solid #AAAAAA;
 margin-bottom: 10px;
}

.acc-header {
 background-color: #DDDDDD;
 font-weight: bold;
 font-size: x-large;
 padding: 10px;
 border-bottom: 1px solid #AAAAAA;
 cursor: pointer;
}

.acc-body {
 padding: 10px;
}

.acc-icon {
 width: 24px;
 height: 24px;
}

#flags {
 direction: rtl;
 padding-left: 10px;
 padding-right: 10px;
 margin: 0 auto;
 max-width: 1200px;
}

.flag-icon {
 padding-left: 2px;
 padding-right: 2px;
 width: 32px;
 height: 32px;
 transition: all .2s ease-in-out;
 cursor: pointer;
}

.flag-icon:hover {
 transform: scale(1.2);
}

footer {
 position: absolute;
 bottom: 0px;
 width: 100%;
}

footer a {
 cursor: pointer;
 font-weight: bold;
 color: #FFFFFF;
}

footer a:hover {
 color: #BBBBBB;
}