/* CSS changes after making site live  */

li#siteaction-newsletter{
display:none;
}

ul#portal-footer li {
list-style-type: none;
}
.portlet.portletLogin {
    display: none;
}
.documentContent{
padding: 0px !important;
}
#portal-columns {
    
    border-bottom: none;
}

/* CSS changes after making site live ENDS here */

/* Footer CSS*/
    ul#portal-footer {
        list-style: none;
        background: url(./images/ace-footer-700x64px.png) no-repeat 0 0;
        position: relative;
        width: 706px;
        height: 100px;
        margin: auto;
            margin-top: auto;
        margin-top: 16px;

    }

#footer-eisa{
top:0; left: 0px;
    width: 70px;
    height: 70px;
}

#footer-ecanada{
    top:0px !important; left:93px;
    width: 70px;
    height: 70px;

}
#footer-ifes{
    top:0; left: 180px;
    width: 70px;
    height: 70px;

}
#footer-idea{
    top:0; left: 271px;
    width: 70px;
    height: 70px;

}
#footer-un{
    top:0; left: 364px;
    width: 70px;
    height: 70px;

}
#footer-ife{
    top:0; left: 450px;
    width: 70px;
    height: 70px;

}
#footer-undp{
    top:0; left:532px;
    width: 70px;
    height: 70px;

}
#footer-tcc{
    top:0; left: 630px;
    width: 70px;
    height: 70px;

}
/* Footer CSS ENDS*/



div#fullcontent >div.accordion a.insert-page
{
/* encyclopaedia headers level 1 */
    background-color: transparent;
    color: #CA242B;
    border-color: transparent;
    font-size: 13pt;
    font-weight: bold;
    line-height: 40px;
}

div#fullcontent >div.accordion + div div a.insert-page
{
/* encyclopaedia headers level 2 */
    line-height: 35px;
    background-color: #005a94;
    border-bottom: transparent;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    color: white;
    font-size: 11pt;
    font-weight: bold;
}

div#fullcontent >div.accordion + div div + div div a.insert-page
{
/* encyclopaedia headers level 3 */
    background-color: #9bc6e2;
    color: black;
    border-color: transparent;
    font-size: 10pt;
    padding-top: 0px;
    line-height: 25px;
    font-weight: bold;
}

div#fullcontent >div.accordion + div div + div div + div div  a.insert-page
{
/* encyclopaedia headers level 4 */
    background-color: #c7dbe8;
    color: black;
    border-color: transparent;
    font-size: 10pt;
    padding-top: 0px;
}

div#fullcontent >div.accordion + div div + div div + div div  + div div a.insert-page
{
/* encyclopaedia headers level 5 */
background-color: #ececec; 
color:black;
border-color: transparent;
font-size:10pt;
padding-top: 0px;
}

.ui-accordion .ui-accordion-content {
   font-size: 10pt;
    border-color: #c7d5fd;
    text-align: justify;
    text-justify: inter-word;
}


                * {
                    box-sizing: border-box;
                }
                #visual-portal-wrapper{
                    width: 1200px;
                    max-width: 1200px;
                    margin: auto;
 
                                                                                
                }
                #region-content{

                                                                                    width: 1166px;
                                                                                    max-width: 1166px;
                }

                #portal-globalnav {display:none;height:0px;}
                #portal-breadcrumbs {display:none;height:0px;}
                #portal-personaltools{padding-right:3em;display:none;height:0px;}
/*                .contentActions, .contentViews, .contentViews .plain, .contentViews li a{display:none;height:0px;}*/

                #globaltabs-wrapper{display:none;height:0px;}
                #portal-searchbox{display:none;height:0px;}

                div#portal-top{height:0px;}

                h1.portal-logo{display:none;}
                #portal-header{display:inline;}


                body {
                    margin: 0;
                }
  #header_en{height: 255px;}
  #header_es{height: 255px;}
                .megamenu{
                    
                    position:relative;
                    
                    width: 100%;
                    height: 160px;
                    max-width:1000;
                    top:30px;
                        
                    

                }


                #portal-header {
                    
                    height:0px;
                }
                #portal-top{
                    position: relative;
                    
                }



                #portal-siteactions {
                    
                    display:;
                }

                                                       


                div.ace_logo{
                    position:absolute;
                  
                    width: 152px;
                    max-width: 152px;
                    
                    
                }

