/*
This stylesheet is used by several modifications in iMIS Website

1. Footer

2. Document Database


3. Alban Systems IParts

*/

/*  HOME PAGE */

#masterContentArea {
padding-top: 15px;
}






.iMIS-WebPart .boxpad {
padding-top: 10px;
padding-bottom: 10px;
}

.boxpad > .abstract {
margin-bottom: 5px;

}



.L1 .img-container{
margin-left:-20px;
margin-right: -20px;
margin-top: -10px;
}


.L2 .img-container{
margin-left:-20px;
margin-right: -20px;
margin-top: -10px;
}


.abstract > p.small {
margin:0 0 0;
}


.R1 .boxpad > p {
margin:0 0 0;
}

.abstract .category-label{
border-top-left-radius:3px;
border-top-right-radius:3px;
}



/*  IPA FOOTER */

.ipa_Footer {
    background-color:#2f4858;
    font-family: Arial, Helvetica, sans-serif;
    color:lightslategrey;
}




.ipa_BlockMenu{
    max-width:400px;
    background-color:#2f4858;
    padding-bottom: 5px;
    break-inside: avoid-column;
}



.ipa_BlockMenu h3{
    color:white;
    text-align:left;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-top: 0px;
    word-wrap: none;
}

strong {
    font-weight: bold;
}



.ipa_BlockMenu a{
    text-decoration: none;
    color:lightslategray;
	text-align: left;
}



.ipa_BlockMenu ul {
    white-space: nowrap;
}


.ipa_BlockMenu p {
    white-space: nowrap;
    color:lightslategrey;
    margin-left: 30px;
}



.ipa_BlockMenu li {
    list-style-position: outside;
    text-align:left;
}



.ipa_BlockMenu li a:hover {
    color: white;
}




.ipa_LinksRow{
    float:left;
    background-color:#1b2933 ;
    width:100%;
    column-count: 3;
    column-width: 300px;
    min-width: 300px;
    vertical-align: middle;
}



.ipa_keeptogether{
    display: inline-block;
    width: 100%;
}



.ipa_SocialLinks {
    display:inline-block;
    list-style: none;
    margin-top: 0px;
    min-width: 300px;
    break-inside:avoid-columnn;
    break-after:column;
}



.ipa_SocialLinks > li {
    display:inline-block;
    text-align:center;
}



.ipa_icon-social{
    float:left;
    padding:5px;
    color:white;
}



.IPA_Page {
background-color:white;
}



#Social ul{
list-style-type: none;
}



#Subscriptions ul{
list-style-type: none;
}


.ipa_FullWidthFooter {
    
background-color:#1b2933;
    
--margin-left:-50%;
    
--margin-right:-50%;

}


@media (max-width: 768px) {
.ipa_FullWidthFooter {
    
    margin-left:0;
    margin-right:0;
}

}


.ipa_translate {
         text-align: left;
}


.ipa_Address {
         text-align: center;
         font-size: 17px;
}


.ipa_Legal{
    display:inline-block;
    min-width: 300px;
    break-inside:avoid-column;
}


.ipa_Legal ul {
    padding-inline-start: 0px;
	list-style-type: none;
}


.ipa_Legal ul li{
    margin-top:30px;
    float:left;
    }


.ipa_Legal ul li:not(:first-child){
	margin-left:30px;
    }



.ipa_Legal ul li a{
float:left;
text-decoration:none;
color:lightslategray;
}




/* Overide Bootstrap styles */

#IPAFooter a {
	color:lightslategrey;
	font-size:17px;
}

#IPAFooter a:hover {
	color:white;
	}



/* DOCUMENT DATABASE */


	#filter_main {
	

	border: 1px solid grey;
		
	padding:10px;
	
	border-radius:5px;
	
	background-color:#f5f8f8;
	
	position:fixed;
        
bottom:auto;
	}

#filter_main.filter_bottom {
	

        bottom: 680px;
	top:auto;
	}



	
    input[id^=DDB],select[id^=DDB] {
    	display:block;
    	font-size: 14px;
  	height: auto;
    	max-width:200px;
    	/* margin-top:6px;
 */	
	margin-bottom: 5px;
        padding:0px 0px 0px 0px;
    }

#DDB_year1, #DDB_year2 {
    	display:inline;
    	
    }


    .label_above{
   	 display:block;
   	 /* padding-top:6px; */
    	padding-bottom:6px;
    	font-size:16px;
    	height:20px;
    }

