.checkbox {
    position: relative;
}
.webpart_properties {
    word-break: break-all;
}
small.cor-card__title__link__info {
    display: none;
}
/* disabling deletion of a header in a sumarylink field */
.groupmarker div.slm-layout-main .ms-core-menu-list li[text='Delete'] {
    display: none;
}
.editmode .alert-danger {
    display: none;
}
#searchwrapper {
  
}
.padding-0{padding:0!important}
.showXML {
    display: block !important;
}
/*bootstrap resets for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box; /*border-box causes many issues with SP*/
	box-sizing: content-box;
}

* [class^="span"], * [class^="span"]:before, * [class^="span"]:after {
	-moz-box-sizing: content-box;	
	box-sizing: content-box;	
}

.ms-webpart-controlBox *, .ms-webpart-controlBox *:before, .ms-webpart-controlBox *:after {
	-moz-box-sizing: content-box !important; /*border-box causes many issues with SP*/
	box-sizing: content-box !important;
}

img {
	max-width: none;
	width: auto;
}
* [class^="span"] img {
	max-width: 100%; /*for images inside span grid*/
}

.ms-TPBorder{
	width: 100%;
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}

.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}

#s4-ribbonrow{
	font-size: 13px;
}
#s4-ribbonrow [class*="span"] {
    float: none;
    margin-left: 0px;
    line-height: 1.2em;
}

input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}

select, input[type="file"] {
    height: auto;
    line-height: 20px;
}

label {
    display: inline-block;
    margin-bottom: 0px;
}
.ms-fullWidth, .ms-webpart-chrome{
	display:block;
}
.ms-webpart-cell-vertical {
    margin-bottom: 20px;
}
/*end bootstrap resets*/
.container{
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box; /*border-box causes many issues with SP*/
	box-sizing: border-box;	

}

.container *, .container *:before, .container *:after {
	-moz-box-sizing: border-box; /*border-box causes many issues with SP*/
	box-sizing: border-box;	
}

@media (min-width:1200px){
	#MSOTlPn_MainTD {
	    position: absolute;
	    right: 0;
	    margin-right: 65px;
	    top: 385px;
	    z-index: 99;
	}
}
#MSOTlPn_MainTD *, #MSOTlPn_MainTD::after, #MSOTlPn_MainTD::before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[disabled], select[disabled], textarea[disabled]{
	background-color: #e9ecef !important;
	cursor: not-allowed;
	color: #b1b1b1 !important;
	border-color: #e1e1e1 !important;
}
.ms-ToolPaneBody {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px !important;
}
.ms-ToolPaneBody input{
	margin-right:7px;
}

/* notification box */
.ms-trcnoti-toast {
    background-color: red;
    color: white;
}
.ms-trcnoti-border {
    background-color: red;
    border-color: red;
}
.ms-trcnoti-bg {
    background-color: red;
}
b, strong {
    font-weight: 700;
}
.ms-listedit tr {
    line-height: 14px;
}

#DeltaTopNavigation .ms-navedit-editArea
    {
        display: none;
    }
    
.dfwp-list{
	list-style: none;
	padding: 0;
}
li.nav-item, nav li {
    list-style: none !important;
}
.cbq-layout-main img {
    max-width: 100%;
}

a:hover{
	color: #004896;
	text-decoration: none;
}

img {
	margin: auto;
}
.img-fluid {
	width: 100%;
}
.img-fluid img {
    width: 100%;
}
.ms-webpart-controlBox input {
    width: 13px !important;
}

p[class*="pt-ListParagraph"] span:first-child, span[class*="pt-000"] {
    display: none;
}


p[class*="pt-ListParagraph"], p[class*="pt-000"] {
    list-style-position: inside;
    list-style-type: disc;
    display: list-item;
}
#cor-ribbon *, #cor-ribbon:after, #cor-ribbon:before {
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.ms-cui-menu, .ms-cui-menu *, .ms-cui-menu *:before, .ms-cui-menu *:after {
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.ms-cui-menu {
    z-index: 9999 !important;
}

/*
:focus {
    outline-color: transparent;
}*/
/**********************************************************************************************/
/************* shared / follow buttons **************/
.ms-cui-ribbonTopBars {
    float: left;
}

#fullscreenmodebox, #site_follow_button, #ctl00_site_share_button {
	display: none !important;
}

.ms-rtePosition-FullWidth{
	-ms-name:"Full width";
	-ms-position: 0;
	height: auto !important;
/*	width: 100% !important;
	max-width: none;*/
	max-width: 100%;
	margin: 0 !important;
}

.editmode .contentCol, .editmode .rightCol,.editmode #topContent {
	overflow: visible;
}
.editmode .mainContent textarea, .editmode .mainContent input {
    width: 100%;
}
.editmode .ms-ToolPaneOuter text-area, .editmode .ms-ToolPaneOuter input {
    width: auto;
}
.editmode .mainContent .image, .editmode .mainContent .captioned-image
{
	float: none !important;
}

/* for embed dialogbox window*/
.editmode .ms-dlgFrameContainer>div>div {
	height: 100%;
}
.editmode .ms-dlgFrameContainer .ms-core-form {
	height: 40%;
}
.editmode .ms-dlgFrameContainer .ms-rte-embeddialog-textarea {
	height: 100%;
}
.editmode footer{display: none}
.mainContent li {
	list-style-position: inside;
	text-align: left;
	list-style: disc;
}
/* used for bullet points */
.mainContent .content li>div, .mainContent .content li>p {
    display: inline;
}
.slm-layout-main li {
    list-style: none;
}
@media (min-width: 576px){.container{width:100%;max-width: 100%;}#cookie-consent-banner {width: 100%;}}
@media (min-width:768px){.container{width:100%;max-width: 100%;}#cookie-consent-banner {width: 100%;}}
@media (min-width:992px){.container{width:960px;min-width:960px; padding: 0;}#cookie-consent-banner {width: 960px;}}
@media (min-width:1200px){.container{width:1170px;min-width:1170px;	padding: 0;}#cookie-consent-banner {width: 1170px;}}
#CorContainer{
	padding: 0;
	font-family: Arial;	
	color: #474746;		
	background-color: #E6EDEC;
	
}
.row{
	margin-right:0px;
	margin-left:0px;	
}

#contentRow{
	padding-bottom: 30px;
}


body{
	overflow: visible;
   	height: inherit;
   	width: inherit;
}
#cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
}

body #s4-workspace 
{
    overflow: visible !important;
    height: auto !important;
}
           
			
body #s4-bodyContainer{
	min-width: 0px;
}

.o365cs-nav-leftAlign{
	visibility: hidden !important;

}
.ms-dlgOverlay 
{
    width: 100% !important;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;	
    border: 0;
    border-top: 1px solid #DEDFDE;
    height: 0;
    clear: both;
}
.ms-webpartzone-cell {
    margin: 0;
}
.ms-rtestate-write.ms-rtestate-field {
    padding: 5px;
}
h1, .heading1, .ms-rtestate-field h1, .ms-rteElement-H1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #004896;
    text-decoration: none;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 8px;
    font-weight: bold;
}

h2, .heading2, .ms-rtestate-field h2, .ms-rteElement-H2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #004896;
    text-decoration: none;
    font-size: 18px;
    line-height: 27px;    
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 20px;
    font-weight: bold;
}

h3, .heading3, .ms-rtestate-field h3, .ms-rteElement-H3 {
    font-family: Arial, Helvetica, sans-serif;
	color: #004896;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.4em;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 0;
}
h4, .heading4, .ms-rtestate-field h4, .ms-rteElement-H4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #004896;
    text-decoration: none;
    font-size: 14px!important;
    line-height: 13px;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 0;
    font-style: normal!important;
    text-align: left;
}
h5, .heading5, .ms-rtestate-field h5, .ms-rteElement-H5 {
    font-size: 12px;
  	color: #004896;
    font-weight: bold;
    padding-left: 0;
    padding-top: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 700;
}

.dfwp-item {
    display: block;
}
.cbq-layout-main>.dfwp-list>.dfwp-item {
    width: 100%;
    margin-bottom: 10px;
}
ul.dfwp-list>.dfwp-item, ul.dfwp-slist>.dfwp-item {
    display: inline-block;
}
ul.dfwp-slist {
    margin: 0;
    padding: 0;
}
ul.dfwp-slist>.dfwp-item {
    margin: 0 1.0em .3em 0;
    font-weight: normal;
}

#speechesTab ul.dfwp-column.dfwp-list>.dfwp-item {
    display: block;
}

.ui-accordion {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	clear: both;
}
.ui-accordion h3{
	background-color: #bbd6dd !important;
	color: #004895 !important;
	font-weight: bold !important;
	font-size: 16px !important;	
}
.ui-accordion h3.ui-state-active, .ui-accordion h3.ui-state-hover, .ui-accordion h3.ui-state-focus {
	border-color: #004896;
}

.ui-accordion-header-icon {
    float: right;
    margin-top: 2px;
}
.ui-accordion h3:focus {
    border-color: #004896;
    outline-color: #004896 !important;
}
.lightBlueHeader{
	color: #004895;
	background-color: #bbd6dd;
	font-family: Arial;
	font-size: 18px;	
	font-weight: bold;	
	padding: 10px;	
}

.blueHeader{
	background-color: #004896;
	color: white;	
	font-family: Arial;
	font-size: 18px;	
	font-weight: bold;	
	padding: 10px;		
}
.TitleHeader{
	color: #004895;
	background-color: #bbd6dd;
	font-family: Arial;
	font-size: 18px;	
	font-weight: bold;	
	padding: 10px;	
	margin-bottom: 5px;	
}
.darkblue .TitleHeader {
	background-color: #004896;
	color: white;		
}
.DmDoc-container{
	margin-top: 10px;
	margin-bottom: 20px;	
	padding-left: 20px;
	padding-right: 20px;
}
.link-item.bullet{
	padding: 0;
}
a.webstreaming {
    color: black !important;
    margin-left: 20px;
}

a.webstreaming:hover{
    opacity:.5;
}

.new-link {
	font-size: 95%;
	background-color: #008000;
}
 
.sr-only,.visually-hidden {
    clip: rect(1px,1px,1px,1px)!important;
    border: 0!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
} 
/************************************ webpart media start *************************************/ 
li[id^='Ribbon.ContextualTabs.Media.Options.Size'] {
    display: none;
}   
.mediaPlayerContainer{
	margin-bottom: 20px;
	
}
.mediaPlayerContainer video {
    max-width: 100%;
    width: 100%;
    height: auto;
}
/************************************ webpart media end  **************************************/ 
/**********************************************************************************************/
/**********************************************************************************************/
/************************************ navigation start ****************************************/        
/**********************************************************************************************/
.sticky-top {
	z-index: 1005;
}
#globan {
    z-index: 9999 !important;
}
/************************************ hover menu start ****************************************/  
#hoverMenu {
    background-color: #004896;
    height: 80px;
}
#hoverMenu ul.root {
    display: flex;
    justify-content: center;
}
/* first level */
#hoverMenu li {
    list-style-type: none;
}
#hoverMenu li.static{
/*    width: 14.28%;*/
	border-left: 1px solid #DADADA;    
    background-color: #004896;
    list-style: none;
    text-align: center;
    font-size: 16px;
    flex: 1;
}   
#hoverMenu li.static:first-child {
    border-left: none;
}

#hoverMenu li.static a.static{
	float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;  
    text-align: center;

}
#hoverMenu li.static a.static {
    color: white;
}

#hoverMenu li.static.hover a.static, #hoverMenu li.static:hover a.static{
    background-color: #bbd6dd;
    color: #004895;
    cursor: pointer;
}
#hoverMenu li.static a.static.selected {
	background-color: #bbd6dd;
    color: #004895;	
}
#hoverMenu .menu-item-text {
    line-height: normal;
}

#hoverMenu .fa-angle-down {
	position: relative;
	top: 1px;
	margin-left: 15px;
}
#hoverMenu li.static.hover .fa-angle-down:before {
    content: "\f106";
}

/* second level */
#hoverMenu .root>li>ul.dynamic{
	margin-top: 30px;
	left: 0!important;
	text-align: left;
}

#hoverMenu ul.dynamic{
	background-color: #bbd6dd;
	padding: 0;
    width: auto !important;
    white-space: nowrap;	
}

#hoverMenu ul.dynamic li .menu-item{
color: #004895;
}

#hoverMenu ul.dynamic li:hover{
	background-color:#004895;
	color: white; 
}
#hoverMenu ul.dynamic li:hover>.dynamic {
    color: white;
}
#hoverMenu .dynamic-children{
	background-image: none;
	padding-right: 0;
}
#hoverMenu .fa-angle-right {
    position: relative;
    top: 4px;
}