.ace_logo img {
    width: 158px;
}


                div.top_bar{
                    position:absolute;
                    right:0px;
                    top: 0px;
                    

                }
                .search_bar{
                    right:0px;
                    top:72px;
                    position:absolute;
                    font-size:10px;
                    z-index:0;
text-align:right;


                }

                .navbar{
                    position:absolute;
                    width:;
                    top:100px;
                    left:165px;
                    font-size:15px;
                    font-family: Roboto;


                }


                .navbar a {
                    float: left;
                    font-size: 16px;
                    color: #7b7777;
                    text-align: center;
                    padding: 14px 16px;
                    text-decoration: none;
                    position:relative;
                }

                .dropdown {
                    float: left;
                    overflow: hidden;
                }

                .dropdown .dropbtn {
                    font-size: 16px;    
                    border: none;
                    outline: none;
                    color: #7b7777;
                    padding: 8px 9px;
                    background-color: inherit;
                    font: inherit;
                    margin: 0;
                }
                .dropbtn button{
                    font-size: 16px;
                }

                .navbar a:hover, .dropdown:hover .dropbtn {
                    background-color: #3c71ba;
                    color:white;
                }

                .dropdown-content {
                    display: none;
                    position: absolute;
                    background-color: #red;
                
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                    z-index: 1;
                }
                .dropdown-content_size{
                    width: 590px;
                    


                }

                .dropdown-content .header {
                    background: #3c71ba;
                    padding: 16px;
                    color: #7b7777;
                }

                .dropdown:hover .dropdown-content {
                    display: block;
                }

                /* Create three equal columns that floats next to each other */
                .column {
                    float: left;
                
                    padding: 13px;
                    
                }
                .topics{
                // width: 170px;
                //height: 260px;
                }
                .row{

                background-color: #fcfdfd;

                }
                .column a {
                    float: none;
                    color: #7b7777;
                    padding: 16px;
                    text-decoration: none;
                    display: block;
                    text-align: left;
                margin-top: 0.2rem;
                }

                .column a:hover {
                    background-color: #ddd;
                }
                .navbar a:visited {
                color: #7b7777;
                }

                /* Clear floats after the columns */
                .row:after {
                    content: "";
                    display: table;
                    clear: both;
                }
                .column h3{
                font-size:14px;
                
                margin-bottom:1px;
                margin-top:1px;
                }

                .column a{
                color:#7b7777;
                font-size:13px;
                padding:3px 5px 3px 3px;
                float:none;

                }
                .resources{

                    width: 210px;
                    padding: 10px;
                    //height: 170px;
                }
                .resources a{
                        font-size:14px;
                }
                .expert_advice{

                    width: 230px;
                    padding: 10px;
                
                }
                .expert_advice a{
                        font-size:14px;
                }

                .about_ace{

                    width: 210px;
                    padding: 10px;
                    }

                .about_ace a{
                        font-size:14px;
                        
                }


                .column a:hover{
                color: #3c71ba;
                background-color:white; 

                }
                

                select.form-control:not([size]):not([multiple]) {
                    height: calc(2.25rem + 2px);
                }


                .form-control {
                    display: block;
                    width: 200px;
                    padding: .375rem .75rem;
                    font-size: 1rem;
                    line-height: 1.5;
                    color: #495057;
                
                    background-clip: padding-box;
                    border: 1px solid #3c71ba;
                    border-radius: .45rem;
                    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                }

                button.dropbtn{

                max-height:40px;


                }
                .search_button{
                color:#fff ;
                background-color:#3c71ba ;
                font-size: 10pt;
                    height:21pt;
                    background-clip: padding-box;
                    border: 1px solid #3c71ba;
                border-radius: .25rem;
                    border-top-left-radius: 0px;
                    border-bottom-left-radius: 0px;
                font-family: Roboto;
                
                margin-left:-9px;
                }
                .search_select{

                    color:#3c71ba ;
                    background-color: #fff;
                    font-size: 10pt;
                    font-decoration:italic;
                    height:20pt;
                    background-clip: padding-box;
                    border: 1px solid #3c71ba;
                width: 170pt;
                border-radius: .25rem;
                padding-left:2px;
                    
                    

                }
                ::placeholder{
                font-size: 0.8rem;
                font-style:italic;
                color:#7b77774f ;
                padding-left:2px;

                }
                .search_box{

                padding: 6px 0px;
                box-sizing: border-box;
                    display: block;
                }
                .user_login{

                color:#3c71ba;
                font-size: 12px;
                
                float: none;
                display:inline-block;

                }
                .user_login a{

                text-decoration:none;

                }
                .hr_header{

                border: solid 0.08px #CA252C;
                background-color:#CA252C;

                margin-bottom:0px;
                margin-left:auto;
                margin-right: auto;


                }

                #a_country:hover{
                    color:#FFF;
                }


.pn_login{
float: left;  
                    
}
.pn_login a{
font-size: 15px;
                   color:#CA252C;

                    text-align: center;
                   
                    text-decoration: none;

}

.pn_login a:hover{
color:#FFFFFF;
background-color:#CA252C;
}
                              
/*  language section starts here*/
   

#language_section{
display:inline-block;
height: 19px;
line-height: 19px;
font-size: 12px;
width: 79px;
text-align: center;
 
}
#language_section:hover{
background-color:#426ab3;
color:white;
}

#display_select_language{  display: inline;  }

ul#portal-languageselector {
z-index: 1;
width:80px;
text-align: center;
float: right;
position: absolute;
right: 0px;
top: 57px;
padding-top:0!important;
padding:0px!important;
line-height: 24px;
text-align: right;
margin:0px;
font-size: 12px;
background-color:white;
}


#portal-languageselector li.currentLanguage a, #portal-languageselector li.currentLanguage a:hover {
 
    border: none;
    z-index: 1;
    
}
#portal-languageselector li{
border-left: 1px solid #426ab3;
border-right: 1px solid #426ab3;    
margin: none; 
text-align:center;
}
#portal-languageselector li:last-child {
		border-bottom: 1px solid #426ab3;
	}
#portal-languageselector li:first-child {
		border-top: 1px solid #426ab3;
	}
/*  language section ends here*/     


/* CELEBERATING TWENTY YEARS message code*/ 
.twenty_message{
    height: 110px;
    background-color: #FFFA;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 13pt;
    color: #3573c6;
}
.tw_pic{
   
    width:100px;
}
.tw_message{

font-size:12pt; padding-top: 25px;text-align: left;
}


/* Header Naviagation Bar Menus CSS ENDS */
 
/* OVERALL WEB PAGES COMBINED CSS STARTS */




    *,
    *:after,
    *:before {
      box-sizing: inherit;
  }

  html {
      box-sizing: border-box;
  }


  body {
      float:center;
      background: transparent;
      color: black;
      font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
      font-size: 70%;
      font-weight: 400;
      letter-spacing: .01em;
      /*line-height: 1.6;*/
  }
#portal-top{
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.middle-content{

    padding: 10px 20px 10px 20px;
font-size:14px;

}

/*  Electoral Materials and Observation Portal CSS Starts here*/

  .spacer_op{
    width: 30px;
    height: 50px;
    display: inline-block;
  }
.rec_pub td{
    padding-top: 22px;
}

.recent_publications{
    padding-left: 30px;
    padding-top: 34px;
}

  #pub_heading, #pub_desc{
    padding: 10px 15px 10px 10px;

  }
  #pub_heading{
    height:75px;
    max-height: 75px;
     display:block; color:#436BB3; font-weight:800; 
  }
  #pub_desc{
display:block;margin:0px 0 3px 0px; color:black; font-size:10pt;  
  }

  .wrap img{
    width: 200px;
    height: 84.5px;
  }
  .grey_color{
    background-color: #F3F3F5; 
  }
 
.wrap{
              width:200px;                                        
              height: 364px;
              max-height: 364px;
              display: inline-block;
              
              
}
.pub_div{

 
  width: 200px;
  max-width: 200px;
  height: 272px;
  max-height: 272px;

  overflow:hidden;
  margin: auto;
  background-color: #F3F3F5;  
  border:solid 0.7px #B3C4E0;
}
.form-control-em-dop {       
 

      width: 275px;
      color: #495057;
      margin-bottom: 12px;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #436BB3;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
      height: 40px;
      font-size: 11pt;
      padding-left: 10px;
      display: block;
}



