/**********************************************/
/* Color definitions
  Yellow 1: rgb(255,243,180) #FFF3B4
  Yellow 2: rgb(255,225,68) #FFE769
  Yellow 3: rgb(255,221,81) #FFDD51
  Yellow 4: rgb(246,201,76) #F6C94C

  Blue/Green 1: rgb(0,136,135) #008887
  Blue/Green 2: rgb(51,160,159) #33A09F
  Blue/Green 3: rgb(102,184,183) #66B8B7

  Green 1: rgb(102,160,135) #66A087
  Green 2: rgb(168,188,125) #A8BC7D
  Green 3: rgb(203,215,177) #CBD7B1
  Green 4: rgb(202,201,119) #CAC977

  Blue 1: rgb(127,_183,192) #7FB7C0
  Blue 1: rgb(159,221,228) #7FB7C0
  Blue 2: rgb(128,189,209) #80BDD1
  Blue 3: rgb(198,226,227) #C6E2E3

  Grey 1: rgb(50,50,50) #323232
  Grey 2: rgb(179,179,179) #B3B3B3
  Grey 3: rgb(242,242,242) #F2F2F2


  REBRAND 2021:
  Blue/Green: rgb(0,100,108) #00646C
  Blue: rgb(159,221,228) #9FDDE4
  Yellow: rgb( 255,225,68) #FFE144
  Green: rgb(175,215,120) #AFD778

*/

/* ********************************************************************** */
/* WEBFONT QUATTROCENTO  */
/* ********************************************************************** */
@font-face {
    font-family: 'Quattrocento Sans';
    font-weight: 400;
    src: url('/fileadmin/templates/iclei-europe/fonts/QuattrocentoSans/QuattrocentoSans-Regular.ttf');
}
@font-face {
    font-family: 'Quattrocento Sans';
    font-weight: 400;
    font-style: italic;
    src: url('/fileadmin/templates/iclei-europe/fonts/QuattrocentoSans/QuattrocentoSans-Italic.ttf');
}
@font-face {
    font-family: 'Quattrocento Sans';
    font-weight: 700;
    src: url('/fileadmin/templates/iclei-europe/fonts/QuattrocentoSans/QuattrocentoSans-Bold.ttf');
}
@font-face {
    font-family: 'Quattrocento Sans';
    font-weight: 700;
    font-style: italic;
    src: url('/fileadmin/templates/iclei-europe/fonts/QuattrocentoSans/QuattrocentoSans-BoldItalic.ttf');
}
/*@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,400italic,700italic,600,600italic);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);*/


/* ********************************************************************** */
/* GENERAL  */
/* ********************************************************************** */
body{font-family:'Quattrocento Sans', sans-serif; font-size:16px; color:rgb(50,50,50);}

::-moz-selection { background:rgb(159, 221, 228) !important; color:rgb(50,50,50) !important; text-shadow: none; }
::selection { background:rgb(159, 221, 228) !important; color:rgb(50,50,50) !important; text-shadow: none; }


/* ********************************************************************** */
/* Content container
/* ********************************************************************** */
.centered_with_container{width:1200px; margin:0 auto; overflow:hidden; text-align:left;}
.centered_with_container .centered_with_container{width:auto;}


/* ********************************************************************** */
/* STANDARD CONTENT ELEMENTS */
/* ********************************************************************** */

p{font-size:1.05em; line-height:1.5em; margin:10px 0 10px 0; padding:0;}

em{ font-style:italic;}
strong{font-weight:bold;}
sub{}
sup{}
strike{text-decoration: line-through;}
u{text-decoration:underline;}

img{max-width:100%; height:auto;}

h1{ font-size: 1.8em; margin-top:10px; color:black;}
h2{ font-size: 1.7em; margin-top:10px; color:black;}
h3{ font-size: 1.5em; margin-top:10px; color:black;}
h4{ font-size: 1.3em; margin-top:10px; }
h5{ font-weight: bold; font-size: 1.1em; margin-top:10px; }
h6{ font-weight: bold; font-size: 1.0em; margin-top:10px; }