#hoverMenu ul.dynamic li.hover .fa-angle-right:before {
    content: "\f104";
}

#hoverMenu li.dynamic>span.dynamic-children {
    background-color: #d0d0d0;    
    color: #004895!important;
}

#hoverMenu li.dynamic a.dynamic, #hoverMenu li.dynamic span.dynamic {
    padding: 10px;
}

#hoverMenu span.menu-item-text, #hoverMenu .fa-angle-right {
    cursor: default;
}

#hoverMenu a span.menu-item-text, #hoverMenu a .fa-angle-right {
    cursor: pointer;
}
@media (min-width:992px){.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{margin-right: 5px;}}
@media (min-width:1200px){.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{margin-right: 40px;}}

/************************************ hover menu end ******************************************/     
/**********************************************************************************************/
/************************************ clickable menu start ************************************/   
#clickableMenu {
    background-color: #004896;
}

#clickableMenu .navbar{
	padding: 0;
}
#clickableMenu .navbar-toggler {
	min-width: auto;
	margin : 10px;
	border-color: #bbd6dd;

}
#clickableMenu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(187,214,221, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#clickableMenu .navbar-toggler:hover{
	background-color: #bbd6dd;
}

#clickableMenu .navbar-toggler:hover .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,72,150, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


#clickableMenu .navbar-collapse {
    background-color: #004896;
}
#clickableMenu li:first-child{
	border-top: 1px solid #bbd6dd;
}
#clickableMenu li {
	border-bottom: 1px solid #bbd6dd;
} 
#clickableMenu .nav-link{
	font-size: 16px;
	color: white;
	padding-left: 20px;
}
#clickableMenu a.nav-link:hover, #clickableMenu a.nav-link:focus, #clickableMenu a.nav-link:active{
	background-color: #bbd6dd;
	color: #004895;
}
#clickableMenu .dropdown-header{
	float: none;
	width: auto;
	overflow: hidden;	
}
#clickableMenu .dropdown-toggle::after {
	display: none;
}

#clickableMenu .dropdown-menu {
    background-color: #bbd6dd;
    padding: 0;    
    margin: 0;
}

#clickableMenu .dropdown-menu li {
    border-bottom: 1px solid #004896;
}
#clickableMenu .dropdown-menu span.dropdown-item{
	background-color: #d0d0d0;    
    color: #004895!important;
}
#clickableMenu .dropdown-item {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;
    padding-right: 0px;            
    width: auto;
    overflow: hidden;
    white-space: normal;
    color: #004896;
    font-size: 16px;
    clear: none;
}

#clickableMenu .dropdown-item:focus, #clickableMenu .dropdown-item:focus{
	background-color: #bbd6dd;
}

#clickableMenu .dropdown-item:hover{
	background-color: #004896;
	color: white;
}
#clickableMenu .dropdown-toggle{
	float: right;	
	border-left: 1px solid #bbd6dd;
	text-align: center;
	width: 50px;
	height: 24px;
	padding-left: 0px;	
}
#clickableMenu .dropdown-menu .dropdown-toggle{
	border-left: 1px solid #004896;
}
#clickableMenu .dropdown-submenu .dropdown-menu .dropdown-item {
    padding-left: 80px;
}
/*#clickableMenu a.dropdown-toggle:hover .fa-angle-down:before {
    content: "\f106";
}*/
/*clickableMenu .dropdown-submenu {
  position: relative;
}

#clickableMenu .dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

#clickableMenu .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}*/
/************************************* clickable menu end *************************************/     
/**********************************************************************************************/
/************************************* navigation end *****************************************/        
/* header start */        
@media(min-width:992px){
.header {margin-top: 0 !important}
}

.logo{
	position: absolute;
	left: -137px;
	width: 422px;
	height: 156px;
/*	background-image: url("/Style Library/CorWeb/New Homepage/img/CoRLogoTriangle.png");
	background-size: 422px;
	background-repeat: no-repeat;*/
}
.logo .CoRLogo2 {
    position: relative;
	width: 422px;
	height: 156px;
    display: block;
}

.logo .CoRLogo {
    position: absolute;
	height: 98px;
	top: 25px;
	left: 150px;
}
.header {
    margin-bottom: 15px;
    height: 156px;
}

.supHere{
	font-size: 14px;
	margin-top: 5px;
}

.supHere .breadcrumbCurrentNode {
	font-weight: bold;
	color: inherit;
}

#CorContainer .supHere a, #CorContainer  .supHere a:link, #CorContainer  .supHere a:visited,  #CorContainer  .supHere a:focus {
	color: inherit;
	border-bottom: solid 1px;
}

#CorContainer  .supHere a:hover {
	border-bottom: solid 2px;
}


.TitleText {
	font-size: 24px;
	line-height: 28px;
	color: #4b6f7c;
    position: absolute;
    right: 0;	
    top: 90px;
	width: 80%;
	text-align: right;    
}

.Toplinks a, .Toplinks a:link, .Toplinks a:visited, .Toplinks a:focus
{
    color: #474746;
    font-size: 12px;    
}

.Toplinks {
	margin-right: 500px;	
	margin-top: 20px;
    position: absolute;
    right: 0;	
    z-index: 3;
}

.Toplinks > div {
	display: inline-block;
}

.Toplinks .contact {
	margin-left: 25px;
}

.Toplinks .enewsletter:hover, .Toplinks .contact:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;    
}

.Toplinks img {
	width: 18px;
}
.socials {
	position: absolute;
	right: 10px;
	margin-right: 0;
	margin-top: 10px;
}

.socials a, .socials img{
	color: white !important;
	border-radius: 50%;
	background-color: #474746 !important;
	width: 25px;
	height: 25px;	
}

.socials a:hover {
    background: #474746 !important;
}

/*	
.social_media_icons {
	display:block;
	float:right;	
	padding-right:0px;
}
*/
.header .socials li {
	margin-left: 0 !important;
}
.socials li {
	display:inline-block;
	list-style-type:none;
	text-decoration:none;
	margin-left:5px;
	margin-bottom: 10px;
}

.socials li:first-child {
	margin-left:0px;
}
	
.socials li:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7;
}	
.btn-social-icon>:first-child {
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-size: 15px;
}
.header .socials {
	margin-top: 15px;
	margin-right: 0;
	z-index: 3;
	width: 30%;
}
.header .socials a, .header .socials img{
	width: 30px;
	height: 30px;		
}

.header .btn-social-icon>:first-child  {
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 17px;
}
@media(max-width:991px){
	.Toplinks {
		margin-right: 325px;
	}
	.header .socials {
		width: 35%;
		margin-right: 25px;
	}
}

@media(max-width: 767px) {
	.Toplinks {
		margin-right: 20px;
		margin-top: 105px;
	}
	
	.header .socials {
		margin-top: 25px;
		margin-right: 15px;
		width: 42%;
	}	
	.header .socials a, .header .socials img{
		width:25px;
		height: 25px;
	}
	.header .btn-social-icon>:first-child {
		width:25px;
		height: 25px;
		line-height: 25px;
		font-size: 15px;	
	}
	.socials li {
		margin-left: 3px;
	}

}
.LanguageLink {
    padding-bottom: 15px;
    margin-left: 24px;
    margin-bottom: 10px;
}

/* Start Language Selector */
/* for ie8 */
.LangSelection select::-ms-expand {
    display: none;
}
.LangSelection select {
  /* styling */
  font-size: 12px;
  background-color: #F0F6F9;
  border: 1px solid #C1D9E2;
  border-radius: 5px;
  display: inline-block;
  color: #474746;
  padding-left: 10px;
  padding-right: 35px;
  padding-top: 3px;
  padding-bottom: 2px;

  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
 	webkit-appearance: none;  
/* arrows */
  background-image: linear-gradient(45deg, transparent 50%, white 50%),      linear-gradient(135deg, white 50%, transparent 50%),      linear-gradient(to right, #C1D9E2, #C1D9E2);
  background-position: calc(100% - 15px) calc( 8px),      calc(100% - 9px) calc(8px),      100% 0px;
  background-size: 6px 6px, 6px 6px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
             
.LangSelection select:focus {
  background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, #004896, #004896);
  background-position: calc(100% - 10px) calc( 8px),      calc(100% - 15px) calc(8px),      100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: #004896;
  outline: 0;
}

.LangSelection select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/* End Language Selector */
/* Start Search */
.s4-notdlg {
    position: relative;
    z-index: 10;
}

.ms-menubuttoninactivehover {
    margin: 0;
    padding: 0;
}
.searchwrapper .glyphicon-search {
    position: absolute;
    color: #C1D9E2;
    top: 8px;
    left: 11px;
    cursor: pointer;
}

.searchwrapper {
    width: 60%;
}

.searchwrapper #SearchBox, .searchwrapper #SearchBox input {
    width: 100% !important;
}

.ms-srch-sb {
	display: block;
}

.ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {
	border: 0;
}
.ms-srch-sb-searchLink {
    display: none;
}
#SearchBox input {
    height: 27px;
    border-radius: 14px;
    border: 1px solid #C1D9E2 !important;
    background-color: #F0F6F9;
    font-size: 12px;
    color: #4F4F4F;
    margin-top: 1px;
    padding-left: 26px;
    padding-top: 6px;
    padding-bottom: 4px;
    outline: 0;
}
.ms-srch-sb-navLink {
display: none;
}
/* End Search */
/* header end */        
/* footer start */
footer {
    background-color: white;
    text-align: center;
    vertical-align: middle;    
    position: absolute;
    width: 100%;
/*    bottom: 0;
    left: 0;*/
}

footer ul {
    display: block;
    position: relative;
    padding: 35px 0px;
    margin: 0;
}

footer li {
    display: inline-block;    
    border-left: 1px solid #DADADA;
    padding-left: 30px;
    padding-right: 30px;    
}

footer li:first-child {
    border-left: none;
}

footer a, footer a:link, footer a:visited, footer a:focus {
    color: #474746;
}

footer a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;    
}
@media (max-width:1199px){
	.footer{
		margin-top: 10px;
	}
	
	.footer > div {
		margin-top: 25px;
	}
}
@media (max-width:991px){
	footer li {
		padding-left: 20px;
		padding-right: 20px;
		display: block;
		border-left: none;

	}
}
/* footer end*/
/* homepage start */
.alert a{
    font-weight: bold;
    color: inherit !important;
}
.alert a:hover {
    text-decoration: underline;
}
.homepage .row {
    margin-left: -15px;
    margin-right: -15px;
}
.news_image .socials {
    left: 0;
}
.news_image .social_media_icons {
    padding-left: 10px;
}
.president_agenda, .fvp-container{
	margin-top: 15px;
	margin-bottom: 15px;
}
.news_header, .EIR_header, .member_header, .activities_header,.events_header{
	color: #004895;
	background-color: #bbd6dd;
	font-family: Arial;
	font-size: 16px;	
	font-weight: bold;	
	padding: 10px;
}

.news_header, .activities_header, .events_header{
	margin-bottom: 5px;		
}
.news_image img {
	display: block;
    max-width: 100%;
    margin: 0 auto;
    min-height: 220px;
}
.member_header, .EIR_header{
	background-color: #004896;
	color: white;
}
.news_image{
	position: relative; 
	overflow: hidden;
}
.button-container {
	height: 55px;
}
.cor_button, input.cor_button, input.btnSearchMember {
	position: relative;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: white !important;
	background-color: #1976d2;
	/* border: 1px solid #4CB9D8;	*/
	margin-top: 10px;	
	height: 29px;		
}

.cor_button:hover, input.cor_button:hover, input.btnSearchMember:hover,.cor_button.active {
	background-color: #004896;
	border-color: #004896;
	color: white;
}

a.cor_button--register-europcom-2021, a.cor_button--register-europcom-2021:link, a.cor_button--register-europcom-2021:visited, a:focus.cor_button--register-europcom-2021 {
  background-color: #2d8289;
  border: none;
  color: white;
  transition: background-color .3s ease-out;
}

a.cor_button--register-europcom-2021:hover {
  background-color: #3a4257;
}

.cor_button--ext:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='var(--color, white)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") no-repeat;
  color: white;
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: .5rem;
  width: 16px;
}
.homepage .btn-twitter {
    margin-right: 10px;
}
.news_description{
	width: 100%;
	left: 0;
	right: 0;
	padding: 8px 15px;
	background: rgba(0,72,150,0.9);
	color: white;
	bottom: 0;
	position: absolute;
	font-size: 12px;
}

.news_title {
    font-weight: bolder;
}
.news_description a, .news_description a:link, .news_description a:focus, .news_description a:visited{
	color: white;
}

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