/*  Electoral Materials and Observation Portal CSS ENDS here*/

  /*heading*/

  
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
      font-color: #436BB3;
      color: #436BB3;
      font-weight: 350;
      letter-spacing: none;
      margin-bottom: 0.3rem;
      margin-top: 0;
      border-bottom:none;
      font-size: 1.2rem;
  }

 
  p.thick {
    font-weight: bold;
}

.juicer-feed h1.referral {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 2.6rem;
    font-weight: none;
    margin: 0 auto 0px;
    text-align: center;
    display: none;
    white-space: nowrap;
}

.icons_div {
    text-align: center;
}


.home_icon:hover {
   /* box-shadow: 2px 2px 9px 2px #426ab3;*/
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

/*
-webkit-filter: hue-rotate(150deg);
filter: hue-rotate(150deg);
*/

}

.home_icon{
    border: 1px solid #e5ec159;
    border-radius: 6px;
    border: 1px solid #EBEBEC;
    margin: 0px 6px 0px 6px;

    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;

}



/* Footer Border */
div#portal-colophon {
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    border-bottom-color: transparent;
}



.contentViews li a {
    position: relative;
    left: 160px;
     // bottom: 85px;
    color: #3573C6;
    height: auto;
    margin-right: 0.1px;
    line-height: normal;
    text-transform: none;
    z-index: 1;
    border: none;
    border-style: none;
    padding: 0em 0.5em;
}

.contentViews li a:hover {
    color: #cc0001;
    background-color: transparent;
}

.contentViews {
    background-color: transparent;
    padding-left: 1em;
    line-height: normal;
    margin: 0;
    list-style: none;
    border: transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}


.contentViews .selected a {
    background-color: transparent;
    border-bottom: transparent;
    color: #CA242B;
}



#portal-searchbox {
    float: right;
    clear: right;
    background-color: transparent;
    margin-bottom: 1em;
    padding-right: 1em;
    padding-top: 4em;
    text-align: right;
    text-transform: none;
    white-space: nowrap;
    z-index: 2;
    position: relative;
    bottom: 12px;
    left: 8px;
}


.contentActions {
    background-color: transparent;
    border-left: transparent;
    border-right: transparent;
    color: #3573C6;
    text-align: right;
    text-transform: none;
    padding: 0 0 0 1em;
    z-index: 2;
    position: relative;
    height: 1.6em;
    border: transparent;
}

.section-index-en div.documentContent, .section-index-es div.documentContent, .section-index-fr div.documentContent, .section-index-ru div.documentContent, .section-index-ar div.documentContent, .section-ace-ar div.documentContent, .section-about-ar div.documentContent, .section-regions-ar div.documentContent, div.documentEditable div.documentContent {
    margin-bottom: -40px;
    background-image: none;
    border: 0;
    border-bottom: 0;
    width: 900px;
    margin-left: -20px;
}


 
 

#portal-siteactions li a:hover {
    background-color: transparent;
    color: #cc0001;
    border: transparent;
}


/* for custom scrollbar */

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F2F2F2;
    border-radius: 1px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3573c6; 
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #d04245;
}


.memberListing {
    /* border-bottom: solid .5px #4E77B6; */
    margin-bottom: 1em;
    margin-left: -16px;
    width: 105%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;

}

table.memberListing {
    /* border-bottom: solid .5px #4E77B6; */
    margin-bottom: 1em;
    margin-left: -16px;
    width: 105%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    background-color: transparent;

}

table.memberListing tr.even td, table.memberListing tr.even td a, table.memberListing tr.even td span.discreet {
    background-color: transparent;
    font-size: 10.5pt;
}

table.memberListing tr.odd td, table.memberListing tr.odd td a, table.memberListing tr.odd td span.discreet {
    background-color: transparent;
    font-size: 10.5pt;
}

table.memberListing thead th {
    background-color: transparent;
    color: black;
}


.place-holder {
  color: red;
}

input {
  font-family: 'Roboto';
}

.calendar table {
  width:100%;
}

.discreet {
    padding-left: 15px;
    width: 95%;
    color: #76797c;
    font-size: 85%;
    font-weight: 400;
}

#encyclopaediaNavigation, #searchNavigation {
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
}


#portal-column-one {
    background-color: transparent;
}


/*
div.portletstyle li li li, div.portletstyle li li.special {
    padding-top: 2px;
    border: none;
    background-color: transparent;
}


div.portletstyle li a {
    border-top: none;
)

*/

#portal-breadcrumbs {
    border-bottom-color: transparent;
    border-bottom-style: none;
    border-bottom-width: 0px;
    background-color: transparent;
    padding-top: 0;
    padding-left: 15.7em;
    padding-bottom: 0;
    text-transform: none;
    line-height: 1.6em;
    clear: left;
  }

li {

      list-style-type: square;
}

.documentContent ul {
    
    font-size: 10.5pt;
  }

.documentContent li a {
    text-decoration: none;
    border-bottom: none;
}

.discreet {
    padding-left: 0px;
}


div#portal-footer {
    margin: auto;
margin-top:60px;
    border-top: 1px solid #426ab3;
    background-color: white;
    border-right: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
}

select.region-selector {
    width: 97%;
    padding-left: 10px;
}

/*---------------------------------------------------------------------------------------------------------------------------------old code----------------------------------------------------------------------------------------------------------------*/

hr.hr_line{
    
    background-color:#3c71ba;
    margin-top: 2em; 
    margin-bottom:2em;
   
    width: 100%;
}


div.documentContent {
    border: 1px solid #FFF;
    border-bottom: 0;
padding:0;
}




div.title_style{
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #3573c6;
    padding-left: 20px;
    
}

h1.title_style{
    margin-top: 1.7px;
    color: #FFFFFF;
    font-size: 17px;

}

h2.title_style{
    margin-top: 1.7px;
    color: #FFFFFF;
    font-size: 17px;

}

h3.title_style{
    margin-top: 1.7px;
    color: #FFFFFF;
    font-size: 17px;

}


.highlights_style{
    height: 450px;
    max-height: 450px;

}

 


.search_em{
    width: 284px;
    max-width:300px
    height:auto;
    overflow:hidden;

}

div.pnetworks{

    height:auto;
    width: auto;
    padding-left:10px;


}