/* changed colour for link only from rgb(159,221,228) to rgb(97,153,162) for more contrast in text */
a{color:rgb(0,100,108); background-color:transparent; text-decoration:none;}
a:link {color:rgb(0,100,108); text-decoration:none;}
a:visited {color:rgb(0,100,108); text-decoration:none;}
a:hover {background-color:rgb(0,100,108); color:white; text-decoration:none;}
a:active {}
a img{border:none; background-color:transparent;}
a:hover img{}

/*a{color:rgb(97,153,162); background-color:transparent; text-decoration:none;}
a:link {color:rgb(97,153,162); text-decoration:none;}
a:visited {color:rgb(159,221,228); text-decoration:none;}
a:hover {background-color:rgb(159,221,228); color:white; text-decoration:none;}
a:active {}
a img{border:none; background-color:transparent;}
a:hover img{}
*/



ul{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; list-style-type:none;}
ul li {/*font-size:1.05em;*/ line-height:1.6em; }
ul li:before{ content:"\f111"; font-size:.5em; font-family: FontAwesome; color:rgb(255,225,68); float:left; display:_inline-block; margin:-1px 8px 0 -14px;}

ol{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; }
ol li{/*font-size:1.05em;*/ line-height:1.4em;}

table{margin:10px 0 10px 0;}
table tr{}
table tr th{vertical-align:top; font-size:1em; padding: 5px}
table tr th:first-child{padding-left: 0;}
table tr th:last-child{padding-right: 0;}
table tr td{vertical-align:top; font-size:1em; padding: 5px;}
table tr td:first-child{padding-left: 0;}
table tr td:last-child{padding-right: 0;}

hr{margin:10px 0 10px 0; border:1px solid rgb(220,220,220); border-width:1px 0 0 0;}

/*div{font-size:inherit; color:inherit; line-height:inherit;}
span{font-size:inherit; color:inherit; line-height:inherit;}
*/
blockquote {}
blockquote p{color:rgb(168,188,125); font-size:1.05em; font-style:normal;}

pre{font-family:Courier, monospace;}
pre code{color:rgb(90,90,90);}

dl{}
dl dt{}
dt dd{}



/* ********************************************************************** */
/* ADDITIONAL CUSTOM CLASSES */
/* ********************************************************************** */

/* ********************************************************************** */
/* General text color in non-white BG elements(BG, inverted, etc)
/* ********************************************************************** */
.inverted *{color:white; }

.inverted a,
.inverted a:link,
.inverted a:visited {}
.inverted a:hover {}

.inverted pre code{color:rgb(90,90,90); }


/* ********************************************************************** */
/* Link style in some of the BG boxes (turquoise, orange, brown, green2016, pink2017)
/* ********************************************************************** */
.blue1BG a,.blue2BG a, .green1BG a, .green2BG a, .greyBG a{ color:rgb(0,100,108); }
.turquoiseBG a:hover, .orangeBG a:hover, .brownBG a:hover, .green2016BG a:hover, .pink2017BG a:hover{ background-color:rgb(30,104,129); color:white;}



/* ********************************************************************** */
/* ADDITIONAL STANDARD CLASSES */
/* ********************************************************************** */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}




/* ********************************************************************** */
/* Link styles (coloured link boxes)
/* ********************************************************************** */
.content_tile a[class^="link"]{display:inline-block; text-decoration:none; padding:8px 16px; border-radius:2px; border:1px solid white; }
.content_tile a[class$="Border"]{ background-color:white;   }
.content_tile a[class$="BG"]{color:white;}


.content_tile a.linkYellowBorder{color:rgb(255,225,68); border-color:rgb(255,225,68);}
.content_tile a.linkYellowBorder:hover{color:white; background-color:rgb(255,225,68);}

.content_tile a.linkBlueGreenBorder{color:rgb(0,100,108); border-color:rgb(0,100,108);}
.content_tile a.linkBlueGreenBorder:hover{color:white; background-color:rgb(0,100,108);}