a .TitleOnly , a:link .TitleOnly, a:visited .TitleOnly {
    font-family: Arial, Helvetica, sans-serif;
    color: #114F8D;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5pt;
    margin-top: 0;
}

a:hover .TitleOnly{
	color: #004896;
}

.videoPlayers_container, .mediaPlayers_container {
    margin: 10px 0;
}

.videoPlayers_container .embed-video, .mediaPlayers_container .embed-video, .mediaPlayers_container img {
    margin-bottom: 10px;
}

.videoPlayers_container .embed-description, .mediaPlayers_container .embed-description {
    padding: 10px;
}
.editors_container {
	padding-top: 10px;
	padding-bottom: 20px;
}
.homepage .banners_container {
    margin-top: -20px;
    margin-bottom: -5px;
}
.banners_container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.banners_container .banner {
    margin-bottom: 20px;
}
.events_container {
	margin-top: 5px;
	margin-bottom: 10px;
}

.HPMemberContainer {
	background-color: #C1D9E2;
	padding-top: 5px;
}

.HpMapContainer{
	background-color: #C1D9E2;
	margin-bottom: 15px;
	padding: 5px;
}

a, a:link, a:visited, a:focus {
	color: #114F8D;
	color: #3e68ff;
}
a:hover{
	text-decoration: none;
	color: #004896;
}

.carousel-caption > span {
    display: block;
}

div.HPMemberName{
	color: #1CBBFF;
	font-weight: bold;
	font-size:12px;
	padding-left:15px;
}

.HPMemberName a:hover {
	cursor: pointer;
	text-decoration: none;
}
.carousel {
	margin-bottom: 20px;
}
.carousel-caption .HPMemberRepresentation, .carousel-caption .HPMemberGrp, .carousel-caption .HPMemberCom
{
	display:none;
}
a.carousel-control-next,a.carousel-control-prev {
    outline: 0 !important;
}
.HPMemberOpinion{
	padding: 8px 15px;
	background: #A9CAD7;
	color: white;
	margin-top: 10px;
	font-weight: bold;
	
}

a.HPMemberOpLink, a.HPMemberOpLink:link, a.HPMemberOpLink:visited {
	color: #1CBBFF;
	color: #0D78BE;
}
.carousel-image{
	background-color: #A9CAD7;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 0;
	padding-right: 0;
	height: 322px;
	overflow: hidden;
}

.carousel-caption{
	position: relative;
	text-align: left;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	padding-top:15px;		
	text-shadow: none;
	
}

.carousel .loading {
    position: absolute;
    width: 30px;   
    top: 150px;
    right: 0;
    margin-right: 19px;
    display: none;
}
	


.footer {
    margin-top: 35px;
}

.fa-home {
    font-size: 18px;
}

.autoplayContainer{
	position: absolute;
	z-index: 20;
	width: 100%;
	top: 289px;
	font-family:Arial, Helvetica, sans-serif;
}
.autoplay {
	cursor: pointer;
	width: 101px;
	margin: 0 auto;
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	padding: 5px;
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: 0.7;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

.autoplay_label{
	font-size: 12px;
	margin-top: 5px;
	margin-right: 4px;
	float: left; 
}

.autoplayContainer .play {
	color: #004896;
  
}	

.activities_listing ul{
	padding: 0;
}
.activity_item {
	display: block;
/*	height: 130px;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C1D9E2;
	color: #1CBBFF;
	font-weight: bold;
}

.activity_image {
	width: 120px;
	display: inline-block;
	margin-right: 10px;	
	vertical-align: top;
}

.activity_item img{
	max-width: 120px;
	max-height: 120px;
	display: inline-block;
}

.activity_item .activity_description {
	display: inline-block;
	line-height: 18px;
	vertical-align:top;
	width: 60%;
}

.activity_item .activity_description a, .activity_item .activity_description a:link, .activity_item .activity_description a:visited, .activity_item .activity_description a:focus {
  color: #114F8D;
  font-size: 12px;
}

.footerLabels {
    position: absolute;
    z-index: 2;
    top: 15%;
    width: 85%;
    font-size: 1.9em;
    color: white;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 15px;
    left: 0;
    margin-left: 10px;
	text-shadow: 2px 0 0 #004896, -2px 0 0 #004896, 0 2px 0 #004896, 0 -2px 0 #004896, 1px 1px #004896, -1px -1px 0 #004896, 1px -1px 0 #004896, -1px 1px 0 #004896;
}


.politicalgroups_container {
	margin-top: 50px;
	margin-bottom: 50px;
}

.politicalgroups_header {
	font-size: 16px;
	font-weight: bold;
	color: #004896;
	margin-bottom: 20px;
	padding: 10px;
}

.politicalgroups {
    text-align: center;
}
.politicalgroups ul {
	display: flex;
}

.politicalgroups li {
/*    display: inline-block;*/
    width: 100%;
    list-style:none;  
    padding: 0 15px;
}

.politicalgroups img {
    width: 100%;
}

.politicalgroups ul {
    margin-bottom: 0;
    padding-left: 0;
}


@media (max-width:1199px){
	.activities_container, .politicalgroups_container{
		margin-top: 35px;
	}
	.politicalgroups ul {
		display: block;
	}
	.politicalgroups li {
	    display: block;
	    width: 60%;
	    padding: 0 15px;
	    margin: 50px auto;
    }

}
@media(max-width: 767px) {
	.member_header {
		margin-top: 25px;	
	}
    .activity_item .activity_description{
	
		width: 50%;
	}
}


/* homepage end */
/**********************************************************************************************/
/**********************************************************************************************/
/*************** info page start ********************/

.contentCol {
    padding: 0;
/*    margin-bottom: 44px;    */
	overflow: hidden;
	background-color:white;
	font-size: 14px;
}
.rightCol {
	padding-right: 0;
/*    margin-bottom: 44px; 	*/
	overflow: hidden;
	font-size: 14px;
}
.rightCol .ms-webpart-zone {
    background-color: white;
}
/*** correct content editor webpart start ***/
.rightCol .ms-WPBody p {
    font-size: 14px !important;
/*    padding-left: 20px;
    padding-right: 20px;*/
}
.rightCol .s4-wpcell-plain>div {
    padding-left: 20px;
    padding-right: 20px;

}
.rightCol .s4-wpcell-plain>div .lightBlueHeader {
    margin-left: -20px;
    margin-right: -20px;
}
.rightCol .s4-wpcell-plain em{
    font-size: 14px !important;
}
.rightCol ul li {
    font-size: 14px !important;
}
.rightCol ul.dfwp-column.dfwp-list {
    padding-left: 20px;
    padding-right: 20px;
}
/*** correct content editor webpart end ***/
.content {
    height: 100%;
    background-color: white;
    padding: 6px 15px;
    position: relative;
}
.content:first-child {
   margin-top: -6px;
}

.rightCol .videoPlayers_container {
    margin: 0;
}
.rightCol .banner {
    padding: 0 6px;
}
.rightCol .content {
    padding-left: 0px;
    padding-right: 0px;

}
.slwpmarker{
	margin-top: 10px;
	margin-bottom: 20px;	
	padding-left: 20px;
	padding-right: 20px;
}
#topContent {
    overflow: hidden;
	margin:0 -15px;
}
#bottomContent{
	margin:0 -15px;
    margin-bottom: 20px;

}
/*************** info page end ********************/
/**********************************************************************************************/
/*************** vip start ********************/
#column_wrapper_nav.cor_vip {
	font-size: 12px;
	background-color: transparent;
}
.contentVipCol{
	padding: 0;
}
.rightVipCol {
	padding-right: 0;
}

/*************** tabs start ********************/
#VIPTabs {
    background: white;
}
.ui-tabs{
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}

.ui-state-disabled {
	display: none !important;
}

.ui-tabs-panel {
	border: 0;	
	padding: 0;
}

.nav-tabs{
	background-color: #BBD6DD;
/* JMV remove on 30/01/20	height: 34px;*/
	padding: 0;
	border: 0;
	border-radius: 0;
	width: 100%;
}
.nav-tabs li {
	background: transparent;
	border: 0;
	margin: 0;
}
.nav-tabs li a{
	color: #004896;
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	width: 100%;
	text-align: center;
}
.nav-tabs li.ui-state-hover a{
	background-color :#004896;
	color: #FFF;
}

.nav-tabs li.ui-state-active a, .nav-tabs li.ui-state-focus a{
	background-color: #FFF;
	color: #004896;
}
.cor_vip .news-container img
{
	width: 100%;
}

.nav-tabs .nav-link{
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 4px;	
	border-radius: 0;	
}
.nav-tabs .nav-link:hover{
	background-color: white;
	color: #495057;
	border-bottom-width: 0;
}

/*************** tabs end ********************/
.contactDetails{
	padding-top: 39px;
	font-style: italic;
	color: #474746;
	font-size: 12px;
}

.cabinetContact, .otherLinks {
	float: left;
	width: 100px;
}
.vipInfo {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
.vipPhone, .vipEmail, .vipLocation, .vipGallery, .vipCV {
	font-style: normal;	
	font-weight: bold; 
	margin-left: 10px;
	float: left;
}

.vipCV div {
    display: inline-block;
    margin-left: 10px;
}

.vipEmail a{
	margin-left: 5px;
}

#mainTab .flickr-icon {
	width: 25px;
	border-radius: 50%;
	margin-right: 5px;	
}
.vipGallery {
    position: relative;
    top: -4px;
}


.contactDetails a {
	font-style: normal;	
	font-weight: bold;
}

.vipName, .vipPoliticalGroup {
    font-weight: bold;
    font-size: 16px;
}
.vipPoliticalGroup img {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.vipAdditionalInfo{
	background-color: #E6EDEC;
	background-color: #FFF;	
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #C0D8E1;
}

.rightVipCol .videoPlayers_container {
	margin-top: 0;
}

.vipVideo {
	padding-left: 6px;
	padding-right: 6px;
}
#vipTwitter {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-bottom: 50px;
	background-color: #fff;
}


#mainTab .PubDat, #mainTab .GeneratedLinks {	
	color: #474746;
	float: left;
	font-weight: bold;
}

#mainTab .PubDat:after {	
	content: "|";
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
}

#mainTab .vipAdditionalInfo > div {
    padding-left: 0;
    padding-right: 0;
}

#mainTab .vipLatestNews{
    padding-right: 15px;
}

#mainTab .vipSpeeches {
    padding-left: 15px;
}


#mainTab .vipLatestNews .blueHeader {
    margin-bottom: 15px;
}

#mainTab .vipLatestNews.Description_NewsWebpart{
	color: #000;
	font-style: italic;
}

#mainTab .vipLatestNews.SmallImage{
	max-height: 80px;
	max-width: 80px;
	padding: 0;
	margin: 0;
	margin-right: 5px;
}

#mainTab .vipLatestNews.Title_NewsOverviewWebpart {
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
}
#mainTab .vipLatestNews.HighlightDateLine {
	font-size: 10px;
	color: #474746;
	font-weight: bold;
}

#mainTab .vipLatestNews.description{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#mainTab .vipLatestNews.description a, #mainTab .vipLatestNews.description a:link{
	color: #1CBAFF;
	font-weight: bold;
	font-size: 12px;	
}

#cabinetTab, #speechesTab, #newsTab {
	padding-bottom: 20px;
}


#speechesTab .dfwp-column > li:nth-child(odd) {
    background-color: #EFF5F8;
    border-top: 1px solid #C0D8E1;
    border-bottom: 1px solid #C0D8E1;
}

#speechesTab .dfwp-column > li {
	padding: 10px 15px 5px 15px;
}

#speechesTab .PubDat, #speechesTab .GeneratedLinks {	
	color: #474746;
	font-weight: bold;
	display: inline-block;
	width: 50%;
}
#speechesTab .GeneratedLinks {
	
	text-align: right;
}
#speechesTab .GeneratedLinksLang {	
	font-weight: bold;
	display: inline-block;
	color: #1CBAFF;
}



.news-caption{
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;		
}
.news-title{
	font-size: 16px;
	font-weight:bold;
	color: #1CBBFF;
}
a:hover .news-title {
	color: #004896;
	text-decoration: none;
}
.news-date {
	font-size: 10px;
	color: #474746;
	margin-top: 10px;
}

.cbq-layout-main .news-container {
    background-color: #EFF5F8;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    display: block;
}

#newsTab .col-sm-6{
	float: none;
	display: inline-block;
	vertical-align: top;
}

#cabinetTab .heading2{
	padding-left: 15px;
}
#cabinetTab .row{
	margin: 0 -15px;
}