.recent_publications{
    //this will alter the size of search em


}

/* Search form */
.small{
    font-size: 100%;
    text-align:justify;
    font-weight: 400;
    width: 95%;
    padding-right: 10px;
    padding-left: 10px;
}


select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
.form-group {
    margin-bottom: 1rem;
}

.form-control {
     
    display:inline-block;
    margin-bottom: 10px;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 
.form-group-new {
    margin-bottom: 1rem;
}



.form-control-new {
     
    display:inline-block;
    margin-bottom: 10px;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #436BB3;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	/*-- COMPARATIVE DATA, COUNTRY LANDING, COUNTRY PAGE-FILTER OPTION*/
		.form-control-cd{
			width: 100%;
			color: #495057;
			margin-bottom: 12px;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #436BB3;
			border-radius: .25rem;
			transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
			height: 40px;
			font-size: 11pt;
			padding-left: 10px;
			display: block;
			font-family: Roboto;
			display:inline;
		}
/*-- COMPARATIVE DATA, COUNTRY LANDING, COUNTRY PAGE-FILTER OPTION*/
 #worldmap_container{

                                position: relative ;
                            }
                            .datamaps-legend{
                            
                                position:  absolute;
                                top: 11px;
                                left: 866px !important;
                            }
                            .datamaps-legend::before{
                                content: "Choose a subject:";
                            }
                            ::before{
                                
                                color: #3c71ba;
                                font-weight: 350;
                                font-size: 1.2rem;
                            }
                            

                            select.form-control-2:not([size]):not([multiple]) {
                                height: calc(2.25rem + 2px);
                            }
                        .form-control-2{
                            
                            margin-bottom: 10px;
                            
                            padding: .375rem .75rem;
                            font-size: 0.8rem;
                            line-height: 1.5;
                            color: #495057;
                            background-color: #fff;
                            background-clip: padding-box;
                            
                            border: 1px solid #3c71ba;
                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                        }
                           
                            .form-control-3{
                            
                            margin-bottom: 10px;
                            
                            padding: .375rem .75rem;
                            font-size: 0.8rem;
                            line-height: 1.5;
                            color: #495057;
                            background-color: #fff;
                            background-clip: padding-box;
                            height:34px;
                            border: 1px solid #3c71ba;
                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                        }

#portal-column-content fieldset > * input:focus, #portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;// orange color 
    border-width: ;
}

*, ::after, ::before {
    box-sizing: border-box;
}

/* Ending of test with search form*/

.image-left {
    border: none;
}
.justify_this{
     text-align:justify;
}
#module_name{
color:white;
 font-size:14pt;
line-height:17pt;
}
#module_box{
width:auto; background-color: #C33332; 
padding: 0px 5px 0px 5px;
}
#module_box_green{
 width:auto;
 background-color: #53823C; 
 padding: 10px 5px 10px 5px;
}
#module_box_orange{
width:auto; background-color: #EE7D21;  padding: 10px 5px 10px 5px;
}
#module_box_blue{
width:auto; background-color: #2475B6;  padding: 10px 5px 10px 5px;
}

 .module_outline{
                            
                            
                            padding: 13px 5px 5px 5px;
                            margin:3px 0 20px 0;
                           
                            
                        }


                         .module_blue{
                            background-color: #9CC2E6; 
                        }
                        .module_green{
 
                            background-color: #D3DFB7; 
                        }
                        

                        .module_orange{
                            background-color:#FDF8DB;
                        }
                        .module_red{
                            background-color:#FBD1C5;
                        }
                        .module_outline p{
                            color:#000000 ;
                            padding-left: 10px;
                        }
   #modules_info td{

                            width: 40%;
                            max-width: 40%;
                            padding-left: 10px;
                            padding-right: 10px;
                            padding-top: 10px
                           
                        }
                        #modules_info{   /*   same in all, paragraph things */
                            background-color: #F3F3F5;
                        }
                        #modules_info td{
                            padding-right: 20px;
                        }
/* bridge  modules css ends here */