.content_tile a.linkBlue1Border{color:rgb(159,221,228); border-color:rgb(159,221,228);}
.content_tile a.linkBlue1Border:hover{color:white; background-color:rgb(159,221,228);}

.content_tile a.linkBlue2Border{color:rgb(128,189,209); border-color:rgb(128,189,209);}
.content_tile a.linkBlue2Border:hover{color:white; background-color:rgb(128,189,209);}

.content_tile a.linkGreen1Border{color:rgb(168,188,125); border-color:rgb(168,188,125);}
.content_tile a.linkGreen1Border:hover{color:white; background-color:rgb(168,188,125);}

.content_tile a.linkGreen2Border{color:rgb(175,215,120); border-color:rgb(175,215,120);}
.content_tile a.linkGreen2Border:hover{color:white; background-color:rgb(175,215,120);}

.content_tile a.linkGreyBorder{color:rgb(179,179,179); border-color:rgb(179,179,179);}
.content_tile a.linkGreyBorder:hover{color:white; background-color:rgb(179,179,179);}


.content_tile a.linkYellowBG{background-color:rgb(255,225,68); border-color:rgb(255,225,68); color:rgb(50,50,50);}
.content_tile a.linkYellowBG:hover{background-color:rgba(255,225,68,0.8);}

.content_tile a.linkBlueGreenBG{background-color:rgb(0,100,108); border-color:rgb(0,100,108);}
.content_tile a.linkBlueGreenBG:hover{background-color:rgba(0,100,108,0.8);}

.content_tile a.linkBlue1BG{background-color:rgb(159,221,228); border-color:rgb(159,221,228); color:rgb(50,50,50);}
.content_tile a.linkBlue1BG:hover{background-color:rgba(159,221,228,0.8);}

.content_tile a.linkBlue2BG{background-color:rgb(128,189,209); border-color:rgb(128,189,209);}
.content_tile a.linkBlue2BG:hover{background-color:rgba(128,189,209,0.8);}

.content_tile a.linkGreen1BG{background-color:rgb(168,188,125); border-color:rgb(168,188,125);}
.content_tile a.linkGreen1BG:hover{background-color:rgba(168,188,125,0.8);}

.content_tile a.linkGreen2BG{background-color:rgb(175,215,120); border-color:rgb(175,215,120); color:white;}
.content_tile a.linkGreen2BG:hover{background-color:rgba(175,215,120,0.8);}

.content_tile a.linkGreyBG{background-color:rgb(179,179,179); border-color:rgb(179,179,179);}
.content_tile a.linkGreyBG:hover{background-color:rgba(179,179,179,0.8);}



.content_tile a.linkBlueGhost{color:rgb(159,221,228); border-color:rgb(159,221,228); background-color:transparent;}
.content_tile a.linkBlueGhost:hover{background-color:rgba(159,221,228,0.1); color:rgb(159,221,228); border-color:rgb(159,221,228);}

.content_tile a.linkWhiteGhost{color:white; border-color:white; background-color:transparent;}
.content_tile a.linkWhiteGhost:hover{background-color:rgba(255,255,255,0.1); color:white; border-color:white;}

.content_tile a.noHoverColor{background-color:transparent;}
.content_tile a.noHoverColor:hover{background-color:transparent;}




/* ********************************************************************** */
/* General Box Classes */
/* ********************************************************************** */
.content_tile{border-radius:2px;}
.has_padding{padding:10px;}
.solidBG{text-align:left;}
.borderBox{border-width:1px; border-style: solid; text-align:left;}
.dottedBox{border-style:dotted; border-width:2px; border-radius:4px;}
.content_tile.inverted{color:white;}

.whiteBG{ background-color:white;}

.yellowBG{ background-color:rgb(255,225,68);}
.bluegreenBG{ background-color:rgb(0,100,108);}
.blue1BG{ background-color:rgb(159,221,228); }
.blue2BG{ background-color:rgb(128,189,209); }
.green2BG{ background-color:rgb(175,215,120); }
.greyBG{ background-color:rgb(179,179,179); }