#cabinetTab .team-container{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
}

#cabinetTab .team-title {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 2px;
}

#cabinetTab .team-position {
	color: #474746;	
	font-size: 12px;
	font-style: italic;
	background-color: #EFF5F8;
	padding: 5px 10px;
	display: inline;
	border-radius: 15px;
}

#cabinetTab .team-contact-details {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #474746;
	font-size: 12px;
	font-style: italic;	
}
#cabinetTab .team-contact-details .team-email{
	word-break: break-all;
}
#cabinetTab a, #cabinetTab a:link, #cabinetTab a:visited, #cabinetTab a:hover, #cabinetTab a:focus {
	color: #1CBBFF;
}

#cabinetTab .team-description p {
    margin-bottom: 5px;
}
#cabinetTab .team-description ul {
    padding-left: 0;
}

#cabinetTab .contactDetails {
    padding-top: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

@media(max-width: 991px){
	.contentCol{
		padding-right: 0;
	}
	.rightCol {
		padding-left: 0;
	}
	
	.contentVipCol{
		padding-right: 0;
	}
	.rightVipCol {
		padding-left: 0;
	}
}


@media(max-width: 767px) {
	#VIPTabs {
	    margin-bottom: 25px;
	}
	
	.cabinetContact, .otherLinks {
		width: 100%;
		margin-bottom: 5px;
	}
	
	#mainTab .vipLatestNews{
		padding: 0;
		margin-bottom: 55px;
	}
	
	#mainTab .vipSpeeches {
		padding: 0;
	}
	
	.vipPhone, .vipEmail, .vipLocation, .vipGallery, .vipCV {
		margin-bottom: 5px;
	}
	
	#cabinetTab .team-container{
	margin-bottom: 15px;
	}
	
	#cabinetTab .team-picture {
		text-align: center;
	}

	#cabinetTab .team-picture img {
		display: inline;
	}
	.cor_vip .nav-tabs li a {
	padding-left: 5px !important;
	padding-right: 5px !important;
	}
	.cor_vip .nav-tabs li {
	width: 100% !important;
	}
	.cor_vip .nav-tabs {
		height: auto;
	}
}
.vipVideo .cor_button {
    margin-bottom: 10px;
    margin-top: 0;
}
.noresults{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.vipAdditionalInfo .noresults{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding: 15px;
}
/************* vip end ******************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* news start ***************/
.news-welcome .contentCol {
    background-color: transparent;
}

.news-welcome .rightCol .content {
/*    padding-top: 0;*/
}
.captioned-image {
    float: left;
    margin-right: 10px;
}
.captioned-image .image
{
	float: none !important;
}
.captioned-image .caption {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    max-width: 300px;
}
.caption p {
    padding-top: 2px;
    margin-bottom: 2px;
}

.newsHeader {
	display:none;
}
.newsType{
	font-family: Arial,verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: white; 
	margin-right: 3px; 
	padding: 3px 5px;	
}
.newsType.pressRelease{
	background-color: #27b1ee;	
}
.newsType.regionalNews{
	background-color: #eb2d27; 
}
.newsType.successStory{
 	background-color: #004896; 
}
.newsType.internationalCoop{
 	background-color: rgba(131, 55, 154, 1); 
}
.tab-content {
    padding: 10px 15px;
}
.seeForMore {
	font-size: 12px;
}

.w-100 .news-container img{
	width: 100%;
}

.rightCol .w-100 {
    padding-left: 6px;
    padding-right: 6px;
}

.card{
	padding: 0;
	max-width: 48%;
}

.card:hover{
	box-shadow:	0 0 5px rgba(0,0,0,.5);
}

.card a:hover, .regional-news a:hover{
    text-decoration: none;
}
.card:nth-child(odd) {
    margin-right: 8px;
}

.card:nth-child(even) {
    margin-left: 7px;
}

.row > .card {
    margin-top: 6px;
}
figure {
	overflow: hidden;
}
figure:hover{
	bottom: -36px;
	opacity: 1;
}
/*.content{
	padding-top: 0;
}*/

/* Zoom In #1 */
.card figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.card:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.regional-news{
	margin-top: 10px;
	padding-left: 6px;
	padding-right: 6px;
}
.regional-news div {
    padding: 0;
}

.regional-news figure{
	margin: 0
}

.regional-news-caption {
    margin-left: 15px;
    margin-top: 10px;
}

.regional-news-container {
	background-color: #EFF5F8;
	margin-bottom: 20px;
}

.regional-news-container img {
    width: 100%;
}
.regional-news .news-title{
	font-size: 15px;
}
.date-line{
	font-size: 12px;
}
.date-line .newsType {
    top: -2px;
    position: relative;
    font-size: 11px;    
}
.date-line .Theme {
    font-size: 11px;
}
a.news-link:hover .news-container {
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.article .article-header {
    overflow: hidden;
    zoom: 1;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 8pt;
    color: #666;
}

@media (max-width:767px){
	.captioned-image .image {
		padding-right: 0;
		text-align: center;
	}
	
	.captioned-image {
	    margin: 0;
	    width: 100%;
	}
	.card {
		margin-left: 0 !important;
		margin-right: 0!important;
		max-width: 100%;	
	}
}
@media (max-width:991px){}
@media (max-width:1199px){
	.card:nth-child(odd) {
		margin-right: 5px;
	}
	.card:nth-child(even) {
	    margin-left: 6px;
	}
}

span[class^='pt-Strong'], p[class^='pt-Subtitle'] {
	font-weight: bold;
}
/************* news end ***************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Members start **********/
/************* Members search start ***/
div[id$='pnlCriteria'] {
    margin-bottom: 20px;
}

div[id$='pnlCriteria'] input.form-control:not([size]):not([multiple]) {
	height:calc(2.25rem + 2px);
	margin:0;
}

div[id$='pnlCriteria'] select.form-control {
    border: 1px solid #ababab;
}

div[id$='tblMembers'] {
    margin-right: -26px;
    margin-left: -25px;
/*    background-color: #E6EDEC;*/
}

div[id$='tblMembers'] .SearchMember {
/*    background-color: #E6EDEC;*/
    padding: 10px;
}

div[id$='tblMembers'] .SearchMember a {
    height: 100%;
    max-width: 100%;
    padding: 10px;
}
div[id$='tblMembers'] .SearchMember a:hover {
	text-decoration: none;
}
div[id$='tblMembers'] .SearchMember figure {
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

div[id$='tblMembers']  figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div[id$='tblMembers']  .card:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

div[id$='tblMembers'] figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
div[id$='tblMembers'] .card:hover{
	box-shadow:	0 0 5px rgba(0,0,0,.5);
}

div[id$='tblMembers'] .members-flags {
    margin-bottom: 10px;
}

.members-flags img {
	height: 25px;
    max-width: none;
    width: auto;
}

div[id$='tblMembers'] .card-body {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

div[id$='tblMembers'] .card-body h5 {
    font-size: 12px;
}

#pagination {
/*    background-color: #E6EDEC;*/
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-bottom: -6px;
}
#pagination>div {
    width: 100%;
}
/************* Members search end *****/
/************* Members profile start **/
#column_wrapper_nav.cor_member {
	font-size: 12px;
	background-color: transparent;
}
.cor_member #mainTab{
	background-color: white;
}

.cor_member .member_left_info {
    margin-left: -15px;
    margin-right: 15px;

}

.cor_member .heading2 {
    float: left;
    width: 87%;
    margin-left: 10px;
}

.cor_member .flag-icon {
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    transform: scale(1.5);
}
.cor_member .vipPicture img, .team-picture img{
	width: 80%;
    object-fit: cover;
}
.cor_member .vipPhone .glyphicon, .cor_member .vipEmail .glyphicon {
	width: 15px;
}
.cor_member .vipGallery .socials {
	position: relative;
	right: auto;
	margin-left: auto;
	margin-top: auto;
}

.cor_member .vipGallery .social_media_icons {
	margin-bottom: 0;
	padding-left: 0;
}
.cor_member .contactDetails {
	text-align: left;
}
.cor_member #VIPLatestNewsButton {
    display: none;
}
.cor_member .member_profile_details {
    text-align: left;
    padding: 10px 10px 30px 10px;
    font-size: 14px;
    font-weight: bold;
}
.cor_member .rightVipCol .row{
	margin-left: -15px;
	margin-right: -15px;
}
.cor_member .lightBlueHeader {
    text-align: left;
}
.cor_member .noresults {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding: 15px;
}

.vipPicture img, .vipPicture div{
	width: 80%;
	object-fit: cover;
	border-radius: 50%!important;
	margin: auto;
}
.team-picture img{
	width: 100%;
	object-fit: cover;
	border-radius: 50%!important;
	margin: auto;
}
.vipLatestNews .WebpartItems{
	padding-left: 10px;
	padding-right: 10px;
}

/************* Members profile end ****/
/************* Members end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Events start ************/
.contact-event-title {
    font-size: 18px;
    font-weight: bold;
}

.contact-event-container span div {
    margin-left: 10px;
}
.dates_container {
    font-weight: bold;
}
.all_events_description {
    padding: 20px;
    background-color: white;
}
.banners_container {
    margin-top: 0;
    padding-top: 20px;
}
/************* Events end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Commissions start ************/
.civex-color .blueHeader, .civex-color .lightBlueHeader, .otherCommissions a span.civex-color, .civex-color .nav-tabs {
	background-color: #8A72AE;
}

.coter-color .blueHeader, .coter-color .lightBlueHeader, .otherCommissions a span.coter-color, .coter-color .nav-tabs {
	background-color: #DC911B;
}

.econ-color .blueHeader, .econ-color .lightBlueHeader, .otherCommissions a span.econ-color, .econ-color .nav-tabs {
	background-color: #8E2554;
}

.enve-color .blueHeader, .enve-color .lightBlueHeader, .otherCommissions a span.enve-color, .enve-color .nav-tabs {
	background-color: #97BB3A;
}

.nat-color .blueHeader, .nat-color .lightBlueHeader, .otherCommissions a span.nat-color, .nat-color .nav-tabs {
	background-color: #5BA3DC;
}

.sedec-color .blueHeader, .sedec-color .lightBlueHeader, .otherCommissions a span.sedec-color, .sedec-color .nav-tabs {
	background-color: #007990;
}

.commission .blueHeader, .commission .lightBlueHeader, .otherCommissions a span {
	color: white !important;
}
.commission .nav-tabs a {
	color: white;
}

#CommissionTabs {
    margin-left: -15px;
    margin-right: -15px;
}
.otherCommissions {
    font-family: arial;
    font-size: 14px;
}
.otherCommissions>span {
    margin-right: 10px;
}
.otherCommissions a span {
    display: inline-block;
    color: white;
    padding: 3px 15px;
    border-radius: 5px;
    margin-right: 13px;
    margin-bottom: 20px;
}
.otherCommissions a:hover {
	opacity: 0.7;
}

#tblMembers.tblMembersCommission {
	background-color: white;
	padding: 0 15px;
}
#tblMembers.tblMembersCommission .SearchMember {
	background-color: white;
}
#tblMembers.tblMembersCommission .SearchMember .card {
	background-color: #EFF5F8;
}
.commission #meetingsTab, .commission #secretariatTab,.commission #opinionsTab {
    padding: 10px 15px;
}
.commission #secretariatTab li {
    list-style-position: outside;
}
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a{
	color: #004896;
}
/************* Commissions end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* media centre start ************/

.press-officers {
    margin-top: 10px;
}
.media-centre .newsHeader {
    display: block;
    margin-top: 20px;
}

.media-centre #bottomContent .content {
    padding-left: 0;
    padding-right: 0;
}
.group-press-officer {
    padding: 0;
    margin-bottom: 10px;
}

/************* media centre end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* vacancy start ************/
.vacancy-details {
	margin-left: -15px;
	margin-right: -15px;
}

.vacancy-label{
	font-weight: bold;
}

/************* vacancy end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* eShop start ************/
.signup-form-container {
    background-color: #EDEDED;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
	border-radius: 5px;
}
.signup-form-container .cor_button {
    width: 100%;
}
.newsletter input.form-control {
    height: 50px;
    padding-left: 12px;
    padding-right: 12px;
}
.newsletter {
    background-color: white;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.newsletter .notific-title {
    color: white;
    background-color: #BFD7E0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px;
    border-radius: 6px;
    font-size: 16px !important;
	margin-top: 10px;
	margin-bottom: 20px;
}
.newsletter .group-titles, .col-form-legend {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 10px;
}

.newsletter .control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}