/* bridge   css starts here */
.eff{

                                                                    position: relative;
                                                                    display: inline-block;
                                                                }
                                                                .overlay {
                                                                    position: absolute;
                                                                    top: 0;
                                                                    bottom: 0;
                                                                    left: 0;
                                                                    right: 0;
                                                                    
                                                                   
                                                                   

                                                                    opacity: 0;
                                                                    transition: .5s ease;
                                                                   
                                                                    margin-top: 10px;
                                                                                                                                      
                                                                  }
                                                                  .obg_1{
                                                                    background-color: #EF7D24;
                                                                    height:93.75px;
                                                                    width:91px;
                                                                    max-width:  91px;
                                                                  }
                                                                  .obg_11{
                                                                    background-color: #EF7D24;
                                                                    height:94px;
                                                                    width:193px;
                                                                    max-width:  1923px;
                                                                  }
                                                                  .obg_2{
                                                                    background-color:  #53823C;
                                                                    height:93.75px;
                                                                    width:91px;
                                                                    max-width:  91px;
                                                                  }
                                                                  .obg_3{
                                                                    background-color: #2475B6 ;
                                                                    height:93.75px;
                                                                    width:91px;
                                                                    max-width:  91px;
                                                                  }
                                                                  .obg_4{
                                                                    background-color:  #C33332;
                                                                    height:58px;
                                                                    width:90px;
                                                                    max-width:  90px;

                                                                  }
                                                                  .obg_44{
                                                                    background-color:  #C33332;
                                                                    height:60px;
                                                                    width:193px;
                                                                    max-width:  193px;
                                                                  }
                                                                  
                                                                  
                                                                  .eff:hover .overlay {
                                                                    opacity: 1;
                                                                  }
                                                                  .text {
                                                                    color: white;
                                                                    font-size: 10px;
                                                                    position: absolute;
                                                                    top: 50%;
                                                                    left: 50%;
                                                                    transform: translate(-50%, -50%);
                                                                    -ms-transform: translate(-50%, -50%);
                                                                    text-align: center;
                                                                   
                                                                  }
                                                                  
                                                                 

                                                                /* effect ends here*/
                                                                .s1925{
                                                                    width: 192.5px;
                                                                    margin-top:10px;
                                                                }
                                                            .s99{
                                                                width:90px;
                                                                margin-top: 10px;
                                                                margin-right:5px;
                                                             }
 .fou a{
                                text-decoration: none;
                                color: black;
                                margin-left: 0px;

                            }
                            .arc a{
                                text-decoration: none;
                                color: black;
                                margin-left: 0px;

                            }
                            .adm a{
                                text-decoration: none;
                                color: black;
                                margin-left: 0px;

                            }
                            .par a{
                                text-decoration: none;
                                color: black;
                                margin-left: 0px;

                            }
                            .fou, .arc, .adm, .par{
                            
                                width: 191.5px;
                                max-width:191.5px;
                                height: 164px;
                                line-height: 21px;
                                padding: 1px 3px 1px 3px;
                                padding-top: 1px;
                                margin-top: 10px;
                                font-size: 13px;
                            }
                            .arc , .adm, .fo{
                                margin-right: 10px;
                            }
                            



                        a, a:visited{
                            padding: 0 0 0 0;
                            margin: 0 0 0 0;
                            text-decoration: none;
                          
                            //max-width: 191.5px;
                            
                        }
                        .fou{
                            background-color: #FDF8DB;
                        }
                        .fou hr{
                            border: solid .7px #EF7D24;                            
                            margin: 0px;
                        }
                        .arc hr{
                            border: solid .7px #92B178;                            
                            margin: 0px;
                        }
                        .adm hr{
                            border: solid .7px #609CCE;                            
                            margin: 0px;
                        }
                        .par hr{
                            border: solid .7px #C33332;                            
                            margin: 0px;
                        }
                        .arc{
                            background-color: #D3DFB7;
                        }
                        .adm{
                            background-color: #9CC2E6;
                        }
                        .par{
                            background-color: #FBD1C5;
                        }
                        /*modules css starts*/  /*modules css starts*/ /*modules css starts*/ /*modules css starts*/ /*modules css starts*/
                         /*modules css starts*/ /*modules css starts*/ /*modules css starts*/ /*modules css starts*/ /*modules css starts*/
                       
                        .ar, .fo, .ad, .pa{
                            height: 45px;
                            text-align: center;
                            vertical-align: middle;
                            line-height: 45px;
                            color: white;
                            width: 191.5px;
                            max-width: 191.5px;  
                                                   
                        }
                       
                        .m_titles td{
                            width:px;
                            max-width:202px;
                        }
                        
                       
                        .orange{
                            background-color: #EE7D21 ;
                        }
                        .green{
                            background-color:  #53823C;
                        }
                        .blue{
                            background-color: #2475B6 ;
                        }
                        .red{
                            background-color:  #C33332;
                        }
                       
                        .mleft{
                           width:850px; 
                           max-width: 850px;
                          
                           
                           
                        }

                        /* modules css ends*/  /* modules css ends*/  /* modules css ends*/
 /* modules css ends*/ /* modules css ends*/ /* modules css ends*/ /* modules css ends*/ /* modules css ends*/









                        .left{
                            width: 850px;
                            padding: 0px 20px 0px 0px;
                           
                        }
                        .right{
                            width: 280px;
                            
                            position: relative;                                                    
                        }
                        .right_bar{
                          
                            background-color: #EAF7FE;
                            margin: 0px 0px 20px 0px;
                           
    
                        }
                        .p_top{
                            position: absolute;
                            top: 0px;
                            padding-top: 5px;
                           
                        }
                        .sme{

                            height: 175px;
                           // align-content: center;
                            padding: 5px;
                        }
                        .sm{

                            height: 69px;
                            
                                padding-top: 12px;
                                padding-left: 2px;
    
                        }
                        .partner{
                            margin:auto;
                            padding: 10px;
                            width:244px;
                          
                            
    
                        }
                        .partner img{
                            margin: 0px 5px 0px 5px;
    
                        }
                        #web_faq{

                            padding-top: 11px;
                            padding-right: 5px;
                            font-weight: 500;
                            color: #024096;
                            font-size: 106%;
                            float: right;
                        }
                        .part1{

                            margin:auto;
                            width:140px;


                        }



/* bridge   css ends here */

.fa-youtube-square:before {
    content: "\f166";
color:#CA252C;
}
 
.fa-caret-down:before {
    content: "\f0d7";
color:#7b7777;
font-size: 1em;
}
 
/*  
 for topic pages
*/

.module_outline li{

list-style-type: square;
}
#modules_info li{
list-style-type: square;
}

#loop_links{
padding:10px 10px 10px 10px;
background-color: #EAF7FE;
font-weight: 800;


}
#loop_links a{
display: block;
color: #3573c6;
margin-bottom:3px;
}
#loop_links h2{
 font-size:1.2em;
}
/* Workspcae CSS */
  .right_bar{

    padding: 5px 5px 5px 5px;
  }
    #recently_active a{
      color: black;
    }
    #vacancies a{

color: black;
    }
  #pn_blocks_link a{

    display: block;
    font-size: 13pt;
    margin-bottom: 5px;
    color: #4C6BB3;
  }
  #pn_right_bar div{
   
    display: block;
    background-color: #EAF7FF;
    width: 100%;
    margin-bottom: 10px;
  }
  #pn_right_bar {
    padding: 10px 0 0 0;
  }
  #pn_table1 th{

    line-height: 40px;
    height: 40px;
    width: 50%;
    text-align: left;
    padding: 0px 10px 0px 20px;
    color: white;
      
  }
  #pn_table1 td{
    width:400px;
    max-width: 400px;
    height: 400px;
    max-height: 400px;
    padding: 20px 5px 10px 20px;
  }
  .blue{
    background-color: #0773BB;
  }
  .yellow{
    background-color: #FCB040;
  }
  .green{
    background-color: #0B7046;

  }
  .red{
    background-color: #CD232E; 
  }

  #modify_info{
    font-size:8.5pt;
    font-style: italic;
  }
  #recently_active_members{
    list-style-image: url(http://aceproject.org/images/user-icon.png);
    padding-left: 18px;
  
  }

  /* Workspcae CSS ENDS */