.whiteBorder{ border-color:rgb(255,255,255);}
.bluegreenBorder{ border-color:rgb(0,100,108);}
.blue1Border{ border-color:rgb(159,221,228); }
.blue2Border{ border-color:rgb(128,189,209); }
.green2Border{ border-color:rgb(175,215,120); }
.greyBorder{ border-color:rgb(179,179,179); }





/* ********************************************************************** */
/* Content Tile header
/* ********************************************************************** */
.content_tile div.csc-header{padding:5px 10px; margin:0; overflow:hidden;}
.content_tile.no_padding div.csc-header{}
.content_tile.has_padding div.csc-header{margin:-10px -10px 10px -10px;}

.content_tile div.csc-header h1,
.content_tile div.csc-header h2,
.content_tile div.csc-header h3,
.content_tile div.csc-header h4,
.content_tile div.csc-header h5{margin:0; padding:0;}

.content_tile div.csc-header .csc-header-alignment-center{text-align:center;}
.content_tile div.csc-header .csc-header-alignment-right{text-align:right;}
.content_tile div.csc-header .csc-header-alignment-left{text-align:left;}


.whiteBorder div.csc-header{}
.whiteBorder div.csc-header *{color:inherit;}

.bluegreenBorder div.csc-header{background-color:rgb(0,100,108);}
.bluegreenBorder div.csc-header *{color:white;}

.blue1Border div.csc-header{background-color:rgb(159,221,228);}
.blue1Border div.csc-header *{color:white;}

.green2Border div.csc-header{background-color:rgb(175,215,120);}
.green2Border div.csc-header *{color:white;}

.greyBorder div.csc-header{background-color:rgb(179,179,179);}
.greyBorder div.csc-header *{color:white;}




/* ********************************************************************** */
/* Action Fund pages exceptions
/* ********************************************************************** */
#c5619 a {
    color: white;
}

/* Use BG boxes as highlighter */
#c4117 .bluegreenBG,
#c4105 .bluegreenBG,
#c4118 .bluegreenBG {
    display: inline-block;
}
#c4117 .bluegreenBG .csc-header,
#c4105 .bluegreenBG .csc-header,
#c4118 .bluegreenBG .csc-header {
    margin: 0;
}

/*Remove bakcground on hover of icons*/
#c4121 a:hover,
#c4122 a:hover,
#c4123 a:hover {
    background-color: transparent;
}

/*Add space horizontally between boxes*/
#c3839 {margin-right: 20px;}
#c3840 {margin-left: 20px;}

#c4445 {padding-right: 10px;}
#c4447 {padding-left: 10px;}