.Paper.ResearchPaper {
    	grid-template-columns: 10px 1fr;
    	-ms-grid-columns: 10px 1fr;
}

    .Paper {
    	display:grid;
    	display:-ms-grid;
    	grid-column: 3;
    	-ms-grid-column: 2;
   	-ms-grid-row: auto;
    	grid-template-areas: "P_Image_Placeholder P_Title_Placeholder"
    	"P_Image_Placeholder P_Attributes_Placeholder"
    	"P_Image_Placeholder P_Abstract_Placeholder";
    	grid-template-columns: 100px 1fr;
    	-ms-grid-columns: 100px 1fr;
    	grid-gap: 10px;
    	background-color:white;
    	align-items:center;
	border-bottom:1px solid lightgrey;
	border-top: 1px solid lightgrey;
    }






    .Paper_Author, .Paper_AwardRound {
    	grid-area: P_Attributes_Placeholder;
    	-ms-grid-row: 2;
    	-ms-grid-column: 2;
    	font-size:4mm;
    }

    .Paper_Author span {
        display:inline-block
     }
    .Paper_Title {
    	grid-area: P_Title_Placeholder;
    	-ms-grid-row: 1;
    	-ms-grid-column: 2;
    	font-weight: bold;
	font-size:5mm;
	
    }
    .Paper_Abstract {
    	display:grid;
    	display:-ms-grid;
    	grid-template-columns: 1fr 1fr 1fr;
    	-ms-grid-columns: 1fr 1fr 1fr;
    	grid-area: P_Abstract_Placeholder;
    	-ms-grid-row: 3;
    	-ms-grid-column: 2;
    }
    .Paper_Image {
    	grid-area: P_Image_Placeholder;
    	-ms-grid-row: 1;
    	-ms-grid-column: 1;
    	-ms-grid-row-span: 3;
    	width:80px;
    	height:120px;
    	justify-self:center;
    	padding-top:0px;
    	padding-bottom:10px;
    	font-size:15mm;
    }
    .ipa_hiddenbutton {
    	opacity:0.3;
    	disabled: true;
    }
    #DDB_PageControls{
    	//clear:both;
	//position:fixed;
	//top: 180px;
    }

	#DDB_PageCounts {
	font-weight: bold;
	}
    #DDB_PageButtons{
    	display:block
    }

    #DDB_Prev{
    	display:inline;
    	text-align:left;
    	background: transparent url(https://www.ipa.world/images/Left.png) ;
    	height:30px;
    	width:30px;
    	background-size:     cover;
    	background-repeat:   no-repeat;
    	background-position: center center;
    	border:none;
    }

    #DDB_Next{
    	display:inline;
    	text-align:right;
    	background:transparent url(https://www.ipa.world/images/Right.png) ;
    	height:30px;
    	width:30px;
    	background-size:     cover;
    	background-repeat:   no-repeat;
    	background-position: center center;
    	border:none;
    }

    #doclist {
	min-height:1000px;
	grid-column:3;
	-ms-grid-column:2;

}

/* Document Database on Narrow Screens */
@media(max-width:999px){

.Paper {
grid-column:1;
-ms-grid-column:1;
grid-row:2;

}
/* Overide rule which removes Icons */
@media (max-width: 768px) {
    .Paper [class^="icon-"], [class*=" icon-"] {
        font-size: inherit !important; 
    }
}


#filter_main {
	
position: relative;
top:auto;
}

 #DDB_PageControls{
//position: relative;
//top:auto;
}

}

/* THIS IS THE CSS FOR LANGUAGE widget */
.Navbar-select {
height: 25px;
font-size: 80%;
font-family: proxima_nova_rgregular;
}


/* THIS IS THE CSS FOR FULL WIDTH */

.ipa_grid_wrapper {
display:grid; 
grid-gap:10px; 
display: -ms-grid;
-ms-grid-columns:1fr 10px 1fr;

} 


.LeftCol {
display:grid; 
grid-rows:2;
display: -ms-grid; 
-ms-grid-rows:2
}


.L1 {
grid-column:1;
grid-row:1;
-ms-grid-column:1;
-ms-grid-row:1

}

.L2 {
grid-column:1;
grid-row:2;
-ms-grid-column:1;
-ms-grid-row:2

}


.R1 {
grid-column:2;
-ms-grid-column:3
}

/* THIS IS THE CSS FOR NARROW SCREENS*/

@media(max-width:640px){
.LeftCol {
display:grid; 
Grid-rows:3;
display: -ms-grid; 
-ms-grid-rows:3
}

.Navbar-select {
display: none;
}

.R1 {
Grid-column:1;
-ms-grid-column:1;
Grid-row:3;
-ms-grid-row:3
}

}

.abstract {
  margin-bottom: 15px;

}

.abstract .img-container.unlimited {
max-height:none;
}




/* ALBAN SYSTEMS IPARTS */

/* AS PODCAST IPART */

#channel_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%
    }
    #podcast_title {
    font-size: 1em;
    }
    .podcast_episode {
    clear:both;
    padding: 10px;
    }
    #podcast_image {
    width:200px;
    height: 200px;
    }
    .icon-play3 {
    color:#c01f2c;
    font-size:18px;
    }
    #featured_image {
    float:left;
    width: 25%;
    padding-right:20px;
    }
    #episode_detail {
    width:75%;
    padding:10px;
    }

	
	/* AS Data Showcase Carousel */
.carousel-indicators {
padding-bottom:60px;
}