.newsletter label {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  font-family: Arial;
  font-weight: normal;
}
.newsletter .LbInfo {
	padding-left: 15px;
	margin-top: 8px;
	text-align: left !important;
}
.newsletter label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.newsletter .badge {
  display: inline-block !important;
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background: transparent;
  border-radius: 5px;
  border: #979797 1px solid;
  padding: 0;
}
.newsletter .checkbox, .radio {
	margin-top:0;
}
.newsletter .form-check-label .badge {
  border-radius: 50%;
}
.newsletter .checkbox-indent{
	width: 100%;
}
.newsletter .checkbox-indent:hover input ~ .badge {
  background: #3A99FC;
  border-color: #3A99FC;  
}
 .newsletter .form-check-label:hover input ~ .badge {
  background: #3A99FC;
  border-width: 0;
}
.newsletter label.badge:hover:after{
	display: none;
}
.newsletter .checkbox-indent input:checked ~ .badge {
  background: #3A99FC;
  border-color: #3A99FC;
}
.newsletter .form-check-label input:checked ~ .badge {
  background: #3A99FC;
  border-width: 0;
}
.newsletter  .checkbox-indent:hover input:not([disabled]):checked ~ .badge,
.newsletter .checkbox-indent input:checked:focus ~ .badge {
  background: #3A99FC;
  border-color: #3A99FC;
}
 .newsletter .form-check-label:hover input:not([disabled]):checked ~ .badge,
.newsletter .form-check-label input:checked:focus ~ .badge {
  background: #3A99FC;
	border-width: 0;
}

.newsletter label input:disabled ~ .badge {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.newsletter .badge:after {
  content: '';
  position: absolute;
  display: none;
}
.newsletter label input:checked ~ .badge:after {
  display: block;
}
.newsletter .checkbox label .badge:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.newsletter .checkbox label input:disabled ~ .badge:after {
  border-color: #7b7b7b;
}
.newsletter .form-check-label .badge:after {
  left: 5px;
  top: 5px;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #fff;
}
.newsletter .form-check-label input:disabled ~ .badge:after {
  background: #7b7b7b;
}
.newsletter .email_container,
.newsletter .buttons_container {
    background-color: #EDEDED;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
	border-radius: 5px;
    text-align: center;
}
.signup-form-container .cor_button, .newsletter .cor_button {
	position: relative;
	font-family: Arial;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: white;
	background-color: #004B94;
	border: 1px solid #004B94;
	margin-top: 10px;
	height: 50px;
	border-radius: 7px;
}
.signup-form-container .cor_button:hover, .newsletter .cor_button:hover {
	background-color: #3A99FC;
	border-color: #3A99FC;
}

.overview_container {
    background-color: #E6EDED;
    color: #000;
}
.thankyou_message{
	font-family: Arial;	
	font-size: 14px;
	color: #000;
	line-height: 14px;
	margin-top : 30px;
	margin-bottom: 15px;
}

.overview_container h2{
	font-family: Arial;	
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	line-height: 16px;

}
.overview_container ul{
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	line-height: 22px;
}
.overview_container li{
	list-style: none;
}
/************* eShop end  ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Opinion Timeline start ************/
.opinion-container span {
    font-weight: bold;
}
.opinion-container, .opinion-timeline-container {
	margin: 5px -15px;
}
.opinion-container h2 {
    margin-bottom: 10px;
}

.opinion-container .btnOpinionHeaderLink {
    margin-bottom: 10px;
}
.cd-timeline-content a {
    word-wrap: break-word;
}
/************* Opinion Timeline end  ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Carousel start ************/
#carousel .carousel-control-next, #carousel .carousel-control-prev{
	width: 3%;
}
/************* Carousel end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Studies start ************/
.eprs-study{
	font-family: Arial,verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: white; 
	margin-right: 3px; 
	padding: 3px 5px;	
	background-color: #27b1ee;	
}
/************* Studies end ************/
/**********************************************************************************************/
/**********************************************************************************************/
/************* Search start ************/
#PagingImageLink a{
	box-sizing: content-box;
}

#SearchContainer>.row {
	margin: 0 -15px 20px -15px;
}
#SearchBox {
    height: auto;
}
#SearchResults {
	margin:0 -15px;
}
.SearchRefinementCol{
    overflow: hidden;	
}
.ms-srch-item {
	width : 100%;
}
#SearchContainer #SearchBox input {
    height: 45px;
    font-size: 16px;
    width: 60%;
    margin: 20px 20%;
}

#SearchContainer #SearchBox .ms-srch-sbLarge {
    width: 100%;
}

#SearchContainer #SearchBox {
    width: 100%;
    text-align: center;
}

.ms-srch-hover-innerContainer {
	left: -200px;
}
.ms-srch-hover-viewerContainer {
	position: relative;
}
.ms-srch-hover-siteViewer {
	position: absolute;
	top: -155px;
	height: 1270px !important;
}

.ms-srch-group-content>div {
    border-top: 1px solid #DEDFDE;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ms-srch-group-content>div:first-child, .ms-srch-group-content>div:last-child {
    border-top: none;
}
.ms-ref-refiner #Value {
    width: 100%;
}
.ms-ref-refiner input {
    width: 10%;
    float: left;
}
.sp-peoplepicker-editorInput {
     width: 100% !important; 
    float: none !important;
}
.ms-ref-refiner label {
    width: 90%;
    float: left;
    margin-bottom: 5px;
}

.ms-ref-ellipsis {
	white-space: normal;
}

.ms-srch-eventitem-container .ms-srch-eventitem-image {
    display: inline-block;
    width: 18%;
}

.ms-srch-eventitem-container .ms-srch-eventitem-image img {
    width: 100px;
}

.ms-srch-eventitem-container .ms-srch-item-body {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}
.event-container {
	margin: 5px -15px;
}
.event-container span {
	font-weight: bold;
}

/************* Search end ************/

.card a {
	min-height: 10px;
}
/**********************************************************************************************/
/**********************************************************************************************/
/*------National Delegations Start--------*/
.blueHeader.national_delegation {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
    margin-bottom: 15px;
}
.natdel .card-body
{
	padding:0px;
}
.ratio4 {
 width: 100%;
 background-size: cover;
 height: 0;
 padding: 0; /* reset */
 padding-bottom: calc(100% * 3 / 4);
 border:1px black solid;
}
.scaling-svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; 
 /* override this inline for aspect ratio other than square */
}
.scaling-svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}
.svgfull
{
	width:100%;
}
.card.natdel
{
	margin:5px!important;
	max-width:none;
	text-decoration: none;
}
a.card.natdel:hover {
    text-decoration: none;
}
.natdel .card-body 
{
	text-align:center;
}
.natdel h5 
{
	font-size:14px !important;
	color:#004896!important;
	font-weight:700!important;
}

.natdel .description 
{
	text-align:center;
}
.NatDelContainers
{
	padding:0px;
}
.NatDelContainers figure {
	margin: 10px;
}
/*------National Delegations End--------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------National Delegations Coordinators Start--------*/
.NatDelCoords .vipPicture img, .NatDelCoords .vipPicture div {
	width: 100%;	
}
.CoordPic {
    margin-top: 10px;
    margin-bottom: 10px;
}

.member_right_info .contactDetails {
    padding-top: 0;
}
.CoordPic img
{
	width:100%;
}
.member_right_info .DelLocation p, .member_right_info .DelEmail a, .member_right_info .DelLocation p{
    display: inline-block;
    width: 85%;
    vertical-align: top;
    word-break: break-word;

}

.member_right_info .glyphicon {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}
/*------National Delegations Coordinators End--------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------National Delegations Members Start--------*/
.DelMember
{
    padding:10px;
}

.DelMember .card
{
    max-width: 100%;
   	height: 100%;
   	padding: 10px;
}
.DelMember #imageContainer
{
	min-height:180px;
	max-height:180px;
    margin:10px;	
}
.DelMember figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media(max-width:992px) {
.DelMember #imageContainer
{
	min-height:250px;
	max-height:250px;
}  
}
@media(max-width:767px){
.DelMember #imageContainer
{
	min-height:250px;
		max-height:none;
}  
}

.DelMember .card-body
{
	padding:5px;
}
.DelMember .card-text
{
	text-align:center;
}
.NatDelText
{
	font-size:14px;
	font-family:Arial;
}
/*------National Delegations Members End--------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------Contact us Form Start ----*/
.contactusForm .form-control {
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
.form-group .col-form-label.requiredField:after {
  content:" (*)";
  color:red;
}

.has-error .captchaConfirmationLabel{
	color: #a94442;
} 
.captchaConfirmationLabel{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
}
.has-error .captchaConfirmation input {
	border-color: #a94442;
}

.captchaConfirmation input{
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 16px;	
    margin-left: 10px;
}

.contactusForm .LbInfo {
    font-size: 16px;
}

div[id$='Message_Labels'] .control-form-label {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
}
/*------Contact us Form End ----*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Form Start ----*/
.has-error label {
	font-size: 14px;
}

.has-error .help-block {
    color: #a94442;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:left;
}

.has-success .form-control{
    border-color: #28a745;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.border-danger {
	border-color: #a94442!important;
    border-width: 2px !important;
}
/*------ Form End ----*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ EuropCom Start ----*/
#EuropComProgramme {
    background-color: #E6EDEC;
    padding-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 20px;
}

#EuropComAgendaView {
	margin-left:-15px;
	margin-right: -15px;	
}
#EuropComAgendaView ul {
    padding-left: 20px;
}

#EuropComAgendaView li {
	list-style-position: outside;
}
.EuropComAgendaViewTitle {
    margin-bottom: 15px;
    padding-left: 15px;
}
.EuropComHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #004896;
}
.ParallerSessions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #004896;
}

.EuropComTimeSlots {
    padding: 5px;
    background: white;
    margin: 5px 0px;
    border-radius: 5px;
    font-size:14px;
}

.EuropComFormats {
	border-radius: 5px;
    padding: 5px; 
    position:relative;
	overflow:hidden;	
	cursor: pointer;  
	margin:5px 0 5px 0;
}

.EventTitle, .EventTitle:hover {
	font-family:Arial;
	font-size:12px; 
	color:white; 
	font-weight:bold;
	text-decoration:none;
	margin-bottom: 20px;
}

.EuropComSession .EventTitle, .EuropComTalks .EventTitle,.EuropComSession .EventTitle:hover, .EuropComTalks .EventTitle:hover {
	color:black;
	text-decoration:none;
}

.EuropComPicto {
	max-height:40px;
	padding:5px;
	float:left;
}
.EuropComRoom{
	vertical-align:top; 
	float:right;
	position:absolute;
	bottom: 5px;
  	right: 5px;
  	color:white;
}

.EuropComSession .EuropComRoom, .EuropComTalks .EuropComRoom {
	color:black;
}

.EuropComSession{
	background:#efebe5;
    border: 1px solid #efebe5;
}
/*------ EuropCom End ----*/
/*------ Podcast Start ---*/
.podcast-container .audio-player {
  	max-width: 560px;
  	margin-left: auto;
  	margin-right: auto;
  	padding: 10px;
}

.podcast-container .card{
	max-width: 100%;
	margin: auto;
}
.podcast-container .audio-player i {
  	font-size: 24px;
	cursor: pointer;
}

.podcast-container .audio-player i.play-pause {
    font-size: 60px;
    top: 15px;
    position: relative;
}

.card-body .lead img {
    display: none;
}

@media screen and (min-width:560px) {
  .podcast-container .audio-player i {
    font-size: 30px;
  }
}
@media screen and (max-width:768px) {
.podcast-container .card{
	max-width: 100%;
}
}
.podcast-container #now-playing {
  	display: none;
}

.podcast-container .progress {
  	overflow: visible;
  	height: 8px;
}
/*
.podcast-container li.active:before {
  font-family: "Material Icons";
  content: "\e037";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-size: 1.5rem;
}
*/
.podcastwithbanner .podcast_description {
	display: none !important;
}
.podcast-container .ui-slider-handle {
  	border-radius: 50%;
}
li.list-group-item.podcastlist-item:hover {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
}
.list-group-item.active{
	background-color: #007bff !important;
	border-color: #007bff !important;
}
.list-group-item {
	cursor: pointer;
}

#now-playing .podcast_title {
  	width: 100%;
}

#now-playing p {
	font-size: 18px !important;
}

.podcast_title {
	width: 75%;
	display: inline-block !important;
}

.podcastlist-banner .podcast_title {
	width: 100%;
}

ul .podcast_title {
  	font-size: 16px;
  	font-weight: bold;
}
.podcast_image{
	width: 25%;
	display: inline-block !important;
	float: right;
}
.podcast_banner {
	width: 75%;
	float: right;
}
.podcast_banner img{
	height: 100px;
}
.fa-disabled {
  	opacity: 0.6;
  	cursor: not-allowed !important;
}