/*  e-learning CSS STARTS*/
    #a_quizzes td{
        height: 50px;
        font-size: 13px;
        background-color: #F3F3F5;
        border: solid 0.7px #B3C4E0;
        width: 16%;
        padding: 10px 10px 10px 10px;
        text-align: center;
    }
    #a_quizzes td:hover{
       /* box-shadow: 2px 2px 9px 2px #426ab3;*/
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    #elearning_table td{
        width: 20%;
        max-width: 20%;
        padding: 10px 10px 0px 10px;
        height: 410px;
        max-height: 410px;
       
        vertical-align: top;
        transition: .1s ease-in-out;

    }
    #elearning_table td:hover  .desc{
       /* box-shadow: 2px 2px 9px 2px #426ab3;*/
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    
    
    #elearning_table .einfo{
     
        background: #F3F3F5;
        height: 280px;
        border: solid 0.7px  #B3C4E0;
        border-top: none;
        
    }
    #elearning_table img{
        width:200px;
    }
    a{
        text-decoration: none;
    }
    #elearning_table .etitle{
        height:65px;
        max-height: 65px;
        display: block;
        vertical-align: top;
        margin-bottom: 1.5em;
    }
    #elearning_table .edesc{
        font-size: 0.8rem;
        color:  rgb(46, 46, 46);
        height: 150px;
        max-height: 150px;
        display: block;
    }
    #elearning_table .elan{
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color:#4E77B9;
        font-style: italic;
        height: 21px;
        max-height: 21px;
    }
    .elan, .edesc, .etitle{
        padding:10px 10px 3px 10px;
    }







    .course_table td{
        width: 200px;
        max-width: 220px;

    }
    .course_table img{
        width: 200px
    }
    .course_table .einfo{

        background: #F3F3F5;
        height: 230px;
        border: solid 0.7px  #B3C4E0;
        border-top: none;

    }
    .course_table td:hover  .desc{
       /* box-shadow: 2px 2px 9px 2px #426ab3; */
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .course_table .etitle{
        height:65px;
        max-height: 65px;
        display: block;
        vertical-align: top;
        margin-bottom: 1.5em;
    }
    .course_table .edesc{
        font-size: 0.8rem;
        color:  rgb(46, 46, 46);
        height: 100px;
        max-height: 100px;
        display: block;
       
    }
    .course_table .desc{

        width: 200px;
        max-width: 200px;

    }
    .course_table .elan{
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color:#4E77B9;
        font-style: italic;
        height: 21px;
        max-height: 21px;
    }




/*  e-learning CSS ENDS*/



 /* Topic Page CSS */
div.accordion {
    margin-bottom: 2px;
    font-family: Roboto;
   
}

 <!-- LATEST UPDATES CSS STARTS--><!-- LATEST UPDATES CSS STARTS--><!-- LATEST UPDATES CSS STARTS-->


                           
                        .lu a{  color: black;                      
                        }
                        .lu a:visited{
                            color: black;
                            
                        }
                        .lu tr{
                            line-height: 27px;
                            
                            text-align: left;
                            height: 36px;
                            
                        }
                        .lu th{
                            text-align: left;
                            padding-left: 15px;
                        }
                        .lu td{
                            text-align: left;
                            padding-left: 15px;
                        }
                        .lu{
                            margin-top: 10px;
                        }
                    
                        .flag_img{
                            

                        }
                        .flag_img img{
                            width: 86%
                        }
                        div.lu_style{
                            width: 100%;
                            height: 40px;                            
                            line-height: 35px;                            
                            color: #3573c6;                            
                            padding-left: 15px;                            
                            border-bottom: solid 10px #3573c6;
                        }
                        .lu_style h3{color:#3573c6;} 
                        .lu_style h1{color:#3573c6;} 
                        .lu_style h2{color:#3573c6;}
                        .lu_style a{color:#3573c6;}
                        .lu_style a:visited{color:#3573c6;}
                        
                        .spacer_lu{
                            height: 30px;
                            width: 50px;
                            display: block;
                        }

                        /* LATEST UPDATES CSS ENDS*/





                        h1{
                            height: 35px;
                            line-height: 35px;   
                            padding-left: 20px;
                            color: #FFF;
                            font-size: 17px;
                            background-color: #3573c6;
                            width: 100%;
                            border: none;
                         }
                         h1.title_style {
                             color: white;
                         }
                         
                         
                         .section-electoral-advice h1.documentFirstHeading{
                             height: 35px;
                             line-height: 35px;   
                             padding-left: 20px;
                             color: #FFF;
                             font-size: 120%;
                             background-color: #436BB3;
                             width: 100%;
                             border: none;
                         }
                         
      /*ASK THE EXPERTS*/  /*ASK THE EXPERTS*/ /*ASK THE EXPERTS*/  /*ASK THE EXPERTS*/  /*ASK THE EXPERTS*/
                           .pfg-form.formid-default{
                              width: 60% 
                           }
                         
                           .ask_the_experts-loop_links{
                             position: absolute;
                             top: 380px;
                            left:945px;
                           }
                          .ask_the_experts-loop_links_es{
                             position: absolute;
                             top: 335px;
                            left:945px;
                           }
                           .pfg-form.formid-default input{
                             
                             color: #495057;
                             
                             background-color: #fff;
                             background-clip: padding-box;
                             border: 1px solid #436BB3;
                             border-radius: .25rem;
                             transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                             height: 40px;
                             font-size: 11pt;
                             padding-left: 10px;
                           }
.pfg-form.formid-submit-your-question-es{padding-left: 20px;}
.pfg-form.formid-submit-your-question-es label{font-weight: 400; font-size: 12pt;  color: #436BB3; }
                          
                           .pfg-form.formid-default label{  font-weight: 400;font-size: 12pt;  color: #436BB3;  }
                                                 
                           .pfg-form.formid-default textarea{
                         
                             color: #495057;
                             
                             background-color: #fff;
                             background-clip: padding-box;
                             border: 1px solid #436BB3;
                             border-radius: .25rem;
                             transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                             height: 40px;
                             font-size: 11pt;
                             padding-left: 10px;
                           }
                           span.fieldRequired {
                             color: #FFF;
                             font-size: 10px;
                         }
                      input#first-name-s, input#correo-electronico,  input#surname, input#full-name , input#replyto, input#if-other-then-please-describe, input#your-location, input#your-nationality, input#replyto{
                             width: 490px;
                         }
                         
                       textarea#biography,  textarea#question, textarea#comments {
                             width: 490px;
                             height: 100px;
                             background-color: white;
                         }
                         
/* application-for-membership  */ /* application-for-membership  */ /* application-for-membership  */ /* application-for-membership  */

                         textarea#what-is-the-main-reason-for-you-wanting-to-join{
                            width: 490px;
                            height: 100px;
                            background-color: white;
                         }
                         input#attach-your-cv_file{
                            width: 490px;
                         }
                       
                         .pfg-form.formid-application-for-membership{
padding:10px 20px 10px 20px;
                            width: 60% ;
                         }

                        .pfg-form.formid-application-for-membership input{                       
                            color: #495057;   background: white;  background-color: #fff;  background-clip: padding-box; border: 1px solid #436BB3;                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                            height: 40px;
                            font-size: 11pt;
                            padding-left: 10px;
                          }
   .pfg-form.formid-application-for-membership-es input{                       
                            color: #495057;   background: white;  background-color: #fff;  background-clip: padding-box; border: 1px solid #436BB3;                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                            height: 40px;
                            font-size: 11pt;
                            padding-left: 10px;
                          }
.pfg-form.formid-consultez input{
  color: #495057;
                            background: white;
                            background-color: #fff;
                            background-clip: padding-box;
                            border: 1px solid #436BB3;
                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                            height: 40px;
                            font-size: 11pt;
                            padding-left: 10px;

}
                          .pfg-form.formid-application-for-membership label{
                         
                            font-weight: 400;
                            font-size: 12pt;
                            color: #436BB3;
                          }
                          .pfg-form.formid-application-for-membership textarea{
                         
                            color: #495057;
                            
                            background-color: #fff;
                            background-clip: padding-box;
                            border: 1px solid #436BB3;
                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                            height: 40px;
                            font-size: 11pt;
                            padding-left: 10px;
                            background: white;
                          }
                                       
                          h1.documentFirstHeading{
                            height: 35px;
                            line-height: 35px;
                            padding-left: 20px;
                            color: #FFF;
                            font-size: 17px;
                            background-color: #436BB3;
                            width: 100%;
                            border:none;
                          }
/*  Fcontact */ /*  Fcontact */ /*  Fcontact */ /*  Fcontact */ /*  Fcontact */ /*  Fcontact */

                          .pfg-form.formid-contact{
                              width: 490px;
                              padding-left:20px;
                          }                          
                     
                          .pfg-form.formid-contact label{
                         
                            font-weight: 400;
                            font-size: 12pt;
                            color: #436BB3;
                            
                          }
                      
                
                            input#fullname, input#your-location, input#email, textarea#message,input#ectct, #su-correo-electronico, input#topic, input#other, input#nationality{
                            width: 490px;
                            color: #495057;                             
                            background-color: #fff;
                            background-clip: padding-box;
                            border: 1px solid #436BB3;
                            border-radius: .25rem;
                            transition: border-color .15s ease-in-out, box-shadow .25s ease-in-out;
                            height: 40px;
                            font-size: 11pt;
                            padding-left: 10px;
                        }
                    


/*  For Administrative Buttons *//*  For Administrative Buttons *//*  For Administrative Buttons *//*  For Administrative Buttons */
                         .contentActions{
                             position: absolute;
                             top: 0;
                             right: 0;
                             text-align: left;
                             padding-right: 10%;
                             padding-top: 5px;
                             }
                             
                             .contentViews{
                             position: absolute;
                             top: 0;
                             left: 0;
                             background-color: #FFEB3B;
                             width: 100%;
                             text-align: left;
                             height: 24px;
                             padding-left: 10%;
                             
                             }
                         
                       /* Info message after logging in - just make the display to "block" */




                            #plone-lock-status {
                            height:100%;
                            width: 65%;
                            margin: auto;
                            text-align: center;
                            }
                            dl.portalMessage dt {
                            display: none;
                            background-color: transparent;
                            border: none;
                            font-weight: 700;
                            float: left;
                            margin: 0 .5em 0 0;
                            padding: .5em .75em;
                            color: black;
                            line-height: 1.25em;
                            }


                            /* Welcome message after logging in */
                            dl.portalMessage dd {

                            }


                            dl.portalMessage.info {

                            font-size: 80%;
                            }

/* HOMEPAGE INDEX_MACRO_2018 STYLESHEET */
 
             .feat_box_big img{
                     width: 760px;
                     height: 376px;
             }
               .feat_box_big{
                width: 760px;
                height: 376px;              
                display: inline;
                position: relative;
                
                         
                }
             .feat_box_small{
                width: 380px;
                height: 376px;
                display: inline;            
                
             } 
             .feat_box_small img{
                     width: 380px;
                     height: 376px;
             }
             .spacer-feat{
                     width: 14px;
                     height: 20px;
                     display: inline-block;
             }
             .feat_box_box_detail{
    border-left: 20px solid #ca242b;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    background-color: #000;
    color: #fff;
    width: 80%;
    height: auto;
    opacity: .75;
    padding: 15px 15px 15px 15px;
    text-align: left;
border-bottom: solid 0.5px #bdbdbd;

             }
      .feat_box_box_detail_rtl{
    border-left: 20px solid #ca242b;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    background-color: #000;
    color: #fff;
    width: 80%;
    height: auto;
    opacity: .75;
    padding: 15px 15px 15px 15px;
    text-align: left;
border-bottom: solid 0.5px #bdbdbd;

             }
             .feat_box{
                     display: inline-block;
             }
             .top_box{
                     height: 380px;
                     width: 100%;
                     margin: 20px 0 0px 0;
             }
             #ft1{
               font-size: 16px; 
               font-weight: 800; 
               display:block;
               margin-bottom: 5px;
              }

             #ft2{
                 font-size: 12px;
                font-weight:400;
                }


        #ace-partners{
                height: 350px;
                max-height: 350px;
        }


        .sub_topic{
                 
               
                width: 100%;
                text-align: center;

        }
        .topic_links{  
                 
                 
                text-align: center;
                margin: auto;
                top: 50%;
                position: relative;
                transform: translateY(-50%);
                color: white;
                line-height: 23px;
        }
        .topic_links a{
                text-decoration: none;
                display: block;
                color: white;
        }
        .topic_links a:hover{
                text-decoration: underline;
               
        }
        .topic_links a:visited{
                color: white;
               
        }
        .topic_title{
                height: 50px;
                margin-bottom: 1px;
               
                width:100%;
                line-height:50px;
                font:15px;
                font-weight: 800;
                text-align: center;
        }
        .sub_topic{
               height: 180px;
        }
        .topic_box{
                width:214px;
                max-width: 214px;
                height: 231px;
                max-height:231px;
                float: left;
                display: inline-block;
                
        }
        .en_topic{
                height: 214px;
        }


