@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensed.ttf");
}
@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensedBold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensedMedium.ttf");
    font-weight: medium;
}
@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensedItalic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensedBoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "NotoSans";
    src: url("/assets/fonts/NotoSans-SemiCondensedMediumItalic.ttf");
    font-weight: medium;
    font-style: italic;
}


body{
	font-family: "NotoSans" !important;
	background-color: #F9F9F9;
}

iframe {
         /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 75vh;        /* Viewport-relative units */
}

.navbar-custom{
	border-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-color: #00457E;
	border-top: 10px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
	background-color: white !important;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.navbar-logo-custom{
	max-width: 90%;
	max-height: 60px;
}
.navbar-brand-custom{
	max-width: 70%;
}

.navbar-icon-flag {
	    max-height: 24px;
		margin-left: 10px;
		
}

.navbar-link-flag{
	text-align: center;
}

.navbar-link-flag a {
	text-decoration: none;
	color:#00457e;
	margin-right: 12px;
}

.navbar-link-flag a:hover{
	color: #BFB497;
	text-decoration: underline !important;
	text-underline-offset: 6px;
}

.navbar-link-flag-active{
	color: #BFB497 !important;
	text-decoration: underline !important;
	text-underline-offset: 6px;
}

.card-header-custom{
	background-color: #00457E !important;
	color: white;
	border-radius: 0 !important;
}

.card-header-sidenav {
	cursor: pointer; 
}

.card-custom-sidenav {
	margin-bottom:10px;
}


.card-custom{
	border-radius: 0 !important;
}

.font-color-custom{
	color: #00457E !important;
}

.font-color-custom-sm{
	color: #00457E !important;
	font-size: 12px !important;
	padding-top: 5px;
}

.img-border-custom{
	padding: 5px;
	border: 3px #00457E solid;
}

.image-custom-subline{
	margin-top: -58px !important;
	margin-left: 10%;
	margin-left: 10%;
	margin-bottom: 10px;
}

.image-custom-subline a{
	text-decoration: none;
	color: #00B5E2;
	font-size: 14px;
}

.custom-matrix{
	background-image: url('/assets/img/background-matrix.jpg');
	background-repeat: no-repeat;
	width: 100%;
	aspect-ratio: 16/9;
}

.custom-content{
	background-image: url('/assets/img/background-matrix.jpg');
	background-repeat: no-repeat;
	width: 100%;
	aspect-ratio: 16/9;
	overflow-y: scroll;
	overflow-x:hidden;
	padding: 10px;
}

.custom-matrix-item{
	 cursor: pointer; 
}

.custom-headline{
	text-align:center;
	color: #00457E;
	font-weight: bold;
}

/*.list-group-item-sidenav {
	margin-top: 10px;
	border: 1px solid black;
}*/

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
   content: "";
   background-image: url('/assets/icons/play.svg');
   /*filter: invert(17%) sepia(39%) saturate(4306%) hue-rotate(191deg) brightness(94%) contrast(101%);*/
   filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(173deg) brightness(110%) contrast(101%);
   background-repeat: no-repeat;
   background-size: 180px;
   background-color: transparent !important;
   background-position: 55% calc(50% - 0px);
   border-color: white !important;
   box-shadow: none !important;

}

.vjs-poster{
	background-color: transparent !important;
}

.video-js .vjs-big-play-button{
	   font-size: 10em !important;
	   border: none !important;
	   background-color: transparent !important;
}

.vjs-control-bar{
	   background-color: #e2e2e2 !important;
	   color: #00457E !important;
}
.vjs-menu-content{
	   background-color: #e2e2e2 !important;
	   color: #00457E !important;
}

.vjs-play-progress{
	   background-color: #00457E !important;
}

.vjs-volume-level{
	   background-color: #00457E !important;
}

.vjs-time-tooltip{
	   background-color: #e2e2e2 !important;
	   color: #00457E !important;
}

 .vjs-subs-caps-button{
		display: none;
}


.card-chapters{
	 cursor: pointer; 
}

.video-title{
	background-color: #00457E !important;
	color: white !important;
	padding: 8px 30px;
    text-align: inherit;
	font-size: 24px;
}

.video-description{
	background-color: #e2e2e2;
	padding: 8px 30px;
	color: rgb(91, 91, 91);
	margin-bottom: 30px;
}

.footer-custom{
	background-color: #00457E !important;
	color: white !important;
	font-size: 18px;
	text-align: center;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.footer-custom a{
	color: white;
	text-decoration: none;
}

.footer-custom a:hover{
	color: #BFB497;
}

.footer-pre{
	height: 20px;
	/*background-color: #ECE8DD;*/
}

.btn-custom-1{
	background-color: #00457E;
	border-color:  #00457E ;
	border-radius: 0px;
}

.btn-custom-1.active,
.btn-custom-1:active, {
	background-color: red;
	border-color:  red;
	border-radius: 0px;
}

.btn-custom-2{
	border-radius: 0;
}

.btn-custom-3{
	background-color: #00457E;
	border-color:  #00457E ;
	border-radius: 0px;
	color: white !important;
	margin-right: 20%;
}


.btn-custom-3:active,
.btn-custom-3:focus,
.btn-custom-3:hover,
.btn-custom-3.active {
	background-color: #00457E !important;
	border-color:  #00457E !important;
	outline: none !important;
  box-shadow: none;

}

.modal-custom {
	border-radius: 0;
}

.card-active-custom {
	background-color: #e2e2e2;
}

.disclaimer-checksign{
	height: 16px;
	margin-left: 10px;
}