/* ********************************************************************** */
/* Job page
/* ********************************************************************** */
#c5352 a {font-size: 1.3em; color: #00646C;}
#c5352 a:hover {background-color: transparent; color: rgb(50,50,50);}
.bzOpeningsList {margin:0; padding: 0;}
/*.bzOpening {margin-bottom: 1.5em;}*/
.bzOpening:before {content: "";}
.bzOpening a:hover {background-color: unset; color: unset;}
.bzOpening h2 {font-size: 1.4em; color: #00646C;}
.bzOpening h2:hover {color: rgb(50,50,50);}
.bzButtonApply {display: none;}
.bzMeta {margin: 0; padding: 0; display: none;}
.bzMeta li {display: inline-block; margin-right: 10px;}
.bzMeta li:before {font-size: 1em; color: unset; margin: 0 5px 0 0;}
.bzLocation:before {content: "\f041"}
.bzType:before {content: "\f1ad"}
.bzDepartment:before {content: "\f007"}
.bzSalary:before {content: "\f19c"}


/* ********************************************************************** */
/* Page Banner
/* ********************************************************************** */
.page_banner{height:250px; background-position:top center !important; background-size:cover !important; background-repeat:no-repeat !important;}

/*The ideal would be to use the position field in TYPO3 but since it has now already been hardcoded to the above
  and images have been cropped and cut to suit the above line with top center, changing to the position field in TYPO3 would change it on all pages
  therefore the hacky solution below*/
.page-180 .page_banner {background-position: center center!important}
.page-183 .page_banner {background-position: center center!important}


/* ********************************************************************** */
/* Page heading (Offset top - into banner)
/* ********************************************************************** */
.page_heading_offset{margin-top:-2.8em;  z-index:1;}
.page_heading_offset .csc-header{}
.page_heading_offset .csc-header h1,
.page_heading_offset .csc-header h2,
.page_heading_offset .csc-header h3,
.page_heading_offset .csc-header h4,
.page_heading_offset .csc-header h5,
.page_heading_offset .csc-header h6 {display:inline-block; background-color:white; font-size:2.8em; color:rgb(50,50,50); padding:8px 25px; letter-spacing:-1px; border:1px solid rgb(242,242,242);}




/* ********************************************************************** */
/* Content Tile - Separator heading
/* ********************************************************************** */
.separator_bg{clear:both; margin:50px 0 30px 0;}
.separator_bg div div h1,
.separator_bg div div h2,
.separator_bg div div h3,
.separator_bg div div h4,
.separator_bg div div h5,
.separator_bg div div h6 {display:inline-block; padding:0 20px; margin:0; background-color:white; color:rgb(50,50,50); font-weight: normal; }

.separator_bg div {height:20px;}
.separator_bg div div h1{font-size:1.8em; line-height:20px; font-weight: bold;}

.separator_bg.yellow{ background-color:rgb(255,225,68); }
.separator_bg.blueGreen{ background-color:rgb(0,100,108); }
.separator_bg.blue1{ background-color:rgb(159,221,228); }
.separator_bg.green2{ background-color:rgb(175,215,120); }
.separator_bg.grey{ background-color:rgb(179,179,179); }










/* ********************************************************************** */
/* Topic pages */
/* ********************************************************************** */


#slider_container{
    margin: auto;
    position: relative;
}








/* ********************************************************************** */
/* Topic pages */
/* ********************************************************************** */

.topic-page-icon-container{
    position: relative;
    width: 90%;
    margin: 15px auto auto auto;

    background: #008887;
    border-radius: 50%;
}

.topic-page-icon-container:before {
    content:     "";
    display:     block;
    padding-top: 100%; /* initial ratio of 1:1*/
}

.topic-page-icon{
    margin: auto;
    width: 100%;
    height: 100%;

    padding: 20%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}





/* ********************************************************************** */
/* Accordions */
/* ********************************************************************** */
.content_tile.has_padding.box-accordion{border:1px solid rgb(0,100,108); background-color:white;}
.content_tile.has_padding.box-accordion div.csc-header{ margin-bottom:-10px;}
.content_tile.has_padding.box-accordion div.csc-header:hover{cursor:pointer; }
/*.content_tile.has_padding.box-accordion div.csc-header:hover *{color:rgb(159,221,228);}*/

.content_tile.has_padding.box-accordion div.csc-header .csc-header-alignment-center{text-align:center;}
.content_tile.has_padding.box-accordion div.csc-header .csc-header-alignment-right{text-align:right;}
.content_tile.has_padding.box-accordion div.csc-header .csc-header-alignment-left{text-align:left;}


.content_tile.has_padding.box-accordion div.csc-header h1,
.content_tile.has_padding.box-accordion div.csc-header h2,
.content_tile.has_padding.box-accordion div.csc-header h3,
.content_tile.has_padding.box-accordion div.csc-header h4,
.content_tile.has_padding.box-accordion div.csc-header h5{color:white; margin:-10px; padding:10px; color:rgb(0,100,108); background-color:white;}


.content_tile.has_padding.box-accordion div.csc-header h1{}
.content_tile.has_padding.box-accordion div.csc-header h2{}
.content_tile.has_padding.box-accordion div.csc-header h3{}
.content_tile.has_padding.box-accordion div.csc-header h4{}
.content_tile.has_padding.box-accordion div.csc-header h5{}