a#DownloadPodcast , a#DownloadPodcast:link, a#DownloadPodcast:active, a#DownloadPodcast:focus {
	color: #474746;
}

a#DownloadPodcast:hover {
	color: #007bff;
}
#now-playing .title {
    font-size: 16px !important;
    font-weight: bold;
}

#now-playing .description {
    font-size: 15px !important;
    font-weight: bold;
    color: #333;
}

.audio-player #description {
    font-weight: normal;
}

/*------ Podcast End -----*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Playlist Start -------*/
.mediaPlayers_container .card {
    max-width: 100%;
}
.mediaPlayers_container .video-player .playlist-item {
    display: flex;
}
.playlist-item_image {
	position: relative;
    width: 40%;
}
.playlist-item_image img {
	padding: 0!important;
	margin: 0;
}
.playlist-item_title {
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
}
.mediaPlayers_container .video-player #now-playing .description {
    font-size: 13px !important;
}
.playlist-order {
    font-size: 16px;
    font-weight: bold;
    width: 50px;
    left: 80%;
    position: relative;
    text-align: right;
}
.playlist-item-duration {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 2px 4px;
    border-radius: 2px;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}
/*------ Playlist End -------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Summits Start -------*/
.summits-container>div{
	margin-bottom: 20px;
}
/*------ Summits End ----*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Twitter SMK Start -------*/
.ms-rte-embedcode .lightBlueHeader{
	margin-left: -20px;
	margin-right:-20px;
}
.wtWidgets.smk{
	margin-top: 1px;
}
/* USER */
.smk-tweets {
 border:1px solid #ddd;
 padding:0 4% 2%;
 margin:0 0 3%;
 position:relative;
}
.smk-tweets p{
 line-height:1.6; /* smart read */
 clear:both;
 word-wrap: break-word;
}
.smk-tweets p.smk-user{
 line-height:1.4;
 font-size:120%;
}
.smk-user img {
 float: left;
 margin:0 10px 2px 0;
 border-radius:4px;
 border: 0;
}
.smk-user span {
 color:#808080;
 font-size:80%;
 display:block;
}
.smk-photos a {
 text-decoration: none;
}
.smk-photos img {
 max-width: 100%;
 border: 0;
 margin: 0;
 outline: 0;
 padding: 0;
 text-decoration: none;
 text-transform: none;
 vertical-align: baseline;
}
/* ACTION */
.smk-actions{
 border-top:1px dotted #ddd;
 padding-top:5px;
}
.smk-ago {
 color:#666;
 font-size:12px;
}
/* TOOLTIP ACTION SPRITE */
/* do not used "display" -> accessibility */
.smk-actions a{
 position:relative;
 text-decoration: none;
}
.smk-actions a:hover,
.smk-actions a:focus,
.smk-actions a:active{
 border-color:#69c;
}
.smk-actions a span{
 position:absolute;
 display:inline-block;
 padding:7px 10px;
 background-color:#000;
 color:#fff;
 font-size:14px;
 border-radius:5px;
 top:-999px;
 left:-999px;
 font-weight:bold;
}
.smk-actions a:hover span,
.smk-actions a:focus span,
.smk-actions a:active span{
 top:-43px;
 right:-5px;
 left:auto;
}
.smk-actions a span b{
 display:block;
 width:0;
 height:0;
 border:5px solid transparent;
 border-top-color:#000;
 position:absolute;
 right:20px;
 bottom:-10px;
}
/* SPRITE 2 */
.smk-sprite{
 background-image: url("https://prod-portal.cor.europa.eu/Style%20Library/Cor/style/img/jquery-ui/ui-icons_004895_256x240.png");
 background-repeat: no-repeat;
 border:1px solid #ccc;
 width:38px;
 height:32px;
 display:inline-block;
 border-radius:4px;
}
.smk-like {
    background-position: -75px -25px;
}
.smk-like:hover,
.smk-like:focus,
.smk-like:active{
	background-position: -75px 5px;
}
.smk-reply{
 background-position:4px -25px;
}
.smk-reply:hover,
.smk-reply:focus,
.smk-reply:active{
 background-position:4px 5px;
}
.smk-retweet{
 background-position:-39px -25px;;
}
.smk-retweet:hover,
.smk-retweet:focus,
.smk-retweet:active{
 background-position:-39px 5px;
}
.smk-favourite{
 background-position:-65px -25px;
}
.smk-favourite:hover,
.smk-favourite:focus,
.smk-favourite:active{
 background-position:-65px 2px;
}
/* retweeted */
.smk-retweeted{
 display:block;
 color:#999;
 text-align:right;
}
.smk-tweets .emoji {
    width: 18px;
}
/*------ Twitter SMK End -------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Cohesion Alliance Start -------*/
.group-CA-reports .image-area-left {
    width: 100%;
}
ul .dfwp-item.item-CA-reports {
    display: block;
}
.image-area-left a h2 {
    font-weight: bold;
    text-decoration: underline;
    color: inherit;
}
/*------ Cohesion Alliance End ---------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*** Slider Start **************************/ 
.slide img{
	width: 100%;
}
.slick-slide{
	padding: 20px;
}
.slick-slide:focus, .slick-slide a:focus, .slick-slide img:focus {
    outline: none;
}
.slick-arrow {
    z-index: 9;
}
.slick-prev {
	left: 0 !important;
}
.slick-next{
	right: 0 !important;
}
.slick-prev.fa-caret-left, .slick-next.fa-caret-right {
	font-size: 2em;
	min-width: 20px;
	height: auto;
}
.slick-prev.fa-caret-left:before, .slick-next.fa-caret-right:before {
	font-family: 'Glyphicons Halflings';
	font-size: inherit;
	color: #232942;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
.slick-prev.fa-caret-left:hover:before, .slick-next.fa-caret-right:hover:before{
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}
.slick-prev.fa-caret-left:before {
	content: "\e079";	
}
.slick-next.fa-caret-right:before {
	content: "\e080";
}
.sliderDescription {
    font-family: Arial;
    color: #0F2241;
    font-stretch: semi-condensed;
    line-height: 31px;
    margin-top: 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	opacity: 0.65;  
	margin-left: 25px;    
}

.sliderDescription .slider_title {
    font-size: 25px;
    font-weight: 600;	
}
/*** Slider End ****************************/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ ThumbnailGrid start -------*/
.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	width: 100%;
}

.og-grid>div {
	position:static;
/*	height: 420px;*/
	margin-bottom: 20px;
}
.og-grid>div > a{
/*	height: 420px;*/
}
.og-grid>div > a,
.og-grid>div > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid>div.og-expanded>a::before {
	top: auto;
	border: solid #fff;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 15px;
	left: 0;
	margin: -20px 0 0 -15px;
	right: 0;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	bottom: -40px;
	z-index: 20;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
	z-index: 9;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
	display: flex;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 65px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
	width: 100%;
}

.og-fullimg {
	width: 45%;
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
}
.og-details h5 {
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 10px;
}
.og-imginfo {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
    color: #0F2241;
}

.og-link {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-link::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-link:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}
.ThumbnailGridDescription {
    font-family: Arial;
    color: #0F2241;
    font-stretch: semi-condensed;
    line-height: 31px;
    margin-top: 25px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	opacity: 0.65;  
	text-align: center;      
}

.ThumbnailGridDescription .ThumbnailGrid_title {
    font-size: 20px;
    font-weight: 600;	
}
/*------ ThumbnailGrid end -------*/
/*------ Stories ThumbnailGrid start -------*/
.og-additional {
    display: flex;
    margin-bottom: 15px;
    color: #004896;
    font-size: 16px;
}
.og-additional>div {
    display: inline-block;
    vertical-align: top;
}
.og-additional-label {
    font-weight: bold;
    width: 20%;
}

.og-additional-info {
    white-space: pre-line;
    width: 100%;
}
@media screen and (max-width: 992px) {
	.og-additional-label {
	    width: 100%;
	}
}
/*------ Stories ThumbnailGrid end -------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Liveblog Start -------*/
.liveblog-iframe iframe{
	height: 715px;
}
.liveblog-container {
    margin-bottom: 68px;
}

.liveblog-container>a {
    margin-top: 10px;
}

.liveblog-container .cor_button {
	margin-top: 10px;
	margin-bottom: 20px;
}
/*------ Liveblog End -------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Page not found Start ----------*/
.page-not-found {
	text-align: center;
}

.page-not-found{
    font-family: Arial, Helvetica, sans-serif;
    color: #004896;
    text-decoration: none;
    font-size: 18px!important;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 20px;
    font-weight: bold;	
}
.page-not-found img{
	width: 50%;
}
#contentRow .page-not-found {
 /*   margin-bottom: -30px;*/
}
/*------ Page not found End ------------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Brexit Start ------------------*/
.brexit.ui-accordion{
	margin-bottom: 0;
}
.brexit .ui-accordion-header-icon{
	float: left;
}
.brexit.ui-accordion h3 {
	background-color: #004896 !important;
	color: white!important; 
}
.brexit .ui-widget-content {
	background: #bbd6dd;
	color: #004896;
}

.brexit .ui-state-active .ui-icon, .brexit .ui-button:active .ui-icon {
	background-image: url('../img/jquery-ui/ui-icons_004895_256x240.png');
}
.brexit .ui-icon, .brexit .ui-widget-content .ui-icon {
	background-image: url('../img/jquery-ui/ui-icons_004895_256x240.png');
}
.brexit .ui-state-hover .ui-icon,.brexit .ui-state-focus .ui-icon,.brexit .ui-button:hover .ui-icon,.brexit .ui-button:focus .ui-icon{
	background-image: url('../img/jquery-ui/ui-icons_004895_256x240.png');
}

/*------ Brexit End --------------------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*------ Custom styles RTE Start -------*/
div.ms-rteElement-Accordion{
    -ms-name: "Accordion";
}
h3.ms-rteElement-TitleCollapseContent{
    -ms-name: "Title Collapsible Content";
    -ms-element:"true";
}
div.ms-rteElement-CollapsibleContent{
    -ms-name: "Collapsible Content";
    -ms-element:"true";	
}
/*------ Custom styles RTE End  --------*/
.black{
	color: black !important;
}

.black:hover{
	color: #525454 ! important;
}

/*------- COVID19 page Start ------------------*/
.covid19_item {
	background-color: #E6EDEC;
    display: block!important;
    padding: 5px 15px;
    border-radius: 10px;
}
.covid19_item h2 {
	border: none;
	background: transparent;
	color: #004896;
	font-weight: 700;
}
.covid19_item ol {
	padding: 0;
}
.covid19_item h2.ui-state-active, .covid19_item h2:focus{
	border: none;
	outline-color: transparent;
}
.covid19_date {
    color: #004896;
    font-weight: 700;
    font-size: 12px;
}
.covid19_body, .covid19_body p {
    font-size: 14px !important;
	background: transparent;
	border: none;    
}
.covid19_body .name, .covid19_body .job-title {
    text-align: center;
}
.covid19_body .signature{
	margin-top: 30px;
}
.covid19_item .ui-icon, .covid19_item .ui-widget-content .ui-icon {
    background-image: url(../img/jquery-ui/ui-icons_004895_256x240.png);
}
.table-bordered td, .table-bordered th {
    border-color: #333; 
    color: #333;
}

.table thead th {
   border-color: #333;
}
@media (max-width:768px) {
	.covid19_body{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.table-bordered td, .table-bordered th{
		padding: 5px;
	}
}
/*------- COVID19 page END ------------------*/
/*------- Lightbox END ------------------*/
.lightbox-image img{
	cursor: zoom-in;
}

.lightbox {
    cursor: zoom-out
}
.editmode .lightbox-image img {
    cursor: default;
} 

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1300;
}

.lightbox img {
    max-width: 90%;
    max-height: 90%;
    border: 4px white solid;
    border-radius: 5px;
    background-color: white;
}
/*------- Lightbox END ------------------*/
.field-container {
    border: 1px solid darkgray;
    margin-bottom: 10px;
    padding: 10px;
}

.field-description {
    font-weight: bold;
    font-size: smaller;
    margin-left: 5px;
}
/*------- COVID STORIES START ------------------*/
.covid-stories .groupheader{
	display: block !important;
	font-size: 14px;
}
.covid-stories .groupheader i{
	font-size: 20px;
}