/* AS COMMITTEE LAYOUT */



 .ipacommitteeheader {
    background-image:url("https://www.ipa.world/ipa/images/committee/default_committee.jpg");
    background-position:center;
    width:100%;
    margin-top:-17px;
    }

.Ipa-banner-header .panel-body {
padding:0px !important;
}

.AS_CommitteeName {
    text-align:center;
    }

.AS_CommitteeName span {
    color:white;
    display:inline-block;
    font-size: 3em;
    white-space: nowrap;
    overflow: hidden;
    line-height:200px;
    }

    .committeeCCO {
    width:100%;
    text-align:center;
    }

    .CommitteeCCO .rtsLevel {
    min-height:50px;
    background-color:transparent !important;
    }

    .CommitteeCCO .rtsLevel .rtsUL {
    background-color:transparent !important;
    }

    .CommitteeCCO .RadTabStripTop_Metro .rtsLevel  {
    background-color:transparent !important;
    }

    .CommitteeCCO .RadTabStrip .rtsUL {
    position:relative;
    bottom: 0px;
    min-height:50px;
    text-align:center;
    left:0;
    right:0;
    margin:auto !important;
    width:fit-content;
    box-sizing:content-box;
    overflow:normal;

float:none;
display:block;	
    }

    .CommitteeCCO .rtsLI {
    min-width:150px;
    box-sizing: content-box;
    min-height:50px;
    }
    .CommitteeCCO .rtsLevel1 .rtsLink {
    border-color:#2f4858 !important;
    background-color:#2f4858;
    min-height:50px;
    border-width:3px;
    border-radius:3px;
    color:white;
    margin:5px;
    }
    .CommitteeCCO .rtsTxt {
    font-size: 1.2em;
    text-decoration:none;
margin-top:10px;
    }
    .CommitteeCCO .RadTabStrip .rtsLevel .rtsTxt:hover {
    color:#fce38a;
    text-decoration:none;
    }
    .CommitteeCCO .RadTabStrip_Orion {
    border-bottom:none !important;
    }
    .CommitteeCCO .rtsLevel1 .rtsLink.rtsSelected {
    border-color:#3aabcf !important;
    background-color:#3aabcf;
    }

.CommitteeCCO .ContentWizardDisplay {
border-style:none !important;
}

.CommitteeCCO .RadGrid .rgHeader a {
text-decoration: none !important;
}

@media (max-width: 768px)	{

.AS_CommitteeName span {
white-space:normal;
line-height:normal;
}

}



/* AS IQAFLEX IPART */

#IPA_ListContainer {
    display:grid;
    /*display: -ms-grid; */
    grid-template-columns: 1fr;
    /*-ms-grid-columns: 1fr; */
    grid-gap: 10px;
margin-top:50px;
    }

/* EVENTS */

.ipaevent:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.2);
    }

.ipaevent{
    position:relative;	
    background-color: white;
    border: 1px solid #e6e6e6;
    width: 90%;
	
    left:0;
	
    right:0;
    margin:auto;
min-height:240px;
    }

.ipaevent h1{
    font-size:20px;
    }

.ipaeventimage {
position:absolute;
left:5px;
top:5px;
}

.ipaeventbutton {
position:absolute;
right:5px;
bottom:5px;
}


.ipaeventdatewrapper {
position:absolute;
right:5px;
top:5px;
}

.ipaevent img {
    float:left;
    width: 200px;
    height:200px;
    max-height:200px;
    }

.ipaeventdetails{
    position:absolute;
    left:220px;
    margin-top: 5px;
    }

@media (max-width: 768px)	{

.ipaevent {
min-height:300px;
}


.ipaevent img {
    width: 100px;
    height: 100px;
max-height: 100px;

	}

    .ipaeventdetails{
    bottom:0px;
    left:5px;
max-width:80%;
}

.ipaeventdetails [class^="icon-"]{
  font-size:0.8em;
}

}



.ipaeventdetails p:empty, span:empty {
    display: none;
    }

.ipaeventdate {
    display:block;
    //background-color: #4A89DC;
    background-color: #0997b0;
    opacity:1;
    margin-bottom:5px;
    float:right;
    padding:8px;
    color:white;
    width:60px;
    text-align:center;
    }

.ipaeventdate.nextyr{
    background-color: #e1ad01;
}

.ipaeventdate.yr1plus{
    background-color: #2f7c1b;
}

.ipaeventdate.yrplus2{
    background-color: #2f7c1b;
}
.ipaeventdate.yrplus3{
    background-color: #663a82;
}

.ipaeventdate.yr4plus{
    background-color: #54328C;
}



.ipaeventdate .date {
    font-size: 34px;
    line-height: 34px;
    display: block;
    border-bottom: 1px solid white;
    padding-bottom: 8px;
    margin-bottom: 8px;
    }
    .commafirst:before {
    content:", ";
    }
    [class^="icon-"] span {
    padding-left:8px;
    }

