@charset "UTF-8";

:root {
	--main-bg-color: #73addb;
	--main-text-color: #000000;
	--light-bg-color: #bcd3e6;
	--border-color: #426987;
	--blue: #5294ff;
	--green: #73addb; /*was green initially #08b647;  variable name stays green but actual value is blue color*/
	--bg-gray: #f8f9fb;
	--black: #000000;
	--white: #ffffff;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-bolditalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-extrabold.ttf") format("truetype");
	font-weight: bolder;
	font-style: normal;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-extrabolditalic.ttf") format("truetype");
	font-weight: bolder;
	font-style: italic;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-light.ttf") format("truetype");
	font-weight: lighter;
	font-style: normal;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-lightitalic.ttf") format("truetype");
	font-weight: lighter;
	font-style: italic;
}

@font-face {
	font-family: "OpenSans";
	src: url("medias/4/opensans-regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.page{
	padding: 0 !important;
}

body {
	font-size: 15px;
	font-size: 'OpenSans', sans-serif !important;
}

a {
	color: var(--black);
}

a:hover,
a:active {
	color: var(--light-bg-color);
}

.btn-success:hover {
	background-color: #00ad48;
	border-color: #00ad48;
}

.warnRow,
.warnRow a,
.warnRow a:hover,
.warnRow a:active {
	background-color: #fff3cd;
	color: #856404 !important;
}

body .ui-panel .ui-panel-titlebar,
body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer,
body .ui-datatable th.ui-state-default,
body .ui-datatable tfoot td.ui-state-default,
body .ui-datatable .ui-datatable-header,
body .ui-treetable .ui-treetable-header,
body .ui-treetable thead th,
body .ui-fileupload .ui-fileupload-buttonbar,
body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active:hover {
	background: var(--main-bg-color);
	color: var(--main-text-color);
	border: none;
}

body .ui-datatable table,
body .ui-treetable table,
body .ui-datatable tbody.ui-datatable-data,
body .ui-datatable tbody.ui-datatable-data > tr.ui-widget-content,
body .ui-datatable tbody.ui-datatable-data td,
body .ui-datatable tr.ui-widget-header {
	border-color: var(--border-color) !important;
}

body .ui-accordion .ui-accordion-header:first-child {
	border-top: 0;
}

body .ui-accordion .ui-accordion-header > .ui-icon {
	color: var(--main-text-color);
}

body .ui-treetable .ui-treetable-header {
	text-align: center;
}

.btn-success {
	background: #00903c;
}

body .ui-datatable thead th.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable thead th.ui-state-active {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}
body .ui-datatable thead th.ui-state-active.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background: #e2fcec;
}

body > header {
	background-color: var(--main-bg-color);
	color: var(--main-text-color);
}

body > header a,
body > header a:hover,
body > header a:active {
	color: var(--main-text-color);
}

body > footer {
	width: 100%;
	background-color: var(--main-bg-color);
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 60px;
	border-top: none;
	font-size: 18px;
	font-weight: 300;
}

body > footer a,
body > footer a:hover,
body > footer a:active {
	color: var(--main-text-color);
	text-decoration: none;
}

body > footer ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

body > footer ul > li {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}

.container{
	margin: 0 !important;
	width: 100% !important;
}

#container{
	width: 100% !important;
}

main{
	padding: 0 !important;
}

.page .container{
	min-width: 100% !important;
}

.mt-5.border.p-2{
	margin: 0 !important;
	display: none;
}

nav li a{
	color: var(--main-text-color) !important;
	font-weight: 400 !important;
}


nav li a:hover{
	color: var(--white) !important;
}

.navbar.navbar-expand-sm.navbar-light{
	padding: 0 !important;
}

.navbar.navbar-expand-sm.navbar-light .nav-item{
	margin-right: 5px;
}

footer > nav li a span{
	border: 1px solid red !important;
	color: var(--white) !important;
}

.navbar-toggler.ml-auto{
	background: white;
	width: 40px;
	height: 40px;
	padding: 0 !important;
	border-radius: 50px;
	overflow:hidden;
	display: flex;
	justify-content: center;
	align-items:center;
}

@media (min-width: 1420px) {
	.navbar-toggler.ml-auto{
		display: none;
		border: 1px solid red !important;
	}


}

@media (min-width: 1200px) {
	.navbar-toggler{
		display: none !important;
	}
}

@media (max-width: 1200px) {
	#header-nav .moduleWrapper{
		display: none !important;
	}
}

.moduleWrapper{
	padding: 0 !important;
}

#container{
	padding: 10px !important;
}
.mt-1{
	margin-top: 10px;
}

.my-flex{
	display:flex;
	align-items:center;
	gap: 10px;
}

nav .nav-link:hover, .active{
	background-color: var(--green);
	color: var(--white) !important;
}

nav .nav-link span:hover{
	color: var(--white) !important;
}

/* Small screens: tighten */
@media (max-width: 480px) {
	.hero { min-height: 320px; }
	.hero__nav { width: 40px; height: 40px; }

	.header-setarepules{
		display: none;
	}
}

.centered{
	display: flex;
	justify-content:center;
	align-items:center;
}

/* #kartyak-arakkal > .moduleWrapper:first-of-type{
display: flex;
justify-content:center;
width: 100% !important;
} */

nav.navbar.navbar-light{
	padding: 0 !important;
}

.h-100 > .moduleWrapper{
	height: 100% !important;
}

.h-100 > .moduleWrapper > div{
	height: 100% !important;
}

#footerNav ul{
	display: flex;
}

#footerNav ul li{
	padding-left: 0;
}

#footerNav ul li a{
	color: #ffffff !important;
}

.video-container{
  height: 400px;
  overflow:hidden;
  width: 100%;
}

.video-container video{
  width: 100%;
  height: 100%;
}


@media (max-width: 420px) {
	footer div{
		display: flex;
		flex-direction: column !important;
		align-items:center !important;
		width: 100% !important;
		max-width: 90% !important;
	}
}

@media (max-width: 410px) {
	#headerImage{
		max-width: 70px;
		height: 70px;
		position: absolute;
		top: 0;
	}

	nav{
		min-height: 70px !important;
	}
}

@media (min-width: 410px) {
	#headerImage{
		max-height: 120px;
		min-width: 125px;
	}
}