/*------- COVID STORIES END   ------------------*/
/*------- TILES START ------------------*/
.cor-btn.tile {
    background-image: none;
}
.tiles-container .tile {
    background-color: #004896;
    color: white;
    padding: 50px;
    width: 100%;
    margin: 10px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
}
.tiles-container .tile:hover{
	background-color: #003978;
}
.tiles-container .tile.greendeal{
	background-color: #52A686;
}
.tiles-container .tile.greendeal:hover{
	background-color: #41846b;
}
.tiles-container .tile.sedec {
    background-color: #007990;
}
.tiles-container .tile.sedec:hover{
	background-color: #0d5664;
}

/*------- TILES END   ------------------*/
/*------- DEBUG PANEL START ------------------*/
.debugview h3 {    
    border-width: 2px;
}
.debugview .ui-accordion-header-active{
	border-bottom: transparent;
}
.debugview>div {
    border-color: #004896;
    border-width: 2px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.debugview h3:focus {
    border-bottom: transparent !important;
}
.debugview li div {
    display: inline;
}
/*------- DEBUG PANELSTART ------------------*/
/*------- PAGINATION START ------------------*/
.cor-pagination-container{
	margin-top: 1rem;
	display: flex;
	justify-content: center;
}
/*------- PAGINATION END --------------------*/
.text-danger {
	white-space: pre-line;
}
.alert-dismissible .close {
	min-width: 2rem;
}

/*--------BAROMETER PAGE START --------------*/
:root {
    --heading-size-1: 32px;
    --heading-size: 24px;
    --heading-size-secondary: 19px;
    --text-size: 19px;
    --text-color: #474746;
    --text-color-light: hsl(var(--text-color), 100%, 44%);
    --c-eu: #004896;
    --c-eu-5: rgba(0, 72, 150, 0.5);
    --c-secondary: #fcd838;
    --ratio: 1.5;
    --s-5: calc(var(--s-4)/var(--ratio));
    --s-4: calc(var(--s-3)/var(--ratio));
    --s-3: calc(var(--s-2)/var(--ratio));
    --s-2: calc(var(--s-1)/var(--ratio));
    --s-1: calc(var(--s0)/var(--ratio));
    --s0: 1rem;
    --s1: calc(var(--s0)*var(--ratio));
    --s2: calc(var(--s1)*var(--ratio));
    --s3: calc(var(--s2)*var(--ratio));
    --s4: calc(var(--s3)*var(--ratio));
    --s5: calc(var(--s4)*var(--ratio));
    --primary-hue: 12;
    --color--primary: hsl(var(--primary-hue), 100%, 44%);
    --color--primary--hover: hsl(var(--primary-hue), 100%, 39%);
    --color--primary--active: hsl(var(--primary-hue), 100%, 30%);
    --c-g-1: #1a1a1a;
    --c-g-2: #333;
    --c-g-3: #4d4d4d;
    --c-g-4: #666;
    --c-g-5: grey;
    --c-g-6: #999;
    --c-g-7: #b3b3b3;
    --c-g-8: #ccc;
    --c-g-9: #e6e6e6;
    --border-color: #ebebeb;
    --shadow: 0px 4px 4px 0px rgba(37, 37, 37, 0.25);
    --shadow-01: 0px 2px 4px rgba(37, 37, 37, 0.1);
    --shadow-02: 0px 4px 8px rgba(37, 37, 37, 0.1);
    --shadow-03: 0px 8px 16px rgba(37, 37, 37, 0.1);
    --shadow-04: 0px 16px 24px rgba(37, 37, 37, 0.1);
    --shadow-05: 0px 24px 32px rgba(37, 37, 37, 0.1)
}

.ec-cor-heading--3 {
    font-size: 24px;
    font-size: var(--heading-size)
}

.ec-cor-barometer section+section {
    margin-top: 2.25rem;
    margin-top: var(--s2)
}

.ec-cor-barometer {
    background-color: #fff;
    color: #474746;
    color: var(--text-color)
}

.ec-cor-barometer .ec-cor-heading--1 {
    font-size: 32px;
    font-size: var(--heading-size-1);
    margin-bottom: 1.5rem;
    margin-bottom: var(--s1)
}

.ec-cor-barometer .ec-cor-heading--2 {
    font-size: 24px;
    font-size: var(--heading-size);
    margin-bottom: 1rem;
    margin-bottom: var(--s0)
}

.ec-cor-barometer .ec-cor-heading--3 {
    color: #474746;
    color: var(--text-color);
    font-size: 19px;
    font-size: var(--heading-size-secondary);
    margin-bottom: 1rem;
    margin-bottom: var(--s0);
    text-transform: uppercase
}

.ec-cor-barometer-paragraph, .ec-cor-barometer p {
    line-height: 1.5;
    font-size: 1rem;
    max-width: 45rem;
    padding: 0 0 .44444rem;
    padding: 0 0 var(--s-2)
}

@media screen and (min-width:60em) {
    .ec-cor-barometer-paragraph, .ec-cor-barometer p {
        font-size: 1.125rem
    }
}

@media screen and (min-width:120em) {
    .ec-cor-barometer-paragraph, .ec-cor-barometer p {
        font-size: 1.137rem
    }
}

.ec-cor-barometer a, .ec-cor-barometer a:focus, .ec-cor-barometer a:link, .ec-cor-barometer a:visited {
    color: #004896;
    color: var(--c-eu)
}

.ec-cor-barometer-link span {
    border-bottom: 2px solid #004896;
    border-bottom: 2px solid var(--c-eu);
    padding: 0 0 .2963rem;
    padding: 0 0 var(--s-3)
}

.ec-cor-barometer-link:hover span, .ec-cor-barometer a:hover {
    color: #007aff;
    border-color: #007aff
}

.ec-cor-barometer-link:hover path {
    fill: #007aff
}

.ec-cor-barometer-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ec-cor-barometer-link svg {
    margin-right: .44444rem;
    margin-right: var(--s-2)
}

.ec-cor-barometer-link span+svg {
    margin-left: .44444rem;
    margin-left: var(--s-2);
    margin-right: 0
}

.ec-cor-barometer-container {
    max-width: 790px;
    margin: 0 auto;
    padding: 1rem;
    padding: var(--s0)
}

.ec-cor-barometer-masked {
    position: relative
}

.ec-cor-barometer-mask+* {
    padding-top: 3.375rem;
    padding-top: calc(var(--s2)*1.5);
    padding-bottom: 2.25rem;
    padding-bottom: var(--s2)
}

.ec-cor-barometer-mask {
    height: 100%;
    position: absolute;
    width: 100%
}

.ec-cor-barometer-background {
    background-color: #fcd838;
    background-color: var(--c-secondary);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skewY(-6deg);
    width: 100%
}

.ec-cor-barometer-stories__list {
    position: relative;
    z-index: 1
}

.ec-cor-barometer-separator {
    background: #fcd838;
    background: var(--c-secondary);
    height: 2px;
    margin: 2.25rem auto;
    margin: var(--s2) auto;
    width: 25%
}

@media screen and (min-width:768px) {
    .ec-cor-barometer-separator {
        border: 2px solid #fcd838;
        border: 2px solid var(--c-secondary);
        margin: 3.375rem auto;
        margin: var(--s3) auto;
        width: 3.375rem;
        width: var(--s3)
    }
}

.ec-cor-barometer-webstreaming .embed-responsive {
    margin-bottom: 1rem;
    margin-bottom: var(--s0)
}

.ec-cor-barometer-webstreaming blockquote {
    margin-top: 1rem;
    margin-top: var(--s0)
}

.ec-cor-barometer-webstreaming .ec-cor-barometer-link {
    margin: .13169rem .66667rem;
    margin: var(--s-5) var(--s-1)
}

@media screen and (min-width:768px) {
    .ec-cor-barometer-webstreaming {
        display: grid;
        grid-template: auto auto auto/1fr 1fr 1fr 1fr;
        gap: 1rem;
        gap: var(--s0)
    }
    .ec-cor-barometer-webstreaming .embed-responsive {
        grid-column: 1/-1;
        grid-row: 1/2
    }
    .ec-cor-barometer-webstreaming h2 {
        grid-column: 1/4;
        grid-row: 2/3
    }
    .ec-cor-barometer-webstreaming__links {
        grid-column: 1/3;
        grid-row: 3/4
    }
    .ec-cor-barometer-webstreaming blockquote {
        grid-column: 3/-1;
        grid-row: 3/4;
        margin: 0
    }
}

@media screen and (min-width:1000px) {
    .ec-cor-barometer-webstreaming {
        grid-template: auto auto auto/repeat(6, 1fr)
    }
    .ec-cor-barometer-webstreaming h2 {
        grid-column: 1/4;
        grid-row: 2/3
    }
    .ec-cor-barometer-webstreaming__links {
        grid-column: 1/4;
        grid-row: 3/4
    }
    .ec-cor-barometer-webstreaming blockquote {
        grid-column: 4/-1;
        grid-row: 2/-1;
        margin: 0
    }
}

.ec-cor-barometer-report__links__list {
    list-style: none;
    padding: 0
}

@media screen and (min-width:768px) {
    .ec-cor-barometer-report__links__list {
        float: left
    }
}

.ec-cor-barometer-report__links__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .66667rem 0;
    padding: var(--s-1) 0
}

.ec-cor-barometer-link--report, .ec-cor-barometer-report__cover {
    margin-right: 1rem;
    margin-right: var(--s0)
}

.ec-cor-barometer-report__cover {
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(37, 37, 37, .25);
    box-shadow: var(--shadow);
    display: inline-block;
    float: right;
    max-width: 180px;
    min-height: 170px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.ec-cor-barometer-report__cover img {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .ec-cor-barometer-report__cover {
        margin-right: 7.59375rem;
        margin-right: var(--s5)
    }
}

.ec-cor-barometer-stories {
    clear: both;
    -webkit-transform: translateY(-1.5rem);
    -webkit-transform: translateY(calc(-1*var(--s1)));
    -ms-transform: translateY(-1.5rem);
    -ms-transform: translateY(calc(-1*var(--s1)));
    transform: translateY(-1.5rem);
    transform: translateY(calc(-1*var(--s1)))
}

@media screen and (min-width:768px) {
    .ec-cor-barometer-stories {
        -webkit-transform: translateY(-3.375rem);
        -webkit-transform: translateY(calc(-1*var(--s3)));
        -ms-transform: translateY(-3.375rem);
        -ms-transform: translateY(calc(-1*var(--s3)));
        transform: translateY(-3.375rem);
        transform: translateY(calc(-1*var(--s3)))
    }
}

.ec-cor-barometer-stories__list li {
    list-style: none
}

.ec-cor-barometer-stories__item+.ec-cor-barometer-stories__item {
    margin-top: 3.375rem;
    margin-top: var(--s3)
}

@media screen and (min-width:768px) {
    .ec-cor-barometer {
        clear: both
    }
    .ec-cor-barometer-stories__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        gap: var(--s0);
        padding-top: 5.0625rem;
        padding-top: var(--s4);
        padding-bottom: 5.0625rem;
        padding-bottom: var(--s4)
    }
    .ec-cor-barometer-stories__item+.ec-cor-barometer-stories__item {
        margin: 0
    }
}

.ec-cor-barometer-stories__item>svg {
    width: 20px
}

.ec-cor-barometer-stories__item__title {
    color: #474746;
    color: var(--text-color);
    font-weight: 700;
    text-transform: uppercase
}

.ec-cor-barometer-stories__item__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ec-cor-barometer-stories__item__link svg {
    margin-left: .44444rem;
    margin-left: var(--s-2)
}

.ec-cor-barometer-news__list {
    list-style: none;
    padding: 0
}

.ec-cor-barometer-news__item {
    padding: 1rem 0;
    padding: var(--s0) 0
}

.ec-cor-barometer-news__item+.ec-cor-barometer-news__item {
    border-top: 1px solid #ebebeb;
    border-top: 1px solid var(--border-color)
}

.ec-cor-news__date {
    color: #999;
    color: var(--c-g-6)
}

.ec-cor-barometer-link--survey {
    background: #fcd838;
    background: var(--c-secondary);
    border-radius: 4px;
    padding: 2.25rem 1rem;
    padding: var(--s2) var(--s0)
}

.ec-cor-barometer-link--survey span {
    margin: 1rem;
    margin: var(--s0)
}

.smk {
    margin: 0 auto;
    max-width: 450px
}

.ec-cor-barometer .ec-cor-heading--1 {
    color: #474746;
    color: var(--text-color);
    font-size: 32px!important;
    font-size: var(--heading-size-1)!important;
    line-height: 1.2
}

.ec-cor-barometer h2.ec-cor-heading--2 {
    color: #474746;
    color: var(--text-color);
    font-size: 24px!important;
    font-size: var(--heading-size)!important
}