.content_tile.has_padding.box-accordion .accordion-content{padding:20px 10px 10px 10px;}

.content_tile.has_padding.expanded {}
.content_tile.has_padding.expanded .csc-header h1:before,
.content_tile.has_padding.expanded .csc-header h2:before,
.content_tile.has_padding.expanded .csc-header h3:before,
.content_tile.has_padding.expanded .csc-header h4:before,
.content_tile.has_padding.expanded .csc-header h5:before{font-family: 'FontAwesome'; color:rgb(159,221,228); content: "\f13a"; font-size:0.8em; margin:0 0 0 0; display: inline-block; float:right; font-weight: normal;}



.content_tile.has_padding.collapsed {}
.content_tile.has_padding.collapsed .accordion-content{padding-bottom:0 !important;}

.content_tile.has_padding.collapsed .csc-header h1:before,
.content_tile.has_padding.collapsed .csc-header h2:before,
.content_tile.has_padding.collapsed .csc-header h3:before,
.content_tile.has_padding.collapsed .csc-header h4:before,
.content_tile.has_padding.collapsed .csc-header h5:before{font-family: 'FontAwesome'; color:rgb(159,221,228); content: "\f138"; font-size:0.8em; margin:0 0 0 0; display: inline-block; float:right; font-weight: normal;}






















/* ********************************************************************** */
/* FIRST ELEMENT IN CONTENT AREA - margin-top*/
/* ********************************************************************** */
.content_tile.has_padding p:first-child{margin-top:0;}
.content_tile.has_padding h1:first-child{margin-top:0;}
.content_tile.has_padding h2:first-child{margin-top:0;}
.content_tile.has_padding h3:first-child{margin-top:0;}
.content_tile.has_padding h4:first-child{margin-top:0;}
.content_tile.has_padding h5:first-child{margin-top:0;}
.content_tile.has_padding h6:first-child{margin-top:0;}
.content_tile.has_padding ul:first-child{margin-top:0;}
.content_tile.has_padding ol:first-child{margin-top:0;}
.content_tile.has_padding table:first-child{margin-top:0;}
.content_tile.has_padding blockquote:first-child{margin-top:0;}
.content_tile.has_padding img:first-child{margin-top:0;}



/* ********************************************************************** */
/* SPECIAL ELEMENT
 * First level non-padding element in content area (screen)
/* ********************************************************************** */
/* necessary ?!? */
> .full_width_container > .centered_container.no_padding{padding:10px 0;}



/* ********************************************************************** */
/* FCE (Typo3 Flexible Content elements)
/* ********************************************************************** */
.two_colums_50_50{}
.two_colums_50_50 > .column_50_50{min-height:1px; width:49.58333%;}
.two_colums_50_50 > .column_left{float:left;}
.two_colums_50_50 > .column_right{float:right;}

.two_colums_25_75{}
.two_colums_25_75 > .column_25_75{min-height:1px; }
.two_colums_25_75 > .column_left{float:left; width:24.79167%;}
.two_colums_25_75 > .column_right{float:right; width:74.375%; }

.two_colums_33_66{}
.two_colums_33_66 > .column_33_66{min-height:1px; }
.two_colums_33_66 > .column_left{float:left; width:32.9166%;}
.two_colums_33_66 > .column_right{float:right; width:66.25%; }

.two_colums_66_33{}
.two_colums_66_33 > .column_66_33{min-height:1px; }
.two_colums_66_33 > .column_left{float:left; width:66.25%;}
.two_colums_66_33 > .column_right{float:right; width:32.9166%;}

.two_colums_75_25{}
.two_colums_75_25 > .column_75_25{min-height:1px; }
.two_colums_75_25 > .column_left{float:left; width:74.375%;}
.two_colums_75_25 > .column_right{float:right; width:24.79167%;}

.three_colums_33_33_33{}
.three_colums_33_33_33 > .column_33_33_33{min-height:1px; width:32.7777%;}
.three_colums_33_33_33 > .column_left{float:left; margin-right:0.8333%;}
.three_colums_33_33_33 > .column_middle{float:left;}
.three_colums_33_33_33 > .column_right{float:right; margin-right:0;}