/*  home page-Topics box ends */
/*  color starts */

.bl1{background-color: #406AB4;  color:white;}
.yel{background-color: #F9A61A ; color:white;}
.bl2{background-color:#0773BB ; color:white;}
.red1{background-color:#CC222D ; color:white;}
.gre1{background-color: #54813E; color:white;}


/*  color ends ends */

/*  SPACER */
.spacer30{       
        height: 22px;
        width: 100px;
        display: block;
}
.spacer_20px{
        width:11px; 
        display: inline-block;
        float: left;
         margin:auto;
        
}
.spacer{
        height: 30px;
        width: 65px;
        display: inline-block;
}


/*  home page Over lay Portion */
                .icon_img img{

                       height: 70px;
                }

                .icon_img{
                        padding-top:5px;
                }
                .icon_name{
                        font-size: 10pt;
                        padding-top: 10px;
                        color:#3573C6;
                }
                .icon_box{
                        position: relative;
                        text-align: center;
                        width: 150px;
                        height: 130px;
                        border: solid 0.8px #3573C6;
                        display: inline-block;
                        
                }
                .overlay_text{
                        position: absolute;
                        left:0px; right:0px; top:0px; bottom:0px;
                        width: 150px;
                        height: 130px;
                        opacity: 0;
                        background-color: #3573C6;
                        transition: .5s ease;
                }
                .icon_box:hover .overlay_text{
                        opacity: 1;
                }
                .icon_text{
                        font-size:9pt;
                        color: white;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        text-align: center;
                        padding: 1px 5px 3px 5px;
                        width: 150px;
                }



/* HOme page   overlay portion ends */


                .celeb_wrap{
                        width: 100%;
                        height: 470px;
                        border: solid 0.8px #3573C6;
                        margin-top: 96px;
                        margin-bottom: 2em;
                }
                .celebration_box{
                        margin: auto;
                        width: 1100px;
                        padding-top: 69px;
                        text-align: center;
                        position: relative;

                }
                .celeb_text{
                        height:70px;
                       
                        width: 57%;
                        text-align: center;
                        margin: auto;
                }
                .img_20 img{width: 170px; }
                .img_20{
                        position: absolute;

                        top: -76px;

                        left: 452px;
                }
            
                .img20_big img{
                        width: 1075px;
                }
               
                #featured_wrapper img{ 
                                width: 1200px;
                }
               
                #featured_wrapper{
                        width: 100%;
                        height: 400px;
                        margin: auto;
                        position: relative;
                        overflow: hidden;
                        
                       
                }
               
                #featured_detail{
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        width: 450px;
                        height: 100px;
                        font-size: 10px;
                        background-color: black;
                        color: white;
                        opacity: 0.7;
                        padding: 10px 10px 10px 10px;
                }
                #featured{margin: 20px 0 20px 0;}



.en_topics_inside{
margin:auto;
width:96%
}

li{
margin-bottom:0px !important;
}

/* About Partners CSS*//* About Partners CSS*//* About Partners CSS*//* About Partners CSS*//* About Partners CSS*/
                                .partners_table td:hover .box1{
                                    transform: scale(1.05);
                                }
                                .partners_table .box1{
                                    
                                  
                                    border: solid 0.7px #B3C4E0;
                                }
                                .box1 img{
                                    width: 200px;
                                    max-width:200px;
                                   
                                   
                                }
                                .partners_info{
                                    background: #F3F3F5;
                                    height: 255px;
                                    border-top: solid 0.7px #B3C4E0;
                                    padding: 5px 10px 5px 10px;
                                }
                                .ptitle{
                                    
                                    display: block;
                                    vertical-align: top;
                                    margin-bottom: 0.5em;
                                    
                                }
                                .pdesc{
                                    font-size: 0.8rem;
                                    color: rgb(46, 46, 46);
                                    height: 145px;
                                    
                                    display: block;
                                    text-align:;
                                   
                                    overflow: hidden;
                                }



                                #about-content li{
                                    list-style-type: decimal;
                                }
                               


/* ACE ALL PARTNERS FOR BLURP IN HOMEPAGE*/   

.partner_image img{
                    width: 150px;
                }
                .partner_image{
                    width: 165px;
                    height: 300px;
                    text-align: left;
                }
                .partners_blurp{
                    
                    font-size:15px;
height:230px;
                }
                .partners_blurp p{
                     font-size:14px;
                   
                }
                .partner_info{
                   
                    text-align: left;
                }
                .partner_publications{
                    color: black;
                    padding-left: 5px;
                    height: 150px;
                    
                }
                .partner_publications li{
                    list-style-type: disc;
                } 
                .partner_publications a{
                    color: black;
                }




/* home page-Topics  box css*/


div#content, div.content{
padding-top: 0px;
}
#tcountry{
display: block;
width: 280px;
background-color: #4C6BB3;
font-size: 20px;
color: white;
text-align: center;
}

.documentDescription {
    font-weight: normal;
    display: block;
    margin: 0em 0em 0.5em 0em;
    line-height: 2em;
    color: #000;
    font-weight: bold;
}
/* for form pages: making them similar to middle-content */
.pfg-form.formid-default{
  padding: 10px 20px 10px 20px;
}
.p{  padding: 10px 20px 10px 20px;}

.topic_intro{
color: #7b7777;
font-size: 13px;
padding: 10px;
}

.newsletter_paragraph a, a:visited {
    color: #4C6BB3;
    text-decoration: underline;
    font-weight: normal;
    background-color:#FFFFFF;
}


dt.portletHeader {
    display: none !important;
}


/* UPDATE PROFILE PAGE*/
textarea#description,select#nationality,select#country_of_residence,select#type_of_member,input#portrait,input#alt_email
{
width: 490px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #436bb3;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .25s ease-in-out;
    height: 40px;
    font-size: 11pt;
    padding-left: 10px;}


td.region-top-right {
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px;
    background-color: #eaf7ff;
}

td.region-top-left {
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    border: solid white 2px;
    border-width: 2px;
    margin: 2px;
}

td.regions-bottom {
    background-color: #ffffff;
    /* padding: 10px; */
    border-style: solid;
    border-color: white;
}