h1.ec-cor-news__title {
    font-size: 19px!important;
    font-size: var(--text-size)!important
}

.links {
    color: #ff0;
    background-color: red;
    border: 50px solid red;
    border-radius: 4px
}

.example {
    display: grid;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
    background: linear-gradient(180deg, #fff, #000)
}

.test {
    color: pink
}

.ec-cor-list--cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.375rem;
    gap: var(--s3);
    list-style: none;
    padding: 0
}

@media screen and (min-width:768px) {
    .ec-cor-list--cards {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:1000px) {
    .ec-cor-list--cards {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.ec-cor-barometer-mediafactsheets__list {
    list-style: none;
    padding: 0
}

.ec-cor-mediafactsheet {
    display: grid;
    grid-template-columns: 1fr 100px
}

.ec-cor-mediafactsheet--sliding .ec-cor-mediafactsheet__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: grid;
    grid-template: "icon country" "icon title"/50px 1fr;
    grid-row: 1/2;
    grid-column: 1/2;
    padding: 1rem 0;
    padding: var(--s0) 0;
    z-index: 1;
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out
}

.ec-cor-mediafactsheet--sliding.open .ec-cor-mediafactsheet__container {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ec-cor-mediafactsheet__container svg:first-child {
    grid-area: icon
}

.ec-cor-mediafactsheet__container__country {
    grid-area: country
}

.ec-cor-mediafactsheet__container__title {
    grid-area: title
}

.ec-cor-mediafactsheet__container+div {
    grid-row: 1/2;
    grid-column: 1/2
}

.ec-cor-mediafactsheet__sliderbutton {
    border: none;
    background: none
}

.ec-cor-mediafactsheet--card {
    grid-template-columns: auto 1fr;
    gap: 1rem;
    gap: var(--s0)
}

.ec-cor-mediafactsheet--card .ec-cor-barometer-mediafactsheets__title {
    color: #474746;
    color: var(--text-color)
}

.ec-cor-mediafactsheet--card .ec-cor-barometer-mediafactsheets__country {
    color: #999;
    color: var(--c-g-6)
}

.ec-cor-mediafactsheet--card .ec-cor-mediafactsheet__container {
    display: grid;
    gap: 1rem;
    gap: var(--s0)
}

.ec-cor-barometer-mediafactsheets__languageselector .dropdown-toggle {
    background-color: #004896;
    background-color: var(--c-eu);
    border: none;
    color: #fff
}

.ec-cor-barometer-mediafactsheets__languageselector .dropdown-menu a {
    color: #474746;
    color: var(--text-color)
}
/*-----------BAROMETER PAGE END ---------------*/
.anchor {
  	display: block;
  	position: relative;
  	top: -100px;
  	visibility: hidden;
}
.cor-auth .anchor{
	top: -205px;
}
.rightCol .s4-wpcell-plain>div  ul.dfwp-column.dfwp-list {
    padding: 0;
}





/*----------- Playlist START ---------------*/

.cor-l-plenary__playlist-list-container {
    overflow: hidden;
    width: 90%;
    margin-left: 5%;
}

.cor-l-plenary__playlist-list {
    position: relative;
    top: 0;
    left: 0;
}
.cor-l-plenary__playlist-container .playlist-item {
    display: block;
    width: 250px;
    float: left;
    margin: 0;
    padding-right: 15px;
}


.cor-l-plenary__playlist-container .arrows {
	position:relative;
	width: 100%;
}

.cor-l-plenary__playlist-container .arrow-left {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 10px;
	left: -15px;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}

.cor-l-plenary__playlist-container .arrow-right {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 10px;
	right: -15px;
	top: -130px;
	z-index:100;
	cursor: pointer;
}
@media (max-width: 624px) {
	.cor-l-plenary__playlist-container .arrows {
		position:relative;
		margin: 0 auto;
		width:96px;
	}
	.cor-l-plenary__playlist-container .arrow-left {
		left: 0;
		top: -20px;
	}

	.cor-l-plenary__playlist-container .arrow-right {
		right: 0;
		top: -20px;
	}
}
.playlit-item-thumb.youtube img {
    top: -39px;
    position: relative;
}

.playlit-item-thumb.youtube {overflow: hidden;height: 98px;}



/*----------- Playlist END ---------------*/

/*----------- PARTNERS EVENTS START ---------------*/
.cor-partners h2 {
  margin: 2rem 0 1rem 0;
}

.list-style-none,
.list-style-none li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cor-partners ul {
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: center;
}
.cor-partners ul li {
  list-style: none; 
  padding: 0;  
  margin: 1rem;
  place-content: center;
}
.cor-partners.cor-1-column ul {
    grid-template-columns: 100%;
}
.cor-partners.cor-1-column img {
    width: 50%;
}

.cor-partners.cor-1-column li {
    text-align: center;
}
/*----------- PARTNERS EVENTS END  ---------------*/

.cor-l-plenary__opinions-container li {
    list-style: none;
}
/*----------- DEVELOPERS PANEL START--------------*/
div[id*='EditModePanelDevelopers'] ul {
    margin: 0;
    padding: 0;
}
/*----------- DEVELOPERS PANEL END ---------------*/

/*----------- Cookie banner---------------*/
.cck-banner {
    z-index:999;
}
div.cck-container
{
    background-color: #004494 !important;
    color: white !important;
}
div.cck-container .cck-wrapper .cck-actions a {
    border: solid 1px white !important;
    padding: .5rem !important;
    color: white ! important;
}
.cck-container a {
    color: white !important;
}
div.cck-container .cck-wrapper .cck-actions a:hover, 
div.cck-container .cck-wrapper .cck-actions a:active, 
div.cck-container .cck-wrapper .cck-actions a:focus {
    color: #fff !important;
    background: #002F67 !important;
}
div.cck-container .cck-wrapper .cck-actions svg {
  fill: white !important;
}
/*----------- Cookie banner END---------------*/
.CoR_Share {
    padding: 6px 15px;
}
.flickr-title {
    margin-left: 8px;
}
:root {
    --fc-5xs-min: (var(--fc-s-min) * 0.25);
    --fc-5xs-max: (var(--fc-s-max) * 0.25);
    --fc-4xs-min: (var(--fc-s-min) * 0.25);
    --fc-4xs-max: (var(--fc-s-max) * 0.25);
    --fc-3xs-min: (var(--fc-s-min) * 0.25);
    --fc-3xs-max: (var(--fc-s-max) * 0.25);
    --fc-2xs-min: (var(--fc-s-min) * 0.5);
    --fc-2xs-max: (var(--fc-s-max) * 0.5);
    --fc-xs-min: (var(--fc-s-min) * 0.75);
    --fc-xs-max: (var(--fc-s-max) * 0.75);
    --fc-s-min: (21);
    --fc-s-min: (var(--f-0-min,21));
    --fc-s-max: (24);
    --fc-s-max: (var(--f-0-max,24));
    --fc-m-min: (var(--fc-s-min) * 1.5);
    --fc-m-max: (var(--fc-s-max) * 1.5);
    --fc-l-min: (var(--fc-s-min) * 2);
    --fc-l-max: (var(--fc-s-max) * 2);
    --fc-xl-min: (var(--fc-s-min) * 3);
    --fc-xl-max: (var(--fc-s-max) * 3);
    --fc-2xl-min: (var(--fc-s-min) * 4);
    --fc-2xl-max: (var(--fc-s-max) * 4);
    --fc-3xl-min: (var(--fc-s-min) * 6);
    --fc-3xl-max: (var(--fc-s-max) * 6);
    --space-5xs: calc(var(--fc-5xs-min)/16*1rem + (var(--fc-5xs-max) - var(--fc-5xs-min))*var(--fluid-bp));
    --space-4xs: calc(var(--fc-4xs-min)/16*1rem + (var(--fc-4xs-max) - var(--fc-4xs-min))*var(--fluid-bp));
    --space-3xs: calc(var(--fc-3xs-min)/16*1rem + (var(--fc-3xs-max) - var(--fc-3xs-min))*var(--fluid-bp));
    --space-2xs: calc(var(--fc-2xs-min)/16*1rem + (var(--fc-2xs-max) - var(--fc-2xs-min))*var(--fluid-bp));
    --space-xs: calc(var(--fc-xs-min)/16*1rem + (var(--fc-xs-max) - var(--fc-xs-min))*var(--fluid-bp));
    --space-s: calc(var(--fc-s-min)/16*1rem + (var(--fc-s-max) - var(--fc-s-min))*var(--fluid-bp));
    --space-m: calc(var(--fc-m-min)/16*1rem + (var(--fc-m-max) - var(--fc-m-min))*var(--fluid-bp));
    --space-l: calc(var(--fc-l-min)/16*1rem + (var(--fc-l-max) - var(--fc-l-min))*var(--fluid-bp));
    --space-xl: calc(var(--fc-xl-min)/16*1rem + (var(--fc-xl-max) - var(--fc-xl-min))*var(--fluid-bp));
    --space-2xl: calc(var(--fc-2xl-min)/16*1rem + (var(--fc-2xl-max) - var(--fc-2xl-min))*var(--fluid-bp));
    --space-3xl: calc(var(--fc-3xl-min)/16*1rem + (var(--fc-3xl-max) - var(--fc-3xl-min))*var(--fluid-bp));
    --space-5xs-4xs: calc(var(--fc-5xs-min)/16*1rem + (var(--fc-4xs-max) - var(--fc-5xs-min))*var(--fluid-bp));
    --space-4xs-3xs: calc(var(--fc-4xs-min)/16*1rem + (var(--fc-3xs-max) - var(--fc-4xs-min))*var(--fluid-bp));
    --space-3xs-2xs: calc(var(--fc-3xs-min)/16*1rem + (var(--fc-2xs-max) - var(--fc-3xs-min))*var(--fluid-bp));
    --space-2xs-xs: calc(var(--fc-2xs-min)/16*1rem + (var(--fc-xs-max) - var(--fc-2xs-min))*var(--fluid-bp));
    --space-xs-s: calc(var(--fc-xs-min)/16*1rem + (var(--fc-s-max) - var(--fc-xs-min))*var(--fluid-bp));
    --space-s-m: calc(var(--fc-s-min)/16*1rem + (var(--fc-m-max) - var(--fc-s-min))*var(--fluid-bp));
    --space-m-l: calc(var(--fc-m-min)/16*1rem + (var(--fc-l-max) - var(--fc-m-min))*var(--fluid-bp));
    --space-l-xl: calc(var(--fc-l-min)/16*1rem + (var(--fc-xl-max) - var(--fc-l-min))*var(--fluid-bp));
    --space-xl-2xl: calc(var(--fc-xl-min)/16*1rem + (var(--fc-2xl-max) - var(--fc-xl-min))*var(--fluid-bp));
    --space-2xl-3xl: calc(var(--fc-2xl-min)/16*1rem + (var(--fc-3xl-max) - var(--fc-2xl-min))*var(--fluid-bp));
    --space-s-l: calc(var(--fc-s-min)/16*1rem + (var(--fc-l-max) - var(--fc-s-min))*var(--fluid-bp));
        --f--5-min: 8.44;
    --f--5-max: 7.86;
    --step--5: calc(var(--f--5-min)/16*1rem + (var(--f--5-max) - var(--f--5-min))*var(--fluid-bp));
    --f--4-min: 10.13;
    --f--4-max: 9.83;
    --step--4: calc(var(--f--4-min)/16*1rem + (var(--f--4-max) - var(--f--4-min))*var(--fluid-bp));
    --f--3-min: 12.15;
    --f--3-max: 12.29;
    --step--3: calc(var(--f--3-min)/16*1rem + (var(--f--3-max) - var(--f--3-min))*var(--fluid-bp));
    --f--2-min: 14.58;
    --f--2-max: 15.36;
    --step--2: calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));
    --f--1-min: 17.5;
    --f--1-max: 19.2;
    --step--1: calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));
    --f-0-min: 21;
    --f-0-max: 24;
    --step-0: calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));
    --f-1-min: 25.2;
    --f-1-max: 30;
    --step-1: calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));
    --f-2-min: 30.24;
    --f-2-max: 37.5;
    --step-2: calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));
    --f-3-min: 36.29;
    --f-3-max: 46.88;
    --step-3: calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));
    --f-4-min: 43.55;
    --f-4-max: 58.59;
    --step-4: calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));
    --f-5-min: 52.25;
    --f-5-max: 73.24;
    --step-5: calc(var(--f-5-min)/16*1rem + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));
    --fluid-min-width: 320;
    --fluid-max-width: 1140;
    --fluid-screen: 100vw;
    --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))
}