.three_colums_25_50_25{}
.three_colums_25_50_25 > .column_25_50_25{min-height:1px; }
.three_colums_25_50_25 > .column_left{float:left; margin-right:0.8333%; width:24.58335%;}
.three_colums_25_50_25 > .column_middle{float:left; width:49.1667%;}
.three_colums_25_50_25 > .column_right{float:right; margin-right:0; width:24.58335%;}

.three_colums_10_80_10{}
.three_colums_10_80_10 > .column_10_80_10{min-height:1px; }
.three_colums_10_80_10 > .column_left{float:left; margin-right:0.8333%; width:10.58335%;}
.three_colums_10_80_10 > .column_middle{float:left; width:80.1667%;}
.three_colums_10_80_10 > .column_right{float:right; margin-right:0; width:10.58335%;}

.four_colums_25_25_25_25{}
.four_colums_25_25_25_25 > .column_25_25_25_25{min-height:1px; width:24.3750%;}
.four_colums_25_25_25_25 > .column_left{float:left; margin-right:0.8333%;}
.four_colums_25_25_25_25 > .column_middle_left{float:left; margin-right:0.8333%;}
.four_colums_25_25_25_25 > .column_middle_right{float:left;}
.four_colums_25_25_25_25 > .column_right{float:right; margin-right:0;}




/* ********************************************************************** */
/* Overlay Icons - EDGAR
/* ********************************************************************** */
.content_tile .edgar_overlay_icons{opacity:0.99;}


/**********************************************/
/* Media Queries
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {
}


/* < 768  */
@media only screen and (max-width: 767px){

    .one_column_100 > .column_100{width:96%; margin-left:2%; margin-right:2%;}

    .two_colums_50_50 > .column_50_50{margin:0;}
    .two_colums_50_50 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .two_colums_50_50 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;}

    .two_colums_25_75{}
    .two_colums_25_75 > .column_25_75{min-height:1px; }
    .two_colums_25_75 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%;}
    .two_colums_25_75 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .two_colums_33_66 > .column_33_66{margin:0;}
    .two_colums_33_66 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .two_colums_33_66 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .two_colums_66_33{}
    .two_colums_66_33 > .column_66_33{margin:0;}
    .two_colums_66_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .two_colums_66_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .two_colums_75_25{}
    .two_colums_75_25 > .column_75_25{min-height:1px; }
    .two_colums_75_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%;}
    .two_colums_75_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .three_colums_33_33_33{}
    .three_colums_33_33_33 > .column_33_33_33{margin:0;}
    .three_colums_33_33_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .three_colums_33_33_33 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
    .three_colums_33_33_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .three_colums_25_50_25{}
    .three_colums_25_50_25 > .column_25_50_25{margin:0;}
    .three_colums_25_50_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .three_colums_25_50_25 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
    .three_colums_25_50_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    .four_colums_25_25_25_25{}
    .four_colums_25_25_25_25 > .column_25_25_25_25{margin:0;}
    .four_colums_25_25_25_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
    .four_colums_25_25_25_25 > .column_middle_left{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
    .four_colums_25_25_25_25 > .column_middle_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
    .four_colums_25_25_25_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

    /* ********************************************************************** */
    /* SPECIAL ELEMENT
     * First level non-padding element in content area (screen)
    /* ********************************************************************** */
    > .full_width_container > .centered_container.no_padding{padding:10px;}


    /* ********************************************************************** */
    /* Overlay Icons - EDGAR
    /* ********************************************************************** */
    .content_tile .edgar_overlay_icons{display:none;}

    /* ********************************************************************** */
    /* Page Banner
    /* ********************************************************************** */
    .page_banner{height:150px; }


} /* end of < 768  */


@media only screen and (max-width:1199px) {
    select.form-control {
        display: block !important;
        width: 100% !important;
    }
    .selectboxit.form-control {
        display: none !important;
    }
}