/*
 Theme Name: NSO Malta
*/
font-Noto-Sans{
    font-family: 'Noto Sans', sans-serif;
}
span.wpcf7-spinner {
    position: absolute;
}
ul.tabmenu {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #d4d2d2;
}

ul.tabmenu a{
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #d4d2d2;
    border-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    min-width: 100px;
}
ul.tabmenu a:hover, ul.tabmenu a.active{
    background: #00a69f;
    color: #fff;
}
.tabcontent{
    display: none;
}
.pdf-uploader ul{
    list-style: none;
}
.pdf-uploader ul li{
    padding: 5px 0;
}
.mb-30{
    margin-bottom: 30px;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
    top: calc(50% + 112px) !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    margin: 1px 0;
    width: 55px;
    height: 55px;
}
.custom-event-height{
    height: 580px;
    overflow: hidden;
}

.cssload-container{
	position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 974px;
		-o-border-radius: 974px;
		-ms-border-radius: 974px;
		-webkit-border-radius: 974px;
		-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}

li.prev-link, li.next-link {
    list-style: none;
}

nav.pagination-area {
    display: flex;
    align-items: center;
}
nav.pagination-area a, .page-numbers {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #ddd;
    background: #fff;
}
@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@media (max-width: 991) {
    .simple-dropdown .dropdown-menu {
        position: relative;
        left: 0;
        width: 100%;
        padding: 0px 30px;
    }
}

@media print{
    nav.fixed-top {
        position: absolute;
    }
    .fixed-cont-holder, #pojo-a11y-toolbar{
        display: none;
    }
}
   
.wpml-ls-sidebars-wpml_switcher ul li:first-child{
    margin-bottom: 10px;
}


/* start  mark css */

/* main table*/
#mytable {
  width: 100%;
}

#mytable td, #mytable th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

#mytable tr:nth-child(even){
     background-color: #F7F7F7;
}

#mytable tr:hover {
    background-color:#DCFBFF;
}


#mytable th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #1E526E;
  font-weight: bold;
  background-color: rgb(255, 255, 255);
}

/*table for Releases*/
#mytable_Releases {
  width: 100%;
}
#mytable_Releases td, #mytable_Releases th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

/* for Releases not working*/
ul.My_ul {
	list-style-type:none;
  	padding-left: 30px;
	padding-bottom: 22px;
}


/* end mark css */